@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');
@import "style.css";

.font-primary {font-family: var(--font-primary) !important;}
.font-secondary {font-family: var(--font-secondary) !important;}

.font-weight-medium {font-weight: 500;}
.font-weight-semi-bold {font-weight: 600;}

.bg-white {background-color: var(--white);}
.bg-black {background-color: var(--black);}
.bg-primary {background-color: var(--primary);}
.bg-blue {background-color: var(--blue);}
.bg-blue-light {background-color: var(--blue-light);}
.bg-grey {background-color: var(--grey);}
.bg-grey-2 {background-color: var(--grey-2);}
.bg-white-trans {background-color: var(--white-trans);}

.color-white {color: var(--white);}
.color-black {color: var(--black);}
.color-primary {color: var(--primary);}
.color-blue {color: var(--blue);}
.color-blue-light {color: var(--blue-light);}
.color-grey {color: var(--grey);}
.color-grey-2 {color: var(--grey-2);}
.color-white-trans {color: var(--white-trans);}

h1, .h1 {font-size: clamp(2.5rem, 1.4rem + 5.5vw, 8rem); line-height: 105%; margin: 0 0 calc(var(--pad) * 4) 0;}
h2, .h2 {font-size: clamp(2.25rem, 1.2rem + 4vw, 6rem); line-height: 105%; margin: 0 0 calc(var(--pad) * 4) 0;}
h3, .h3 {font-size: 2.25rem; line-height: 120%; margin: 0 0 calc(var(--pad) * 4) 0;}
h4, .h4 {font-size: 1.8125em; line-height: 125%; margin: 0 0 calc(var(--pad) * 4) 0;}
	h5, .h5 {font-size: 1.5rem; line-height: 130%; margin: 0 0 calc(var(--pad) * 4) 0;}
	h6, .h6 {font-size: 1.125rem; line-height: 135%; margin: 0 0 calc(var(--pad) * 4) 0;}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {margin: 0;}

a.button, .button a, button.button, input.button, span.button {display: inline-block; vertical-align: middle; position: relative;
	background: var(--blue); color: var(--primary);
	line-height: calc(var(--pad) * 6); text-align: center; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; white-space: nowrap;
	padding: 0 calc(var(--pad) * 3); transition: var(--transition1);
}
a.button:hover, .button a:hover, button.button:hover, input.button:hover, span.button:hover, a:hover span.button {color: var(--white);}

a.button strong, .button a strong, button.button strong, input.button strong, span.button strong {position: relative;}

.button.full-width {width: 100%; padding: 0 calc(var(--pad) * 3);}
.button:disabled {opacity: 0.5; pointer-events: none;}

a.button.white-text,
.button.white-text a,
button.button.white-text,
input.button.white-text,
span.button.white-text {color: var(--white);}
a.button.white-text:hover,
.button.white-text a:hover,
button.button.white-text:hover,
input.button.white-text:hover,
span.button.white-text:hover,
a:hover span.button.white-text {color: var(--primary);}

a.button.bordered,
.button.bordered a,
button.button.bordered,
input.button.bordered,
span.button.bordered {background: none; border: solid 2px var(--blue); line-height: calc((var(--pad) * 6) - 4px);}
a.button.bordered:hover,
.button.bordered a:hover,
button.button.bordered:hover,
input.button.bordered:hover,
span.button.bordered:hover,
a:hover span.button.bordered {color: var(--primary); border-color: var(--primary);}
a.button.bordered.white-text:hover,
.button.bordered.white-text a:hover,
button.button.bordered.white-text:hover,
input.button.bordered.white-text:hover,
span.button.bordered.white-text:hover,
a:hover span.button.bordered.white-text {color: var(--white); border-color: var(--white);}

a.button.with-arrow strong,
.button.with-arrow a strong,
button.button.with-arrow strong,
input.button.with-arrow strong,
span.button.with-arrow strong {padding: 0 calc(var(--pad) * 6) 0 0;}
a.button.with-arrow strong:after,
.button.with-arrow a strong:after,
button.button.with-arrow strong:after,
input.button.with-arrow strong:after,
span.button.with-arrow strong:after {content: " "; display: block; width: 32px; height: 34px; position: absolute; right: 0; top: 50%; margin: -17px 0 0 0; transition: var(--transition1); will-change: right;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='34' viewBox='0 0 32 34' fill='none'%3E%3Cpath d='M29.08 17.1289H3.07999' stroke='%23292E30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.08 17.1289L25.08 22.2852' stroke='%23292E30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.08 17.1289L25.08 11.9727' stroke='%23292E30' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0;
}
a.button.with-arrow.white-text strong:after,
.button.with-arrow.white-text a strong:after,
button.button.with-arrow.white-text strong:after,
input.button.with-arrow.white-text strong:after,
span.button.with-arrow.white-text strong:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='34' viewBox='0 0 32 34' fill='none'%3E%3Cpath d='M29.08 17.1289H3.07999' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.08 17.1289L25.08 22.2852' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.08 17.1289L25.08 11.9727' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
a.button.with-arrow:hover strong:after,
.button.with-arrow a:hover strong:after,
button.button.with-arrow:hover strong:after,
input.button.with-arrow:hover strong:after,
span.button.with-arrow:hover strong:after,
a:hover span.button.with-arrow strong:after {right: -4px;}

a.button.underlined,
.button.underlined a,
button.button.underlined,
input.button.underlined,
span.button.underlined {background: none; border-bottom: solid 2px var(--blue); line-height: 100%; padding: 5px 0;}
a.button.underlined:hover,
.button.underlined a:hover,
button.button.underlined:hover,
input.button.underlined:hover,
span.button.underlined:hover,
a:hover span.button.underlined {color: var(--primary); border-color: var(--primary);}

.p-label {display: inline-block; background: var(--grey); color: var(--blue); font-size: 0.75rem; font-weight: 600; padding: var(--pad) calc(var(--pad) * 1.5);}