.pipeline-cards { padding: 104px 0; } 
.pipeline-cards-inner-main { gap: 64px; display: flex; flex-wrap: wrap; } 
.pipeline-cards-inner .pipeline-card { box-shadow: -5px 5px 40px 0px rgb(0 0 0 / 5%); width: calc(33.33% - 43px); } 
.pipeline-card a { text-decoration: none;display: flex;flex-direction: column;height: 100%;}
.pipeline-card-icon img { width: 48px; display: block; } 
.pipeline-card-info { padding: 32px 25px 11px 25px;border: 1px solid #F2F2F2; flex: 1;} 
.pipeline-card-icon { margin-bottom: 26px; } 
.pipeline-card-title { display: flex; justify-content: space-between; align-items: center; gap: 10px;text-decoration: none; } 
.pipeline-card-title i { font-size: 24px;transition: all 0.3s ease;right: 0px;position: relative;color: #BD1A8D;} 
.pipeline-card-title h4 { margin: 0; max-width: calc(100% - 40px);color: #464646;font-size: 26px;letter-spacing: 0px;} 
.pipeline-card:hover .pipeline-card-title h4 {color: #BD1A8D;}
.pipeline-card:hover .pipeline-card-title i {right: -5px;}
.pipeline-card-title { margin-bottom: 28px; } 
.pipeline-card-desc p { font-size: 20px; color: #464646; line-height: 1.5; } 
@media (max-width: 1599px) {
    .pipeline-cards-inner-main { gap: 32px; } 
    .pipeline-cards-inner .pipeline-card { width: calc(33.33% - 22px); } 
    .pipeline-cards { padding: 80px 0; }
}
@media (max-width: 1399px) { 
}
@media (max-width: 1199px) {
    .pipeline-cards-inner-main{gap: 15px;}
    .pipeline-cards-inner .pipeline-card { width: calc(33.33% - 10px); } 
}
@media (max-width: 1023px) {
    .pipeline-card-title h4{font-size: 20px;line-height: 28px;}
    .pipeline-card-desc p{font-size: 18px;line-height: 28px;font-weight: 300;}
    .pipeline-cards { padding: 64px 0; }
}
@media (max-width: 767px) {
    .pipeline-cards-inner-main { gap: 32px; } 
    .pipeline-cards-inner .pipeline-card { width: 100%; } 
    .pipeline-card-info { padding: 25px 21px 11px; } 
    .pipeline-card-icon { margin-bottom: 23px; } 
    .pipeline-card-title { margin-bottom: 19px; } 
    .pipeline-card-desc p { margin-bottom: 12px; }
} 
@media (max-width:1023px) and (min-width: 768px){
    .pipeline-card-info {padding: 25px 15px 10px 15px;}
}
