.reset {
margin: 0px;
border-style: none;
background-color: transparent;
padding: 0px;
}
.btn:is(a, button, .btn-placeholder),
.btn :is(a, button, .btn-placeholder) {
display: inline-block;
font-family: Goldplay Regular, sans-serif;
font-size: 16px;
line-height: 100%;
letter-spacing: 0.48px;
text-align: center;
cursor: pointer;
isolation: isolate;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
padding: 12px;
border-radius: 8px;
}
.btn.btn--primary:is(a, button, .btn-placeholder),
.btn.btn--primary :is(a, button, .btn-placeholder),
.cms-content form input[type="submit"] {
font-size: 16px;
background-color: transparent;
background-size: 200% auto !important;
background-position: 0 50%;
background: linear-gradient(45deg, #4F1D7C 0%, #C6007E 50%, #C6007E 100%);
border-radius: 999px;
padding: 10px 20px 10px 20px;
transition: background-position 500ms;
color: #FFFFFF;
padding: 14px 20px;
}
.btn.btn--primary:is(a, button, .btn-placeholder):hover,
.btn.btn--primary :is(a, button, .btn-placeholder):hover,
.link-area:hover .btn.btn--primary:is(a, button, .btn-placeholder) {
background-position: 75% 50%;
}
.btn.btn--primary:is(a, button):focus,
.btn.btn--primary :is(a, button):focus {
outline: 2px solid #C6007E;
outline-offset: 2px;
}
.btn.btn--secondary:is(a, button, .btn-placeholder),
.btn.btn--secondary :is(a, button, .btn-placeholder) {
color: #FFFFFF;
background-color: transparent;
border: 1px solid #fff;
border-radius: 50px;
}
.btn.btn--secondary:is(a, button, .btn-placeholder):focus,
.btn.btn--secondary :is(a, button, .btn-placeholder):focus {
outline: 2px solid #DBDBDB;
outline-offset: 2px;
}
.btn.btn--white:is(a, button, .btn-placeholder),
.btn.btn--white :is(a, button, .btn-placeholder) {
color: #303030;
background-color: #fff;
border: 1px solid #fff;
border-radius: 32px;
}
.btn.btn--white:is(a, button, .btn-placeholder):hover,
.btn.btn--white :is(a, button, .btn-placeholder):hover,
.link-area:hover .btn.btn--white :is(a, button, .btn-placeholder) {
color: #fff;
background-color: #303030;
border: 1px solid #303030;;
}
.btn.btn--white:is(a, button, .btn-placeholder):focus,
.btn.btn--white :is(a, button, .btn-placeholder):focus {
outline: 2px solid #303030;
outline-offset: 2px;
}
.btn.btn--outline:is(a, button, .btn-placeholder),
.btn.btn--outline :is(a, button, .btn-placeholder) {
color: #471d7c;
background-color: transparent;
border: 1px solid #471d7c;;
border-radius: 32px;
}
.btn.btn--outline:is(a, button, .btn-placeholder):hover,
.btn.btn--outline :is(a, button, .btn-placeholder):hover,
.link-area:hover .btn.btn--outline:is(a, button, .btn-placeholder) {
color: #C6007E;
border: 1px solid #C6007E;
}
.btn.btn--outline:is(a, button, .btn-placeholder):focus,
.btn.btn--outline :is(a, button, .btn-placeholder):focus {
outline: 2px solid #471d7c;
outline-offset: 2px;
}
.btn--link:not(.btn-cta) {
position: relative;
color: #C6007E;
font-family: Goldplay Regular, sans-serif;
font-size: 16px;
line-height: 100%;
cursor: pointer;
padding: 0 22px 1px 0px;
border-radius: 0;
border-bottom: 1px;
border-style: solid;
border-color: #C6007E;
text-transform: initial;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.btn--link:not(.btn-cta) svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
line-height: 1px;
}
.btn--link:not(.btn-cta) svg path {
stroke: #C6007E;
transition: stroke 0.2s ease-in-out;
}
.btn--link:not(.btn-cta):hover {
color: #471d7c;
border-color: #471d7c;
}
.btn--link:not(.btn-cta):hover svg path {
stroke: #471d7c;
}
.btn--link:not(.btn-cta):focus {
outline: 2px solid #C6007E;
outline-offset: 2px;
}
.btn-cta.btn-link a {
color: #444444;;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
line-height: 150%;
text-decoration-line: underline;
vertical-align: top;
}
.btn-cta.btn-link a:hover {
text-decoration: none;
}
/* Hide default HubSpot form title if providing your own title field */
.cms-content h3.form-title {
display: none;
}
.cms-content form {
display: flex;
flex-direction: column;
row-gap: 1rem;
}
.cms-content form fieldset {
max-width: none !important;
padding: 0;
margin: 0;
border: none;
}
.cms-content form .form-columns-2 {
display: flex;
-moz-column-gap: 3.5rem;
column-gap: 3.5rem;
row-gap: 1rem;
}
.cms-content form fieldset.form-columns-2 .hs-form-field {
width: 100%;
}
.cms-content form ul {
padding: 0;
margin: 0;
}
.cms-content form ul li {
font-size: 14px;
font-weight: 300;
line-height: 23px;
}
.cms-content form .hs-form-field>label {
display: block;
color: #000000;
font-family: Goldplay Medium, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 140%;
margin-bottom: 0px;
}
.cms-content form label .hs-form-required {
display: inline-block;
color: #D3000F;
font-family: Goldplay Medium, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 140%;
margin-left: 0.25rem;
}
.cms-content form .input {
margin-right: 0 !important;
border-bottom: 1px solid #ccc;
}
.cms-content form input[type="text"],
.cms-content form input[type="password"],
.cms-content form input[type="datetime"],
.cms-content form input[type="datetime-local"],
.cms-content form input[type="date"],
.cms-content form input[type="month"],
.cms-content form input[type="time"],
.cms-content form input[type="week"],
.cms-content form input[type="number"],
.cms-content form input[type="email"],
.cms-content form input[type="url"],
.cms-content form input[type="search"],
.cms-content form input[type="tel"],
.cms-content form input[type="color"],
.cms-content form input[type="file"],
.cms-content form textarea,
.cms-content form select,
.select {
-webkit-appearance: none;
-moz-appearance: none;
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
width: 100% !important;
/*border-radius: 8px; */
border: 2px solid transparent;
background-color: transparent;
}
.cms-content form input[type="color"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="date"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="datetime-local"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="datetime"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="email"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="month"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="number"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="password"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="search"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="tel"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="text"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="time"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="url"]:is(:focus, :focus-within, :focus-visible),
.cms-content form input[type="week"]:is(:focus, :focus-within, :focus-visible),
.cms-content form select:is(:focus, :focus-within, :focus-visible),
.cms-content form textarea:is(:focus, :focus-within, :focus-visible),
.select:is(:focus, :focus-within, :focus-visible) {
outline: 1px solid #ddd;
outline-offset: 2px;
}
.cms-content form input[type="text"].invalid.error,
.cms-content form input[type="password"].invalid.error,
.cms-content form input[type="datetime"].invalid.error,
.cms-content form input[type="datetime-local"].invalid.error,
.cms-content form input[type="date"].invalid.error,
.cms-content form input[type="month"].invalid.error,
.cms-content form input[type="time"].invalid.error,
.cms-content form input[type="week"].invalid.error,
.cms-content form input[type="number"].invalid.error,
.cms-content form input[type="email"].invalid.error,
.cms-content form input[type="url"].invalid.error,
.cms-content form input[type="search"].invalid.error,
.cms-content form input[type="tel"].invalid.error,
.cms-content form input[type="color"].invalid.error,
.cms-content form input[type="file"].invalid.error,
.cms-content form textarea.invalid.error,
.cms-content form select.invalid.error {
border-color: #ddd
}
.cms-content form textarea {
min-height: 128px;
max-height: 200px;
}
.cms-content form select,
.select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.75 4.125L6 7.875L2.25 4.125' stroke='%23002B4F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: top 16px right 16px;
}
/* Hide the placeholder from the options menu */
.cms-content form select option[value=""][disabled] {
display: none;
}
.cms-content form .input ul.multi-container {
display: flex;
flex-direction: column;
row-gap: 1rem;
padding: 0;
}
.cms-content form .input .hs-fieldtype-checkbox li,
.cms-content form .input .hs-form-radio li {
margin: 0;
}
.cms-content form .input label>span.custom-checkbox {
display: none;
}
.cms-content form .input label>input[type="checkbox"],
.cms-content form .input label>input[type="radio"] {
-webkit-appearance: none;
display: none;
}
.cms-content form .input label>input[type="checkbox"]~span,
.cms-content form .input label>input[type="radio"]~span {
position: relative;
display: block;
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
cursor: pointer;
padding: 8px 8px 8px 52px;
margin: 0;
}
/* Pref center checkboxes */
.cms-content form .email-prefs .subscribe-options label,
.cms-content form .email-prefs .item-inner,
.cms-content form .email-prefs .fakelabel {
position: relative;
}
#main-content .cms-content form .email-prefs input[type="checkbox"]+span:before {
top: 34px;
left: 0px;
}
#main-content .cms-content form .email-prefs input[type="checkbox"]:checked+span:after {
top: 35px;
left: 3px;
}
#main-content .cms-content form .email-prefs .subscribe-options input[type="checkbox"]+span:before {
top: 0;
}
#main-content .cms-content form .email-prefs .subscribe-options input[type="checkbox"]:checked+span:after {
top: 1px;
}
.cms-content form .email-prefs input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 0; left:0; right: 0; bottom: 0;
z-index: 1;
cursor: pointer;
}
.cms-content form .email-prefs .item.disabled {
pointer-events: none;
opacity: 0.6;
}
.cms-content form .input label>input[type="checkbox"]~span:before,
.cms-content form .input label>input[type="radio"]~span:before,
.cms-content form .email-prefs input[type="checkbox"]+span:before,
.cms-content form .email-prefs .subscribe-options input[type="checkbox"]+span:before,
.cms-content form .email-prefs .item.disabled .item-inner.hovered span:before {
content: "";
position: absolute;
top: 0.625rem;
left: 0.75rem;
height: 1.5rem;
width: 1.5rem;
border: 1px solid #696969;
background-color: #E5EBED;
}
.cms-content form .input label>input[type="checkbox"]~span:before {
border-radius: 0.25rem;
}
.cms-content form .input label>input[type="radio"]~span:before {
border-radius: 50%;
}
.cms-content form .input label>input[type="checkbox"]~span:hover:before,
.cms-content form .input label>input[type="radio"]~span:hover:before,
.cms-content form .email-prefs input[type="checkbox"]+span:hover:before {
border: 3px solid #DBDBDB;
background-color: #F7F7F7;;
}
.cms-content form .input label>input[type="checkbox"]:checked~span:before,
.cms-content form .input label>input[type="radio"]:checked~span:before,
.cms-content form .email-prefs input[type="checkbox"]:checked+span:before,
.cms-content form .email-prefs .subscribe-options input[type="checkbox"]:checked+span:before,
.cms-content form .email-prefs .item.disabled .item-inner.hovered span:before {
border-color: #C6007E;
background-color: #C6007E;
}
.cms-content form .input label>input[type="radio"]:checked~span:after {
content: "";
position: absolute;
top: 1rem;
left: 18px;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: #FFFFFF;
}
.cms-content form .input label>input[type="checkbox"]:checked~span:after,
.cms-content form .email-prefs input[type="checkbox"]:checked+span:after,
.cms-content form .email-prefs .subscribe-options input[type="checkbox"]:checked+span:after,
.cms-content form .email-prefs .item.disabled .item-inner.hovered span:after {
color: #FFFFFF;
content: url('data:image/svg+xml;utf-8,');
position: absolute;
top: 0.75rem;
left: 0.875rem;
height: 1.25rem;
width: 1.25rem;
line-height: 1px;
}
.cms-content form input[type="submit"] {
margin-top: 2rem;
}
.cms-content form ::-webkit-input-placeholder {
display: none;
}
.cms-content form input[type="file"] {
cursor: pointer;
padding-top: 0 !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
border-color: transparent;
background: transparent !important;
}
.cms-content form input[type="file"]::file-selector-button {
font-size: 16px;
font-weight: 700;
line-height: 100%;
letter-spacing: 0.48px;
text-transform: uppercase;
cursor: pointer;
text-align: center;
padding: 16px 32px;
margin-right: 1rem;
background-color: #C6007E;
border: none;
color: #FFFFFF;
border-radius: 0;
transition: background-color 0.2s ease-in-out;
}
.cms-content form input[type="file"]::file-selector-button:hover {
background: #002B4F;
}
/* Styling calendar */
.cms-content form .hs-dateinput input[type="text"] {
max-width: 142px;
}
.cms-content form .fn-date-picker.pika-single {
font-family: Goldplay Regular, sans-serif;
width: 308px;
background-color: #FFFFFF;
}
.cms-content form .fn-date-picker.pika-single.is-bound {
border: none;
border-radius: 16px;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
margin-top: 32px;
}
.cms-content form .hs-dateinput .fn-date-picker .pika-lendar {
width: auto;
margin: 16px;
width: 276px;
}
.cms-content form .hs-dateinput .fn-date-picker .pika-table {
margin: 0;
border-spacing: 4px;
border-collapse: initial;
border: none !important;
}
.cms-content form .fn-date-picker .pika-table {
overflow: visible;
border-radius: 0;
min-width: 100%;
}
.cms-content form .fn-date-picker table.pika-table td {
border: none !important;
}
.cms-content form .fn-date-picker table tr:first-child td {
background-color: transparent;
}
.cms-content form .fn-date-picker .pika-table td.is-empty {
background-color: transparent;
}
.cms-content form .fn-date-picker .pika-table td,
.cms-content form .fn-date-picker .pika-table th {
padding: 0 !important;
}
.cms-content form .fn-date-picker .pika-label {
font-family: Goldplay Regular, sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #000000;
background: transparent;
}
.cms-content form .fn-date-picker .pika-table th {
background-color: #C6007E;
color: #FFFFFF;
height: 36px;
}
.cms-content form .fn-date-picker .pika-table abbr {
text-decoration: none;
font-size: 14px;
font-weight: 300;
line-height: 100%;
}
.cms-content form .fn-date-picker .pika-button {
background-color: #F2F5F5;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 22px;
height: 36px;
line-height: 100%;
text-align: center;
border-radius: 0 !important;
}
.cms-content form .fn-date-picker .pika-button:hover {
background-color: #F7F7F7; !important;
background: #F7F7F7;;
box-shadow: none;
color: #000000 !important;
}
.cms-content form .fn-date-picker .is-selected .pika-button {
color: #000000 !important;
background-color: #F7FAFA !important;
background: #F7FAFA;
outline: 2px solid #C6007E;
outline-offset: -2px;
box-shadow: none;
}
.cms-content form .fn-date-picker td.is-today .pika-button,
.cms-content form .fn-date-picker td.is-today .pika-button:hover {
border-bottom: 2px solid #C6007E;
box-shadow: none;
}
.cms-content form .legal-consent-container :is(.hs-richtext, *),
.cms-content form .legal-consent-container .input label>input[type="checkbox"]~span {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 150%;
margin-bottom: 0;
}
.cms-content form .legal-consent-container .input label>input[type="checkbox"]~span {
padding-left: 38px;
}
.cms-content form .legal-consent-container .input label>input[type="checkbox"]~span:before {
top: 0.625rem;
height: 1rem;
width: 1rem;
}
.cms-content form .legal-consent-container .input label>input[type="checkbox"]~span:after {
top: 0.75rem;
left: 0.875rem;
height: 0.75rem;
width: 0.75rem;
}
.cms-content form .legal-consent-container :not(:last-child) {
margin-bottom: 15px;
}
.cms-content form .legal-consent-container .hs-richtext p a,
.cms-content form .legal-consent-container .hs-richtext a {
text-decoration: underline;
}
.cms-content form .legal-consent-container .hs-richtext p a:hover,
.cms-content form .legal-consent-container .hs-richtext a:hover {
text-decoration: none;
}
.cms-content form input[type="submit"] {
color: #FFFFFF;
font-family: Goldplay Regular, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-align: center;
cursor: pointer;
}
.cms-content form input[type="submit"]:hover {
background: #002B4F;
}
.cms-content form ul.hs-error-msgs {
display: flex;
flex-direction: column;
row-gap: 0.5rem;
margin: 0;
}
.cms-content form :not(.hs_error_rollup) ul.hs-error-msgs {
margin-top: 0.5rem;
}
.cms-content form ul.hs-error-msgs li {
padding: 0;
margin: 0;
}
.cms-content form ul.hs-error-msgs li:not(:last-child):not(:only-child) {
margin-bottom: 10px;
}
.cms-content form ul.hs-error-msgs li:before,
.cms-content form ul.hs-error-msgs li:after {
content: none;
}
.cms-content form ul.hs-error-msgs li label {
color: #dc3232;
font-family: Goldplay Regular, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
#hs_form_target_blog_subscribe_ {
overflow: unset;
}
.submitted-message {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
overflow: unset;
}
/* Redesign */
.redesign-module .cms-content form input[type="text"],
.redesign-module .cms-content form input[type="password"],
.redesign-module .cms-content form input[type="datetime"],
.redesign-module .cms-content form input[type="datetime-local"],
.redesign-module .cms-content form input[type="date"],
.redesign-module .cms-content form input[type="month"],
.redesign-module .cms-content form input[type="time"],
.redesign-module .cms-content form input[type="week"],
.redesign-module .cms-content form input[type="number"],
.redesign-module .cms-content form input[type="email"],
.redesign-module .cms-content form input[type="url"],
.redesign-module .cms-content form input[type="search"],
.redesign-module .cms-content form input[type="tel"],
.redesign-module .cms-content form input[type="color"],
.redesign-module .cms-content form input[type="file"],
.redesign-module .cms-content form textarea,
.redesign-module .cms-content form select,
.redesign-module .select {
color: #303030;
padding: 10px 0;
}
.redesign-module .cms-content form .hs-form-field>label,
.redesign-module .cms-content form .input label>input[type="checkbox"]~span,
.redesign-module .cms-content form .input label>input[type="radio"]~span {
font-size: 14px;
color: #303030;
font-weight: 500;
}
.redesign-module .cms-content form .hs-fieldtype-radio>label,
.redesign-module .cms-content form .hs-fieldtype-checkbox>label {
display: block;
margin-bottom: 12px;
}
.redesign-module .cms-content form .input ul.multi-container {
gap: 10px;
}
.redesign-module .cms-content form ul li {
padding-left: 0;
margin-bottom: 0;
}
.redesign-module .cms-content form .hs-fieldtype-checkbox .input {
border-bottom: 0;
}
.redesign-module .cms-content form .input label>input[type="checkbox"]~span,
.redesign-module .cms-content form .input label>input[type="radio"]~span {
padding-left: 36px;
}
.redesign-module .cms-content form .input label>input[type="checkbox"]~span:before,
.redesign-module .cms-content form .input label>input[type="radio"]~span:before,
.redesign-module .cms-content form .email-prefs input[type="checkbox"]+span:before,
.redesign-module .cms-content form .email-prefs .subscribe-options input[type="checkbox"]+span:before,
.redesign-module .cms-content form .email-prefs .item.disabled .item-inner.hovered span:before {
left: 0;
top: 7px;
}
.redesign-module .cms-content form .input label>input[type="checkbox"]:checked~span:after,
.redesign-module .cms-content form .email-prefs input[type="checkbox"]:checked+span:after,
.redesign-module .cms-content form .email-prefs .subscribe-options input[type="checkbox"]:checked+span:after,
.redesign-module .cms-content form .email-prefs .item.disabled .item-inner.hovered span:after {
left: 2px;
top: 8px;
}
.redesign-module .hs-dependent-field {
display: flex;
flex-direction: column;
gap: 16px;
}
/* Media queries */
@media only screen and (min-width: 640px) {
.cms-content form .hs-dateinput {
max-width: 14rem;
}
}
@media only screen and (max-width: 639px) {
.cms-content form .form-columns-2 {
flex-direction: column;
}
}
@font-face {
font-family: 'Goldplay Regular';
src: url('/hubfs/144679124/fonts/Latinotype%20-%20Goldplay%20Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
font-variant-ligatures: none;
}
@font-face {
font-family: 'Goldplay Light';
src: url('/hubfs/144679124/fonts/Latinotype%20-%20Goldplay%20Light.otf') format('opentype');
font-weight: 100;
font-style: normal;
font-display: swap;
font-variant-ligatures: none;
}
@font-face {
font-family: 'Goldplay Medium';
src: url('/hubfs/144679124/fonts/Latinotype%20-%20Goldplay%20Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
font-variant-ligatures: none;
}
@font-face {
font-family: 'Goldplay semi';
src: url('/hubfs/144679124/fonts/Latinotype%20-%20Goldplay%20SemiBold.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
font-variant-ligatures: none;
}
@font-face {
font-family: 'Goldplay semi-bold';
src: url('/hubfs/144679124/fonts/Latinotype%20-%20Goldplay%20SemiBold.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
font-variant-ligatures: none;
}
@font-face {
font-family: 'Goldplay Bold';
src: url('/hubfs/144679124/fonts/Latinotype%20-%20Goldplay%20Bold.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
font-variant-ligatures: none;
}
@font-face {
font-family: 'FontAwesome';
src: url('/hubfs/144679124/fonts/fontawesome-webfont.woff') format('woff');
src: url('/hubfs/144679124/fonts/fontawesome-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
font-family: Goldplay Regular, sans-serif !important;
font-weight: 300;
}
.cms-content ::-moz-selection {
background: #C6007E;
color: #FFFFFF;
}
.cms-content ::selection {
background: #C6007E;
color: #FFFFFF;
}
.cms-content ::-moz-selection {
background: #C6007E;
color: #FFFFFF;
}
.cms-content h1,
.cms-content .preheader-h1,
h1 {
/* color: theme("colors.dark.DEFAULT"); */
font-family: Goldplay semi-bold, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin-bottom: 1.5rem;
}
.cms-content h2,
h2,
.h2 {
color: #303030;
font-family: Goldplay semi, sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 35px;
margin-bottom: 15px;
}
.cms-content h3,
h3,
.h3 {
color: #303030;
font-family: Goldplay semi-bold, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
margin-bottom: 1rem;
}
.cms-content :is(p, ul, ol, table, img)+h3 {
margin-top: 2rem;
}
.cms-content h4,
h4,
.h4 {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin-bottom: 0.75rem;
}
.cms-content :is(p, ul, ol, table, img)+h4 {
margin-top: 2rem;
}
.cms-content h5,
.h5 {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 21px;
margin-bottom: 0.5rem;
}
.cms-content :is(p, ul, ol, table, img)+h5 {
margin-top: 2rem;
}
.cms-content h6,
.h6 {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 18px;
}
.hero-slider h3 {
font-size: 30px;
font-style: italic;
font-family: Goldplay Regular, sans-serif;
line-height: 1.2;
}
.hero-slider h2 {
font-size: 34px !important;
font-family: Goldplay semi, sans-serif;
line-height: 1.2;
}
.cms-content {
--ssfont-scale: 0.7
}
.cms-content :is(p, ul, ol, table, img)+h6 {
margin-top: 2rem;
}
.cms-content p,
.p {
color: #7a7a7a;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
line-height: 1.5;
font-weight: 300;
letter-spacing: .5px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.cms-content p,
.p {
font-size: 16px;
}
}
.hs-blog-post .gsl-float-quote-box {
padding-top: 2rem;
padding-bottom: 3rem;
}
.hs-blog-post .gsl-float-quote-box .block-quote {
font-style: italic;
}
:is(.cms-content .p-large, .cms-content.p-large) p,
p.p-large,
:is(.cms-content .p-large, .cms-content.p-large) dd,
dd.p-large,
:is(.cms-content .p-large, .cms-content.p-large) dt,
dt.p-large {
font-size: 22px;
line-height: 150%;
margin-bottom: 22px;
}
:is(.cms-content .p-small, .cms-content.p-small) p,
p.p-small,
:is(.cms-content .p-small, .cms-content.p-small) dd,
dd.p-small {
font-size: 15px;
line-height: 150%;
margin-bottom: 15px;
}
strong,
.cms-content strong {
font-weight: 700 !important;
font-family: "Goldplay semi";
}
.cms-content p a {
color: #C6007E;
text-decoration: underline;
}
.cms-content p a:hover {
color: #C6007E;
text-decoration: none;
}
/* Media queries */
@media only screen and (max-width: 639px) {
.cms-content {
--ssfont-scale: 0.7
}
.cms-content h1,
.cms-content .preheader-h1,
.h1 {
font-size: 40px;
line-height: 50px;
}
.cms-content h2,
.h2 {
font-size: 20px;
line-height: 30px;
}
.cms-content h3,
.h3 {
font-size: 16px;
line-height: 19px;
}
.cms-content h6,
.h6 {
font-size: 18px;
line-height: 21.6px;
}
}
@media (max-width: 1023px) {
.hero-slider h2,
.hero-slider h3 {
font-size: 22px !important;
}
}
:is(.cms-content .p-large, .cms-content.p-large) p,
p.p-large,
:is(.cms-content .p-large, .cms-content.p-large) dd,
dd.p-large {
margin-bottom: 1.25rem;
}
/* Redesign style rules */
.redesign.cms-content h1,
.redesign.cms-content .preheader-h1,
.redesign h1,
.redesign .h1 {
font-size: 36px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.01em;
margin-bottom: 16px;
font-family: "Goldplay semi-bold"
}
.redesign.cms-content h2,
.redesign h2,
.redesign .h2 {
font-size: 24px;
font-weight: 600!important;
line-height: 1.175;
letter-spacing: -0.01em;
font-family: "Goldplay semi-bold"
}
.redesign.cms-content p {
font-weight: 500;
font-size: 16px;
font-family: "Goldplay Medium"
}
@media (min-width: 768px) {
.redesign.cms-content h1,
.redesign.cms-content .preheader-h1,
.redesign h1,
.redesign .h1 {
font-size: 40px;
}
.redesign.cms-content h2,
.redesign h2,
.redesign .h2 {
font-size: 28px;
}
}
@media (min-width: 1024px) {
.redesign.cms-content h1,
.redesign.cms-content .preheader-h1,
.redesign h1,
.redesign .h1 {
font-size: 44px;
}
.redesign.cms-content h2,
.redesign h2,
.redesign .h2 {
font-size: 34px;
}
}
.cms-content ul,
.cms-content ol {
padding: 0;
margin: 0;
margin-bottom: 3rem;
}
.cms-content .non-list,
.non-list {
list-style: none;
}
.cms-content .non-list li,
.non-list li {
padding-left: 0;
}
.cms-content .non-list li:before,
.non-list li:before {
display: none;
}
.cms-content ul:is(:last-child, :only-child),
.cms-content ol:is(:last-child, :only-child) {
margin-bottom: 0;
}
.cms-content :is(h1, h2, h3, h4, h5, h6, p, table, img)+ul,
.cms-content :is(h1, h2, h3, h4, h5, h6, p, table, img)+ol,
.cms-content ul li>ul,
.cms-content ol li>ol {
margin-top: 1rem;
}
.cms-content ol {
counter-reset: item sub-item tri-item;
}
.cms-content ul li,
.cms-content ol li {
color: #696969;
position: relative;
list-style: none;
font-size: 18px;
letter-spacing: 0;
font-weight: 400;
line-height: 150%;
padding-left: 1.5rem;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.cms-content ul li,
.cms-content ol li {
font-size: 16px;
}
}
.cms-content ul li:is(:last-child, :only-child),
.cms-content ol li:is(:last-child, :only-child) {
margin-bottom: 0;
}
.cms-content ul li:not(.hs-form-radio, .hs-form-checkbox, .hs-form-booleancheckbox):before {
content: "";
position: absolute;
left: 0;
height: 0.5rem;
width: 0.5rem;
content: "•";
font-size: 25px;
}
.cms-content blockquote,
.blockquote {
position: relative;
padding-left: 3rem;
margin-bottom: 2rem;
}
.cms-content :is(p, ul, ol, table, img, div) + blockquote {
margin-top: 2rem;
}
.cms-content blockquote:before,
.blockquote:before {
content: url("/blend-framework/images/blockquote/blockquote-mark.svg");
position: absolute;
top: 0;
left: 0;
}
.cms-content blockquote :is(h2, h3, h4, h5, h6, p),
.blockquote :is(h2, h3, h4, h5, h6, p) {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 120%;
}
/* Media queries */
@media only screen and (max-width: 639px) {
.cms-content blockquote :is(h2, h3, h4, h5, h6, p),
.blockquote :is(h2, h3, h4, h5, h6, p) {
font-size: 24px;
}
}
.cms-content table {
min-width: 750px;
margin-bottom: 2rem;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #000000 !important;
}
.cms-content :is(p, ul, ol, table, img, div, blockquote) + table {
margin-top: 2rem;
}
.cms-content table td {
color: #000000;
font-family: Goldplay Regular, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 150%;
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
border: 1px solid #000000 !important;
vertical-align: top;
}
.cms-content table tr:first-child td {
color: #FFFFFF;
background-color: #000000;
font-weight: 700;
}
/* Corrects width issues in table elements created via the rich-text WYSIWIG editor */
.cms-content table tr td img {
max-width: initial;
}
/* Responsive pre elements */
.cms-content pre {
overflow-x: auto;
}
/* Responsive pre tables */
.cms-content table pre {
white-space: pre-wrap;
}
/* Remove bullets from HubSpot Extension dropdown */
.hs-tools-menu li:before {
content: none !important;
}
[id] {
scroll-margin-top: 130px;
}
img {
height: auto;
max-width: 100%;
}
/* Override height/width restrictions on HubSpot video embeds */
.hs-embed-wrapper {
max-width: none !important;
max-height: none !important;
}
.container {
max-width: 1600px !important;
}
.redesign-module .container {
max-width: 1228px !important;
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 992px) {
.redesign-module .container {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 1180px) {
.redesign-module .container {
padding-left: 1rem;
padding-right: 1rem;
}
}
body div#hs-eu-cookie-confirmation {
position: fixed;
top: auto;
bottom: 0;
padding: 30px 0 38px;
border: none;
background-color: #FFFFFF;
}
div#hs-eu-cookie-confirmation {
width: 100% !important;
}
div#hs-eu-cookie-confirmation-inner {
background-color: red;
}
#hs_show_banner_button {
display: none;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
max-width: 100%;
margin: 0 auto;
padding: 15px 30px;
background-color: transparent;
flex-direction: row;
justify-content: center;
align-items: center;
}
#hs-banner-parent #hs-eu-cookie-confirmation {
padding: 0;
width: 100%;
min-width: 100%;
inset: auto 50% 0 !important;
}
#hs-eu-cookie-confirmation #hs-eu-confirmation-button, #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button, #hs-eu-cookie-confirmation #hs-eu-decline-button {
width: 60px;
min-width: 60px !important;
height: 60px;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner *,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
color: #FFFFFF;
font-family: Goldplay Regular, sans-serif;
font-size: 13px;
letter-spacing: 0;
line-height: 20px;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p > a {
color: blue !important;
font-weight: 500 !important;
cursor: pointer;
text-decoration: underline !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p > a:hover {
text-decoration: none !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
margin: 0 !important;
text-align: left !important;
}
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
div#hs-en-cookie-confirmation-buttons-area
a#hs-eu-confirmation-button,
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
div#hs-en-cookie-confirmation-buttons-area
a#hs-eu-decline-button {
display: block;
color: white;
}
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
div#hs-en-cookie-confirmation-buttons-area
a#hs-eu-confirmation-button {
background-color: green !important;
}
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
div#hs-en-cookie-confirmation-buttons-area
a#hs-eu-decline-button {
background-color: white !important;
}
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
div#hs-en-cookie-confirmation-buttons-area
a#hs-eu-confirmation-button:hover,
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
div#hs-en-cookie-confirmation-buttons-area
a#hs-eu-decline-button:hover {
color: #FFFFFF;
background-color: blue !important;
}
@media only screen and (max-width: 767px) {
body div#hs-eu-cookie-confirmation {
padding: 30px;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
flex-direction: column;
}
body
div#hs-eu-cookie-confirmation
div#hs-eu-cookie-confirmation-inner
*:not(#hs-eu-confirmation-button):not(#hs-eu-decline-button),
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
font-size: 12px !important;
line-height: 20px !important;
}
}
:is(.dark .cms-content, .dark.cms-content) ::-moz-selection {
background: #4C4C4C;
}
:is(.dark .cms-content, .dark.cms-content) ::selection {
background: #4C4C4C;
}
:is(.dark .cms-content, .dark.cms-content) ::-moz-selection {
background: #4C4C4C;
}
.dark
:is(
.cms-content h1,
.h1,
.cms-content h2,
.h2,
.cms-content h3,
.h3,
.cms-content h4,
.h4,
.cms-content h5,
.h5,
.cms-content h6,
.h6,
.cms-content p,
.p,
li
) {
color: #FFFFFF;
}
:is(.dark .cms-content, .dark.cms-content) p a {
color: #4C4C4C;
}
:is(.dark .cms-content, .dark.cms-content, .dark) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li) {
color: #FFFFFF;
}
:is(.dark .cms-content, .dark.cms-content) ul li:before {
background-color: #00CCD6;
}
:is(.dark .cms-content, .dark.cms-content) ul li ul li:before,
:is(.dark .cms-content, .dark.cms-content) ul li ul li ul li:before {
border-color: #00CCD6;
}
:is(.dark .cms-content, .dark.cms-content) ol li:before {
color: #00CCD6;
}
:is(.dark .cms-content, .dark.cms-content) table {
border-color: #FFFFFF !important;
}
:is(.dark .cms-content, .dark.cms-content) table td {
color: #FFFFFF;
border-color: #FFFFFF !important;
}
:is(.dark .cms-content, .dark.cms-content) table tr:first-child td {
background-color: #FFFFFF;
color: #000000;
}
:is(.dark .cms-content, .dark.cms-content) form .hs-form-field > label {
color: #FFFFFF;
}
:is(.dark .cms-content, .dark.cms-content) form input[type="text"],
:is(.dark .cms-content, .dark.cms-content) form input[type="password"],
:is(.dark .cms-content, .dark.cms-content) form input[type="datetime"],
:is(.dark .cms-content, .dark.cms-content) form input[type="datetime-local"],
:is(.dark .cms-content, .dark.cms-content) form input[type="date"],
:is(.dark .cms-content, .dark.cms-content) form input[type="month"],
:is(.dark .cms-content, .dark.cms-content) form input[type="time"],
:is(.dark .cms-content, .dark.cms-content) form input[type="week"],
:is(.dark .cms-content, .dark.cms-content) form input[type="number"],
:is(.dark .cms-content, .dark.cms-content) form input[type="email"],
:is(.dark .cms-content, .dark.cms-content) form input[type="url"],
:is(.dark .cms-content, .dark.cms-content) form input[type="search"],
:is(.dark .cms-content, .dark.cms-content) form input[type="tel"],
:is(.dark .cms-content, .dark.cms-content) form input[type="color"],
:is(.dark .cms-content, .dark.cms-content) form input[type="file"],
:is(.dark .cms-content, .dark.cms-content) form textarea,
:is(.dark .cms-content, .dark.cms-content) form select {
background-color: #F2F5F5;
}
:is(.dark .cms-content, .dark.cms-content) form input[type="color"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="date"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="datetime-local"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="datetime"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="email"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="month"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="number"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="password"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="search"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="tel"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="text"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="time"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="url"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form input[type="week"]:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form select:is(:focus, :focus-within, :focus-visible),
:is(.dark .cms-content, .dark.cms-content) form textarea:is(:focus, :focus-within, :focus-visible),
.select:is(:focus, :focus-within, :focus-visible) {
outline: 2px solid #00CCD6;
}
:is(.dark .cms-content, .dark.cms-content) form input[type="text"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="password"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="datetime"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="datetime-local"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="date"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="month"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="time"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="week"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="number"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="email"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="url"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="search"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="tel"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="color"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form input[type="file"].invalid.error,
:is(.dark .cms-content, .dark.cms-content) form textarea.invalid.error,
:is(.dark .cms-content, .dark.cms-content) form select.invalid.error {
border-color: #C6007E;
}
:is(.dark .cms-content, .dark.cms-content) form ul.hs-error-msgs li label {
color: #C6007E;
}
:is(.dark .cms-content, .dark.cms-content) form select {
background-image: url('data:image/svg+xml;utf-8,');
}
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"] ~ span,
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"] ~ span {
color: #FFFFFF;
}
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"] ~ span:before,
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"] ~ span:before {
border-color: #696969;
background-color: #DBDBDB;
}
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"]:checked ~ span:before,
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"]:checked ~ span:before {
border-color: #00CCD6;
background-color: #00CCD6;
}
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="radio"]:checked ~ span:after {
background-color: #000000;
}
:is(.dark .cms-content, .dark.cms-content) form .input label > input[type="checkbox"]:checked ~ span:after,
:is(.dark .cms-content, .dark.cms-content) form .email-prefs input[type="checkbox"]:checked + span:after,
:is(.dark .cms-content, .dark.cms-content)
form
.email-prefs
.subscribe-options
input[type="checkbox"]:checked
+ span:after,
:is(.dark .cms-content, .dark.cms-content) form .email-prefs .item.disabled .item-inner.hovered span:after {
content: url('data:image/svg+xml;utf-8,');
}
:is(.dark .cms-content, .dark.cms-content) form ::-webkit-input-placeholder {
color: #FFFFFF;
opacity: 0.25;
}
:is(.dark .cms-content, .dark.cms-content) form ::-moz-placeholder {
color: #FFFFFF;
opacity: 0.25;
}
:is(.dark .cms-content, .dark.cms-content) form :-ms-input-placeholder {
color: #FFFFFF;
opacity: 0.25;
}
:is(.dark .cms-content, .dark.cms-content) form :focus::-webkit-input-placeholder {
color: #FFFFFF;
opacity: 0.25;
}
:is(.dark .cms-content, .dark.cms-content) form :focus::-moz-placeholder {
color: #FFFFFF;
opacity: 0.25;
}
:is(.dark .cms-content, .dark.cms-content) form :focus:-ms-input-placeholder {
color: #FFFFFF;
opacity: 0.25;
}
:is(.dark .cms-content, .dark.cms-content) form input[type="file"] {
background-color: transparent;
border-color: transparent;
}
:is(.dark .cms-content, .dark.cms-content) form input[type="file"]::file-selector-button {
color: #000000;
background-color: #00CCD6;
}
:is(.dark .cms-content, .dark.cms-content) form .legal-consent-container :is(.hs-richtext, *),
:is(.dark .cms-content, .dark.cms-content) form .legal-consent-container .input label > input[type="checkbox"] ~ span {
color: #FFFFFF;
}
:is(.dark .cms-content, .dark.cms-content) .submitted-message {
color: #FFFFFF;
}
:is(.dark) .btn.btn--primary:is(a, button),
:is(.dark) .btn.btn--primary :is(a, button) {
color: #FFFFFF;
}
:is(.dark) .btn.btn--primary:is(a, button):hover,
:is(.dark) .btn.btn--primary :is(a, button):hover {
color: #FFFFFF;
}
:is(.dark) .btn.btn--secondary:is(a, button),
:is(.dark) .btn.btn--secondary :is(a, button) {
background-color: #F5F5F5;
color: #FFFFFF;
}
:is(.dark) .btn.btn--secondary:is(a, button):hover,
:is(.dark) .btn.btn--secondary :is(a, button):hover {
background-color: #696969;
color: #FFFFFF;
}
:is(.dark) .btn--link:not(.btn-cta) {
color: #FFFFFF;
border-color: #FFFFFF;
}
:is(.dark) .btn--link:not(.btn-cta) svg path {
stroke: #FFFFFF;
}
:is(.dark) .btn--link:not(.btn-cta):hover {
color: #4C4C4C;
border-color: #4C4C4C;
}
:is(.dark) .btn--link:not(.btn-cta):hover svg path {
stroke: #4C4C4C;
}
:is(.dark) .btn.btn--outline:is(a, button, .btn-placeholder),
:is(.dark) .btn.btn--outline :is(a, button, .btn-placeholder) {
color: #FFFFFF;
background-color: transparent;
border: 1px solid #FFFFFF;
}
:is(.dark) .btn.btn--outline:is(a, button, .btn-placeholder):hover,
:is(.dark) .btn.btn--outline :is(a, button, .btn-placeholder):hover,
:is(.dark) .link-area:hover .btn.btn--outline:is(a, button, .btn-placeholder) {
color: #C6007E;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
/* Example set of keyframes to be used in conjunction with _in-view.js */
/* Not included by default */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(10%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(-10%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-30%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
[data-anim] {
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-fill-mode: both;
}
[data-anim="fadeInUp"].animated {
animation-name: fadeInUp;
}
[data-anim="fadeInLeft"].animated {
animation-name: fadeInLeft;
}
[data-anim="fadeInRight"].animated {
animation-name: fadeInRight;
}
[data-anim="fadeInDown"].animated {
animation-name: fadeInDown;
}
@media only screen and (min-width: 768px) {
[data-anim] {
opacity: 0;
}
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: currentColor; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
-o-tab-size: 4;
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
letter-spacing: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 992px) {
.container {
max-width: 992px;
}
}
@media (min-width: 1180px) {
.container {
max-width: 1180px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1344px) {
.container {
max-width: 1344px;
}
}
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.\!bottom-8 {
bottom: 2rem !important;
}
.\!bottom-9 {
bottom: 2.25rem !important;
}
.\!left-0 {
left: 0px !important;
}
.\!left-10 {
left: 2.5rem !important;
}
.\!left-7 {
left: 1.75rem !important;
}
.\!right-0 {
right: 0px !important;
}
.\!right-3 {
right: 0.75rem !important;
}
.\!right-\[10px\] {
right: 10px !important;
}
.\!right-auto {
right: auto !important;
}
.-left-0\.5 {
left: -0.125rem;
}
.-left-6 {
left: -1.5rem;
}
.-right-0\.5 {
right: -0.125rem;
}
.-right-2 {
right: -0.5rem;
}
.-top-0 {
top: -0px;
}
.-top-2 {
top: -0.5rem;
}
.bottom-0 {
bottom: 0px;
}
.left-0 {
left: 0px;
}
.left-1\/2 {
left: 50%;
}
.left-2\/4 {
left: 50%;
}
.left-\[2px\] {
left: 2px;
}
.left-\[65\%\] {
left: 65%;
}
.right-0 {
right: 0px;
}
.right-16 {
right: 4rem;
}
.right-5 {
right: 1.25rem;
}
.right-8 {
right: 2rem;
}
.top-0 {
top: 0px;
}
.top-0\.5 {
top: 0.125rem;
}
.top-1 {
top: 0.25rem;
}
.top-1\/2 {
top: 50%;
}
.top-16 {
top: 4rem;
}
.top-2\/4 {
top: 50%;
}
.top-20 {
top: 5rem;
}
.top-4 {
top: 1rem;
}
.top-5 {
top: 1.25rem;
}
.top-7 {
top: 1.75rem;
}
.top-8 {
top: 2rem;
}
.top-\[4\.5px\] {
top: 4.5px;
}
.top-\[82px\] {
top: 82px;
}
.top-auto {
top: auto;
}
.top-full {
top: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[100\] {
z-index: 100;
}
.z-\[1\] {
z-index: 1;
}
.z-\[200\] {
z-index: 200;
}
.z-\[5\] {
z-index: 5;
}
.order-2 {
order: 2;
}
.order-last {
order: 9999;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.row-span-1 {
grid-row: span 1 / span 1;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-span-3 {
grid-row: span 3 / span 3;
}
.float-left {
float: left;
}
.\!m-0 {
margin: 0px !important;
}
.m-0 {
margin: 0px;
}
.m-4 {
margin: 1rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.\!mb-0 {
margin-bottom: 0px !important;
}
.\!mb-1 {
margin-bottom: 0.25rem !important;
}
.\!mb-2 {
margin-bottom: 0.5rem !important;
}
.\!mb-2\.5 {
margin-bottom: 0.625rem !important;
}
.\!mb-4 {
margin-bottom: 1rem !important;
}
.\!mb-6 {
margin-bottom: 1.5rem !important;
}
.\!mb-8 {
margin-bottom: 2rem !important;
}
.\!mt-0 {
margin-top: 0px !important;
}
.\!mt-8 {
margin-top: 2rem !important;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-auto {
margin-bottom: auto;
}
.ml-0 {
margin-left: 0px;
}
.ml-\[2\.3vw\] {
margin-left: 2.3vw;
}
.ml-auto {
margin-left: auto;
}
.mr-0 {
margin-right: 0px;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mr-auto {
margin-right: auto;
}
.mt-0 {
margin-top: 0px;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-16 {
margin-top: 4rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-9 {
margin-top: 2.25rem;
}
.mt-\[82px\] {
margin-top: 82px;
}
.mt-auto {
margin-top: auto;
}
.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.\!block {
display: block !important;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.\!inline-flex {
display: inline-flex !important;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.aspect-\[150\/0\] {
aspect-ratio: 150/0;
}
.aspect-\[310\/154\] {
aspect-ratio: 310/154;
}
.aspect-\[311\/154\] {
aspect-ratio: 311/154;
}
.aspect-\[330\/200\] {
aspect-ratio: 330/200;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.\!h-\[147px\] {
height: 147px !important;
}
.\!h-\[48px\] {
height: 48px !important;
}
.\!h-auto {
height: auto !important;
}
.\!h-full {
height: 100% !important;
}
.h-0 {
height: 0px;
}
.h-0\.5 {
height: 0.125rem;
}
.h-1 {
height: 0.25rem;
}
.h-1\.5 {
height: 0.375rem;
}
.h-12 {
height: 3rem;
}
.h-2\.5 {
height: 0.625rem;
}
.h-20 {
height: 5rem;
}
.h-3\.5 {
height: 0.875rem;
}
.h-4 {
height: 1rem;
}
.h-5 {
height: 1.25rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-\[125px\] {
height: 125px;
}
.h-\[15px\] {
height: 15px;
}
.h-\[1px\] {
height: 1px;
}
.h-\[311px\] {
height: 311px;
}
.h-\[35px\] {
height: 35px;
}
.h-\[48px\] {
height: 48px;
}
.h-\[50px\] {
height: 50px;
}
.h-\[590px\] {
height: 590px;
}
.h-\[5px\] {
height: 5px;
}
.h-\[600px\] {
height: 600px;
}
.h-\[90px\] {
height: 90px;
}
.h-\[calc\(100dvh-82px\)\] {
height: calc(100dvh - 82px);
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.max-h-\[105px\] {
max-height: 105px;
}
.max-h-\[275px\] {
max-height: 275px;
}
.max-h-\[600px\] {
max-height: 600px;
}
.max-h-\[calc\(100dvh_-_48px\)\] {
max-height: calc(100dvh - 48px);
}
.min-h-\[100px\] {
min-height: 100px;
}
.min-h-\[130px\] {
min-height: 130px;
}
.min-h-\[300px\] {
min-height: 300px;
}
.min-h-\[324px\] {
min-height: 324px;
}
.min-h-\[420px\] {
min-height: 420px;
}
.min-h-\[auto\] {
min-height: auto;
}
.\!w-\[48px\] {
width: 48px !important;
}
.\!w-auto {
width: auto !important;
}
.\!w-full {
width: 100% !important;
}
.w-1\.5 {
width: 0.375rem;
}
.w-10\/12 {
width: 83.333333%;
}
.w-12 {
width: 3rem;
}
.w-14 {
width: 3.5rem;
}
.w-16 {
width: 4rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-24 {
width: 6rem;
}
.w-3\.5 {
width: 0.875rem;
}
.w-32 {
width: 8rem;
}
.w-4 {
width: 1rem;
}
.w-44 {
width: 11rem;
}
.w-5 {
width: 1.25rem;
}
.w-6\/12 {
width: 50%;
}
.w-8\/12 {
width: 66.666667%;
}
.w-9 {
width: 2.25rem;
}
.w-\[100px\] {
width: 100px;
}
.w-\[104px\] {
width: 104px;
}
.w-\[15px\] {
width: 15px;
}
.w-\[170px\] {
width: 170px;
}
.w-\[311px\] {
width: 311px;
}
.w-\[475px\] {
width: 475px;
}
.w-\[48px\] {
width: 48px;
}
.w-\[calc\(100\%-12px\)\] {
width: calc(100% - 12px);
}
.w-\[calc\(100\%-60px\)\] {
width: calc(100% - 60px);
}
.w-\[calc\(33\.3\%_-_1rem\)\] {
width: calc(33.3% - 1rem);
}
.w-auto {
width: auto;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
.min-w-\[14px\] {
min-width: 14px;
}
.min-w-\[24px\] {
min-width: 24px;
}
.min-w-fit {
min-width: -moz-fit-content;
min-width: fit-content;
}
.\!max-w-\[1170px\] {
max-width: 1170px !important;
}
.\!max-w-\[1196px\] {
max-width: 1196px !important;
}
.\!max-w-\[1228px\] {
max-width: 1228px !important;
}
.\!max-w-\[1600px\] {
max-width: 1600px !important;
}
.\!max-w-\[172px\] {
max-width: 172px !important;
}
.\!max-w-\[238px\] {
max-width: 238px !important;
}
.\!max-w-full {
max-width: 100% !important;
}
.max-w-\[100\%\] {
max-width: 100%;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[1170px\] {
max-width: 1170px;
}
.max-w-\[1600px\] {
max-width: 1600px;
}
.max-w-\[169px\] {
max-width: 169px;
}
.max-w-\[180px\] {
max-width: 180px;
}
.max-w-\[1920px\] {
max-width: 1920px;
}
.max-w-\[215px\] {
max-width: 215px;
}
.max-w-\[24px\] {
max-width: 24px;
}
.max-w-\[250px\] {
max-width: 250px;
}
.max-w-\[27px\] {
max-width: 27px;
}
.max-w-\[287px\] {
max-width: 287px;
}
.max-w-\[28px\] {
max-width: 28px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[35px\] {
max-width: 35px;
}
.max-w-\[500px\] {
max-width: 500px;
}
.max-w-\[56px\] {
max-width: 56px;
}
.max-w-\[610px\] {
max-width: 610px;
}
.max-w-\[700px\] {
max-width: 700px;
}
.max-w-\[900px\] {
max-width: 900px;
}
.max-w-\[913px\] {
max-width: 913px;
}
.max-w-\[970px\] {
max-width: 970px;
}
.max-w-lg {
max-width: 32rem;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-auto {
flex: 1 1 auto;
}
.basis-1\/12 {
flex-basis: 8.333333%;
}
.basis-4\/12 {
flex-basis: 33.333333%;
}
.border-collapse {
border-collapse: collapse;
}
.origin-top-right {
transform-origin: top right;
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
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));
}
.-translate-x-2\/4 {
--tw-translate-x: -50%;
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));
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
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));
}
.-translate-y-1\/3 {
--tw-translate-y: -33.333333%;
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));
}
.-translate-y-2\/4 {
--tw-translate-y: -50%;
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));
}
.translate-x-1\/3 {
--tw-translate-x: 33.333333%;
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));
}
.translate-y-1\/4 {
--tw-translate-y: 25%;
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));
}
.rotate-90 {
--tw-rotate: 90deg;
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));
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75;
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));
}
.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));
}
.cursor-default {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.resize {
resize: both;
}
.columns-1 {
-moz-columns: 1;
columns: 1;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.\!items-start {
align-items: flex-start !important;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.\!items-center {
align-items: center !important;
}
.items-center {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.\!justify-center {
justify-content: center !important;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-evenly {
justify-content: space-evenly;
}
.gap-0 {
gap: 0px;
}
.gap-1 {
gap: 0.25rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-16 {
gap: 4rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-2\.5 {
gap: 0.625rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-x-5 {
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.gap-y-0 {
row-gap: 0px;
}
.gap-y-12 {
row-gap: 3rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.gap-y-3 {
row-gap: 0.75rem;
}
.gap-y-4 {
row-gap: 1rem;
}
.gap-y-5 {
row-gap: 1.25rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
.gap-y-8 {
row-gap: 2rem;
}
.overflow-hidden {
overflow: hidden;
}
.\!overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.scroll-smooth {
scroll-behavior: smooth;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-3xl {
border-radius: 1.5rem;
}
.rounded-\[0\] {
border-radius: 0;
}
.rounded-\[10\%\] {
border-radius: 10%;
}
.rounded-\[20px\] {
border-radius: 20px;
}
.rounded-\[320px\] {
border-radius: 320px;
}
.rounded-\[32px\] {
border-radius: 32px;
}
.rounded-\[50\%_50\%_50\%_20px\] {
border-radius: 50% 50% 50% 20px;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.rounded-bl-\[32px\] {
border-bottom-left-radius: 32px;
}
.border {
border-width: 1px;
}
.border-\[1px\] {
border-width: 1px;
}
.border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-b-\[1px\] {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-r-2 {
border-right-width: 2px;
}
.border-t {
border-top-width: 1px;
}
.border-t-\[1px\] {
border-top-width: 1px;
}
.border-solid {
border-style: solid;
}
.border-none {
border-style: none;
}
.\!border-light {
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.\!border-purple {
--tw-border-opacity: 1 !important;
border-color: rgb(198 0 126 / var(--tw-border-opacity)) !important;
}
.border-\[\#454545\] {
--tw-border-opacity: 1;
border-color: rgb(69 69 69 / var(--tw-border-opacity));
}
.border-\[\#E4E4E4\] {
--tw-border-opacity: 1;
border-color: rgb(228 228 228 / var(--tw-border-opacity));
}
.border-\[\#ECECEC\] {
--tw-border-opacity: 1;
border-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-\[\#EEEEEE\] {
--tw-border-opacity: 1;
border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
.border-\[\#d6d6d6\] {
--tw-border-opacity: 1;
border-color: rgb(214 214 214 / var(--tw-border-opacity));
}
.border-dark-5 {
--tw-border-opacity: 1;
border-color: rgb(206 206 206 / var(--tw-border-opacity));
}
.border-dark-60 {
--tw-border-opacity: 1;
border-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-grey-40 {
--tw-border-opacity: 1;
border-color: rgb(247 247 247 / var(--tw-border-opacity));
}
.border-grey-60 {
--tw-border-opacity: 1;
border-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.border-grey-dark {
border-color: #444444;;
}
.border-light {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-purple {
--tw-border-opacity: 1;
border-color: rgb(198 0 126 / var(--tw-border-opacity));
}
.border-y-grey-60 {
--tw-border-opacity: 1;
border-top-color: rgb(234 234 234 / var(--tw-border-opacity));
border-bottom-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.border-b-dark-60 {
--tw-border-opacity: 1;
border-bottom-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-b-grey-30 {
--tw-border-opacity: 1;
border-bottom-color: rgb(249 249 249 / var(--tw-border-opacity));
}
.border-b-grey-60 {
--tw-border-opacity: 1;
border-bottom-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.border-l-grey-60 {
--tw-border-opacity: 1;
border-left-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.border-r-dark-60 {
--tw-border-opacity: 1;
border-right-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.border-r-dark-80 {
--tw-border-opacity: 1;
border-right-color: rgb(219 219 219 / var(--tw-border-opacity));
}
.border-r-grey-60 {
--tw-border-opacity: 1;
border-right-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.border-t-dark-60 {
--tw-border-opacity: 1;
border-top-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.bg-\[\#000000A7\] {
background-color: #000000A7;
}
.bg-\[\#000\]\/40 {
background-color: rgb(0 0 0 / 0.4);
}
.bg-\[\#454545\] {
--tw-bg-opacity: 1;
background-color: rgb(69 69 69 / var(--tw-bg-opacity));
}
.bg-\[transparent\] {
background-color: transparent;
}
.bg-dark {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-dark-5 {
--tw-bg-opacity: 1;
background-color: rgb(206 206 206 / var(--tw-bg-opacity));
}
.bg-dark-60 {
--tw-bg-opacity: 1;
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-dark-80 {
--tw-bg-opacity: 1;
background-color: rgb(219 219 219 / var(--tw-bg-opacity));
}
.bg-dark\/60 {
background-color: rgb(0 0 0 / 0.6);
}
.bg-grey {
--tw-bg-opacity: 1;
background-color: rgb(76 76 76 / var(--tw-bg-opacity));
}
.bg-grey-30 {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-grey-40 {
--tw-bg-opacity: 1;
background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}
.bg-grey-60 {
--tw-bg-opacity: 1;
background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}
.bg-grey-80 {
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-grey-dark {
background-color: #444444;;
}
.bg-grey-darker {
--tw-bg-opacity: 1;
background-color: rgb(48 48 48 / var(--tw-bg-opacity));
}
.bg-light {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-light-10 {
--tw-bg-opacity: 1;
background-color: rgb(229 235 237 / var(--tw-bg-opacity));
}
.bg-light-20 {
background-color: #F7F7F7;;
}
.bg-light-3 {
--tw-bg-opacity: 1;
background-color: rgb(247 250 250 / var(--tw-bg-opacity));
}
.bg-light-5 {
--tw-bg-opacity: 1;
background-color: rgb(242 245 245 / var(--tw-bg-opacity));
}
.bg-purple {
--tw-bg-opacity: 1;
background-color: rgb(198 0 126 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-opacity-60 {
--tw-bg-opacity: 0.6;
}
.bg-\[linear-gradient\(45deg\2c \#4F1D7C_0\%\2c \#C6007E_50\%\2c \#C6007E_100\%\)\] {
background-image: linear-gradient(45deg,#4F1D7C 0%,#C6007E 50%,#C6007E 100%);
}
.bg-dot-map {
background-image: url('https://firstpointlogistics.co.uk/hubfs/FPL/Pages/Home/Dot%20Map%20Export.png');
}
.bg-gradient-card-title {
background-image: linear-gradient(180deg, #C6007E 0%, #FFFFFF 100%);
}
.bg-gradient-primary {
background-image: linear-gradient(279.54deg, #C6007E 7.2%, #471D7C 92.8%);
}
.bg-gradient-secondary {
background-image: linear-gradient(360deg, #F9F9F9 0%, #FFFFFF 100%);
}
.bg-gradient-white-grey {
background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
}
.bg-contain {
background-size: contain;
}
.bg-cover {
background-size: cover;
}
.bg-local {
background-attachment: local;
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
.\!bg-center {
background-position: center !important;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-grey-light {
fill: #a9a9a9;
}
.\!stroke-light {
stroke: #FFFFFF !important;
}
.stroke-\[\#303030\] {
stroke: #303030;
}
.stroke-dark {
stroke: #000000;
}
.\!object-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.\!p-0 {
padding: 0px !important;
}
.\!p-8 {
padding: 2rem !important;
}
.p-0 {
padding: 0px;
}
.p-2 {
padding: 0.5rem;
}
.p-2\.5 {
padding: 0.625rem;
}
.p-4 {
padding: 1rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.\!px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.\!px-10 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.\!px-2\.5 {
padding-left: 0.625rem !important;
padding-right: 0.625rem !important;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-11 {
padding-left: 2.75rem;
padding-right: 2.75rem;
}
.px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[50px\] {
padding-top: 50px;
padding-bottom: 50px;
}
.\!pb-16 {
padding-bottom: 4rem !important;
}
.\!pb-20 {
padding-bottom: 5rem !important;
}
.\!pb-4 {
padding-bottom: 1rem !important;
}
.\!pb-6 {
padding-bottom: 1.5rem !important;
}
.\!pt-14 {
padding-top: 3.5rem !important;
}
.\!pt-16 {
padding-top: 4rem !important;
}
.\!pt-20 {
padding-top: 5rem !important;
}
.\!pt-6 {
padding-top: 1.5rem !important;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pl-11 {
padding-left: 2.75rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-8 {
padding-left: 2rem;
}
.pr-16 {
padding-right: 4rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-6 {
padding-right: 1.5rem;
}
.pr-8 {
padding-right: 2rem;
}
.pt-0 {
padding-top: 0px;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-24 {
padding-top: 6rem;
}
.pt-28 {
padding-top: 7rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-36 {
padding-top: 9rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-start {
text-align: start;
}
.text-end {
text-align: end;
}
.\!font-Goldplaymedium {
font-family: Goldplay Medium, sans-serif !important;
}
.\!font-Goldplaysemi {
font-family: Goldplay semi, sans-serif !important;
}
.\!font-Goldplaysemibold {
font-family: Goldplay semi-bold, sans-serif !important;
}
.font-Goldplaymedium {
font-family: Goldplay Medium, sans-serif;
}
.font-Goldplaysemibold {
font-family: Goldplay semi-bold, sans-serif;
}
.\!text-2xl {
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.\!text-3xl {
font-size: 1.875rem !important;
line-height: 2.25rem !important;
}
.\!text-lg {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
.\!text-xl {
font-size: 1.25rem !important;
line-height: 1.75rem !important;
}
.\!text-xs {
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[200px\] {
font-size: 200px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[72px\] {
font-size: 72px;
}
.text-\[85\%\] {
font-size: 85%;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.\!font-medium {
font-weight: 500 !important;
}
.\!font-semibold {
font-weight: 600 !important;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.font-thin {
font-weight: 100;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.\!leading-\[200\%\] {
line-height: 200% !important;
}
.leading-\[1\.25\] {
line-height: 1.25;
}
.leading-\[1\.2\] {
line-height: 1.2;
}
.leading-\[100\%\] {
line-height: 100%;
}
.leading-\[120\%\] {
line-height: 120%;
}
.leading-\[150\%\] {
line-height: 150%;
}
.\!tracking-\[0\.05em\] {
letter-spacing: 0.05em !important;
}
.tracking-\[0\.05em\] {
letter-spacing: 0.05em;
}
.tracking-\[0\.16px\] {
letter-spacing: 0.16px;
}
.tracking-normal {
letter-spacing: 0em;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.\!text-\[\#000\] {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-dark {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-dark-30 {
--tw-text-opacity: 1 !important;
color: rgb(89 89 89 / var(--tw-text-opacity)) !important;
}
.\!text-dark-40 {
--tw-text-opacity: 1 !important;
color: rgb(105 105 105 / var(--tw-text-opacity)) !important;
}
.\!text-dark-80 {
--tw-text-opacity: 1 !important;
color: rgb(219 219 219 / var(--tw-text-opacity)) !important;
}
.\!text-grey {
--tw-text-opacity: 1 !important;
color: rgb(76 76 76 / var(--tw-text-opacity)) !important;
}
.\!text-grey-darker {
--tw-text-opacity: 1 !important;
color: rgb(48 48 48 / var(--tw-text-opacity)) !important;
}
.\!text-light {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\!text-purple {
--tw-text-opacity: 1 !important;
color: rgb(198 0 126 / var(--tw-text-opacity)) !important;
}
.text-\[\#444444\] {
--tw-text-opacity: 1;
color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-\[\#a9a9a9\] {
--tw-text-opacity: 1;
color: rgb(169 169 169 / var(--tw-text-opacity));
}
.text-\[\#e6e6e6\] {
--tw-text-opacity: 1;
color: rgb(230 230 230 / var(--tw-text-opacity));
}
.text-dark {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-dark-10 {
--tw-text-opacity: 1;
color: rgb(162 162 162 / var(--tw-text-opacity));
}
.text-dark-20 {
--tw-text-opacity: 1;
color: rgb(156 156 156 / var(--tw-text-opacity));
}
.text-dark-40 {
--tw-text-opacity: 1;
color: rgb(105 105 105 / var(--tw-text-opacity));
}
.text-grey {
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.text-grey-darker {
--tw-text-opacity: 1;
color: rgb(48 48 48 / var(--tw-text-opacity));
}
.text-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-light-40 {
color: #e6e6e6;;
}
.text-purple {
--tw-text-opacity: 1;
color: rgb(198 0 126 / var(--tw-text-opacity));
}
.text-transparent {
color: transparent;
}
.underline {
text-decoration-line: underline;
}
.opacity-0 {
opacity: 0;
}
.opacity-10 {
opacity: 0.1;
}
.opacity-5 {
opacity: 0.05;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-\[0\.02\] {
opacity: 0.02;
}
.opacity-\[0\.03\] {
opacity: 0.03;
}
.opacity-\[0\.25\] {
opacity: 0.25;
}
.shadow-\[0_0_0_1px_\#EAEAEA\] {
--tw-shadow: 0 0 0 1px #EAEAEA;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_\#F5F5F5\] {
--tw-shadow: 0 0 0 1px #F5F5F5;
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_1px_rgb\(0\2c 0\2c 0\2c \2c 0\.05\)\] {
--tw-shadow: 0 1px 1px rgb(0,0,0,,0.05);
--tw-shadow-colored: 0 1px 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_12px_24px_-12px_rgba\(0\2c 0\2c 0\2c 0\.05\)_inset\] {
--tw-shadow: 0px 12px 24px -12px rgba(0,0,0,0.05) inset;
--tw-shadow-colored: inset 0px 12px 24px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_12px_48px_-12px_rgba\(0\2c 0\2c 0\2c 0\.04\)_inset\] {
--tw-shadow: 0px 12px 48px -12px rgba(0,0,0,0.04) inset;
--tw-shadow-colored: inset 0px 12px 48px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[background-color\] {
transition-property: background-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[stroke\] {
transition-property: stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.delay-150 {
transition-delay: 150ms;
}
.duration-150 {
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.duration-300 {
transition-duration: 300ms;
}
.\!ease-linear {
transition-timing-function: linear !important;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:absolute::before {
content: var(--tw-content);
position: absolute;
}
.before\:inset-0::before {
content: var(--tw-content);
inset: 0px;
}
.before\:-right-0::before {
content: var(--tw-content);
right: -0px;
}
.before\:left-0::before {
content: var(--tw-content);
left: 0px;
}
.before\:left-\[-200px\]::before {
content: var(--tw-content);
left: -200px;
}
.before\:right-0::before {
content: var(--tw-content);
right: 0px;
}
.before\:top-0::before {
content: var(--tw-content);
top: 0px;
}
.before\:top-1\/2::before {
content: var(--tw-content);
top: 50%;
}
.before\:top-2\/4::before {
content: var(--tw-content);
top: 50%;
}
.before\:top-\[-26px\]::before {
content: var(--tw-content);
top: -26px;
}
.before\:block::before {
content: var(--tw-content);
display: block;
}
.before\:flex::before {
content: var(--tw-content);
display: flex;
}
.before\:hidden::before {
content: var(--tw-content);
display: none;
}
.before\:h-11::before {
content: var(--tw-content);
height: 2.75rem;
}
.before\:h-4::before {
content: var(--tw-content);
height: 1rem;
}
.before\:h-6::before {
content: var(--tw-content);
height: 1.5rem;
}
.before\:h-\[1\.5px\]::before {
content: var(--tw-content);
height: 1.5px;
}
.before\:h-full::before {
content: var(--tw-content);
height: 100%;
}
.before\:w-0::before {
content: var(--tw-content);
width: 0px;
}
.before\:w-11::before {
content: var(--tw-content);
width: 2.75rem;
}
.before\:w-2::before {
content: var(--tw-content);
width: 0.5rem;
}
.before\:w-6::before {
content: var(--tw-content);
width: 1.5rem;
}
.before\:w-\[150\%\]::before {
content: var(--tw-content);
width: 150%;
}
.before\:w-full::before {
content: var(--tw-content);
width: 100%;
}
.before\:-translate-y-2\/4::before {
content: var(--tw-content);
--tw-translate-y: -50%;
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));
}
.before\:skew-x-\[55deg\]::before {
content: var(--tw-content);
--tw-skew-x: 55deg;
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));
}
.before\:items-center::before {
content: var(--tw-content);
align-items: center;
}
.before\:justify-center::before {
content: var(--tw-content);
justify-content: center;
}
.before\:rounded-\[10px\]::before {
content: var(--tw-content);
border-radius: 10px;
}
.before\:rounded-md::before {
content: var(--tw-content);
border-radius: 0.375rem;
}
.before\:border-r::before {
content: var(--tw-content);
border-right-width: 1px;
}
.before\:bg-\[\#00000066\]::before {
content: var(--tw-content);
background-color: #00000066;
}
.before\:bg-\[\#C6007E\]::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(198 0 126 / var(--tw-bg-opacity));
}
.before\:bg-\[\#FFFFFFA1\]::before {
content: var(--tw-content);
background-color: #FFFFFFA1;
}
.before\:bg-grey::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(76 76 76 / var(--tw-bg-opacity));
}
.before\:bg-light::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:bg-gradient-primary::before {
content: var(--tw-content);
background-image: linear-gradient(279.54deg, #C6007E 7.2%, #471D7C 92.8%);
}
.before\:text-light::before {
content: var(--tw-content);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.before\:opacity-0::before {
content: var(--tw-content);
opacity: 0;
}
.before\:opacity-80::before {
content: var(--tw-content);
opacity: 0.8;
}
.before\:transition-all::before {
content: var(--tw-content);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:content-\[\'\'\]::before {
--tw-content: '';
content: var(--tw-content);
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:bottom-0::after {
content: var(--tw-content);
bottom: 0px;
}
.after\:left-0::after {
content: var(--tw-content);
left: 0px;
}
.after\:left-2\/4::after {
content: var(--tw-content);
left: 50%;
}
.after\:right-0::after {
content: var(--tw-content);
right: 0px;
}
.after\:top-0::after {
content: var(--tw-content);
top: 0px;
}
.after\:top-2\/4::after {
content: var(--tw-content);
top: 50%;
}
.after\:-z-10::after {
content: var(--tw-content);
z-index: -10;
}
.after\:block::after {
content: var(--tw-content);
display: block;
}
.after\:hidden::after {
content: var(--tw-content);
display: none;
}
.after\:h-\[1\.5px\]::after {
content: var(--tw-content);
height: 1.5px;
}
.after\:h-\[206px\]::after {
content: var(--tw-content);
height: 206px;
}
.after\:h-\[calc\(100\%-6px\)\]::after {
content: var(--tw-content);
height: calc(100% - 6px);
}
.after\:max-h-\[274px\]::after {
content: var(--tw-content);
max-height: 274px;
}
.after\:max-h-\[537px\]::after {
content: var(--tw-content);
max-height: 537px;
}
.after\:w-\[calc\(100\%-6px\)\]::after {
content: var(--tw-content);
width: calc(100% - 6px);
}
.after\:w-full::after {
content: var(--tw-content);
width: 100%;
}
.after\:-translate-x-2\/4::after {
content: var(--tw-content);
--tw-translate-x: -50%;
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));
}
.after\:-translate-x-\[29\%\]::after {
content: var(--tw-content);
--tw-translate-x: -29%;
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));
}
.after\:-translate-y-2\/4::after {
content: var(--tw-content);
--tw-translate-y: -50%;
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));
}
.after\:translate-x-1\/2::after {
content: var(--tw-content);
--tw-translate-x: 50%;
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));
}
.after\:translate-x-\[29\%\]::after {
content: var(--tw-content);
--tw-translate-x: 29%;
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));
}
.after\:translate-y-\[15\%\]::after {
content: var(--tw-content);
--tw-translate-y: 15%;
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));
}
.after\:rotate-90::after {
content: var(--tw-content);
--tw-rotate: 90deg;
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));
}
.after\:rounded-\[10px\]::after {
content: var(--tw-content);
border-radius: 10px;
}
.after\:rounded-\[12px\]::after {
content: var(--tw-content);
border-radius: 12px;
}
.after\:bg-dark::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.after\:bg-grey::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(76 76 76 / var(--tw-bg-opacity));
}
.after\:bg-light::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:bg-gradient-primary::after {
content: var(--tw-content);
background-image: linear-gradient(279.54deg, #C6007E 7.2%, #471D7C 92.8%);
}
.after\:opacity-30::after {
content: var(--tw-content);
opacity: 0.3;
}
.after\:blur-\[100px\]::after {
content: var(--tw-content);
--tw-blur: blur(100px);
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);
}
.after\:blur-\[68px\]::after {
content: var(--tw-content);
--tw-blur: blur(68px);
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);
}
.after\:content-\[\'\'\]::after {
--tw-content: '';
content: var(--tw-content);
}
.last\:mb-4:last-child {
margin-bottom: 1rem;
}
.odd\:mb-16:nth-child(odd) {
margin-bottom: 4rem;
}
.even\:mt-16:nth-child(even) {
margin-top: 4rem;
}
.hover\:scale-110:hover {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
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));
}
.hover\:\!bg-purple:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(198 0 126 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-grey-30:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.hover\:bg-purple:hover {
--tw-bg-opacity: 1;
background-color: rgb(198 0 126 / var(--tw-bg-opacity));
}
.hover\:bg-gradient-primary:hover {
background-image: linear-gradient(279.54deg, #C6007E 7.2%, #471D7C 92.8%);
}
.hover\:stroke-light:hover {
stroke: #FFFFFF;
}
.hover\:text-\[\#B3B3B3\]:hover {
--tw-text-opacity: 1;
color: rgb(179 179 179 / var(--tw-text-opacity));
}
.hover\:text-light:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-purple:hover {
--tw-text-opacity: 1;
color: rgb(198 0 126 / var(--tw-text-opacity));
}
.hover\:shadow-\[0_0_0_2px_\#C6007E\]:hover {
--tw-shadow: 0 0 0 2px #C6007E;
--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0px_-5px_0_0px_\#C6007E_inset\]:hover {
--tw-shadow: 0px -5px 0 0px #C6007E inset;
--tw-shadow-colored: inset 0px -5px 0 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-none:hover {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:before\:w-full:hover::before {
content: var(--tw-content);
width: 100%;
}
.before\:hover\:bg-purple:hover::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(198 0 126 / var(--tw-bg-opacity));
}
.before\:hover\:text-light:hover::before {
content: var(--tw-content);
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:before\:opacity-100:hover::before {
content: var(--tw-content);
opacity: 1;
}
.group:hover .group-hover\:right-6 {
right: 1.5rem;
}
.group:hover .group-hover\:translate-x-1 {
--tw-translate-x: 0.25rem;
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));
}
.group:hover .group-hover\:scale-125 {
--tw-scale-x: 1.25;
--tw-scale-y: 1.25;
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));
}
.group:hover .group-hover\:border-light {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.group:hover .group-hover\:\!stroke-light {
stroke: #FFFFFF !important;
}
.group:hover .group-hover\:stroke-light {
stroke: #FFFFFF;
}
.group:hover .group-hover\:pr-0 {
padding-right: 0px;
}
.group:hover .group-hover\:\!text-light {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.group:hover .group-hover\:\!text-purple {
--tw-text-opacity: 1 !important;
color: rgb(198 0 126 / var(--tw-text-opacity)) !important;
}
.group:hover .group-hover\:text-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-purple {
--tw-text-opacity: 1;
color: rgb(198 0 126 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group:hover .group-hover\:brightness-0 {
--tw-brightness: brightness(0);
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);
}
.group:hover .group-hover\:invert {
--tw-invert: invert(100%);
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);
}
@media (max-width: 768px) {
.max-\[768px\]\:hidden {
display: none;
}
}
@media (max-width: 767px) {
.max-\[767px\]\:\!px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (min-width: 640px) {
.sm\:right-16 {
right: 4rem;
}
.sm\:top-16 {
top: 4rem;
}
.sm\:mb-0 {
margin-bottom: 0px;
}
.sm\:flex {
display: flex;
}
.sm\:h-\[480px\] {
height: 480px;
}
.sm\:min-h-\[380px\] {
min-height: 380px;
}
.sm\:min-h-\[446px\] {
min-height: 446px;
}
.sm\:w-\[480px\] {
width: 480px;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-fit {
width: -moz-fit-content;
width: fit-content;
}
.sm\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
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));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:gap-8 {
gap: 2rem;
}
.sm\:rounded-\[32px\] {
border-radius: 32px;
}
.sm\:p-12 {
padding: 3rem;
}
.sm\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.sm\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.sm\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.sm\:\!pb-16 {
padding-bottom: 4rem !important;
}
.sm\:\!pb-20 {
padding-bottom: 5rem !important;
}
.sm\:\!pb-32 {
padding-bottom: 8rem !important;
}
.sm\:\!pt-16 {
padding-top: 4rem !important;
}
.sm\:\!pt-20 {
padding-top: 5rem !important;
}
.sm\:\!pt-32 {
padding-top: 8rem !important;
}
.sm\:pb-16 {
padding-bottom: 4rem;
}
.sm\:pb-20 {
padding-bottom: 5rem;
}
.sm\:pb-24 {
padding-bottom: 6rem;
}
.sm\:pb-32 {
padding-bottom: 8rem;
}
.sm\:pb-8 {
padding-bottom: 2rem;
}
.sm\:pl-8 {
padding-left: 2rem;
}
.sm\:pt-16 {
padding-top: 4rem;
}
.sm\:pt-20 {
padding-top: 5rem;
}
.sm\:pt-24 {
padding-top: 6rem;
}
.sm\:pt-32 {
padding-top: 8rem;
}
.sm\:pt-8 {
padding-top: 2rem;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-center {
text-align: center;
}
.sm\:text-justify {
text-align: justify;
}
.sm\:text-end {
text-align: end;
}
.sm\:text-grey {
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.sm\:text-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
@media (min-width: 768px) {
.min-\[768px\]\:top-0 {
top: 0px;
}
.min-\[768px\]\:before\:top-\[-33px\]::before {
content: var(--tw-content);
top: -33px;
}
}
@media (min-width: 992px) {
.md\:relative {
position: relative;
}
.md\:\!left-16 {
left: 4rem !important;
}
.md\:\!right-0 {
right: 0px !important;
}
.md\:\!right-auto {
right: auto !important;
}
.md\:order-1 {
order: 1;
}
.md\:col-start-3 {
grid-column-start: 3;
}
.md\:row-span-2 {
grid-row: span 2 / span 2;
}
.md\:row-span-4 {
grid-row: span 4 / span 4;
}
.md\:row-start-2 {
grid-row-start: 2;
}
.md\:row-start-3 {
grid-row-start: 3;
}
.md\:float-right {
float: right;
}
.md\:float-none {
float: none;
}
.md\:mx-2\.5 {
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.md\:my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.md\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.md\:mb-0 {
margin-bottom: 0px;
}
.md\:mb-20 {
margin-bottom: 5rem;
}
.md\:ml-20 {
margin-left: 5rem;
}
.md\:mr-0 {
margin-right: 0px;
}
.md\:mr-4 {
margin-right: 1rem;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:mt-16 {
margin-top: 4rem;
}
.md\:line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:aspect-\[150\/0\] {
aspect-ratio: 150/0;
}
.md\:aspect-\[336\/166\] {
aspect-ratio: 336/166;
}
.md\:aspect-\[504\/419\] {
aspect-ratio: 504/419;
}
.md\:\!h-\[200px\] {
height: 200px !important;
}
.md\:h-16 {
height: 4rem;
}
.md\:h-28 {
height: 7rem;
}
.md\:h-5 {
height: 1.25rem;
}
.md\:h-\[120px\] {
height: 120px;
}
.md\:h-full {
height: 100%;
}
.md\:max-h-\[240px\] {
max-height: 240px;
}
.md\:max-h-\[550px\] {
max-height: 550px;
}
.md\:max-h-\[564px\] {
max-height: 564px;
}
.md\:min-h-\[150px\] {
min-height: 150px;
}
.md\:min-h-\[250px\] {
min-height: 250px;
}
.md\:min-h-\[266px\] {
min-height: 266px;
}
.md\:min-h-\[496px\] {
min-height: 496px;
}
.md\:min-h-\[564px\] {
min-height: 564px;
}
.md\:min-h-\[600px\] {
min-height: 600px;
}
.md\:min-h-\[auto\] {
min-height: auto;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-16 {
width: 4rem;
}
.md\:w-2\/6 {
width: 33.333333%;
}
.md\:w-28 {
width: 7rem;
}
.md\:w-3\/12 {
width: 25%;
}
.md\:w-4 {
width: 1rem;
}
.md\:w-4\/12 {
width: 33.333333%;
}
.md\:w-6\/12 {
width: 50%;
}
.md\:w-8\/12 {
width: 66.666667%;
}
.md\:w-9\/12 {
width: 75%;
}
.md\:w-\[96px\] {
width: 96px;
}
.md\:w-\[calc\(50\%_-_30px\)\] {
width: calc(50% - 30px);
}
.md\:w-auto {
width: auto;
}
.md\:min-w-\[18px\] {
min-width: 18px;
}
.md\:min-w-\[300px\] {
min-width: 300px;
}
.md\:\!max-w-\[40px\] {
max-width: 40px !important;
}
.md\:max-w-\[100\%\] {
max-width: 100%;
}
.md\:max-w-\[360px\] {
max-width: 360px;
}
.md\:max-w-\[378px\] {
max-width: 378px;
}
.md\:max-w-\[406px\] {
max-width: 406px;
}
.md\:max-w-\[470px\] {
max-width: 470px;
}
.md\:max-w-\[733px\] {
max-width: 733px;
}
.md\:max-w-fit {
max-width: -moz-fit-content;
max-width: fit-content;
}
.md\:flex-1 {
flex: 1 1 0%;
}
.md\:basis-2\/6 {
flex-basis: 33.333333%;
}
.md\:-translate-x-1\/2 {
--tw-translate-x: -50%;
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));
}
.md\:columns-2 {
-moz-columns: 2;
columns: 2;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:\!flex-row {
flex-direction: row !important;
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-col {
flex-direction: column;
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:flex-nowrap {
flex-wrap: nowrap;
}
.md\:items-start {
align-items: flex-start;
}
.md\:items-end {
align-items: flex-end;
}
.md\:items-center {
align-items: center;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-10 {
gap: 2.5rem;
}
.md\:gap-16 {
gap: 4rem;
}
.md\:gap-2 {
gap: 0.5rem;
}
.md\:gap-20 {
gap: 5rem;
}
.md\:gap-8 {
gap: 2rem;
}
.md\:gap-x-0 {
-moz-column-gap: 0px;
column-gap: 0px;
}
.md\:gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.md\:gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.md\:gap-y-12 {
row-gap: 3rem;
}
.md\:gap-y-16 {
row-gap: 4rem;
}
.md\:gap-y-8 {
row-gap: 2rem;
}
.md\:rounded-2xl {
border-radius: 1rem;
}
.md\:rounded-\[24px\] {
border-radius: 24px;
}
.md\:rounded-\[32px\] {
border-radius: 32px;
}
.md\:rounded-lg {
border-radius: 0.5rem;
}
.md\:rounded-none {
border-radius: 0px;
}
.md\:rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.md\:rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.md\:border-b-0 {
border-bottom-width: 0px;
}
.md\:border-grey-60 {
--tw-border-opacity: 1;
border-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.md\:bg-light {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.md\:bg-light-20 {
background-color: #F7F7F7;;
}
.md\:bg-transparent {
background-color: transparent;
}
.md\:bg-fixed {
background-attachment: fixed;
}
.md\:\!p-10 {
padding: 2.5rem !important;
}
.md\:p-16 {
padding: 4rem;
}
.md\:p-6 {
padding: 1.5rem;
}
.md\:p-8 {
padding: 2rem;
}
.md\:\!px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.md\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.md\:pb-0 {
padding-bottom: 0px;
}
.md\:pb-12 {
padding-bottom: 3rem;
}
.md\:pb-16 {
padding-bottom: 4rem;
}
.md\:pb-20 {
padding-bottom: 5rem;
}
.md\:pb-24 {
padding-bottom: 6rem;
}
.md\:pb-40 {
padding-bottom: 10rem;
}
.md\:pb-6 {
padding-bottom: 1.5rem;
}
.md\:pl-5 {
padding-left: 1.25rem;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pr-4 {
padding-right: 1rem;
}
.md\:pt-12 {
padding-top: 3rem;
}
.md\:pt-16 {
padding-top: 4rem;
}
.md\:pt-24 {
padding-top: 6rem;
}
.md\:pt-6 {
padding-top: 1.5rem;
}
.md\:text-left {
text-align: left;
}
.md\:text-center {
text-align: center;
}
.md\:text-right {
text-align: right;
}
.md\:text-justify {
text-align: justify;
}
.md\:text-end {
text-align: end;
}
.md\:\!text-4xl {
font-size: 2.25rem !important;
line-height: 2.5rem !important;
}
.md\:\!text-xl {
font-size: 1.25rem !important;
line-height: 1.75rem !important;
}
.md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.md\:opacity-100 {
opacity: 1;
}
.md\:before\:max-w-\[600px\]::before {
content: var(--tw-content);
max-width: 600px;
}
.after\:md\:max-h-\[378px\]::after {
content: var(--tw-content);
max-height: 378px;
}
.last\:md\:pb-8:last-child {
padding-bottom: 2rem;
}
}
@media (min-width: 1180px) {
.lg\:invisible {
visibility: hidden;
}
.lg\:absolute {
position: absolute;
}
.lg\:relative {
position: relative;
}
.lg\:\!bottom-14 {
bottom: 3.5rem !important;
}
.lg\:bottom-8 {
bottom: 2rem;
}
.lg\:bottom-auto {
bottom: auto;
}
.lg\:left-0 {
left: 0px;
}
.lg\:left-6 {
left: 1.5rem;
}
.lg\:right-2 {
right: 0.5rem;
}
.lg\:top-0 {
top: 0px;
}
.lg\:top-2 {
top: 0.5rem;
}
.lg\:top-3\.5 {
top: 0.875rem;
}
.lg\:top-full {
top: 100%;
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
.lg\:my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.lg\:mb-20 {
margin-bottom: 5rem;
}
.lg\:ml-10 {
margin-left: 2.5rem;
}
.lg\:mr-20 {
margin-right: 5rem;
}
.lg\:mr-5 {
margin-right: 1.25rem;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:mt-20 {
margin-top: 5rem;
}
.lg\:mt-8 {
margin-top: 2rem;
}
.lg\:mt-\[120px\] {
margin-top: 120px;
}
.lg\:block {
display: block;
}
.lg\:\!flex {
display: flex !important;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:aspect-\[355\/200\] {
aspect-ratio: 355/200;
}
.lg\:aspect-\[624\/456\] {
aspect-ratio: 624/456;
}
.lg\:aspect-auto {
aspect-ratio: auto;
}
.lg\:h-6 {
height: 1.5rem;
}
.lg\:h-80 {
height: 20rem;
}
.lg\:h-\[160px\] {
height: 160px;
}
.lg\:h-\[calc\(100dvh_-_154px\)\] {
height: calc(100dvh - 154px);
}
.lg\:min-h-\[550px\] {
min-height: 550px;
}
.lg\:min-h-\[624px\] {
min-height: 624px;
}
.lg\:min-h-\[630px\] {
min-height: 630px;
}
.lg\:\!w-\[calc\(33\%_-_40px\)\] {
width: calc(33% - 40px) !important;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-10\/12 {
width: 83.333333%;
}
.lg\:w-2\/3 {
width: 66.666667%;
}
.lg\:w-4\/12 {
width: 33.333333%;
}
.lg\:w-48 {
width: 12rem;
}
.lg\:w-5\/12 {
width: 41.666667%;
}
.lg\:w-6 {
width: 1.5rem;
}
.lg\:w-6\/12 {
width: 50%;
}
.lg\:w-7\/12 {
width: 58.333333%;
}
.lg\:w-8\/12 {
width: 66.666667%;
}
.lg\:w-\[128px\] {
width: 128px;
}
.lg\:w-\[calc\(33\%_-_40px\)\] {
width: calc(33% - 40px);
}
.lg\:w-auto {
width: auto;
}
.lg\:w-full {
width: 100%;
}
.lg\:max-w-2xl {
max-width: 42rem;
}
.lg\:-translate-x-2\/3 {
--tw-translate-x: -66.666667%;
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));
}
.lg\:-translate-y-full {
--tw-translate-y: -100%;
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));
}
.lg\:rotate-0 {
--tw-rotate: 0deg;
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));
}
.lg\:cursor-default {
cursor: default;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-row-reverse {
flex-direction: row-reverse;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:items-end {
align-items: flex-end;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:gap-0 {
gap: 0px;
}
.lg\:gap-12 {
gap: 3rem;
}
.lg\:gap-16 {
gap: 4rem;
}
.lg\:gap-32 {
gap: 8rem;
}
.lg\:gap-4 {
gap: 1rem;
}
.lg\:gap-6 {
gap: 1.5rem;
}
.lg\:gap-8 {
gap: 2rem;
}
.lg\:gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.lg\:gap-x-16 {
-moz-column-gap: 4rem;
column-gap: 4rem;
}
.lg\:gap-y-2\.5 {
row-gap: 0.625rem;
}
.lg\:rounded-\[32px\] {
border-radius: 32px;
}
.lg\:rounded-full {
border-radius: 9999px;
}
.lg\:rounded-b-\[2px\] {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.lg\:border-0 {
border-width: 0px;
}
.lg\:p-10 {
padding: 2.5rem;
}
.lg\:p-16 {
padding: 4rem;
}
.lg\:p-20 {
padding: 5rem;
}
.lg\:p-6 {
padding: 1.5rem;
}
.lg\:p-8 {
padding: 2rem;
}
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.lg\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.lg\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.lg\:py-2\.5 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.lg\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.lg\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.lg\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.lg\:\!pb-16 {
padding-bottom: 4rem !important;
}
.lg\:\!pb-32 {
padding-bottom: 8rem !important;
}
.lg\:\!pb-40 {
padding-bottom: 10rem !important;
}
.lg\:\!pt-16 {
padding-top: 4rem !important;
}
.lg\:\!pt-32 {
padding-top: 8rem !important;
}
.lg\:\!pt-40 {
padding-top: 10rem !important;
}
.lg\:pb-0 {
padding-bottom: 0px;
}
.lg\:pb-16 {
padding-bottom: 4rem;
}
.lg\:pb-20 {
padding-bottom: 5rem;
}
.lg\:pb-24 {
padding-bottom: 6rem;
}
.lg\:pb-32 {
padding-bottom: 8rem;
}
.lg\:pb-40 {
padding-bottom: 10rem;
}
.lg\:pb-6 {
padding-bottom: 1.5rem;
}
.lg\:pb-7 {
padding-bottom: 1.75rem;
}
.lg\:pb-8 {
padding-bottom: 2rem;
}
.lg\:pb-\[160px\] {
padding-bottom: 160px;
}
.lg\:pl-16 {
padding-left: 4rem;
}
.lg\:pl-24 {
padding-left: 6rem;
}
.lg\:pl-3 {
padding-left: 0.75rem;
}
.lg\:pl-4 {
padding-left: 1rem;
}
.lg\:pr-0 {
padding-right: 0px;
}
.lg\:pr-12 {
padding-right: 3rem;
}
.lg\:pr-16 {
padding-right: 4rem;
}
.lg\:pr-4 {
padding-right: 1rem;
}
.lg\:pr-6 {
padding-right: 1.5rem;
}
.lg\:pr-8 {
padding-right: 2rem;
}
.lg\:pr-\[102px\] {
padding-right: 102px;
}
.lg\:pt-0 {
padding-top: 0px;
}
.lg\:pt-2\.5 {
padding-top: 0.625rem;
}
.lg\:pt-20 {
padding-top: 5rem;
}
.lg\:pt-24 {
padding-top: 6rem;
}
.lg\:pt-32 {
padding-top: 8rem;
}
.lg\:pt-4 {
padding-top: 1rem;
}
.lg\:pt-40 {
padding-top: 10rem;
}
.lg\:pt-6 {
padding-top: 1.5rem;
}
.lg\:pt-8 {
padding-top: 2rem;
}
.lg\:pt-\[160px\] {
padding-top: 160px;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-center {
text-align: center;
}
.lg\:text-justify {
text-align: justify;
}
.lg\:text-end {
text-align: end;
}
.lg\:\!text-xl {
font-size: 1.25rem !important;
line-height: 1.75rem !important;
}
.lg\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.lg\:text-\[20px\] {
font-size: 20px;
}
.lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.lg\:text-grey {
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.lg\:text-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lg\:opacity-0 {
opacity: 0;
}
.lg\:transition-\[opacity\2c visibility\] {
transition-property: opacity,visibility;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.lg\:duration-300 {
transition-duration: 300ms;
}
.lg\:after\:block::after {
content: var(--tw-content);
display: block;
}
.lg\:after\:h-\[197px\]::after {
content: var(--tw-content);
height: 197px;
}
.last\:lg\:pb-8:last-child {
padding-bottom: 2rem;
}
.group:hover .lg\:group-hover\:visible {
visibility: visible;
}
.group:hover .lg\:group-hover\:stroke-\[\#ACACAC\] {
stroke: #ACACAC;
}
.group:hover .lg\:group-hover\:opacity-100 {
opacity: 1;
}
}
@media (min-width: 1199px) {
.min-\[1199px\]\:before\:top-\[-17px\]::before {
content: var(--tw-content);
top: -17px;
}
}
@media (min-width: 1200px) {
.lg2\:absolute {
position: absolute;
}
.lg2\:bottom-16 {
bottom: 4rem;
}
.lg2\:top-auto {
top: auto;
}
.lg2\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg2\:col-span-3 {
grid-column: span 3 / span 3;
}
.lg2\:block {
display: block;
}
.lg2\:inline-flex {
display: inline-flex;
}
.lg2\:hidden {
display: none;
}
.lg2\:h-auto {
height: auto;
}
.lg2\:h-full {
height: 100%;
}
.lg2\:w-6\/12 {
width: 50%;
}
.lg2\:w-auto {
width: auto;
}
.lg2\:translate-y-full {
--tw-translate-y: 100%;
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));
}
.lg2\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg2\:flex-row {
flex-direction: row;
}
.lg2\:items-stretch {
align-items: stretch;
}
.lg2\:justify-normal {
justify-content: normal;
}
.lg2\:border-b-0 {
border-bottom-width: 0px;
}
.lg2\:border-r {
border-right-width: 1px;
}
.lg2\:border-r-dark-60 {
--tw-border-opacity: 1;
border-right-color: rgb(245 245 245 / var(--tw-border-opacity));
}
.lg2\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.lg2\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.lg2\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.lg2\:hover\:bg-grey-30:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.lg2\:hover\:shadow-\[0px_-5px_0_0px_\#C6007E_inset\]:hover {
--tw-shadow: 0px -5px 0 0px #C6007E inset;
--tw-shadow-colored: inset 0px -5px 0 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.min-\[1200px\]\:-top-2 {
top: -0.5rem;
}
}
@media (min-width: 1344px) {
.xl\:ml-auto {
margin-left: auto;
}
.xl\:\!w-\[calc\(25\%_-_40px\)\] {
width: calc(25% - 40px) !important;
}
.xl\:w-6\/12 {
width: 50%;
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:gap-32 {
gap: 8rem;
}
.xl\:p-16 {
padding: 4rem;
}
.xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.xl\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.xl\:pb-40 {
padding-bottom: 10rem;
}
.xl\:pb-8 {
padding-bottom: 2rem;
}
.xl\:pl-24 {
padding-left: 6rem;
}
.xl\:pr-24 {
padding-right: 6rem;
}
.xl\:pt-40 {
padding-top: 10rem;
}
.xl\:after\:h-\[250px\]::after {
content: var(--tw-content);
height: 250px;
}
}
.\[\&\.accordion-image\\_\\_button--active_h3\]\:text-purple.accordion-image__button--active h3 {
--tw-text-opacity: 1;
color: rgb(198 0 126 / var(--tw-text-opacity));
}
@media (min-width: 992px) {
.md\:\[\&\.accordion-image\\_\\_content--active\]\:block.accordion-image__content--active {
display: block;
}
}
.\[\&\.accordion-image\\_\\_content--active_\*\]\:\!text-light.accordion-image__content--active * {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
@media (min-width: 992px) {
.md\:\[\&\.accordion-image\\_\\_content--active_\*\]\:\!text-grey.accordion-image__content--active * {
--tw-text-opacity: 1 !important;
color: rgb(76 76 76 / var(--tw-text-opacity)) !important;
}
}
.before\:\[\&\.accordion-image\\_\\_content--active_\.accordion-image\\_\\_button-icon\]\:bg-light.accordion-image__content--active .accordion-image__button-icon::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:\[\&\.accordion-image\\_\\_content--active_\.accordion-image\\_\\_button-icon\]\:opacity-0.accordion-image__content--active .accordion-image__button-icon::after {
content: var(--tw-content);
opacity: 0;
}
.\[\&\.accordion-image\\_\\_content--active_\.accordion-image\\_\\_image\]\:opacity-100.accordion-image__content--active .accordion-image__image {
opacity: 1;
}
.\[\&\.accordion-image\\_\\_content--active_\.accordion-image\\_\\_overlay\]\:opacity-50.accordion-image__content--active .accordion-image__overlay {
opacity: 0.5;
}
.\[\&\.active\]\:block.active {
display: block;
}
.\[\&\.active\]\:rounded-tl-2xl.active {
border-top-left-radius: 1rem;
}
.\[\&\.active\]\:rounded-tr-2xl.active {
border-top-right-radius: 1rem;
}
.\[\&\.active\]\:bg-grey-30.active {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.\[\&\.active\]\:after\:absolute.active::after {
content: var(--tw-content);
position: absolute;
}
.\[\&\.active\]\:after\:-bottom-1.active::after {
content: var(--tw-content);
bottom: -0.25rem;
}
.\[\&\.active\]\:after\:left-0.active::after {
content: var(--tw-content);
left: 0px;
}
.\[\&\.active\]\:after\:right-0.active::after {
content: var(--tw-content);
right: 0px;
}
.\[\&\.active\]\:after\:h-1.active::after {
content: var(--tw-content);
height: 0.25rem;
}
@media (min-width: 992px) {
.\[\&\.active\]\:md\:border-l.active {
border-left-width: 1px;
}
.\[\&\.active\]\:md\:border-r.active {
border-right-width: 1px;
}
.\[\&\.active\]\:md\:after\:bg-grey-30.active::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.\[\&\.active\]\:md\:first\:border-l-0:first-child.active {
border-left-width: 0px;
}
.\[\&\.active\]\:md\:last\:border-r-0:last-child.active {
border-right-width: 0px;
}
}
.\[\&\.header\\_\\_menu-main-mobile--active_\.header\\_\\_menu-bottom\]\:hidden.header__menu-main-mobile--active .header__menu-bottom {
display: none;
}
.\[\&\.header\\_\\_menu-mobile--active\]\:visible.header__menu-mobile--active {
visibility: visible;
}
.\[\&\.header\\_\\_menu-mobile--active\]\:opacity-100.header__menu-mobile--active {
opacity: 1;
}
.\[\&\.main-nav\\_\\_item--open\>svg\]\:rotate-0.main-nav__item--open>svg {
--tw-rotate: 0deg;
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));
}
.\[\&\.pillar-nav--scrolled\]\:visible.pillar-nav--scrolled {
visibility: visible;
}
.\[\&\.pillar-nav--scrolled\]\:translate-y-0.pillar-nav--scrolled {
--tw-translate-y: 0px;
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));
}
.\[\&\.pillar-nav--scrolled\]\:opacity-100.pillar-nav--scrolled {
opacity: 1;
}
.\[\&\.pillar-nav\\_\\_toc--open\]\:block.pillar-nav__toc--open {
display: block;
}
.\[\&\.pillar-nav\\_\\_toc-trigger--active_svg\]\:rotate-180.pillar-nav__toc-trigger--active svg {
--tw-rotate: 180deg;
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));
}
.\[\&\.resources\\_\\_filtering-trigger--active_span\:nth-child\(1\)\]\:opacity-0.resources__filtering-trigger--active span:nth-child(1) {
opacity: 0;
}
.\[\&\>iframe\]\:aspect-video>iframe {
aspect-ratio: 16 / 9;
}
.\[\&\>iframe\]\:h-full>iframe {
height: 100%;
}
.\[\&\>iframe\]\:w-full>iframe {
width: 100%;
}
.\[\&\>p\]\:\!text-\[16px\]>p {
font-size: 16px !important;
}
.\[\&\>p\]\:text-\[14px\]>p {
font-size: 14px;
}
.\[\&\>p\]\:text-\[16px\]>p {
font-size: 16px;
}
.\[\&\>p\]\:\!text-dark-30>p {
--tw-text-opacity: 1 !important;
color: rgb(89 89 89 / var(--tw-text-opacity)) !important;
}
.\[\&\>p\]\:text-light>p {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\>p\]\:last\:mb-0:last-child>p {
margin-bottom: 0px;
}
.\[\&\>svg\]\:h-full>svg {
height: 100%;
}
.\[\&\>svg\]\:w-full>svg {
width: 100%;
}
.\[\&\>svg\]\:rotate-180>svg {
--tw-rotate: 180deg;
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));
}
.\[\&\[active\]\]\:\!bg-purple[active] {
--tw-bg-opacity: 1 !important;
background-color: rgb(198 0 126 / var(--tw-bg-opacity)) !important;
}
.\[\&\[active\]_img\]\:brightness-0[active] img {
--tw-brightness: brightness(0);
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);
}
.\[\&\[active\]_img\]\:invert[active] img {
--tw-invert: invert(100%);
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);
}
.\[\&\[active\]_span\]\:\!text-light[active] span {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\[\&\[aria-expanded\=\'true\'\]\>p\]\:text-light[aria-expanded='true']>p {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\[aria-expanded\=\'true\'\]\]\:gap-0[aria-expanded='true'] {
gap: 0px;
}
.\[\&\[aria-expanded\=\'true\'\]\]\:bg-gradient-primary[aria-expanded='true'] {
background-image: linear-gradient(279.54deg, #C6007E 7.2%, #471D7C 92.8%);
}
@media (min-width: 1200px) {
.lg2\:\[\&\[aria-expanded\=\'true\'\]\]\:bg-grey-30[aria-expanded='true'] {
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.lg2\:\[\&\[aria-expanded\=\'true\'\]\]\:shadow-\[0px_-5px_0_0px_\#C6007E_inset\][aria-expanded='true'] {
--tw-shadow: 0px -5px 0 0px #C6007E inset;
--tw-shadow-colored: inset 0px -5px 0 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
.\[\&\[aria-expanded\=\'true\'\]_\.header\\_\\_hamburger-bottom\]\:-top-px[aria-expanded='true'] .header__hamburger-bottom {
top: -1px;
}
.\[\&\[aria-expanded\=\'true\'\]_\.header\\_\\_hamburger-bottom\]\:-rotate-45[aria-expanded='true'] .header__hamburger-bottom {
--tw-rotate: -45deg;
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));
}
.\[\&\[aria-expanded\=\'true\'\]_\.header\\_\\_hamburger-top\]\:top-px[aria-expanded='true'] .header__hamburger-top {
top: 1px;
}
.\[\&\[aria-expanded\=\'true\'\]_\.header\\_\\_hamburger-top\]\:rotate-45[aria-expanded='true'] .header__hamburger-top {
--tw-rotate: 45deg;
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));
}
.\[\&\[aria-hidden\=\'false\'\]\]\:visible[aria-hidden='false'] {
visibility: visible;
}
.\[\&\[aria-hidden\=\'false\'\]\]\:bottom-0[aria-hidden='false'] {
bottom: 0px;
}
.\[\&\[aria-hidden\=\'false\'\]\]\:bottom-0\.5[aria-hidden='false'] {
bottom: 0.125rem;
}
.\[\&\[aria-hidden\=\'false\'\]\]\:flex[aria-hidden='false'] {
display: flex;
}
.\[\&\[aria-hidden\=\'false\'\]\]\:opacity-100[aria-hidden='false'] {
opacity: 1;
}
.\[\&\[data-contents-nav\=\'false\'\]_\.text-content\]\:pt-10[data-contents-nav='false'] .text-content {
padding-top: 2.5rem;
}
.\[\&\[href\]\]\:opacity-100[href] {
opacity: 1;
}
.\[\&_\*\]\:text-\[14px\] * {
font-size: 14px;
}
.\[\&_\.accordion-single\]\:bg-light .accordion-single {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\[\&_\.btn\.btn--secondary_\]\:border-purple-90 .btn.btn--secondary {
--tw-border-opacity: 1;
border-color: rgb(71 29 124 / var(--tw-border-opacity));
}
.\[\&_\.btn\.btn--secondary_\]\:text-purple-90 .btn.btn--secondary {
--tw-text-opacity: 1;
color: rgb(71 29 124 / var(--tw-text-opacity));
}
.\[\&_\.btn\]\:mt-\[48px\] .btn {
margin-top: 48px;
}
.\[\&_\.btn\]\:w-fit .btn {
width: -moz-fit-content;
width: fit-content;
}
.\[\&_\.email-prefs\]\:mt-4 .email-prefs {
margin-top: 1rem;
}
.\[\&_\.email-prefs_\.item\]\:mb-4 .email-prefs .item {
margin-bottom: 1rem;
}
.\[\&_\.email-prefs_\.item\]\:rounded-lg .email-prefs .item {
border-radius: 0.5rem;
}
.\[\&_\.email-prefs_\.item\]\:bg-light-20 .email-prefs .item {
background-color: #F7F7F7;;
}
.\[\&_\.email-prefs_\.item_\.item-inner\]\:flex .email-prefs .item .item-inner {
display: flex;
}
.\[\&_\.email-prefs_\.item_\.item-inner\]\:cursor-pointer .email-prefs .item .item-inner {
cursor: pointer;
}
.\[\&_\.email-prefs_\.item_\.item-inner\]\:flex-col .email-prefs .item .item-inner {
flex-direction: column;
}
.\[\&_\.email-prefs_\.item_\.item-inner\]\:gap-y-2 .email-prefs .item .item-inner {
row-gap: 0.5rem;
}
.\[\&_\.email-prefs_\.item_\.item-inner\]\:p-7 .email-prefs .item .item-inner {
padding: 1.75rem;
}
@media (min-width: 640px) {
.sm\:\[\&_\.email-prefs_\.item_\.item-inner_\.fakelabel_span\]\:text-\[24px\] .email-prefs .item .item-inner .fakelabel span {
font-size: 24px;
}
.sm\:\[\&_\.email-prefs_\.item_\.item-inner_\.fakelabel_span\]\:font-semibold .email-prefs .item .item-inner .fakelabel span {
font-weight: 600;
}
.sm\:\[\&_\.email-prefs_\.item_\.item-inner_\.fakelabel_span\]\:leading-\[32px\] .email-prefs .item .item-inner .fakelabel span {
line-height: 32px;
}
}
.\[\&_\.email-prefs_\.item_\.item-inner_p\]\:pl-10 .email-prefs .item .item-inner p {
padding-left: 2.5rem;
}
.\[\&_\.email-prefs_\.subscribe-options\]\:mt-8 .email-prefs .subscribe-options {
margin-top: 2rem;
}
.\[\&_\.email-prefs_p\.header\]\:mb-4 .email-prefs p.header {
margin-bottom: 1rem;
}
@media (min-width: 640px) {
.sm\:\[\&_\.email-prefs_p\.header\]\:mb-7 .email-prefs p.header {
margin-bottom: 1.75rem;
}
}
.\[\&_\.footer-items\]\:\!mt-0 .footer-items {
margin-top: 0px !important;
}
.\[\&_\.form-title\]\:\!mb-8 .form-title {
margin-bottom: 2rem !important;
}
.\[\&_\.hs-video-container\]\:\!mt-8 .hs-video-container {
margin-top: 2rem !important;
}
.\[\&_\.hs-video-container\]\:\!max-w-full .hs-video-container {
max-width: 100% !important;
}
.\[\&_\.iconbox\>\.flex\]\:items-center .iconbox>.flex {
align-items: center;
}
.\[\&_\.iconbox_li\]\:\!text-\[16px\] .iconbox li {
font-size: 16px !important;
}
.\[\&_\.iconbox_li\]\:\!text-grey-darker .iconbox li {
--tw-text-opacity: 1 !important;
color: rgb(48 48 48 / var(--tw-text-opacity)) !important;
}
.before\:\[\&_\.iconbox_li\]\:\!top-2 .iconbox li::before {
content: var(--tw-content);
top: 0.5rem !important;
}
.before\:\[\&_\.iconbox_li\]\:\!h-2 .iconbox li::before {
content: var(--tw-content);
height: 0.5rem !important;
}
.before\:\[\&_\.iconbox_li\]\:\!w-2 .iconbox li::before {
content: var(--tw-content);
width: 0.5rem !important;
}
.before\:\[\&_\.iconbox_li\]\:\!rounded-none .iconbox li::before {
content: var(--tw-content);
border-radius: 0px !important;
}
.before\:\[\&_\.iconbox_li\]\:bg-purple .iconbox li::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(198 0 126 / var(--tw-bg-opacity));
}
.before\:\[\&_\.iconbox_li\]\:\!content-\[\'\'\] .iconbox li::before {
--tw-content: '' !important;
content: var(--tw-content) !important;
}
.\[\&_\.page-header_br\]\:hidden .page-header br {
display: none;
}
.\[\&_\.page-header_h1\]\:hidden .page-header h1 {
display: none;
}
.\[\&_\.page-header_h3\:first-child\]\:mr-2 .page-header h3:first-child {
margin-right: 0.5rem;
}
.\[\&_\.page-header_h3\]\:inline-block .page-header h3 {
display: inline-block;
}
.\[\&_\.subscribe-options_label\]\:block .subscribe-options label {
display: block;
}
.\[\&_\.subscribe-options_label\]\:pl-7 .subscribe-options label {
padding-left: 1.75rem;
}
.\[\&_\.success\]\:mt-4 .success {
margin-top: 1rem;
}
.\[\&_\.text-content\\_\\_content\]\:\!py-0 .text-content__content {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.\[\&_a\]\:\!font-Goldplaysemibold a {
font-family: Goldplay semi-bold, sans-serif !important;
}
.\[\&_a\]\:\!text-lg a {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
.\[\&_a\]\:\!font-bold a {
font-weight: 700 !important;
}
.\[\&_a\]\:\!uppercase a {
text-transform: uppercase !important;
}
.\[\&_a\]\:\!text-grey-darker a {
--tw-text-opacity: 1 !important;
color: rgb(48 48 48 / var(--tw-text-opacity)) !important;
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
.\[\&_a\]\:\!no-underline a {
text-decoration-line: none !important;
}
.\[\&_form\]\:mt-7 form {
margin-top: 1.75rem;
}
.\[\&_form\]\:gap-y-0 form {
row-gap: 0px;
}
.\[\&_form_h3\]\:hidden form h3 {
display: none;
}
.\[\&_form_input\[type\=submit\]\]\:mt-12 form input[type=submit] {
margin-top: 3rem;
}
.\[\&_form_input\[type\=submit\]\]\:mt-6 form input[type=submit] {
margin-top: 1.5rem;
}
.\[\&_h1\]\:\!mb-4 h1 {
margin-bottom: 1rem !important;
}
.\[\&_h1\]\:text-grey-darker h1 {
--tw-text-opacity: 1;
color: rgb(48 48 48 / var(--tw-text-opacity));
}
.\[\&_h1\]\:text-light h1 {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 992px) {
.\[\&_h2\]\:md\:pl-10 h2 {
padding-left: 2.5rem;
}
}
.\[\&_h3\]\:\!mb-2 h3 {
margin-bottom: 0.5rem !important;
}
.\[\&_h3\]\:mb-2 h3 {
margin-bottom: 0.5rem;
}
.\[\&_h3\]\:\!text-\[16px\] h3 {
font-size: 16px !important;
}
.\[\&_h3\]\:\!text-lg h3 {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
.\[\&_h3\]\:\!leading-\[19px\] h3 {
line-height: 19px !important;
}
.\[\&_h3\]\:text-grey h3 {
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.\[\&_h3\]\:text-light h3 {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1180px) {
.lg\:\[\&_h3\]\:\!text-\[24px\] h3 {
font-size: 24px !important;
}
.lg\:\[\&_h3\]\:\!leading-\[28px\] h3 {
line-height: 28px !important;
}
}
.\[\&_h3_strong\]\:text-purple h3 strong {
--tw-text-opacity: 1;
color: rgb(198 0 126 / var(--tw-text-opacity));
}
.\[\&_h4\]\:mb-0 h4 {
margin-bottom: 0px;
}
.\[\&_h4\]\:text-grey h4 {
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.\[\&_h4\]\:text-light h4 {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_iframe\]\:rounded-\[32px\] iframe {
border-radius: 32px;
}
.\[\&_li\]\:relative li {
position: relative;
}
.\[\&_li\]\:\!mb-4 li {
margin-bottom: 1rem !important;
}
.\[\&_li_\.pillar-nav\\_\\_toc-link--active_span\]\:font-Goldplaysemibold li .pillar-nav__toc-link--active span {
font-family: Goldplay semi-bold, sans-serif;
}
.\[\&_li_\.pillar-nav\\_\\_toc-link--active_span\]\:text-purple li .pillar-nav__toc-link--active span {
--tw-text-opacity: 1;
color: rgb(198 0 126 / var(--tw-text-opacity));
}
.\[\&_p\:nth-last-child\(1\)\]\:\!mb-0 p:nth-last-child(1) {
margin-bottom: 0px !important;
}
.\[\&_p\:nth-last-child\(1\)\]\:mb-0 p:nth-last-child(1) {
margin-bottom: 0px;
}
.\[\&_p\]\:\!mb-0 p {
margin-bottom: 0px !important;
}
.\[\&_p\]\:\!text-\[14px\] p {
font-size: 14px !important;
}
.\[\&_p\]\:\!text-\[16px\] p {
font-size: 16px !important;
}
.\[\&_p\]\:text-\[15px\] p {
font-size: 15px;
}
.\[\&_p\]\:tracking-\[0\] p {
letter-spacing: 0;
}
.\[\&_p\]\:\!text-dark-30 p {
--tw-text-opacity: 1 !important;
color: rgb(89 89 89 / var(--tw-text-opacity)) !important;
}
.\[\&_p\]\:\!text-grey-darker p {
--tw-text-opacity: 1 !important;
color: rgb(48 48 48 / var(--tw-text-opacity)) !important;
}
.\[\&_p\]\:text-grey p {
--tw-text-opacity: 1;
color: rgb(76 76 76 / var(--tw-text-opacity));
}
.\[\&_p\]\:text-light p {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_span\]\:absolute span {
position: absolute;
}
.\[\&_span\]\:h-full span {
height: 100%;
}
.\[\&_span\]\:w-\[1\.5px\] span {
width: 1.5px;
}
.\[\&_span\]\:rounded-full span {
border-radius: 9999px;
}
.\[\&_span\]\:bg-dark-90 span {
--tw-bg-opacity: 1;
background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}
.\[\&_span\]\:transition-all span {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.\[\&_svg\]\:h-6 svg {
height: 1.5rem;
}
.\[\&_svg\]\:w-6 svg {
width: 1.5rem;
}
@media (min-width: 1180px) {
.lg\:\[\&_ul\]\:flex-row ul {
flex-direction: row;
}
.lg\:\[\&_ul\]\:gap-8 ul {
gap: 2rem;
}
}
.\[\&_ul_li_a\]\:text-\[15px\] ul li a {
font-size: 15px;
}
.\[\&_ul_li_a\]\:font-normal ul li a {
font-weight: 400;
}
.\[\&_ul_li_a\]\:capitalize ul li a {
text-transform: capitalize;
}
.\[\&_ul_li_a\]\:leading-\[150\%\] ul li a {
line-height: 150%;
}
.active .\[\.active_\&\>svg\]\:rotate-0>svg {
--tw-rotate: 0deg;
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));
}
.active .\[\.active_\&\]\:block {
display: block;
}
.active .\[\.active_\&\]\:flex {
display: flex;
}
.active .\[\.active_\&\]\:\!text-purple {
--tw-text-opacity: 1 !important;
color: rgb(198 0 126 / var(--tw-text-opacity)) !important;
}
.main-nav.bg-dark .\[\.main-nav\.bg-dark_\&\]\:stroke-light {
stroke: #FFFFFF;
}
.main-nav.bg-light .\[\.main-nav\.bg-light_\&\]\:stroke-dark {
stroke: #000000;
}
.small-card .\[\.small-card_\&\]\:mt-3 {
margin-top: 0.75rem;
}
.small-card .\[\.small-card_\&\]\:mt-8 {
margin-top: 2rem;
}
@media (min-width: 992px) {
.small-card .\[\.small-card_\&\]\:md\:mt-16 {
margin-top: 4rem;
}
}
[data-active] .\[\[data-active\]_\&\]\:block {
display: block;
}
[data-active] .\[\[data-active\]_\&\]\:hidden {
display: none;
}