.container-wrapper{& .add-ons{& .section-header{margin-bottom:20px}& .add-on{& .image-container{border-radius:8px;padding:24px;& h5{font-size:1.5rem;font-weight:700;& em{display:inline-block;font-style:normal;position:relative}& svg{transform:translateX(-3px) translateY(-15px)}}& span{display:block;font-weight:400}}& .description{padding-left:54px;padding-right:54px;text-align:center;text-wrap-style:balance;min-height:48px;& p{font-size:1.125rem;margin-bottom:0}}&.orange{& .image-container{background:var(--Yellow-7,#f5671f);box-shadow:0 1px 0 0 var(--Yellow-5,#ffa800),0 3px 0 0 var(--Yellow-9,#b92c00);& h5{color:var(--wYellow-100,#fff3c0)}}}&.purple{& .image-container{background:var(--Pink-8,#9b2293);box-shadow:0 1px 0 0 var(--Pink-6,#e770d6),0 3px 0 0 var(--Pink-9,#680070);& h5{color:var(--wYellow-100,#fff3c0)}}}&.pink{& .image-container{background:var(--Pink-2,#ffd0fb);box-shadow:0 1px 0 0 var(--Pink-0,#ffe1fc),0 3px 0 0 var(--Pink-2,#ff9cf6);& h5{color:var(--wPink-900,#680070)}}}}}}@media (max-width:1199px){.container-wrapper{& .add-ons{& .add-on{& .description{padding-left:44px;padding-right:44px}}}}}@media (max-width:991px){.container-wrapper{& .add-ons{& .add-on{& .image-container{& h5{font-size:1.125rem}}& .description{padding-left:0;padding-right:0}}}}}@media (max-width:767px){.container-wrapper{& .add-ons{& .add-on{background:var(--wGrey-200,#f5f6fc);border-radius:20px;max-width:330px;padding:16px;& .image-container{box-shadow:none!important;display:flex;padding:16px;position:relative;width:100%;& h5{display:flex;font-size:1.166667rem;gap:4px;margin-bottom:0;& svg{transform:translateX(-5px) translateY(-10px)}}& img{bottom:0;position:absolute;right:0;transform:translateX(2px) translateY(0);width:40%}}& .description{min-height:0;padding-left:44px;padding-right:44px;text-wrap-style:auto}}}}}