.hero-banner{padding:75px 30px;background:#e5ecff}.hero-banner .container{max-width:1044px}.hero-banner .main-heading{font-size:62px;line-height:84px}.hero-banner .main-heading sup{font-size:30px;line-height:normal}.hero-banner .description{font-size:20px;line-height:30px;margin-bottom:25px;text-align:center}.hero-banner .card-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:970px;margin:0 auto}.hero-banner .card{padding:18px 20px 25px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-banner .card:first-child{background:#bfd2ff}.hero-banner .card:nth-child(2){background:#c3e1e7}.hero-banner .card:last-child{background:#bfdef5}.hero-banner .card-title{color:#333;font-family:Poppins;font-size:24px;font-style:normal;font-weight:400;line-height:38px;letter-spacing:-.76px}.hero-banner .card-icon{height:90px;width:auto}.hero-banner .card-icon img{width:100%;height:100%}.hero-banner .card-description{display:inline-flex;align-items:center;gap:20px}.hero-banner .card-description p{color:rgb(51 51 51/.9);font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.18px;text-align:start;max-width:215px}.hero-banner .card:last-child .card-description p{max-width:228px}.hero-banner .card-description .card-link:after{content:"";display:block;width:17px;height:18px;background-size:contain;background-position:center;background-repeat:no-repeat}.hero-banner .card:first-child .card-description .card-link:after{background-image:url(https://intelliconvert.wpenginepowered.com/wp-content/uploads/2025/08/blue-arrow.png)}.hero-banner .card:nth-child(2) .card-description .card-link:after{background-image:url(https://intelliconvert.wpenginepowered.com/wp-content/uploads/2025/08/green-arrow.png)}.hero-banner .card:last-child .card-description .card-link:after{background-image:url(https://intelliconvert.wpenginepowered.com/wp-content/uploads/2025/08/light-blue-arrow.png)}.hero-banner .card:hover .card-link{transform:translateX(2px)}@media screen and (max-width:1024px){.hero-banner .card-wrapper{gap:20px}}@media screen and (max-width:767px){.hero-banner{padding:40px 20px}.hero-banner .main-heading{font-size:36px;line-height:130%;text-align:start;margin-bottom:10px}.hero-banner .main-heading sup{font-size:16px}.hero-banner .description{max-width:313px;text-align:start;font-size:18px;line-height:28px}.hero-banner .card-wrapper{grid-template-columns:1fr;gap:20px}}@media screen and (max-width:374px){.hero-banner .main-heading{font-size 28px}}