/**
 * Solutions List Block - Frontend Styles
 * These styles are loaded on the frontend
 */

.solutions-list-block { padding: 120px 0; }
.solutions-list-block .heading { max-width: 602px;margin: 0 auto 80px; width: 100%; text-align: center; }
.solutions-list-block .heading h2 { color: var(--primary-color); }
.solutions-list-block .heading h2 span { color: var(--light-red-color); }
.solutions-list-inner {display: flex;flex-wrap: wrap;gap: 80px; }
.solutions-card-list { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.solutions-card-list:nth-child(even) { flex-direction: row-reverse; }
.card-list-lt { width: 60.5%; }
.card-list-rt { width: 37.5%; }
.card-list-lt .icon { margin-bottom: 22px; }
.card-list-lt .content h3 { color: var(--primary-color); margin-bottom: 16px; }
.card-list-lt .content p { color: var(--primary-color); margin-bottom: 24px; }
.card-list-lt .content ul li, .card-list-lt .content ol li { color: var(--primary-color); font-size: 16px; line-height: 32px; line-height: 22px; margin-bottom: 8px; }
.card-list-lt .content ul, .card-list-lt .content ol  { margin: 0; padding: 0 0 0 20px; }
.card-text-wrap { display: flex; align-items: center; justify-content: center; position: relative; }
.card-text-wrap::before { content: ""; width: 214px;height: 214px;margin: 0 auto;background-color: #FFE7E5;border-radius: 50%; position: absolute; left: 0; right: 0; z-index: 0; }
.card-text { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }
.card-text h3 { font-size: 80px; line-height: 60px; color: var(--light-red-color); margin: 0 0 14px 0; display: block; width: 100%; text-align: center; font-weight: var(--font-weight-normal); }
.card-text p { font-size: 16px; line-height: 1.5; color: var(--primary-color); margin: 0; }


/*Responsive Css Start Here*/
@media only screen and (max-width: 1280px) {
    .solutions-card-list { gap: 20px; }
}
@media only screen and (max-width: 1200px) {
    .solutions-list-block {padding: 80px 0;}
    .solutions-card-list { gap: 15px; }
    .solutions-list-inner { gap: 60px; }
    .solutions-list-block .heading { max-width: 400px;}
}
@media only screen and (max-width: 1024px) {
    .solutions-list-block {padding: 60px 0;}
    .solutions-list-block .heading { margin: 0 auto 60px; }
    .card-text h3 { font-size: 60px; line-height: 40px; }
    .card-text-wrap::before { width: 184px;height: 184px; }
    
}
@media only screen and (max-width: 991px) {
    .card-list-rt { width: 36.5%; }
    .solutions-list-block .heading { max-width: 340px; }
    .card-list-lt .content p { margin-bottom: 12px; }
}
@media only screen and (max-width: 767px) {
    .solutions-list-block {padding: 50px 0;}
    .card-list-rt { width: 100%; height: 140px; }
    .card-text-wrap { height: 100%; max-width: 150px; width: 100%; }
    .solutions-card-list.add-padding .card-text-wrap { height: 100%; max-width: 210px; width: 100%; }
    .card-list-lt { width: 100%; }
    .card-list-lt .icon { margin-bottom: 24px; max-width: 64px; width: 100%; }
    .card-text-wrap::before { width: 140px;height: 140px; }
    .card-text h3 { font-size: 48px; line-height: 32px; margin-bottom: 5px; }
    .solutions-card-list { gap: 30px; padding-bottom: 32px; border-bottom: 2px solid #fff; margin-bottom: 32px; }
    .solutions-card-list:last-child { border-bottom: 0px; }
    .solutions-list-inner { gap: 0; }
}