.image-text-list {
margin-bottom: var(--section-gap, 120px);
& * {
font-family: 'Mulish', sans-serif !important;
}
}
.image-text-list__wrapper {
display: flex;
column-gap: 40px;
@media screen and (max-width: 768px) {
row-gap: 30px;
flex-direction: column;
}
}
.image-text-list__image {
width: 47.46%;
min-width: 47.46%;
overflow: hidden;
border-radius: 30px;
aspect-ratio: 560 / 544;
@media screen and (max-width: 1024px) {
width: 37.46%;
min-width: 37.46%;
height: 100%;
position: sticky;
top: 200px;
}
@media screen and (max-width: 768px) {
width: 100%;
height: auto;
position: relative;
top: 0;
aspect-ratio: 560 / 320;
}
& img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
}
.image-text-list__header {
margin-bottom: 52px;
@media screen and (max-width: 1024px) {
margin-bottom: 30px;
}
& .image-text-list__title {
font-size: 42px;
font-weight: 700;
line-height: 52px;
color: #1F4FCE;
@media screen and (max-width: 1024px) {
font-size: 28px;
line-height: 35px;
}
@media screen and (max-width: 640px) {
font-size: 22px;
line-height: 29px;
}
}
}
.image-text-list__items {
display: flex;
row-gap: 20px;
flex-direction: column;
list-style: none;
& li {
list-style: none;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #1B1B1B;
padding-left: 28px;
position: relative;
&::before {
content: '';
position: absolute;
left: 0;
top: 7px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #1F4FCE;
}
}
}