:root{--regular-font:400;--medium-font:500;--semi-bold-font:600;--bold-font:700;--extra-bold-font:800;--main-font:"Rethink Sans",sans-serif;--gradient:linear-gradient(180deg,#000 21.37%,#280a36);--white:#fff;--accent-green:#4af0b8;--accent-green-opacity20:rgba(74,240,184,.2);--black:#000;--light-grey:#f3f7fe;--mid-grey:#d1dbe7;--dark-grey:#7e8a99}.use-case-tabs-section{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0;position:relative}@media screen and (max-width:768px){.use-case-tabs-section{gap:.3rem;margin:.8rem 0}}.use-case-tabs-section.no-padding{margin:0}@media screen and (max-width:768px){.use-case-tabs-section.no-padding{margin:0}}.use-case-tabs-section .title{margin-bottom:.3rem;position:relative}.use-case-tabs-section .use-case-tabs-wrapper{display:flex;flex-direction:row;justify-content:space-between;position:relative}@media screen and (max-width:768px){.use-case-tabs-section .use-case-tabs-wrapper{flex-direction:column;gap:.3rem}}.use-case-tabs-section .use-case-tabs-wrapper .use-case-image-wrap{aspect-ratio:1/1;display:flex;flex-direction:column;position:relative;width:4.27rem}@media screen and (max-width:768px){.use-case-tabs-section .use-case-tabs-wrapper .use-case-image-wrap{width:100%}}.use-case-tabs-section .use-case-tabs-wrapper .use-case-image-wrap .use-case-image{background-color:#f3f7fe;border-radius:.15rem;display:flex;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity .6s ease,visibility .6s ease;visibility:hidden;width:100%}.use-case-tabs-section .use-case-tabs-wrapper .use-case-image-wrap .use-case-image.image-active{opacity:1;position:relative;visibility:visible}.use-case-tabs-section .use-case-tabs-wrapper .use-case-image-wrap .use-case-image img{height:100%;object-fit:cover}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap{display:flex;flex-direction:column;position:relative;width:7.6rem}@media screen and (max-width:768px){.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap{width:100%}}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text{cursor:pointer;display:flex;flex-direction:row;gap:.22rem;padding-bottom:.4rem;padding-top:.2rem;position:relative}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text.text-active .number:after,.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text:hover .number:after{background-color:#4af0b8}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text.text-active .title-text-wrap:after{animation:fill-bar 8s forwards;background-color:#4af0b8;content:"";height:2px;left:0;position:absolute;top:-.2rem;transform:scaleX(0);transform-origin:left;width:100%}@keyframes fill-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .number{position:relative;width:.9rem}@media screen and (max-width:768px){.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .number{width:.55rem}}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .number:after{background-color:#d1dbe7;content:"";height:2px;left:0;position:absolute;top:-.2rem;width:100%}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .title-text-wrap{display:flex;flex-direction:column;position:relative;width:6.48rem}@media screen and (max-width:768px){.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .title-text-wrap{width:2.71rem}}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .title-text-wrap:before{background-color:#d1dbe7;content:"";height:2px;left:0;position:absolute;top:-.2rem;width:100%}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .title-text-wrap .title{position:relative}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .title-text-wrap .text{height:0;margin-top:0;overflow:hidden;position:relative;transition:margin-top .6s ease,height .6s ease}.use-case-tabs-section .use-case-tabs-wrapper .use-case-text-wrap .use-case-text .title-text-wrap .text p{font-weight:500}