.CCaaSKeyFeatures .benefitsCdSubTitle::before{content:url('../../../../../content/dam/vodafoneideadigital/business/ccaas/icon-check.svg');display:inline-block;vertical-align:middle;margin-right:8px}
.benefitsConnSection{background-color:#fff}
.benefitsConnSection .benefitsContainer{max-width:1024px;margin:0 auto;padding:90px 0}
.benefitsConnSection .benefitsTitle{font-size:36px;line-height:43px;letter-spacing:.1px;font-weight:bold;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif}
.CCaaSKeyFeatures .benefitsConnSection .benefitsTitle{margin-bottom:10px}
.benefitsConnSection .benefitsSubTitle{font-size:20px;line-height:24px;letter-spacing:.1px;color:#2f3043;font-family:"ViRegular","Helvetica","Arial",sans-serif}
.benefitsConnSection .benefitsCdContainer{display:flex;flex-wrap:wrap;row-gap:60px;column-gap:40px;margin-top:60px}
.benefitsConnSection .benefitsCard{width:48.047%;padding:20px;border-radius:10px;box-shadow:0 2px 4px 0 rgba(96,97,112,0.16),0 0 1px 0 rgba(40,41,61,0.04);background-color:#fff;position:relative;border:solid .5px #bf99b7;background-color:#fff}
.benefitsCdContainer .benefitsCdTitle{font-size:18px;line-height:22px;font-weight:bold;color:#2f3043;margin:30px 0 16px;font-family:"ViBold","Helvetica","Arial",sans-serif}
.benefitsCdContainer .benefitsCdSubTitle{font-size:18px;line-height:22px;color:#595969;margin:0 0 10px;font-family:"ViRegular","Helvetica","Arial",sans-serif;display:flex;align-items:flex-start}
.benefitsCdContainer .benefitsIcon{position:absolute;top:-50px;left:52px;transform:translateX(-50%)}
.benefitsCdContainer.active #dciBenefits1{--delay:.2s;box-shadow:0 8px 16px 0 rgba(96,97,112,0.1),0 2px 4px 0 rgba(40,41,61,0.04)}
.benefitsCdContainer.active #dciBenefits2{--delay:.4s}
.benefitsCdContainer.active #dciBenefits3{--delay:.6s}
.benefitsCdContainer.active #dciBenefits4{--delay:.8s}
.benefitsCdContainer.active #dciBenefits5{--delay:1s}
.benefitsCdContainer.active #dciBenefits6{--delay:1.2s}
.benefitsCdContainer.active .benefitsCard{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards;animation-delay:var(--delay)}
@keyframes fadeInUp{0{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
@media(max-width:768px){.benefitsConnSection .container{margin:0;padding:0}
.benefitsConnSection .benefitsContainer{padding:40px 20px}
.benefitsConnSection .benefitsTitle{font-size:20px;line-height:24px;margin:0 0 10px;text-align:center}
.benefitsConnSection .benefitsSubTitle{font-size:16px;line-height:18px;text-align:center}
.benefitsConnSection .benefitsCdContainer{row-gap:35px;column-gap:unset;margin-top:40px}
.benefitsConnSection .benefitsCard{width:100%}
.benefitsCdContainer .benefitsIcon{width:54px;height:54px;top:-28px;left:32px}
.benefitsCdContainer .benefitsCdTitle{font-size:16px;line-height:20px;margin:20px 0 8px}
.benefitsCdContainer .benefitsCdSubTitle{font-size:14px;line-height:17px;margin:0}
}