#schedule-filters-form .fields--flex,
#schedule-filters-form.search-form .fields--flex,
form#schedule-filters-form .fields--flex,
form#schedule-filters-form .dropdowns-selectors .fields--flex,
body #schedule-filters-form .fields--flex {
gap: 0.5rem !important;
column-gap: 0.5rem !important;
} #schedule-filters-form .fields--flex .field {
flex: 1 1 0 !important;
min-width: 0 !important;
}
#schedule-filters-form .fields--flex .field .select2-container {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
#schedule-filters-form .fields--flex .field select,
#schedule-filters-form .fields--flex .field input[type="text"],
#schedule-filters-form .fields--flex .field input[type="submit"],
#schedule-filters-form .fields--flex .field .daterange-input {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
} #schedule-filters-form .fields--flex .field--submit {
flex: 1 1 0 !important;
min-width: 0 !important;
}
#schedule-filters-form .fields--flex .field--submit input[type="submit"] {
width: 100% !important;
box-sizing: border-box !important;
} #schedule-results-container {
position: relative;
min-height: 400px;
transition: opacity 0.3s ease-in-out;
}
#schedule-results-container.is-loading .list--schedule {
pointer-events: none;
} .schedule-loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(var(--color-white-rgb) / 0.95);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 100;
animation: fadeIn 0.3s ease-in-out;
}
.loader-spinner {
width: 50px;
height: 50px;
border: 4px solid var(--color-secondary-50);
border-top: 4px solid var(--color-primary);
border-radius: 50%;
animation: spin 1s linear infinite;
}
.loader-text {
margin-top: 20px;
font-size: 16px;
color: var(--color-secondary-700);
font-weight: 400;
} .item.skeleton-card {
background: var(--color-light-grey);
border: 1px solid var(--color-secondary-100);
border-radius: var(--radius);
padding: 20px;
min-height: 200px;
animation: fadeIn 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.skeleton-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent,
rgb(var(--color-white-rgb) / 0.6),
transparent
);
animation: skeleton-shimmer 1.8s ease-in-out infinite;
}
.skeleton-line {
height: 14px;
background: var(--color-secondary-100);
border-radius: var(--radius);
margin-bottom: 10px;
}
.skeleton-line.short {
width: 40%;
}
.skeleton-line.medium {
width: 70%;
}
.skeleton-line.tall {
height: 22px;
margin-bottom: 15px;
background: var(--color-grey);
}
.skeleton-button {
height: 42px;
background: var(--color-grey);
border-radius: var(--radius);
margin-top: 20px;
}
@keyframes skeleton-shimmer {
0% {
left: -100%;
opacity: 0;
}
50% {
opacity: 1;
}
100% {
left: 100%;
opacity: 0;
}
} .schedule-empty-state {
text-align: center;
padding: 40px 20px;
max-width: 600px;
margin: 0 auto;
animation: fadeIn 0.4s ease-in-out;
}
.empty-state-icon {
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.empty-state-icon img {
max-width: 200px;
height: auto;
display: block;
}
.empty-state-title {
font-size: 32px;
font-weight: 700;
color: var(--color-secondary-900);
margin-bottom: 12px;
}
.empty-state-message {
font-size: 18px;
color: var(--color-secondary-700);
margin-bottom: 20px;
line-height: 1.6;
}
.empty-state-suggestions {
background: var(--color-light-grey);
border-radius: var(--radius-lg);
padding: 20px;
margin-bottom: 20px;
text-align: left;
}
.empty-state-suggestions p {
margin-bottom: 10px;
font-weight: 600;
color: var(--color-secondary-900);
}
.empty-state-suggestions-title {
text-align: left;
margin-bottom: 12px;
}
.empty-state-suggestions ul {
list-style: none;
padding: 0;
margin: 0;
}
.empty-state-suggestions li {
padding: 8px 0;
padding-left: 25px;
position: relative;
color: var(--color-secondary-700);
}
.empty-state-suggestions li:before {
content: "→";
position: absolute;
left: 0;
color: var(--color-primary);
font-weight: bold;
}
.empty-state-actions {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
}
.empty-state-actions .button {  } .schedule-error {
text-align: center;
padding: 60px 20px;
animation: fadeIn 0.4s ease-in-out;
}
.error-icon {
font-size: 60px;
margin-bottom: 20px;
}
.schedule-error h3 {
font-size: 28px;
color: var(--color-red-700);
margin-bottom: 15px;
}
.schedule-error p {
font-size: 16px;
color: var(--color-secondary-700);
margin-bottom: 25px;
}
.schedule-error .button {
background: var(--color-red-700);
color: white;
padding: 12px 30px;
border: none;
border-radius: var(--radius);
cursor: pointer;
font-weight: 600;
transition: background 0.3s ease;
}
.schedule-error .button:hover {
background: var(--color-red-700);
} #schedule-search-submit.is-loading {
cursor: wait !important;
pointer-events: none;
position: relative;
padding-right: 45px !important;
background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-600) 50%, var(--color-primary) 100%);
background-size: 200% 100%;
animation: button-shimmer 1.5s infinite;
}
#schedule-search-submit.is-loading:after {
content: '';
position: absolute;
right: 12px;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
border: 3px solid rgb(var(--color-white-rgb) / 0.3);
border-top-color: white;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
@keyframes button-shimmer {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
} .button.is-loading:after,
button.is-loading:after {
border: 2px solid rgb(var(--color-white-rgb) / 0.3);
border-top-color: white;
} select.is-disabled,
input[type="text"].is-disabled,
input[type="checkbox"].is-disabled {
opacity: 0.6;
cursor: not-allowed !important;
pointer-events: none;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} @media (max-width: 768px) {
.empty-state-title {
font-size: 24px;
}
.empty-state-message {
font-size: 16px;
}
.empty-state-actions {
flex-direction: column;
}
.empty-state-actions .button {
width: 100%;
}
.loader-spinner {
width: 40px;
height: 40px;
}
.loader-text {
font-size: 14px;
}
.item.skeleton-card {
min-height: 180px;
padding: 15px;
}
.skeleton-line {
height: 12px;
margin-bottom: 8px;
}
.skeleton-button {
height: 38px;
}
}#schedule-filters-form .fields--flex,
#schedule-filters-form.search-form .fields--flex,
form#schedule-filters-form .fields--flex,
form#schedule-filters-form .dropdowns-selectors .fields--flex,
form.search-form#schedule-filters-form .fields--flex,
.search-form#schedule-filters-form .dropdowns-selectors .fields--flex {
gap: 0.5rem !important;
column-gap: 0.5rem !important;
} body .search-form#schedule-filters-form .fields--flex {
gap: 0.5rem !important;
} #schedule-filters-form .fields--flex > .field {
flex: 1 1 0 !important;
min-width: 0 !important;
} #schedule-filters-form .fields--flex > .field:has(.daterange-wrapper) {
flex-grow: 1.3 !important;
}
#schedule-filters-form .fields--flex > .field .select2-container {
width: 100% !important;
}
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field input {
width: 100% !important;
box-sizing: border-box !important;
} #schedule-filters-form .fields--flex > .field {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 0 !important;
}
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field .daterange-input,
#schedule-filters-form .fields--flex > .field--submit input[type="submit"],
#schedule-filters-form .fields--flex > .field .select2-selection--single {
height: 44px !important;
min-height: 44px !important;
border-radius: var(--radius-lg);
}
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field .daterange-input,
#schedule-filters-form .fields--flex > .field--submit input[type="submit"] {
line-height: 44px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#schedule-filters-form .fields--flex > .field .select2-container {
margin-bottom: 0 !important;
} #schedule-filters-form .fields--flex > .field .select2 .select2-selection--single {
position: relative !important;
box-sizing: border-box !important;
padding: 0 2.25rem 0 1rem !important;
}
#schedule-filters-form .fields--flex > .field .select2-selection--single .select2-selection__rendered {
line-height: 44px !important;
padding: 0 !important;
margin: 0 !important;
}
#schedule-filters-form .fields--flex > .field .select2-selection--single .select2-selection__arrow {
height: 100% !important;
top: 0 !important;
right: 0.35rem !important;
} #schedule-filters-form .fields--flex > .field input,
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field .select2-container,
#schedule-filters-form .fields--flex > .field .select2-selection--single {
min-width: 0 !important;
max-width: 100% !important;
} #schedule-filters-form .fields--flex > .field--submit {
flex: 0 0 168px !important;
} .daterange-wrapper {
position: relative;
width: 100%;
} .daterange-wrapper--desktop {
display: block;
}
.daterange-wrapper--mobile {
display: none;
}
.daterange-input {
width: 100%;
min-width: 10rem;
cursor: pointer;
font-size: 15px;
font-weight: 400;
background-image: url(//inprogress.pl/wp-content/themes/inprogress-2021/assets/images/icons/calendar%203.svg);
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px;
padding-right: 40px;
} .daterange-mobile-fields {
display: flex;
gap: 0.5rem;
}
.daterange-input-mobile {
flex: 1;
width: 100%;
padding: 0.875rem 1rem;
font-size: 16px;
border: 2px solid var(--color-secondary-100);
border-radius: var(--radius-lg);
background-color: var(--color-light-grey);
color: var(--color-secondary-950);
}  .daterangepicker {
border: 1px solid var(--color-grey);
border-radius: var(--radius-lg);
box-shadow: 0 10px 40px rgb(var(--color-black-rgb) / 0.15);
padding: 0;
font-family: inherit;
} .daterangepicker .ranges {
width: 180px;
padding: 15px 0;
background: var(--color-light-grey);
border-right: 1px solid var(--color-grey);
border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}
.daterangepicker .ranges ul {
margin: 0;
padding: 0;
list-style: none;
}
.daterangepicker .ranges li {
padding: 10px 20px;
font-size: 14px;
color: var(--color-secondary-900);
cursor: pointer;
transition: all 0.2s ease;
border-left: 3px solid transparent;
}
.daterangepicker .ranges li:hover {
background: var(--color-primary-50);
color: var(--color-primary);
}
.daterangepicker .ranges li.active {
background: var(--color-primary-50);
color: var(--color-primary);
border-left-color: var(--color-primary);
font-weight: 600;
} .daterangepicker .drp-calendar {
padding: 15px;
}
.daterangepicker .calendar-table {
border: none;
padding: 0;
} .daterangepicker .calendar-table th {
font-size: 13px;
font-weight: 600;
color: var(--color-secondary-700);
padding: 8px 5px;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 13px;
padding: 5px;
border: 1px solid var(--color-grey);
border-radius: var(--radius);
background: var(--color-white);
cursor: pointer;
} .daterangepicker td {
font-size: 13px;
text-align: center;
border-radius: var(--radius);
transition: all 0.2s ease;
}
.daterangepicker td.available:hover {
background: var(--color-primary-50);
color: var(--color-primary);
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: var(--color-primary);
color: white;
}
.daterangepicker td.in-range {
background-color: var(--color-primary-50);
color: var(--color-primary);
}
.daterangepicker td.start-date,
.daterangepicker td.end-date {
background-color: var(--color-primary);
color: white;
font-weight: 600;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
background-color: var(--color-secondary-50);
color: var(--color-secondary-400);
}
.daterangepicker td.disabled,
.daterangepicker td.disabled:hover {
color: var(--color-secondary-200);
cursor: not-allowed;
} .daterangepicker td.today {
font-weight: 600;
position: relative;
}
.daterangepicker td.today::after {
content: '';
position: absolute;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
background: var(--color-primary);
border-radius: 50%;
} .daterangepicker .drp-buttons {
padding: 12px 15px;
border-top: 1px solid var(--color-grey);
display: flex !important;
flex-direction: row !important;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.daterangepicker .drp-buttons .btn {
padding: 8px 20px !important;
font-size: 13px !important;
font-weight: 600;
border-radius: var(--radius);
border: none;
cursor: pointer;
transition: all 0.2s ease;
flex: 0 0 auto !important;
min-width: 80px !important;
max-width: 120px !important;
width: auto !important;
display: inline-block !important;
float: none !important;
}
.daterangepicker .cancelBtn {
background: var(--color-secondary-50) !important;
color: var(--color-secondary-700) !important;
order: 1;
}
.daterangepicker .cancelBtn:hover {
background: var(--color-grey) !important;
}
.daterangepicker .applyBtn {
background: var(--color-primary) !important;
color: white !important;
order: 2;
}
.daterangepicker .applyBtn:hover {
background: var(--color-primary-600) !important;
box-shadow: 0 2px 8px rgb(var(--color-primary-500-rgb) / 0.3);
} .daterangepicker:before,
.daterangepicker:after {
border-bottom-color: var(--color-grey);
}
.daterangepicker:after {
border-bottom-color: var(--color-white);
}  @media (max-width: 1024px) {
#schedule-filters-form .fields--flex {
flex-wrap: wrap !important;
}
#schedule-filters-form .fields--flex > .field {
flex: 1 1 calc(50% - 0.25rem) !important;
min-width: calc(50% - 0.25rem) !important;
} #schedule-filters-form .fields--flex > .field:has(.daterange-wrapper) {
flex: 1 1 calc(50% - 0.25rem) !important;
flex-grow: 1 !important;
} #schedule-filters-form .fields--flex .field--submit {
flex: 1 1 100% !important;
}
} @media (max-width: 768px) { .daterange-wrapper--desktop {
display: none !important;
}
.daterange-wrapper--mobile {
display: block !important;
}
#schedule-filters-form .fields--flex {
flex-direction: column !important;
gap: 0.75rem !important;
}
#schedule-filters-form .fields--flex > .field,
#schedule-filters-form .fields--flex > .field:has(.daterange-wrapper),
#schedule-filters-form .fields--flex .field--submit {
flex: 1 1 100% !important;
width: 100% !important;
min-width: 100% !important;
margin-bottom: 0 !important;
} #schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field input,
#schedule-filters-form .fields--flex > .field .select2-container,
#schedule-filters-form .fields--flex > .field .daterange-input {
width: 100% !important;
} #schedule-filters-form .fields--flex > .field input,
#schedule-filters-form .fields--flex > .field select,
#schedule-filters-form .fields--flex > .field .daterange-input,
#schedule-filters-form .fields--flex .field--submit input[type="submit"] {
padding: 0.875rem 1rem !important;
font-size: 16px !important;
min-height: 56px !important;
height: auto !important;
line-height: 1.25 !important;
} #schedule-filters-form .fields--flex > .field select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: menulist;
background-image: none;
padding-right: 2.5rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
} #schedule-filters-form .fields--flex > .field .select2-container {
display: none !important;
}
#schedule-filters-form .fields--flex > .field select.select2-hidden-accessible {
display: block !important;
opacity: 1 !important;
position: relative !important;
width: 100% !important;
} #schedule-filters-form .actions {
margin-top: 1.25rem;
}
#schedule-filters-form .filters {
gap: 0.75rem;
flex-direction: column;
align-items: flex-start;
}
#schedule-filters-form .single-filter {
width: 100%;
}
} @media (min-width: 769px) {
#schedule-filters-form .fields--flex > .field .select2-container {
display: block !important;
width: 100% !important;
} #schedule-filters-form .fields--flex > .field .select2 {
margin-bottom: 0 !important;
}
#schedule-filters-form .fields--flex > .field select.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
} #schedule-filters-form .actions {
margin-top: 0.5rem;
}
#schedule-filters-form .single-filter {
align-items: center;
line-height: 1;
}
#schedule-filters-form .single-filter input[type="checkbox"] {
margin: 0;
transform: translateY(-1px);
}
#schedule-filters-form .single-filter .description {
display: inline-flex;
align-items: center;
line-height: 1.2;
}
} @media (max-width: 768px) {
.daterangepicker {
max-width: 100% !important;
left: 10px !important;
right: 10px !important;
}
.daterangepicker .ranges {
width: 100%;
border-right: none;
border-bottom: 1px solid var(--color-grey);
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.daterangepicker .drp-calendar {
float: none !important;
width: 100% !important;
}
.daterangepicker .calendar-table {
font-size: 12px;
}
.daterangepicker .drp-buttons {
flex-direction: row;
gap: 8px;
}
.daterangepicker .drp-buttons .btn {
flex: 1;
}
} .daterange-input:disabled,
.daterange-input-mobile:disabled {
cursor: not-allowed !important;
opacity: 0.6;
} #schedule-filters-form .actions {
margin-top: 1.5rem;
}
#schedule-filters-form .filters {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
}
#schedule-filters-form .single-filter {
display: flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
margin: 0;
}
#schedule-filters-form .single-filter input[type="checkbox"] {
margin: 0;
cursor: pointer;
}
#schedule-filters-form .single-filter .description {
font-size: 0.9rem;
margin: 0;
white-space: nowrap;
} @media (min-width: 769px) {
#schedule-filters-form .fields--flex > .field .select2,
#schedule-filters-form .fields--flex > .field .select2-container,
#schedule-filters-form .fields--flex > .field .select2-container .select2-selection--single {
margin: 0 !important;
}
#schedule-filters-form .actions {
margin-top: 0.5rem !important;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
} .wpcf7cf_repeater_sub_controls {
display: inline-flex;
gap: 4px;
margin: 4px 0;
align-items: center;
}:root {
--sq-container-width: var(--container-width);
--sq-gap: 16px;
--sq-radius: var(--radius-lg);
--sq-radius-lg: var(--radius-2xl);
--sq-color-text: var(--color-secondary-950);
--sq-color-muted: #66737d;
--sq-color-accent: var(--color-primary-600);
--sq-color-on-accent: var(--color-white);
--sq-color-surface: var(--color-white);
--sq-color-surface-alt: var(--color-secondary-50);
--sq-color-line: var(--color-secondary-100);
--sq-color-dark: var(--color-secondary);
--sq-color-on-dark: var(--color-white);
--sq-color-on-dark-muted: var(--color-light-grey);
--sq-color-accent-on-dark: var(--color-primary);
}  .sq-block.sq-block {
font-family: Mukta, sans-serif;
} .editor-styles-wrapper .sq-block .container {
width: min(var(--container-width), 100% - 32px);
margin-inline: auto;
}
.sq-block .sq-eyebrow {
margin: 0 0 16px;
color: var(--color-primary-700);
font-size: var(--text-sm-size);
line-height: 1.5;
}
.sq-block .sq-title {
margin: 0;
color: var(--sq-color-text);
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.015em;
text-wrap: pretty;
} .sq-jumbo .sq-jumbo__inner {
grid-template-columns: minmax(0, 1fr) minmax(0, 617px);
align-items: end;
gap: 40px;
padding-block: 48px 0;
}
.sq-jumbo:not(.sq-jumbo--has-badges) .sq-jumbo__inner {
align-items: center;
padding-bottom: 48px;
}
.sq-jumbo .sq-jumbo__content {
align-self: center;
max-width: 624px;
padding-bottom: 48px;
}
.sq-jumbo--dark .sq-jumbo__eyebrow {
color: var(--color-primary);
}
.sq-jumbo .sq-jumbo__title {
margin: 0 0 16px;
font-size: clamp(2.5rem, 4.03vw, 3.75rem);
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.015em;
text-wrap: pretty;
}
.sq-jumbo--dark .sq-jumbo__title {
color: var(--color-white);
}
.sq-jumbo .sq-jumbo__subtitle {
margin: 0 0 40px;
font-size: clamp(var(--text-lg-size), 1.67vw, var(--text-2xl-size));
line-height: 1.552;
}
.sq-jumbo--dark .sq-jumbo__subtitle {
color: var(--color-light-grey);
} .sq-jumbo .sq-jumbo__decoration {
inset: 0 0 auto auto;
width: 415px;
height: 100%;
background-color: rgb(var(--color-white-rgb) / 0.08);
-webkit-mask: url(//inprogress.pl/wp-content/themes/inprogress-2021/assets/images/doradztwo/sygnet-luki.svg) -21px -133px / 899px 898px no-repeat;
mask: url(//inprogress.pl/wp-content/themes/inprogress-2021/assets/images/doradztwo/sygnet-luki.svg) -21px -133px / 899px 898px no-repeat;
}
.sq-jumbo .sq-jumbo__image {
border-radius: var(--radius-2xl);
} .sq-jumbo--has-badges .sq-jumbo__media {
width: 100%;
aspect-ratio: 617 / 551;
}
.sq-jumbo--has-badges .sq-jumbo__image {
position: absolute;
top: 0;
left: 0;
width: 79.74%;
height: 86.93%;
object-fit: cover;
}
.sq-jumbo--decorated.sq-jumbo--has-badges .sq-jumbo__media::before {
content: "";
position: absolute;
top: 49.91%;
left: 35.49%;
width: 64.51%;
height: 50.09%;
opacity: 0.32;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='75'%3E%3Cpath d='M12 0v24M0 12h24' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E") 0 0 / 74.7px 74.7px repeat;
}
.sq-jumbo--has-badges .sq-jumbo__badges {
position: absolute;
left: 4%;
bottom: 16%;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
}
.sq-jumbo .sq-jumbo__badge {
height: 91px;
padding: 13px;
border: 1px solid var(--color-grey);
border-radius: var(--radius-lg);
background: var(--color-light-grey);
}
.sq-jumbo .sq-jumbo__badge-image {
width: auto;
max-width: 160px;
height: 100%;
object-fit: contain;
}
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) {
position: static;
display: block;
}
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) > .sq-jumbo__badge {
position: absolute; display: block;
height: 16.52%;
padding: 2.4%;
}
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) .sq-jumbo__badge-image {
width: 100%;
max-width: none;
}
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) > :nth-child(1) { top: 47.37%; left: 56.40%; width: 24.64%; }
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) > :nth-child(2) { top: 47.37%; left: 82.33%; width: 17.34%; }
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) > :nth-child(3) { top: 65.34%; left: 9.56%;  width: 30.31%; }
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) > :nth-child(4) { top: 65.34%; left: 41.17%; width: 30.31%; }
.sq-jumbo__badges:has(> .sq-jumbo__badge:nth-child(5):last-child) > :nth-child(5) { top: 65.34%; left: 72.93%; width: 21.23%; } .sq-logo-section .sq-logo-section__title {
color: var(--sq-color-muted);
font-size: var(--text-sm-size);
}
.sq-logo-section--row .sq-logo-section__list {
gap: var(--space-3);
} .sq-logo-section .sq-logo-section__image {
width: 128px;
height: 76px;
object-fit: contain;
} .sq-block.sq-how-it-works {
padding-block: clamp(56px, 5vw, 64px);
background: var(--color-secondary-50);
}
.sq-how-it-works .sq-heading {
margin-bottom: 48px;
}
.sq-how-it-works .sq-title {
font-size: clamp(2rem, 3.4vw, var(--text-5xl-size));
}
.sq-how-it-works .sq-subtitle {
color: var(--sq-color-muted);
font-size: var(--text-lg-size);
}
.sq-how-it-works .sq-how-it-works__step {
gap: 16px;
padding: 24px 20px;
border-color: var(--color-secondary-100);
border-radius: var(--radius-xl);
}
.sq-how-it-works .sq-how-it-works__number {
background: var(--color-primary-600);
font-size: var(--text-sm-size);
}
.sq-how-it-works .sq-how-it-works__step-title {
color: var(--color-secondary);
font-size: var(--text-xl-size);
font-weight: 400;
letter-spacing: 0;
}
.sq-how-it-works .sq-how-it-works__step-text {
color: rgb(var(--color-secondary-rgb) / 0.8);
font-size: var(--text-sm-size);
line-height: 1.5714;
} @media (max-width: 960px) {
.sq-jumbo .sq-jumbo__inner {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.sq-jumbo .sq-jumbo__content {
max-width: none;
padding-bottom: 32px;
}
.sq-jumbo .sq-jumbo__media {
max-width: 617px;
margin-inline: auto;
}
.sq-jumbo .sq-jumbo__decoration {
opacity: 0.6;
}
}
@media (max-width: 760px) {
.sq-jumbo .sq-jumbo__inner {
padding-top: 56px;
}
.sq-jumbo .sq-jumbo__title {
font-size: clamp(2rem, 9.4vw, 3.5rem);
}
.sq-logo-section .sq-logo-section__image {
width: 96px;
height: 56px;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}