@font-face {
font-family: "Work Sans";
src: url(//stage.wizard.com.br/wp-content/themes/pearsonwebsites/enterprise/wizard/assets/fonts/woff/WorkSans-Regular.woff), format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//stage.wizard.com.br/wp-content/themes/pearsonwebsites/enterprise/wizard/assets/fonts/woff/WorkSans-Medium.woff), format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//stage.wizard.com.br/wp-content/themes/pearsonwebsites/enterprise/wizard/assets/fonts/woff/WorkSans-SemiBold.woff), format("truetype");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//stage.wizard.com.br/wp-content/themes/pearsonwebsites/enterprise/wizard/assets/fonts/woff/WorkSans-Bold.woff), format("truetype");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url(//stage.wizard.com.br/wp-content/themes/pearsonwebsites/enterprise/wizard/assets/fonts/woff/WorkSans-ExtraBold.woff), format("truetype");
font-weight: 800;
font-display: swap;
}
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-white: #fff;
--spacing: 0.25rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--radius-xl: 0.75rem;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-font-feature-settings: var(--font-sans--font-feature-settings);
--default-font-variation-settings: var(
--font-sans--font-variation-settings
);
--default-mono-font-family: var(--font-mono);
--default-mono-font-feature-settings: var(
--font-mono--font-feature-settings
);
--default-mono-font-variation-settings: var(
--font-mono--font-variation-settings
);
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var( --default-font-variation-settings, normal );
-webkit-tap-highlight-color: transparent;
}
body {
line-height: inherit;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
font-feature-settings: var( --default-mono-font-feature-settings, normal );
font-variation-settings: var( --default-mono-font-variation-settings, normal );
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img{
width: revert-layer;
max-height: revert-layer;
max-width: max-content;
height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
color: color-mix(in oklab, currentColor 50%, transparent);
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.visible {
visibility: visible;
}
.relative {
position: relative;
}
.z-5 {
z-index: 5;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.mx-auto {
margin-inline: auto;
}
.my-\[70px\] {
margin-block: 70px;
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-\[40px\] {
margin-top: 40px;
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-3 {
margin-right: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.block {
display: block;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.table {
display: table;
}
.h-\[200px\] {
height: 200px;
}
.w-full {
width: 100%;
}
.w-full\! {
width: 100% !important;
}
.flex-\[1\] {
flex: 1;
}
.grow {
flex-grow: 1;
}
.transform {
transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.scroll-mt-\[40px\] {
scroll-margin-top: 40px;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-\[40px\] {
gap: 40px;
}
.overflow-hidden {
overflow: hidden;
}
.rounded-\[25px\] {
border-radius: 25px;
}
.rounded-\[30px\] {
border-radius: 30px;
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.bg-white {
background-color: var(--color-white);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-10 {
padding: calc(var(--spacing) * 10);
}
.p-\[20px\] {
padding: 20px;
}
.p-\[40px\] {
padding: 40px;
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-\[20px\] {
padding-block: 20px;
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.text-center {
text-align: center;
}
.text-lg\! {
font-size: var(--text-lg) !important;
line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl\! {
font-size: var(--text-xl) !important;
line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.font-\[500\] {
--tw-font-weight: 500;
font-weight: 500;
}
.font-\[600\] {
--tw-font-weight: 600;
font-weight: 600;
}
.font-\[700\] {
--tw-font-weight: 700;
font-weight: 700;
}
.text-white {
color: var(--color-white);
}
.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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.md\:w-1\/3 {
@media (width >= 48rem) {
width: calc(1/3 * 100%);
}
}
.md\:w-2\/3 {
@media (width >= 48rem) {
width: calc(2/3 * 100%);
}
}
.md\:grid-cols-2 {
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.md\:grid-cols-4 {
@media (width >= 48rem) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.md\:flex-row {
@media (width >= 48rem) {
flex-direction: row;
}
}
.lg\:hidden {
@media (width >= 64rem) {
display: none;
}
}
.lg\:justify-end {
@media (width >= 64rem) {
justify-content: flex-end;
}
}
.xl\:w-1\/2 {
@media (width >= 80rem) {
width: calc(1/2 * 100%);
}
}
.xl\:grid-cols-3 {
@media (width >= 80rem) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.xl\:flex-row {
@media (width >= 80rem) {
flex-direction: row;
}
}
.xl\:p-0 {
@media (width >= 80rem) {
padding: calc(var(--spacing) * 0);
}
}
.xl\:p-\[40px\] {
@media (width >= 80rem) {
padding: 40px;
}
}
.xl\:px-0 {
@media (width >= 80rem) {
padding-inline: calc(var(--spacing) * 0);
}
}
.xl\:py-0 {
@media (width >= 80rem) {
padding-block: calc(var(--spacing) * 0);
}
}
}
:root {
--dark-blue-20: #cccfe0;
--dark-blue-40: #99a1c2;
--dark-blue-60: #6670a3;
--dark-blue-80: #364085;
--dark-blue-100: #021167;
--pure-red-20: #faccd4;
--pure-red-40: #f599a6;
--pure-red-60: #f0667a;
--pure-red-80: #eb334f;
--pure-red-100: #e70022;
--off-white: #fbf5f2;
--grey-dark: #969696;
--grey: #c9c9c9;
--grey-light: #f0f0f0;
--light-blue-20: #caebfa;
--light-blue-40: #97daf7;
--light-blue-60: #67c8f3;
--light-blue-80: #34b7f0;
--light-blue-100: #01a7ef;
--green-20: #cae7d0;
--green-40: #97d2a2;
--green-60: #66bc77;
--green-80: #33a749;
--green-100: #00931c;
--yellow-20: #fff0c9;
--yellow-40: #ffe396;
--yellow-60: #ffd666;
--yellow-80: #ffc733;
--yellow-100: #ffba00;
--brown-20: #f3e1db;
--brown-40: #e9c5b9;
--brown-60: #deaa98;
--brown-80: #d48e78;
--brown-100: #ca7456;
--grey-lightest: #f9f9f9;
--grey-lighter: #f5f5f5;
--grey-darker: #717171;
--grey-darkest: #474747;
--font-sans: "Work Sans", sans-serif;
}
html {
scroll-behavior: smooth;
}
a {
transition: 0.5s;
}
a:hover {
color: var(--light-blue-100);
}
h1 {
font-size: 2.75rem;
line-height: 3rem;
}
h2 {
font-size: 2.25rem;
line-height: 2.5rem;
}
h3 {
font-size: 1.75rem;
line-height: 2.25rem;
}
h4 {
font-size: 1.5rem;
line-height: 2rem;
}
h5 {
font-size: 1.25rem;
line-height: 1.75rem;
}
h6 {
font-size: 1.125rem;
line-height: 1.625rem;
}
.heading-display {
font-size: 3.75rem;
line-height: 3.75rem;
}
.caption {
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
}
.link-large, .button-large {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
.link-small, .button-small, .body-large {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.bg-dark-blue-100 {
background-color: var(--dark-blue-100);
}
.bg-dark-blue-20 {
background-color: var(--dark-blue-20);
}
.bg-pure-red-80 {
background-color: var(--pure-red-80);
}
.text-dark-blue-100 {
color: var(--dark-blue-100);
}
.component-main-title {
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 800;
text-transform: uppercase;
font-style: oblique;
margin-bottom: 40px;
}
.component-sub-title {
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 700;
margin-bottom: 40px;
}
.ps-button {
padding: calc(var(--spacing) * 3) calc(var(--spacing) * 6);
border-radius: calc(infinity * 1px);
width: fit-content;
cursor: pointer;
display: block;
}
.ps-button.bg-dark-blue-100:hover {
background-color: var(--dark-blue-80);
color: white;
}
.ps-button.bg-white {
border: 1px solid var(--dark-blue-100);
}
.ps-button.bg-white:hover {
border: 1px solid var(--dark-blue-80);
color: var(--dark-blue-100);
}
.ps-button.disabled {
background-color: var(--grey);
border: 1px solid var(--grey);
color: var(--grey-dark);
pointer-events: none;
cursor: not-allowed;
}
.ps-button.bg-white.disabled {
background-color: white;
border: 1px solid var(--grey);
color: var(--grey);
pointer-events: none;
cursor: not-allowed;
}
.a11y-toolbar-list-item .offscreen {
display: none !important;
}
.box-shadow-small {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 10%);
}
.box-shadow-medium {
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 14%);
}
.box-shadow-large {
box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 16%);
}
.box-shadow-xlarge {
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 20%);
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.loader {
width: 48px;
height: 48px;
border: 5px solid var(--dark-blue-100);
border-bottom-color: var(--off-white);
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (width >= 80rem) {
.container {
max-width: 1170px;
}
}
@media (max-width: 60rem) {
h1 {
font-size: 2.25rem;
line-height: 2.5rem;
}
h2 {
font-size: 1.75rem;
line-height: 2.25rem;
}
h3 {
font-size: 1.5rem;
line-height: 2rem;
}
h4 {
font-size: 1.25rem;
line-height: 1.75rem;
}
h5 {
font-size: 1.125rem;
line-height: 1.625rem;
}
.heading-display {
font-size: 2.75rem;
line-height: 3rem;
}
.caption {
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
}
.link-large, .button-large {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
}
.link-small, .button-small, .body-large {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
initial-value: rotateX(0);
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
initial-value: rotateY(0);
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
initial-value: rotateZ(0);
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
initial-value: skewX(0);
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
initial-value: skewY(0);
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}