.our-values{display:block;padding:1.1rem 0 1.24rem;position:relative}.our-values .title{color:var(--white);margin-bottom:.9rem;text-align:center}.our-values .track-outer{margin:auto;max-width:10.96rem;position:relative;width:100%}:is(.our-values .track-outer) .dots{align-items:center;display:flex;flex-direction:column;gap:.16rem;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%)}:is(:is(.our-values .track-outer) .dots) .dot{aspect-ratio:1;background-color:#00afdc;border-radius:50%;position:relative;width:.08rem}:is(:is(:is(.our-values .track-outer) .dots) .dot):before{background:linear-gradient(130deg,#ff8a00,#00afdc);border-radius:50%;content:"";display:block;height:.24rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform 512ms var(--ease),opacity 512ms var(--ease);width:.24rem;z-index:-1}:is(:is(:is(.our-values .track-outer) .dots) .dot.active):before{opacity:.4;transform:translate(-50%,-50%) scale(1)}:is(:is(.our-values .track-outer) .dots) .line{border-right:.01rem dashed var(--grey);flex:1;width:0}:is(:is(.our-values .track-outer) .dots) .line:first-child{flex:initial;height:.44rem}.our-values .track{display:grid;gap:.76rem;grid-template-columns:repeat(2,1fr);padding-bottom:2.26rem;position:relative;row-gap:1.8rem;width:100%}:is(.our-values .track)>div:nth-child(2n){transform:translateY(2.4rem)}.our-values .card{backdrop-filter:blur(.04rem);background-color:rgba(13,14,20,.4);border-radius:.24rem;display:flex;flex-direction:column;gap:.52rem;opacity:0;padding:.32rem;transform:translateY(.2rem);transition:transform 1024ms var(--ease),opacity 1024ms var(--ease)}.active:is(.our-values .card){opacity:1;transform:translateY(0)}:is(.our-values .card)>div:first-child{align-items:center;display:flex;justify-content:space-between}:is(.our-values .card):before{aspect-ratio:512/337;background-image:url(../../assets/card-border-1.webp);background-position:0 0;background-repeat:no-repeat;background-size:contain;content:"";display:block;left:0;position:absolute;top:0;width:100%}:is(.our-values .card) .icon-frame{align-items:center;aspect-ratio:1;backdrop-filter:blur(.04rem);background-color:rgba(255,252,255,.05);border:.01rem solid rgba(255,252,255,.08);border-radius:50%;display:flex;justify-content:center;width:.58rem}:is(:is(.our-values .card) .icon-frame) .media{width:.32rem}:is(.our-values .card) .line{border-bottom:.01rem dashed var(--orange);height:0;width:100%}:is(.our-values .card) .card-title{color:var(--white);font-size:.32rem;font-weight:500;line-height:1.1em}:is(.our-values .card) .card-text{color:var(--grey)}@media screen and (max-width:768px) and (orientation:portrait){.our-values{padding:.8rem 0}.our-values .title{margin-bottom:.4rem}.our-values .track-outer{align-items:stretch;display:flex;gap:.3rem}:is(.our-values .track-outer) .dots{flex-shrink:0;height:auto;left:0;position:relative;transform:none}:is(:is(.our-values .track-outer) .dots) .line:first-child{height:.24rem}:is(:is(.our-values .track-outer) .dots) .line:last-child{flex:initial;height:1.24rem}.our-values .track{display:block;padding-bottom:0}:is(.our-values .track)>div:not(:last-child){margin-bottom:.2rem}:is(.our-values .track)>div:nth-child(2n){transform:none}.our-values .card{gap:.2rem;padding:.2rem}:is(.our-values .card) .icon-frame{width:.44rem}:is(:is(.our-values .card) .icon-frame) .media{width:.24rem}:is(.our-values .card) .card-title{font-size:.22rem}}