.roleCardSection{position:relative;text-align:center;z-index:4}.roleCardSection .roleCardBottomElement{bottom:0;height:auto;left:0;position:absolute;transform:translateY(70%);width:100%}.roleCardSection .roleCardBottomElement img{width:100%}.roleCardSection .roleCardSecBgElement{bottom:0;left:5%;max-width:282px;position:absolute;width:15%;z-index:0}.roleCardSection .roleCardSecBgElement img{width:100%}.roleCardSection .content-wrapper{max-width:1246px;position:relative}.roleCardSection .roleCardSecTitle{margin-bottom:50px}.roleCardSection .roleCardSecTitle :is(h1,h2,h3,h4,h5,h6) em{font-family:Confas;font-size:108.333%;font-weight:400}.roleCardSection .roleCardSecTitle p{margin:0 auto;max-width:883px}.roleCardSection .cardsContainer{display:flex;flex-wrap:wrap;gap:30px 17px;justify-content:center}.roleCardSection .roleCard{align-items:flex-start;border-radius:42px;display:flex;flex-direction:column;padding:48px 36px 60px;text-align:left;transition:transform .3s ease;width:calc(25% - 13px)}.roleCardSection .roleCard:hover{transform:translateY(-5px)}.roleCardSection .iconWrapper{display:inline-block;line-height:0;margin-bottom:20px;text-align:center;width:100%}.roleCardSection .iconWrapper img{width:100%}.roleCardSection .roleIcon{margin:0 auto;max-width:172px}.roleCardSection .roleCardContent h4{font-weight:600;margin-bottom:15px}.roleCardSection .roleCardContent p{font-size:15px}@media screen and (max-width:1440px){.roleCardSection .roleCardSecBgElement{left:1%}}@media screen and (max-width:1280px){.roleCardSection .roleCardSecBgElement{max-width:122px}}@media screen and (max-width:1199px){.roleCardSection .cardsContainer{gap:30px 17px}.roleCardSection .roleCard{width:calc(33.33% - 12px)}.roleCardSection .roleCardContent h4 br{display:none}}@media screen and (max-width:1024px){.roleCardSection .roleCardSecBgElement{display:none}}@media screen and (max-width:991px){.roleCardSection .cardsContainer{gap:25px 17px}.roleCardSection .roleCard{border-radius:18px;padding:30px;width:calc(50% - 9px)}.roleCardSection .roleCardContent{text-align:center}.roleCardSection .iconWrapper{margin-bottom:10px}}@media screen and (max-width:768px){.roleCardSection .roleCard{width:100%}.roleCardSection .cardsContainer{gap:30px}.roleCardSection .roleCard{padding:20px}.roleCardSection .iconWrapper{margin-bottom:0}.roleCardSection .iconWrapper img{height:auto!important;max-width:100px!important}.roleCardSection .roleCardContent h4{margin-bottom:5px}}