/* Typography */
h1{
    font-size: 3rem!important;
}


/* Header */
header{
    padding: 0 0 80px 0;
}

#calculate{
    max-width: 450px;
    height: fit-content;
}

#calculate h2{
    color: var(--button);
}

#calculate h3{
    font-size: 1.25rem;
}

.calculate-bg{
    background-image: url(../img/other-pages-header.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Coverage */
.coverage-card{
    padding: 32px;
    background-color: var(--bg-blue);
    border-radius: 16px;
    height: 100%;
    width: 100%;
}

.coverage-card img{
    height: 48px;
    width: 48px;
}


/* About Other Pages */
.simple-card{
    padding: 32px;
    background-color: var(--background);
    border-radius: 16px;
    height: 100%;
}

.simple-card .subtitle{
    font-weight: 700;
    color: var(--black-2);
    font-family: 'Inter', sans-serif;
}


/* Final CTA */
.final-cta{
    background-color: var(--bg-blue);
    border-radius: 16px;
    position: relative;
}

.final-cta .flex-column{
    padding: 64px 64px 64px 0;
}

.final-cta img{
    max-width: 348px;
    margin-top: -101px;
    object-fit: contain;
    object-position: bottom;
}

.final-cta .lines{
    position: absolute;
    left: -12%;
    bottom: 60%;
}

.final-cta a.text-center{
    font-weight: 700;
    color: var(--button);
    font-family: 'Inter', sans-serif;
}

.final-cta a.text-center:hover{
    color: var(--button-hover);
}


/* Media queries */
@media (max-width: 1199.98px) {
    /* Typography */
    h1{
        font-size: 2.5rem!important;
    }
}

@media (max-width: 991.98px) {
	/* Final CTA */
	.final-cta .flex-column{
        padding: 64px;
    }
}

@media (max-width: 575.98px) {
	/* Typography mobile */
	h1{
		font-size: 1.5rem!important;
	}
}