section#hp-use-cases{background:var(--cube-off-blue);margin:0;padding:160px 0 80px}section#hp-use-cases .title-container{display:flex;flex-flow:column;gap:20px;padding:0 0 64px}section#hp-use-cases .title-container h5.headline{color:var(--cube-dark-green);font-family:var(--label-font);font-size:11.5px;font-style:normal;font-weight:700;letter-spacing:2.534px;line-height:155.304%;margin:0;text-align:center;text-transform:uppercase}section#hp-use-cases .title-container h3.title{color:#0a1229;font-family:var(--main-font);font-size:57.6px;font-style:normal;font-weight:700;letter-spacing:-2.016px;line-height:102%;margin:0;text-align:center}section#hp-use-cases .title-container h3.title span{color:var(--cube-dark-green);font-weight:400}section#hp-use-cases .title-container p.description{align-self:center;color:var(--cube-dark-muted);color:#677489;font-family:var(--secondary-font);font-size:17.6px;font-style:normal;font-weight:400;line-height:155%;margin:0;max-width:531px;text-align:center}section#hp-use-cases div.cont-cards{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 0 35px}section#hp-use-cases div.cont-cards .card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;display:flex;flex-flow:column;padding:30px 28px}section#hp-use-cases div.cont-cards .card:hover{box-shadow:0 28px 50px -12px rgba(10,18,41,.18),0 0 0 1px rgba(10,18,41,.06);transform:translateY(-4px)}section#hp-use-cases div.cont-cards .card span.card-number{color:var(--cube-light-green);font-family:var(--label-font);font-size:10.9px;font-style:normal;font-weight:700;letter-spacing:2.394px;line-height:54.679%;margin:0 0 20px}section#hp-use-cases div.cont-cards .card img{height:40px;margin:0 0 16px;width:40px}section#hp-use-cases div.cont-cards .card h6.title{color:var(--dark-blue);font-family:var(--main-font);font-size:16.8px;font-style:normal;font-weight:600;letter-spacing:-.252px;line-height:115%;margin:0 0 7px}section#hp-use-cases div.cont-cards p.description{color:var(--cube-light-muted);font-family:var(--secondary-font);font-size:12px;font-style:normal;font-weight:300;line-height:170%;margin:0}section#hp-use-cases .cont-cards .card:first-child{background:#0a1229;border:1px solid transparent;grid-column:span 2;grid-row:span 2;justify-content:space-between}section#hp-use-cases .cont-cards .card:first-child span.card-number{margin:20px 0 -50px;order:1}section#hp-use-cases .cont-cards .card:first-child .title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.8px;line-height:105%;margin:-50px 0 0;order:2}section#hp-use-cases .cont-cards .card:first-child .description{color:#cdd5df;font-size:15px;font-style:normal;font-weight:300;line-height:154.762%;margin:-150px 0 0;order:3}section#hp-use-cases .cont-cards .card:first-child .image-cont{height:102px;order:4;width:100%}section#hp-use-cases .cont-cards .card:first-child .image-cont img{height:100%;margin:0;width:100%}@media (max-width:1000px){section#hp-use-cases div.cont-cards{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){section#hp-use-cases .title-container h5.headline{font-size:12px}section#hp-use-cases .title-container h3.title{font-size:32px;line-height:120%}section#hp-use-cases div.cont-cards{grid-template-columns:1fr;justify-items:center}section#hp-use-cases .cont-cards .card{width:100%}section#hp-use-cases .cont-cards .card:first-child span.card-number{margin:20px 0 30px;order:1}section#hp-use-cases .cont-cards .card:first-child .description,section#hp-use-cases .cont-cards .card:first-child .title{margin:0 0 20px}section#hp-use-cases .cont-cards .card:first-child{grid-column:span 1;grid-row:span 2}}