.fin-cond {
background: rgba(224, 229, 237, 1);
margin-bottom: var(--section-gap, 110px);
}
.fin-cond__inner {
background: linear-gradient(180deg, #4085D9 0%, #0C3E9A 100%);
border-radius: 30px;
padding: 48px;
position: relative;
overflow: hidden;
}
.fin-cond__image {
position: absolute;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
pointer-events: none;
z-index: 0;
}
.fin-cond__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center;
display: block;
mix-blend-mode: luminosity;
opacity: 0.4;
}
.fin-cond__header,
.fin-cond__grid {
position: relative;
z-index: 1;
}
.fin-cond__header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px 48px;
align-items: end;
margin-bottom: 40px;
}
.fin-cond__header-left {
display: flex;
flex-direction: column;
gap: 12px;
}
.fin-cond__title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 47px;
letter-spacing: 0;
color: rgba(255, 240, 240, 1);
margin: 0;
}
.fin-cond__description {
font-family: 'Mulish', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
color: rgba(255, 240, 240, 1);
margin: 0;
}
.fin-cond__grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.fin-cond__row {
display: flex;
gap: 16px;
align-items: stretch;
}
.fin-cond__card {
flex-shrink: 0;
height: 160px;
background: rgba(224, 229, 237, 1);
border-radius: 15px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
box-sizing: border-box;
overflow: hidden;
}
.fin-cond__card--1 { flex: 561 0 0; }
.fin-cond__card--2 { flex: 231 0 0; }
.fin-cond__card--3 { flex: 229 0 0; }
.fin-cond__card--4 { flex: 376 0 0; }
.fin-cond__card--5 { flex: 685 0 0; }
.fin-cond__card-title {
font-family: 'Mulish', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 25px;
letter-spacing: 0;
color: rgba(31, 79, 206, 1);
margin: 0;
}
.fin-cond__card-text {
font-family: 'Mulish', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: rgba(27, 27, 27, 1);
margin: 0;
overflow: hidden;
} @media (max-width: 1024px) {
.fin-cond,
.fin-cond * { text-align: left !important; }
.fin-cond__inner {
padding: 32px;
}
.fin-cond__header {
gap: 16px 24px;
margin-bottom: 28px;
}
.fin-cond__title {
font-size: 28px;
line-height: 35px;
}
.fin-cond__description {
font-size: 16px;
line-height: 1.5;
}
.fin-cond__card--1 { flex: 423 0 0; }
.fin-cond__card--2 { flex: 200 0 0; }
.fin-cond__card--3 { flex: 201 0 0; }
.fin-cond__card--4 { flex: 266 0 0; }
.fin-cond__card--5 { flex: 581 0 0; }
.fin-cond__card {
border-radius: 10px;
padding: 14px;
gap: 10px;
}
.fin-cond__card-title {
font-size: 16px;
line-height: 20px;
}
.fin-cond__card-text {
font-size: 12px;
line-height: 19px;
}
} @media (max-width: 640px) {
.fin-cond,
.fin-cond * { text-align: left !important; }
.fin-cond__inner {
padding: 24px 0;
border-radius: 20px;
}
.fin-cond__image {
display: none;
}
.fin-cond__header {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 20px;
}
.fin-cond__title {
font-size: 22px;
line-height: 29px;
}
.fin-cond__description {
font-size: 16px;
line-height: 1.5;
}
.fin-cond__row {
flex-direction: column;
gap: 12px;
}
.fin-cond__card {
flex: none !important;
width: 100%;
height: auto;
min-height: 80px;
border-radius: 10px;
padding: 16px;
gap: 10px;
}
.fin-cond__card-title {
font-size: 16px;
line-height: 20px;
}
.fin-cond__card-text {
font-size: 12px;
line-height: 19px;
}
.fin-cond {
background: linear-gradient(180deg, #4085D9 0%, #0C3E9A 100%);
border-radius: 20px;
}
}