.hsf-card--1 {
display: flex;
align-items: center;
}
.hsf-card--1 .hsf-card__image {
flex: 1;
}
.hsf-card--1 .hsf-card__image--after {
order: 2;
}
.hsf-card--1 .hsf-card__image {
display: none;
align-self: stretch;
}
.hsf-card--1 .hsf-card__image img {
height: 100%;
object-fit: cover;
object-position: left;
}
.hsf-card--1 .hsf-card__image--before img {
object-position: right;
}
.hsf-card--1 .hsf-card__content {
width: 100%;
}
.hsf-card--1 .hsf-card__content .hsf-button {
margin-top: 1rem;
}
@media screen and (min-width: 1025px) {
.hsf-card--1 .hsf-card__image {
display: block;
}
.hsf-card--1 .hsf-card__content {
width: 40%;
}
}.hsf-back-to-top .hsf-back-to-top__link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.5em;
}.hsf-how-to-claim .hsf-how-to-claim__step {
display: flex;
align-items: center;
gap: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
.hsf-how-to-claim .hsf-how-to-claim__step-icon {
width: 224px;
min-width: 224px;
height: 224px;
background: #d8e6f1;
padding: 50px;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.hsf-how-to-claim .hsf-how-to-claim__step-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.hsf-how-to-claim .hsf-how-to-claim__step-number {
font-size: 118px;
line-height: 1;
font-weight: 700;
color: #231F20;
width: 80px;
text-align: center;
}
.hsf-how-to-claim .hsf-how-to-claim__step-title {
font-size: 30px;
font-weight: 700;
color: #231F20;
margin: 0 0 5px;
line-height: 1.25;
}
.hsf-how-to-claim .hsf-how-to-claim__step-content {
position: relative;
padding: 37px 78px 37px 0;
font-size: 20px;
color: #231F20;
line-height: 1.25;
margin-right: 112px;
width: 100%;
}
.hsf-how-to-claim .hsf-how-to-claim__step-content:before {
content: '';
position: absolute;
top: 0;
left: -100px;
width: calc(100% + 100px);
height: 100%;
z-index: -1;
border: 1px solid #000000;
border-width: 1px 1px 0 0;
border-radius: 0 13px 0;
}
.hsf-how-to-claim .hsf-how-to-claim__step-content:after {
content: '';
position: absolute;
bottom: 0;
right: -9px;
width: 18px;
height: 16px;
background-image: url(//2024-hsf-uk.healthplanhsf.com/wp-content/plugins/hsf-addon-for-elementor/assets/arrowhead-down.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
bottom: -3px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:nth-child(even) .hsf-how-to-claim__step-icon {
order: 3;
}
.hsf-how-to-claim .hsf-how-to-claim__step:nth-child(even) .hsf-how-to-claim__step-number {
margin-left: 240px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:nth-child(even) .hsf-how-to-claim__step-content {
margin-right: 0;
}
.hsf-how-to-claim .hsf-how-to-claim__step:nth-child(even) .hsf-how-to-claim__step-content:before {
border-width: 1px 0 0 1px;
border-radius: 13px 0 0;
left: -208px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:nth-child(even) .hsf-how-to-claim__step-content:after {
right: auto;
left: -216px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:last-child .hsf-how-to-claim__step-content {
margin-bottom: 30px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:last-child .hsf-how-to-claim__step-content:before {
border-bottom-width: 1px;
border-bottom-left-radius: 13px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:last-child .hsf-how-to-claim__step-content:after {
display: none;
}
.hsf-how-to-claim .hsf-how-to-claim__step:last-child .hsf-how-to-claim__step-claim-submitted {
position: absolute;
bottom: 15px;
right: 338px;
background: #F8FBFD;
color: #231F20;
font-size: 30px;
font-weight: 700;
padding: 0 30px;
line-height: 1.25;
display: flex;
align-items: flex-end;
gap: 21px;
}
.hsf-how-to-claim .hsf-how-to-claim__step:last-child .hsf-how-to-claim__step-claim-submitted:before {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 100px;
left: -100px;
background: linear-gradient(90deg, rgba(248, 251, 253, 0) 0%, rgba(248, 251, 253, 1) 100%);
}
@media (max-width: 991px) {
.hsf-how-to-claim .hsf-how-to-claim__step {
flex-direction: column;
}
.hsf-how-to-claim .hsf-how-to-claim__step .hsf-how-to-claim__step-icon {
order: 1 !important;
}
.hsf-how-to-claim .hsf-how-to-claim__step .hsf-how-to-claim__step-number {
order: 2;
}
.hsf-how-to-claim .hsf-how-to-claim__step .hsf-how-to-claim__step-content {
order: 3;
}
.hsf-how-to-claim .hsf-how-to-claim__step-number {
margin: 0 !important;
}
.hsf-how-to-claim .hsf-how-to-claim__step-content {
margin: 0;
padding: 0 0 50px;
}
.hsf-how-to-claim .hsf-how-to-claim__step-content:before {
left: 50% !important;
width: 1px;
top: calc(100% - 50px);
bottom: 0;
height: 50px;
}
.hsf-how-to-claim .hsf-how-to-claim__step-content:after {
left: calc(50% - 9px);
}
.hsf-how-to-claim .hsf-how-to-claim__step .hsf-how-to-claim__step-content:after {
content: ' ';
display: block !important;
left: calc(50% - 8px) !important;
}
.hsf-how-to-claim .hsf-how-to-claim__step:last-child .hsf-how-to-claim__step-claim-submitted {
margin-top: -29px;
position: static;
order: 4;
}
}