form { margin-bottom: 20px; }

.results { display: none; margin-top: 20px; }

.columns { display: flex; gap: 20px; }

.column { flex: 1; border: none; padding: 24px; }

.column.final-saving { background: #FFD400 !important; }

.column .inner { border-radius: 8px; background: #fff; height: 100%; padding: 24px; }

.column .inner h2 { font-family: Figtree; font-size: 32px; font-style: normal; font-weight: 700; line-height: 125%; /* 40px */ margin-bottom: 16px; }

.column .inner .sub-title { font-family: Figtree; font-size: 18px; font-style: normal; font-weight: 300; line-height: 145%; /* 26.1px */ letter-spacing: 0.27px; display: block; border-bottom: 1px solid #8B8888; padding-bottom: 38px; margin-bottom: 24px; }

.column .inner p { font-family: Figtree; font-size: 28px; font-style: normal; font-weight: 700; line-height: 145%; /* 40.6px */ letter-spacing: 0.42px; }

.column .inner p .year { display: inline-flex; width: 30%; }

.column .inner p.contact-text { font-size: 18px; font-style: normal; font-weight: 300; line-height: 145%; letter-spacing: 0.27px; margin-top: 28px; }

.column .inner p.numbers { margin-bottom: 0; }

/* Tooltip */
.info-tip { position: relative; display: inline-flex; width: 27px; height: 27px; border: 0; color: #000; border-radius: 100%; background: #d9d9d9; margin-left: 10px; justify-items: center; justify-content: center; align-items: center; cursor: pointer; }

.info-tip:before { display: flex; content: "i"; font-style: normal; font-weight: 700; font-size: 18px; }

.info-tip .tip-content { top: 30px; visibility: hidden; min-width: 240px; width: 240px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; opacity: 0; transition: opacity 1s; }

@media screen and (max-width: 768px) { .info-tip .tip-content.pull-left { left: -220px; } }

.info-tip:hover .tip-content { visibility: visible; opacity: 1; }

.replacement-calc { flex-direction: column; /* testing */ }

.replacement-calc .w-100 { width: 100%; }

.replacement-calc .calc-item { width: 100%; }

@media screen and (min-width: 768px) { .replacement-calc .calc-item { display: inline-flex; width: 50%; } .replacement-calc .calc-item:nth-child(odd) { padding-right: 35px; width: 55%; } .replacement-calc .calc-item:nth-child(even) { padding-left: 15px; } }

.replacement-calc .calc-item.key { background: #f1f1f1; color: #000; padding: 20px; border-radius: 20px; /* maybe? */ display: block; }

@media screen and (max-width: 768px) { .replacement-calc .calc-item.key { margin-top: 40px; flex-direction: column; width: 45%; } }

.replacement-calc .calc-item.key h4 { font-family: Figtree; font-size: 32px; font-style: normal; font-weight: 700; line-height: 125%; /* 40px */ margin-bottom: 12px; }

@media screen and (min-width: 768px) { .replacement-calc .calc-item.key { padding: 35px; height: fit-content; } }

.replacement-calc form { display: flex; }

.replacement-calc form input { border: 0; border-radius: 0; padding: 0.75rem; background: #d9d9d9; width: 80px; height: 48px; margin-right: 16px; margin-top: 12px; margin-bottom: 10px; font-weight: 300; }

.replacement-calc form label { font-size: 18px; font-weight: 700; padding-right: 10px; }

.replacement-calc form .unit { font-weight: normal; }

.replacement-calc .results { flex-direction: row; flex-flow: row wrap; }

.replacement-calc .results .columns { margin-top: 15px; }

.replacement-calc .results .columns .column { background: #F8FAFA; }

.replacement-calc .title-area { display: block; width: 100%; margin-bottom: 40px; }

.replacement-calc .title-area p { color: #212151; font-family: Figtree; font-size: 28px; font-style: normal; font-weight: 700; line-height: 125%; /* 35px */ margin-top: 0; padding-top: 0; }

.replacement-calc #back-step { color: var(--Heading-Colour, #212151); font-family: Figtree; font-size: 28px; font-style: normal; font-weight: 700; line-height: 125%; /* 35px */ margin-top: 48px; }

/*# sourceMappingURL=style.css.map */