body {
background-color: #FFFFFF;
}
section {
margin-top: 3.75rem;
}
section.page-content {
margin-top: 0;
}
section h2 {
color: #006D6F;
font-weight: 600;
font-size: clamp(1.25rem, 2.5vw, 2rem);
margin-bottom: 1.5rem;
}
#site-main {
display: flex;
flex-direction: column;
}
.page_banner:first-of-type {
order: -1;
margin: 0;
}
.page_banner__slide__description {
font-size: clamp(1rem, 1.25vw, 1.125rem);
}
.page_banner__slide__support-text {
margin-top: 0.75rem;
}
.page_banner__slide__support__title {
display: none;
}
.page_banner__slide__support__text {
font-weight: 600;
font-size: 1.375rem;
line-height: 1.2;
}
.page-title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 600;
line-height: 1.2;
color: #006D6F;
margin-bottom: 1.5rem;
}
.page-content-wrapper p strong,
.page-text-images__item-content p strong {
font-weight: 700;
}
.page-content-wrapper p {
line-height: 1.5;
}
.page-content-wrapper p:not(:first-child) {
margin-top: 0.75rem;
}
.page-oplata {
margin-bottom: 0;
}
.page-oplata__stages__title {
margin-bottom: 0;
color: #191A26;
}
.page-oplata__stage__body {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
text-align: left;
}
.page-oplata__stage__icon {
flex: 0 0 2rem;
margin-bottom: 0;
display: block;
height: 32px;
}
.page-oplata__stage__title {
flex: 0 0 80%;
text-align: left;
margin-bottom: 0;
color: #21A4A3;
}
.page-text-images__item:not(:first-child) {
margin-top: 3.75rem;
}
.page-text-images__item:nth-child(2n - 1) img {
display: none;
}
.page-text-images__item-image {
padding-left: 0;
padding-right: 0;
}
.page-text-images__item:nth-child(2n) .page-text-images__item-text {
order: 1;
margin-top: 1.5rem;
}
.page-text-images__item-content p {
font-weight: 500;
}
.page-text-images__item-content ol {
counter-reset: item;
list-style: none;
padding-left: 1.5rem;
margin-top: 1rem;
display: flex;
flex-direction: column;
gap: 0.625rem;
}
.page-text-images__item-content ol li {
counter-increment: item;
position: relative;
}
.page-text-images__item-content ol li::before {
content: counter(item) " ";
position: absolute;
left: -1.25rem;
font-size: clamp(1.25rem, 2vw, 1.5rem);
font-weight: 500;
top: 0;
}
.page-text-images__item-advanced-content {
background: #292929;
color: #FFF;
font-size: clamp(1rem, 1.25vw, 1.125rem);
font-weight: 600;
padding-block: 1.125rem;
padding-inline: 1.25rem;
margin-inline: -0.75rem;
margin-top: 2.5rem;
}
.page-text-images__item-advanced-content button {
display: block;
width: max-content;
background: #21A4A3;
color: #FFF;
padding-block: 0.875rem;
width: 100%;
border: 1px solid transparent;
margin-top: 1.25rem;
}
.page-text-images__item-advanced-content button:hover {
color: #21A4A3;
background-color: #FFF;
border: 1px solid #21A4A3;
transition: all 0.5s ease;
}
.page-text-banner {
background-color: #F4F6F9;
padding-block: 1.5rem;
margin-top: 1.5rem;
}
.page-text-banner__text {
font-weight: 600;
text-align: center;
font-size: clamp(1rem, 1.25vw, 1.125rem);
}
.page-text-banner__button {
color: #FFF;
background-color: #00424A;
border: 1px solid #00424A;
transition: all 0.5s ease;
font-size: 1.125rem;
padding-block: 0.875rem;
font-weight: 600;
text-align: center;
margin-top: 1rem;
}
.page-text-banner__button:hover {
color: #00424A;
background-color: #FFF;
border: 1px solid #00424A;
transition: all 0.5s ease;
}
.page-benefits__title {
text-align: center;
}
.page-benefits__item {
padding-bottom: 1.5rem;
border-bottom: 1px solid #393E4126;
}
.page-benefits__item:not(:first-child) {
padding-top: 1.5rem;
}
.page-benefits__item:last-child {
border-bottom: none;
}
.page-benefits__item-title {
font-size: 1.125rem;
font-weight: 600;
margin-top: 0.75rem;
}
.page-benefits__item-text {
margin-top: 0.5rem;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.page-oplata__stages {
position: relative;
}
.page-oplata__stages__line {
display: flex;
height: 100%;
position: absolute;
top: 6rem;
flex-direction: column;
justify-content: space-between;
padding-block: 10rem;
}
.page-oplata__stages__line .line {
position: absolute;
background-color: var(--Red, #C11D1D);
opacity: 0.2;
height: calc(100% - 8rem);
top: 1.5rem;
width: 3px;
left: 1.5rem;
}
.page-oplata__stages__line .dot {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background: #D3EDED;
right: -0.25rem;
}
}
@media screen and (min-width: 992px) {
section {
margin-top: 7.5rem;
}
.page_banner__slide__description {
margin-bottom: 0.75rem;
}
.page-title {
text-align: center;
margin-bottom: 2.5rem;
}
.page-content-wrapper p:not(:first-child) {
padding-top: 1.25rem;
}
.page-oplata__stages__title {
text-align: center;
margin-bottom: 2.25rem;
}
.page-oplata__stage__icon {
height: 100%;
position: absolute;
left: 0;
}
.page-oplata__stage__title {
font-size: 1.5rem;
line-height: 1;
height: max-content;
}
.page-oplata__stage__body {
padding-left: 6rem;
width: auto;
}
.page-text-images__item:not(:first-child) {
margin-top: 7.5rem;
}
.page-text-images__item:nth-child(2n - 1) img {
display: block;
}
.page-text-images__item-image {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.page-text-images__item-advanced-content {
display: none;
}
.page-text-images__item-content ol li {
min-height: 1.5rem;
}
.page-text-images__item-content ol li::before {
top: -0.25rem;
text-align: left;
}
.page-text-banner {
margin-top: 3.5rem;
}
.page-text-banner__button {
width: max-content;
margin-inline: auto;
padding-inline: 1.25rem;
}
.page-benefits__title {
margin-bottom: 2.5rem;
}
.page-benefits__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.page-benefits__item:not(:first-child) {
padding-top: 0;
}
.page-benefits__item {
padding-top: 0;
border-right: 1px solid #393E4126;
padding-bottom: 0;
border-bottom: none;
padding-inline: 1.5rem;
}
.page-benefits__item:last-child {
border-right: none;
}
.page-shop-lid-form {
margin-top: 7.5rem;
margin-bottom: 0;
}
}
.page-id-226878 .grand-car__content > * {
order: 2;
}
.page-id-226878 .grand-car__content .page_breadcrumbs {
order: 1;
}
.page-id-226878 .grand-car__content  .page-calculator {
order: 1;
margin-top: 0;
margin-bottom: 7.5rem;
}
.page-id-226878 .grand-car__content .page_banner {
order: -1;
}