/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/tailwind.css ***!
  \******************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined);
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/tailwind.css (1) ***!
  \**********************************************************************************************************************/
/* Base font size is 16px */
html { font-size: 16px; }

/* As per Webflows Break points here are the font sizes per screen */
@media (max-width: 991px) { html { font-size: 16px; } }

@media (max-width: 767px) { html { font-size: 16px; } }

@media (max-width: 478px) { html { font-size: 16px; } }

/* Custom Webflow Breakpoints */
@media (min-width: 1279px) { html { font-size: 17px; } }
@media (min-width: 1439px) { html { font-size: 18px; } }
@media (min-width: 1919px) { html { font-size: 19px; } }

.truncate {text-overflow: ellipsis;}

/* @tailwind base; */
.container{ width: 100%; }
@media (min-width: 479px){
 .container{ max-width: 479px; } }
@media (min-width: 640px){
 .container{ max-width: 640px; } }
@media (min-width: 768px){
 .container{ max-width: 768px; } }
@media (min-width: 1024px){
 .container{ max-width: 1024px; } }
@media (min-width: 1280px){
 .container{ max-width: 1280px; } }
@media (min-width: 1536px){
 .container{ max-width: 1536px; } }
.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.visible{ visibility: visible; }
.invisible{ visibility: hidden; }
.static{ position: static; }
.fixed{ position: fixed; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.left-1{ left: 0.25rem; }
.right-1{ right: 0.25rem; }
.col-span-1{ grid-column: span 1 / span 1; }
.col-span-10{ grid-column: span 10 / span 10; }
.col-span-6{ grid-column: span 6 / span 6; }
.col-span-4{ grid-column: span 4 / span 4; }
.mx-auto{ margin-left: auto; margin-right: auto; }
.my-12{ margin-top: 3rem; margin-bottom: 3rem; }
.my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-4{ margin-top: 1rem; margin-bottom: 1rem; }
.mb-16{ margin-bottom: 4rem; }
.mb-4{ margin-bottom: 1rem; }
.mb-0{ margin-bottom: 0px; }
.mb-12{ margin-bottom: 3rem; }
.mb-2{ margin-bottom: 0.5rem; }
.mb-6{ margin-bottom: 1.5rem; }
.mr-16{ margin-right: 4rem; }
.ml-6{ margin-left: 1.5rem; }
.ml-24{ margin-left: 6rem; }
.ml-20{ margin-left: 5rem; }
.mt-4{ margin-top: 1rem; }
.mb-10{ margin-bottom: 2.5rem; }
.mb-8{ margin-bottom: 2rem; }
.mt-16{ margin-top: 4rem; }
.ml-16{ margin-left: 4rem; }
.ml-2{ margin-left: 0.5rem; }
.mb-3{ margin-bottom: 0.75rem; }
.mr-10{ margin-right: 2.5rem; }
.mr-32{ margin-right: 8rem; }
.mt-2{ margin-top: 0.5rem; }
.mt-12{ margin-top: 3rem; }
.ml-4{ margin-left: 1rem; }
.block{ display: block; }
.inline-block{ display: inline-block; }
.inline{ display: inline; }
.flex{ display: flex; }
.table{ display: table; }
.contents{ display: contents; }
.list-item{ display: list-item; }
.hidden{ display: none; }
.max-w-screen-lg{ max-width: 1024px; }
.max-w-screen-sm{ max-width: 640px; }
.flex-1{ flex: 1 1 0%; }
.grow{ flex-grow: 1; }
.transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.resize{ resize: both; }
.flex-row-reverse{ flex-direction: row-reverse; }
.flex-col{ flex-direction: column; }
.content-center{ align-content: center; }
.items-end{ align-items: flex-end; }
.items-center{ align-items: center; }
.justify-end{ justify-content: flex-end; }
.justify-between{ justify-content: space-between; }
.space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }
.space-y-10 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); }
.border{ border-width: 1px; }
.p-0{ padding: 0px; }
.p-8{ padding: 2rem; }
.p-3{ padding: 0.75rem; }
.pl-6{ padding-left: 1.5rem; }
.pr-24{ padding-right: 6rem; }
.pl-32{ padding-left: 8rem; }
.pl-16{ padding-left: 4rem; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.font-serif{ font-family: "Playfair Display", serif; }
.text-base{ font-size: 1rem; line-height: 1.5rem; }
.text-xl{ font-size: 1.25rem; line-height: 1.75rem; }
.text-7xl{ font-size: 4.5rem; line-height: 5rem; }
.text-lg{ font-size: 1.125rem; line-height: 1.75rem; }
.text-sm{ font-size: 0.875rem; line-height: 1.25rem; }
.text-4xl{ font-size: 2.25rem; line-height: 2.5rem; }
.font-light{ font-weight: 300; }
.uppercase{ text-transform: uppercase; }
.italic{ font-style: italic; }
.underline{ -webkit-text-decoration-line: underline; text-decoration-line: underline; }
.outline{ outline-style: solid; }
.blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.transition{ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.width-8{ width: 2rem; }
.width-10{ width: 2.5rem; }
.width-full{ width: 100%; }


.gpco-container{ width: 100%; }


@media (min-width: 479px){
 .gpco-container{ max-width: 479px; } }


@media (min-width: 640px){
 .gpco-container{ max-width: 640px; } }


@media (min-width: 768px){
 .gpco-container{ max-width: 768px; } }


@media (min-width: 1024px){
 .gpco-container{ max-width: 1024px; } }


@media (min-width: 1280px){
 .gpco-container{ max-width: 1280px; } }


@media (min-width: 1536px){
 .gpco-container{ max-width: 1536px; } }


.gpco-container{ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }

.gpco-primary-heading{ font-size: 1.5rem; line-height: 2rem; font-weight: 700; text-transform: uppercase; }

@media (min-width: 479px){
 .gpco-primary-heading{ font-size: 1.875rem; line-height: 2.25rem; } }

@media (min-width: 640px){
 .gpco-primary-heading{ font-size: 3.75rem; line-height: 4.125rem; } }

@media (min-width: 768px){
 .gpco-primary-heading{ font-size: 4.5rem; line-height: 5rem; } }

@media (min-width: 1024px){
 .gpco-primary-heading{ font-size: 6rem; line-height: 1; } }

@media (min-width: 1280px){
 .gpco-primary-heading{ font-size: 8rem; line-height: 1; } }

.gpco-secondary-heading{ font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; text-transform: uppercase; }

@media (min-width: 640px){
 .gpco-secondary-heading{ font-size: 2.25rem; line-height: 2.5rem; } }

@media (min-width: 768px){
 .gpco-secondary-heading{ font-size: 3rem; line-height: 3.5rem; } }

@media (min-width: 1280px){
 .gpco-secondary-heading{ font-size: 3.75rem; line-height: 4.125rem; } }

.gpco-tertiary-heading{ font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; text-transform: uppercase; }

@media (min-width: 768px){
 .gpco-tertiary-heading{ font-size: 2.25rem; line-height: 2.5rem; } }

.gpco-statistic{ font-size: 3rem; line-height: 3.5rem; font-weight: 700; text-transform: uppercase; }

@media (min-width: 640px){
 .gpco-statistic{ font-size: 3.75rem; line-height: 4.125rem; } }

.gpco-primary-serif-heading{ font-family: "Playfair Display", serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 500; }

@media (min-width: 479px){
 .gpco-primary-serif-heading{ font-size: 2.25rem; line-height: 2.5rem; } }

@media (min-width: 640px){
 .gpco-primary-serif-heading{ font-size: 3rem; line-height: 3.5rem; } }

@media (min-width: 768px){
 .gpco-primary-serif-heading{ font-size: 3.75rem; line-height: 4.125rem; } }

@media (min-width: 1280px){
 .gpco-primary-serif-heading{ font-size: 4.5rem; line-height: 5rem; } }

.gpco-secondary-serif-heading{ font-family: "Playfair Display", serif; font-size: 1.5rem; line-height: 2rem; font-weight: 500; }

@media (min-width: 768px){
 .gpco-secondary-serif-heading{ font-size: 1.875rem; line-height: 2.25rem; } }

@media (min-width: 1280px){
 .gpco-secondary-serif-heading{ font-size: 3rem; line-height: 3.5rem; } }

.gpco-grid{ display: grid; gap: 2rem; }

@media (min-width: 640px){
 .gpco-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (min-width: 768px){
 .gpco-grid{ grid-template-columns: repeat(12, minmax(0, 1fr)); } }

@media (min-width: 1280px){
 .gpco-grid{ gap: 2.5rem; } }

.gpco-sm-grid{ gap: 2rem; }

@media (min-width: 640px){
 .gpco-sm-grid{ display: grid; }
 .gpco-sm-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (min-width: 768px){
 .gpco-sm-grid{ grid-template-columns: repeat(12, minmax(0, 1fr)); } }

@media (min-width: 1280px){
 .gpco-sm-grid{ gap: 2.5rem; } }

.gpco-xs-grid{ gap: 2rem; }

@media (min-width: 479px){
 .gpco-xs-grid{ display: grid; }
 .gpco-xs-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (min-width: 768px){
 .gpco-xs-grid{ grid-template-columns: repeat(12, minmax(0, 1fr)); } }

@media (min-width: 1280px){
 .gpco-xs-grid{ gap: 2.5rem; } }

.gpco-md-grid{ gap: 2rem; }

@media (min-width: 640px){
 .gpco-md-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (min-width: 768px){
 .gpco-md-grid{ display: grid; }
 .gpco-md-grid{ grid-template-columns: repeat(12, minmax(0, 1fr)); } }

@media (min-width: 1280px){
 .gpco-md-grid{ gap: 2.5rem; } }

.gpco-lg-grid{ gap: 2rem; }

@media (min-width: 640px){
 .gpco-lg-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (min-width: 768px){
 .gpco-lg-grid{ grid-template-columns: repeat(12, minmax(0, 1fr)); } }

@media (min-width: 1024px){
 .gpco-lg-grid{ display: grid; } }

@media (min-width: 1280px){
 .gpco-lg-grid{ gap: 2.5rem; } }

.gpco-button{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(16 28 55 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; color: rgb(0 0 0 / var(--tw-text-opacity)); --tw-text-opacity: 1; color: rgb(16 28 55 / var(--tw-text-opacity)); }

.gpco-button:hover{ --tw-bg-opacity: 1; background-color: rgb(16 28 55 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

.gpco-button:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); }

@media (min-width: 768px){
 .md--flex{ display: flex; }
 .md--w-2-3{ width: 66.666667%; } }

@media (min-width: 1024px){
 .lg--flex{ display: flex; }
 .lg--w-1-3{ width: 33.333333%; }
 .lg--space-x-12 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); }
 .lg--width-1-2{ width: 50%; }
 .lg--width-1-3{ width: 33.333333%; }
 .lg--width-2-3{ width: 66.666667%; } }

@media (min-width: 1280px){
 .xl--flex{ display: flex; }
 .xl--space-x-10 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2.5rem * var(--tw-space-x-reverse)); margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); }
 .xl--width-1-2{ width: 50%; }
 .xl--width-1-3{ width: 33.333333%; }
 .xl--width-2-3{ width: 66.666667%; } }


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