/* ============================================================================= */
/* Root Colours
/* ============================================================================= */
:root {
    --color-100: #000000;
    --color-200: #777777;
    --color-300: #143c6a;
    --color-400: #77c3d4;
    --color-500: #ff8300;
    --color-600: #d6993c;
    --color-700: #f7eee0;
}
/* ============================================================================= */
/* Calculator
/* ============================================================================= */
.calculator {
    max-width: 100%;
    padding-left: 45px;
    padding-right: 45px;
}
.calculator * {
    box-sizing: border-box;
}
.calculator__inner {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
    color: var(--color-100);
}
@media (max-width: 1200px) {
    .calculator {
        padding-left: 35px;
        padding-right: 35px;
    }
    .calculator__inner {
        max-width: 950px;
    }
}
@media (max-width: 1000px) {
    .calculator {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (max-width: 767px) {
    .calculator {
        padding-left: 25px;
        padding-right: 25px;
    }
    .calculator__inner {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
@media (max-width: 600px) {
    .calculator__inner {
        max-width: 380px;
    }
}
/* Calc Generics */
.calculator * {
    font-size: 1rem;
    color: inherit;
}
/* Calc Heading */
.calculator__heading {
    padding-bottom: 3rem;
}
.calculator__page-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.75rem;
    color: var(--color-300);
    padding: 0rem;
    margin: 0rem;
    font-weight: 700;
}
@media (max-width: 767px) {
    .calculator__page-title {
        font-size: 1.5rem;
    }
}
/* Calc Tabs */
.calculator__tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.3rem;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.calculator__tab {
    padding: 0.75rem 1.5rem;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s ease;
    background-color: #1A3E6D;
    border-radius: 4px 4px 0 0;
}
.calculator__tab:hover,
.calculator__tab.active {
    opacity: 1;
    background-color: #f7eee0;
    color: #1A3E6D;
}
/* Calc Tab Pane */
.calculator__tab-pane {
    display: none !important;
    background-color: #f7eee0;
    padding: 3rem;
}
.calculator__tab-pane.active {
    display: grid !important;
}
/* Calc Body */
.calculator__body {
    display: grid;
    grid-template-areas:
        "intro intro"
        "columnleft columnright"
        "footnote footnote";
    column-gap: 3rem;
    row-gap: 2rem;
    padding-top: 2rem;
}
@media (max-width: 767px) {
    .calculator__body {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3rem;
        padding-top: 2rem;
    }
    .calculator__body-intro {
    	flex-direction:column;
    }
    
}
/* Calc Columns */
.calculator__body .column {
    width: 100%;
}
.calculator__body .column.left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    grid-area: columnleft;
}
.calculator__body .column.right {
    grid-area: columnright;
}
.calculator__body * {
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}
/* Calc Body - Intro */
.calculator__body-intro {
    margin-bottom: 0rem;
    grid-area: intro;
    display: flex;
    gap: 2rem;
}
.calculator__body-intro p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: var(--color-100);
}
.gold-asap {
    font-weight: 600;
    font-size: 1.1rem;
    color: #e5af51;
}
.calculator__body-intro img {
    max-width: 20%;
}
/* Calc Body - Inputs */
.calculator__input-fields {
	/* padding-top:2rem;*/
    /* margin-bottom: auto; */
}
.calculator__input-fields .form-group {
    margin-bottom: 1rem;
}
.calculator__input-fields label {
    display: block;
    margin-bottom: 0.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.calculator__input-fields input {
    width: 100%;
    border: 0px;
    padding: 0.5rem;
    font-size: 1.2rem;
    border-radius:4px;
    color: var(--color-300);
}
.calculator__input-fields input:focus-visible {
    outline: 2px solid var(--color-600);
    border-radius: 0px;
}
.calculator__input-fields .error,
.calculator .error {
    width: 100%;
    padding: 0rem;
    font-size: 1rem;
    color: var(--color-600);
    margin-top: 0.75rem;
}
/* Calc Body - Revenue Outputs */
.calculator__revenue-outputs.empty {
    background: url("Arrows-animationed.svg") left center no-repeat;
    background-size: 100%;
    padding-top: 100px;
    margin-top: 2rem;
}
.calculator__revenue-outputs:not(.empty){
	height: -webkit-fill-available;
}
.calculator__revenue-outputs__inner {
    background-color: #E5AF51;
    padding: 2rem;
    margin-top: 1.5rem;
    border-radius:4px;
    height: calc(100% - 1.5rem);
}
.calculator__revenue-outputs__value .curr,
.calculator__revenue-outputs__value .num {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
}
.calculator__revenue-outputs__intro,
.calculator__revenue-outputs__label {
    font-size: 2rem;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
}
.calculator__revenue-outputs__intro.heading {
    font-size: 1.2rem;
    font-weight: 700;
}
.calculator__revenue-outputs__label {
    margin-left: 0.25rem;
}
/* Calc Body - Legals */
.calculator__legal-footnote {
    margin-top: 2rem;
}
.calculator__legal-footnote p,
.calculator__legal-footnote strong {
    font-size: 0.8rem;
    color: var(--color-100);
}
/* Calc Body - Revenue Message */
.calculator__revenue-message__inner {
    padding: 0rem;
    margin-top: 0rem;
}
.calculator__revenue-message__intro,
.calculator__revenue-message__label {
    font-size: 2rem;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
}
.calculator__revenue-message__intro.heading {
    font-size: 1.2rem;
    font-weight: 700;
}
.calculator__revenue-message__label {
    margin-left: 0.25rem;
}
/* Calc Body - Legals */
.calculator__legal-footnote {
    margin-top: 2rem;
    grid-area: footnote;
}
.calculator__legal-footnote p,
.calculator__legal-footnote strong {
    font-size: 0.8rem;
    color: var(--color-100);
}
/* Calc Body - Pipelines */
.calculator__pipelines.fresh .calculator__pipelines__value{
	opacity:0.6;
}
.calculator__pipelines {
    position: relative;
    padding: 2rem;
    margin-bottom: 2rem;
}
.calculator__pipelines:last-of-type {
    margin-bottom: 0rem;
}
.calculator__pipelines.std {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    color: #1A3E6D;
    border-radius: 4px;
}
.calculator__pipelines.asap {
    background: var(--color-300);
    color: #ffffff;
    margin-top: 2rem;
    border-radius:4px;
}
.calculator__pipelines__asap-outputs.open {
    position: relative;
    z-index: 0;
    opacity: 1;
}
.calculator__pipelines__asap-outputs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
}
.calculator__pipelines__asap-message {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
}
.calculator__pipelines__asap-message.open {
    position: relative;
    z-index: 0;
    opacity: 1;
}
.calculator__pipelines__asap-message {
    background: var(--color-300);
    color: #ffffff;
}
@media (max-width: 980px) {
    .calculator__pipelines {
        padding: 1.8rem;
        margin-bottom: 1rem;
    }
}
/* Calc Body - Pipelines Content */
.calculator__pipelines__heading {
    width: 100%;
    margin-bottom: 0.5rem;
}
.calculator__pipelines__heading h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
}
.calculator__pipelines__item {
    width: 47.5%;
    margin-top: 1rem;
}

.calculator__pipelines__label {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: 400;
}
.calculator__pipelines__value {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7rem;
    font-weight: 600;
    color:#E5AF51;
}
.calculator__pipelines.asap .calculator__pipelines__value {
    color: var(--color-600);
}
@media (max-width: 980px) {
    .calculator__pipelines__item {
        width: 95%;
        margin-top: 0.5rem;
    }
    .calculator__pipelines__value {
        font-size: 1.45rem;
        line-height: 1.3em;
    }
}
/* Calc Body - CTA */
.calculator__cta__footer-enquiry {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5em 1.5rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    background: #003a70;
    border: 0;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
    outline: none;
}
.calculator__cta__footer-enquiry:hover {
    color: #003a70;
    background: #fff;
}
@media (max-width: 980px) {
    .ccalculator__cta__footer-enquiry {
        padding: 0.5em 1.5rem;
        font-size: 1rem;
    }
}

/* Enquiry Body */
.enquiry__body {
    display: block;
    padding-top: 3rem;
}
.enquiry__body * {
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}
@media (max-width: 767px) {
    .enquiry__body {
        padding-top: 2rem;
    }
}

/* Enquiry Body - Intro */
.enquiry__body-intro {
    margin-bottom: 0rem;
}
.enquiry__body-intro h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    color: var(--color-300);
    margin-bottom: 0.5rem;
}
.enquiry__body-intro p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-100);
    margin-bottom: 0rem;
}
/* Enquiry Body - Hubspot */
.enquiry__body-hubspot {
    margin-top: 4rem;
}
@media (max-width: 767px) {
    .enquiry__body-hubspot {
        margin-top: 2rem;
    }
    .enquiry__body-intro h2 {
        font-size: 1.5rem;
    }
}