:root{--ecc-navy:#001b5e;--ecc-dark:#00102b;--ecc-blue:#0033a0;--ecc-red:#cc0001;--ecc-yellow:#fc0;--ecc-line:#dce2ec}.page-event-cost-calculator{color:#071633;overflow-x:hidden}.page-event-cost-calculator h1,.page-event-cost-calculator h2{font-family:Poppins,sans-serif}.ecc-hero{color:#fff;min-height:400px;overflow:hidden;position:relative}.ecc-hero>img,.ecc-hero__shade{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.ecc-hero__shade{background:linear-gradient(90deg,rgba(0,16,43,.99),rgba(0,16,43,.9) 42%,rgba(0,16,43,.18) 76%)}.ecc-hero__inner{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 260px;min-height:400px;position:relative}.ecc-hero__copy nav{display:flex;font-size:.66rem;gap:9px;margin-bottom:18px}.ecc-hero a,.ecc-hero nav span{color:#fff}.ecc-hero h1{color:#fff;font-size:3.15rem;line-height:1;text-transform:uppercase}.ecc-hero h1 strong{color:var(--ecc-yellow);display:block}.ecc-hero__copy>em{color:var(--ecc-yellow);display:block;font-family:cursive;font-size:1.55rem;margin:5px 0}.ecc-hero__copy>p{color:#fff;font-size:.78rem;line-height:1.7;max-width:470px}.ecc-hero-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;max-width:520px}.ecc-hero-features article{border-right:1px solid rgba(255,255,255,.35);text-align:center}.ecc-hero-features article:last-child{border:0}.ecc-hero-features i{color:var(--ecc-yellow);display:block;font-size:1.8rem}.ecc-hero-features span{color:#fff;font-size:.6rem;font-weight:600}.ecc-quick{background:rgba(0,16,43,.96);border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:22px}.ecc-quick h2{color:#fff;font-size:.95rem}.ecc-quick h2 i{color:var(--ecc-yellow)}.ecc-quick dl{border-block:1px solid rgba(255,255,255,.2);padding:9px 0}.ecc-quick dl div{display:flex;font-size:.58rem;justify-content:space-between;margin:8px 0}.ecc-quick dd{margin:0}.ecc-quick>span{display:block;font-size:.58rem}.ecc-quick>strong{color:var(--ecc-yellow);display:block;font-size:1.55rem;margin:5px 0 13px}.ecc-quick button{background:var(--ecc-yellow);border:0;border-radius:5px;color:var(--ecc-dark);font-size:.68rem;font-weight:800;padding:11px;width:100%;text-transform:uppercase}
.ecc-calculator{padding:10px 0}.ecc-main-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 280px}.ecc-workspace,.ecc-summary,.ecc-box{border:1px solid var(--ecc-line);border-radius:11px}.ecc-workspace{padding:14px}.ecc-wizard{align-items:center;border-bottom:1px solid var(--ecc-line);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;padding:4px 8px 12px}.ecc-wizard article{align-items:center;display:flex;gap:9px}.ecc-wizard article>b{align-items:center;background:#dfe2e8;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;width:30px}.ecc-wizard article.active>b{background:var(--ecc-blue)}.ecc-wizard strong,.ecc-wizard small{display:block}.ecc-wizard strong{font-size:.62rem}.ecc-wizard small{font-size:.55rem}.ecc-section-head{padding:10px 8px 4px}.ecc-section-head h2{font-size:.85rem;text-transform:uppercase}.ecc-section-head p{font-size:.62rem;margin:0}.ecc-components{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.ecc-component{border:1px solid var(--ecc-line);border-radius:8px;padding:12px}.ecc-component header{align-items:center;display:grid;gap:9px;grid-template-columns:32px 1fr}.ecc-component header>i{color:var(--ecc-blue);font-size:1.7rem}.ecc-component h3{font-size:.68rem;margin:0}.ecc-component header small{font-size:.48rem}.ecc-component__bottom{align-items:end;display:flex;justify-content:space-between;margin-top:10px}.ecc-qty{display:flex}.ecc-qty button,.ecc-qty input{background:#fff;border:1px solid var(--ecc-line);height:25px;text-align:center;width:25px}.ecc-qty input{border-inline:0;font-size:.6rem;width:34px}.ecc-component__bottom strong{display:block;font-size:.68rem;margin-top:8px}.ecc-toggle{position:relative}.ecc-toggle input{opacity:0;position:absolute}.ecc-toggle span{background:#b8bec7;border-radius:20px;display:block;height:18px;position:relative;width:34px}.ecc-toggle span::after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:.2s;width:14px}.ecc-toggle input:checked+span{background:var(--ecc-blue)}.ecc-toggle input:checked+span::after{transform:translateX(16px)}.ecc-reset{background:#fff;border:1px solid var(--ecc-blue);border-radius:5px;color:var(--ecc-blue);font-size:.62rem;margin-top:10px;padding:7px 15px;text-transform:uppercase}.ecc-summary{background:var(--ecc-dark);color:#fff;padding:18px}.ecc-summary h2{color:#fff;font-size:1rem}.ecc-cost-row{align-items:center;display:flex;font-size:.6rem;justify-content:space-between;margin:11px 0}.ecc-cost-row i{color:var(--ecc-yellow);margin-right:7px}.ecc-summary__totals{border-top:1px dashed rgba(255,255,255,.28);margin-top:14px;padding-top:8px}.ecc-summary__totals p{display:flex;font-size:.65rem;justify-content:space-between}.ecc-summary__totals label{display:block;font-size:.56rem;margin:8px 0}.ecc-summary__totals .total{border-top:1px dashed rgba(255,255,255,.28);font-weight:700;padding-top:14px}.ecc-summary__totals .total b{color:var(--ecc-yellow);font-size:1.15rem}.ecc-summary>button{background:var(--ecc-yellow);border:0;border-radius:5px;color:var(--ecc-dark);font-size:.62rem;font-weight:700;margin-top:8px;padding:10px;width:100%;text-transform:uppercase}.ecc-summary>button.outline{background:transparent;border:1px solid #fff;color:#fff}.ecc-summary>small{color:#fff;display:block;font-size:.52rem;line-height:1.6;margin-top:12px}.ecc-summary [data-share-status]{color:var(--ecc-yellow);font-size:.58rem;margin-top:8px;text-align:center}
.ecc-insights{padding:3px 0 8px}.ecc-insight-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr 280px}.ecc-box{padding:16px}.ecc-box h2{font-size:.85rem;text-transform:uppercase}.ecc-chart>div{align-items:center;display:grid;grid-template-columns:150px 1fr}.ecc-chart canvas{height:150px!important;width:150px!important}.ecc-chart ul{list-style:none;margin:0;padding:0}.ecc-chart li{font-size:.55rem;margin:8px 0}.ecc-chart li span{border-radius:2px;display:inline-block;height:8px;margin-right:7px;width:8px}.ecc-tips ul{list-style:none;margin:0;padding:0}.ecc-tips li{align-items:center;display:flex;gap:12px;margin:12px 0}.ecc-tips li>i{color:var(--ecc-blue);font-size:1.25rem}.ecc-tips b,.ecc-tips small{display:block}.ecc-tips b{font-size:.6rem}.ecc-tips small{font-size:.53rem}.ecc-save p{font-size:.62rem}.ecc-save input{border:1px solid var(--ecc-line);border-radius:4px;font-size:.6rem;padding:10px;width:100%}.ecc-save button{background:var(--ecc-yellow);border:0;border-radius:4px;color:var(--ecc-dark);font-size:.6rem;font-weight:700;margin-top:10px;padding:10px;text-transform:uppercase;width:100%}.ecc-save small{display:block;font-size:.52rem;margin-top:10px}.ecc-save [data-save-status]{color:#086fc7;font-size:.58rem;margin-top:6px}.ecc-benefits{padding:0 0 8px}.ecc-benefits h2{color:var(--ecc-blue);font-size:.9rem;text-align:center;text-transform:uppercase}.ecc-benefits .ecc-box>div{display:grid;grid-template-columns:repeat(5,1fr)}.ecc-benefits article{align-items:flex-start;border-right:1px solid var(--ecc-line);display:flex;gap:10px;padding:8px 14px}.ecc-benefits article:last-child{border:0}.ecc-benefits article>i{color:var(--ecc-blue);font-size:1.6rem}.ecc-benefits b,.ecc-benefits small{display:block}.ecc-benefits b{font-size:.56rem}.ecc-benefits small{font-size:.49rem}.ecc-cta{padding:0 0 12px}.ecc-cta .container>div{align-items:center;background:var(--ecc-dark);border-radius:10px;color:#fff;display:grid;gap:15px;grid-template-columns:66px 1fr auto;padding:14px 28px}.ecc-cta>div>div>i,.ecc-cta .container>div>i{align-items:center;background:var(--ecc-blue);border-radius:50%;color:var(--ecc-yellow);display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.ecc-cta h2{color:var(--ecc-yellow);font-size:1rem;margin:0}.ecc-cta p{color:#fff;font-size:.6rem;margin:3px 0 0}.ecc-cta a{background:var(--ecc-yellow);border-radius:5px;color:var(--ecc-dark);font-size:.65rem;font-weight:700;padding:11px 20px;text-transform:uppercase}
@media(max-width:1199.98px){.ecc-components{grid-template-columns:repeat(3,1fr)}.ecc-insight-grid{grid-template-columns:1fr 1fr}.ecc-save{grid-column:1/-1}.ecc-benefits .ecc-box>div{grid-template-columns:repeat(3,1fr);row-gap:15px}}
@media(max-width:991.98px){.ecc-main-grid{grid-template-columns:1fr}.ecc-summary{position:static}.ecc-components{grid-template-columns:repeat(2,1fr)}.ecc-wizard{overflow-x:auto}.ecc-wizard article{min-width:130px}.ecc-benefits .ecc-box>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.ecc-hero{min-height:620px}.ecc-hero__inner{align-items:start;grid-template-columns:1fr;padding-bottom:30px;padding-top:28px}.ecc-hero__shade{background:rgba(0,16,43,.88)}.ecc-quick{max-width:420px;width:100%}.ecc-insight-grid{grid-template-columns:1fr}.ecc-save{grid-column:auto}.ecc-cta .container>div{grid-template-columns:55px 1fr}.ecc-cta a{grid-column:1/-1;text-align:center}.ecc-wizard{display:flex}.ecc-wizard>i{flex:0 0 auto}}
@media(max-width:575.98px){.ecc-hero h1{font-size:2.35rem}.ecc-hero-features{grid-template-columns:repeat(2,1fr);row-gap:18px}.ecc-hero-features article:nth-child(2){border:0}.ecc-components{grid-template-columns:1fr}.ecc-chart>div{grid-template-columns:1fr}.ecc-chart canvas{margin:auto}.ecc-benefits .ecc-box>div{grid-template-columns:1fr}.ecc-benefits article{border-bottom:1px solid var(--ecc-line);border-right:0}.ecc-cta .container>div{grid-template-columns:1fr;text-align:center}.ecc-cta .container>div>i{margin:auto}}

/* Mobile width containment */
.ecc-main-grid,.ecc-workspace,.ecc-summary,.ecc-insight-grid,.ecc-box{min-width:0;max-width:100%}
.ecc-summary{overflow:hidden}
.ecc-cost-row{gap:10px}
.ecc-cost-row>span{min-width:0;overflow-wrap:anywhere}
.ecc-cost-row>b{flex:0 0 auto;margin-left:auto;white-space:nowrap}
.ecc-summary>button{box-sizing:border-box;line-height:1.35;max-width:100%;overflow-wrap:anywhere;white-space:normal}
@media(max-width:991.98px){
  .page-event-cost-calculator{max-width:100vw;overflow-x:hidden;width:100%}
  .page-event-cost-calculator .gem-offcanvas{left:auto!important;max-width:86vw!important;position:fixed!important;right:0!important;width:320px!important}
  .page-event-cost-calculator .offcanvas-backdrop{height:100vh;max-width:100vw;position:fixed;width:100vw}
  .ecc-wizard{box-sizing:border-box;max-width:100%;min-width:0;overscroll-behavior-inline:contain;width:100%}
  .ecc-wizard article{flex:0 0 116px;min-width:116px}
  .ecc-wizard>i{flex:0 0 12px}
}
@media(max-width:575.98px){
  .ecc-calculator .container,.ecc-insights .container,.ecc-benefits .container{max-width:100%;min-width:0}
  .ecc-workspace{overflow:hidden;padding:10px}
  .ecc-wizard{justify-content:flex-start;margin:0;overflow-x:auto;padding-inline:0}
  .ecc-wizard article{flex-basis:108px;min-width:108px}
  .ecc-wizard article>b{flex:0 0 28px;height:28px;width:28px}
  .ecc-wizard strong{font-size:.56rem}
  .ecc-wizard small{font-size:.48rem}
  .ecc-section-head{overflow-wrap:anywhere;padding-inline:0}
  .ecc-components{min-width:0;width:100%}
  .ecc-component{box-sizing:border-box;min-width:0;width:100%}
  .ecc-summary{box-sizing:border-box;padding:16px;width:100%}
  .ecc-summary>button{font-size:.56rem;padding-inline:8px}
}

/* Why use the calculator */
.ecc-benefits{padding:10px 0 14px}
.ecc-benefits>.container{padding-left:12px;padding-right:12px}
.ecc-benefits .ecc-box{padding:20px 22px 18px}
.ecc-benefits h2{font-size:1rem;line-height:1.3;margin:0 0 18px}
.ecc-benefits .ecc-box>div{align-items:stretch;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.ecc-benefits article{align-items:center;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:38px minmax(0,1fr);min-width:0;padding:10px 20px}
.ecc-benefits article>i{align-items:center;color:var(--ecc-blue);display:flex;font-size:2rem;height:38px;justify-content:center;width:38px}
.ecc-benefits b{font-size:.68rem;line-height:1.35;margin-bottom:3px}
.ecc-benefits small{font-size:.56rem;line-height:1.5}
@media(max-width:1199.98px){
  .ecc-benefits .ecc-box>div{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}
  .ecc-benefits article{border-bottom:1px solid var(--ecc-line);padding-block:16px}
  .ecc-benefits article:nth-child(3){border-right:0}
  .ecc-benefits article:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:767.98px){
  .ecc-benefits .ecc-box{padding:18px 16px}
  .ecc-benefits .ecc-box>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecc-benefits article,.ecc-benefits article:nth-child(3){border-bottom:1px solid var(--ecc-line);border-right:1px solid var(--ecc-line)}
  .ecc-benefits article:nth-child(even){border-right:0}
  .ecc-benefits article:last-child{border-bottom:0;border-right:0;grid-column:1/-1}
}
@media(max-width:575.98px){
  .ecc-benefits h2{font-size:.9rem;margin-bottom:10px}
  .ecc-benefits .ecc-box>div{grid-template-columns:1fr}
  .ecc-benefits article,.ecc-benefits article:nth-child(3),.ecc-benefits article:nth-child(even),.ecc-benefits article:last-child{border-bottom:1px solid var(--ecc-line);border-right:0;grid-column:auto;padding:16px 8px}
  .ecc-benefits article:last-child{border-bottom:0}
  .ecc-benefits b{font-size:.72rem}
  .ecc-benefits small{font-size:.62rem}
}

/* Final responsive alignment: wizard, hero, offcanvas and benefits */
.ecc-wizard{gap:0;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr)}
.ecc-wizard>i{align-items:center;color:#526077;display:flex;font-size:1rem;justify-content:center}
.ecc-wizard article{min-width:0;position:relative}
.ecc-wizard article:not(:last-child)::after{content:none}
.ecc-benefits>.container{margin-inline:auto;max-width:var(--gem-container);padding-inline:0;width:calc(100% - 24px)}
@media(max-width:991.98px){
  body.page-event-cost-calculator{max-width:100%;overflow-x:clip;position:relative;width:100%}
  .page-event-cost-calculator main,.page-event-cost-calculator section{max-width:100%;min-width:0}
  .page-event-cost-calculator .gem-offcanvas.offcanvas-end{--bs-offcanvas-width:min(320px,calc(100vw - 44px));bottom:0!important;left:auto!important;margin:0!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:var(--bs-offcanvas-width)!important}
  .page-event-cost-calculator .gem-offcanvas.offcanvas-end.show,
  .page-event-cost-calculator .gem-offcanvas.offcanvas-end.showing{transform:none!important}
  .page-event-cost-calculator .gem-offcanvas .offcanvas-body{max-width:100%;overflow-x:hidden;padding-inline:18px}
  .page-event-cost-calculator .gem-offcanvas__nav a{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;white-space:normal}
  .ecc-wizard{display:flex;gap:0;max-width:100%;overflow-x:auto}
  .ecc-wizard article{flex:0 0 142px;min-width:142px}
  .ecc-wizard>i{flex:0 0 34px}
}
@media(max-width:767.98px){
  .ecc-hero__inner{box-sizing:border-box;padding-left:18px!important;padding-right:18px!important;width:100%}
  .ecc-hero__copy{max-width:100%;min-width:0;width:100%}
  .ecc-hero__copy>em{font-size:clamp(1.18rem,6vw,1.45rem);line-height:1.35;max-width:100%;overflow-wrap:anywhere}
  .ecc-hero__copy>p{max-width:100%}
  .ecc-hero-features{box-sizing:border-box;margin-inline:0;max-width:100%;width:100%}
  .ecc-hero-features{background:rgba(0,27,94,.72);border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}
  .ecc-hero-features article,.ecc-hero-features article:last-child{border:0;box-sizing:border-box;min-height:112px;min-width:0;padding:16px 8px}
  .ecc-hero-features article:nth-child(1),.ecc-hero-features article:nth-child(3){border-right:1px solid rgba(255,255,255,.3)}
  .ecc-hero-features article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.3)}
  .ecc-benefits>.container{width:calc(100% - 20px)}
}
@media(max-width:575.98px){
  .ecc-wizard{gap:0;padding-bottom:12px}
  .ecc-wizard article{flex-basis:126px;min-width:126px}
  .ecc-wizard>i{flex-basis:30px}
  .ecc-benefits article:nth-last-child(-n+2){padding-right:66px}
}

.ecc-chart-canvas{height:160px;min-height:160px;min-width:160px;position:relative;width:160px}
.ecc-chart-canvas canvas{display:block!important;height:160px!important;max-height:160px!important;max-width:160px!important;width:160px!important}
@media(max-width:575.98px){.ecc-chart-canvas{margin-inline:auto}}

@media(min-width:992px){
  .ecc-chart>div{align-items:center;gap:26px;grid-template-columns:180px minmax(150px,190px);justify-content:center}
  .ecc-chart-canvas{height:180px;min-height:180px;min-width:180px;width:180px}
  .ecc-chart-canvas canvas{height:180px!important;max-height:180px!important;max-width:180px!important;width:180px!important}
  .ecc-chart ul{align-self:center}
  .ecc-chart li{font-size:.6rem;line-height:1.35;margin:10px 0;white-space:nowrap}
}