.use-cases-section{margin-bottom:15rem}.teammates-nine-cards-wrapper.row{margin:5rem auto 0;row-gap:2rem;width:100%}.hover-card-inner{border:1px solid #fff;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:3rem 2rem;position:relative;text-align:center;transition:all .5s ease}.hover-card-inner h3{color:#101828;font-size:22px;font-weight:600;margin-bottom:.8rem}.hover-card-inner p{color:#475467;font-size:16px}.read-more-btn{background:#fff;border:none;border-radius:22px;margin-top:2rem;padding:1rem 2rem;width:max-content}.read-more-btn p{color:#000;font-size:1.2rem;font-weight:500;margin:0}.use-case-image{margin-bottom:2rem}.use-case-image img{height:190px}.agent-analyst div{background:#ceeaff}.agent-force div{background:#bef5d5}.agent-sre div{background:#e0e7ff}.agent-hr div{background:#ffd9d8}.agent-search div{background:#fefaef}.agent-instruct div{background:#bef5d5}.agent-sketch div{background:#ffe3cf}.agent-label div{background:#eeeff3}.autonomousops div{background:#e0e7ff}.flex-card-wrapper{display:flex;justify-content:space-between;margin:auto 0}.flex-card-wrapper .use-case-image{width:34%}.flex-card-wrapper .card-text{margin-bottom:3rem;width:55%}.hover-card-inner:has(.flex-card-wrapper){display:flex;padding-left:4rem;text-align:left}.agent-sketch img{height:229px}.agent-label .flex-card-wrapper{align-items:flex-end;margin:auto 0 0}.use-case-hover-icon{animation:visibleEffect .5s;cursor:pointer;display:none;position:absolute;right:2rem;top:2rem}@keyframes visibleEffect{0%{opacity:0}to{opacity:1}}.use-case-hover-icon img{height:40px;width:40px}.hover-card-inner:hover{border:1px solid #fff;box-shadow:0 4px 12px 0 #19295e26;transform:scale(1.05)}.hover-card-inner:hover .use-case-hover-icon{display:block}@media (max-width:1100px){.flex-card-wrapper .use-case-image{width:44%}}@media (max-width:1024px){.flex-card-wrapper{flex-direction:column;gap:2rem}.flex-card-wrapper div{width:100%!important}.hover-card-inner:has(.flex-card-wrapper){padding-left:2rem;text-align:center}.flex-card-wrapper .use-case-image{margin-bottom:2rem}.use-case-image img{height:190px!important;width:190px}}@media (max-width:768px){.teammates-nine-cards-wrapper.row{width:100%}.hover-card-inner{text-align:left!important}}