.applications{color:#1d1d1b;font-style:normal;font-weight:400}.applications h2{color:var(--base-font-orange);text-align:center;margin-top:50px;font-size:30px;font-weight:700}.applications>p{text-align:center;margin-top:10px;font-size:22px}.trioApp{background:linear-gradient(-90deg,var(--base-light-orange),var(--base-dark-orange));flex-wrap:wrap;justify-content:center;margin-top:50px;padding:50px 0;display:flex}.rtlAplication{text-align:end;direction:ltr}.trioApp h4{color:#f4f4f4;font-size:20px;font-weight:700}.trioApp p{color:#f4f4f4;font-size:15px}.trioApp>div{justify-content:center;display:flex}.trioApp>div>div{align-items:flex-start;width:25%;display:flex}.imgTrioBox{justify-content:center;align-self:stretch;align-items:center;padding:0 15px;display:flex;position:relative}.imgTrioBox>.line{background-color:#f4f4f4;width:2px;height:calc(50% + 50px);position:absolute;transform:translateY(calc(-50% - 6.5px))}.imgTrioBox>.line.mid{height:calc(50% + 37px);transform:translateY(calc(-50% - 19.5px))}.imgTrioBox>.square{border:2px solid #f4f4f4;width:11px;height:11px;position:absolute}.imgTrioBox>.square.mid{transform:translateY(-13px)}.imgTrioBox>img.trioAppImg{opacity:0;border-radius:50%;width:75px;height:auto;transition:opacity .3s ease-in-out;position:relative;box-shadow:0 0 10px #00000026}.imgTrioBox>img.trioAppImg.mid{transform:translateY(-13px)}.imgTrioBox>img.trioAppImg.activeAnime{opacity:1}.imgTrioBox>span{text-align:start;width:75px;height:75px;display:block;position:absolute}.imgTrioBox>span.mid{transform:translateY(-13px)}.imgTrioBox>span.activeAnime:before{content:"";background-color:#fdef4b;border-radius:50%;width:75px;height:75px;animation:2s infinite pulse;position:absolute}.imgTrioBox>span.second.activeAnime:before{animation-delay:.5s}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(2)}}@media (max-width:1122px){.trioApp h4{font-size:17px}.trioApp p{font-size:14px}}@media (max-width:1024px){.trioApp{overflow:hidden}.trioApp>div{flex-direction:column;align-items:center}.trioApp>div>div{width:85%}.trioApp>div>div.mid{flex-direction:row-reverse;margin-top:20px}.trioApp>div>div:last-of-type{margin-top:20px}.imgTrioBox>.line{width:100vw;height:2px;transform:translate(calc(-50% - 6.5px))}.imgTrioBox>.line.mid{width:100vw;height:2px;transform:translate(calc(50% + 6.5px))}.imgTrioBox>.square.mid,.imgTrioBox>span.mid,.imgTrioBox>img.trioAppImg.mid{transform:translate(0%)}@media (pointer:coarse){.imgTrioBox>img.trioAppImg{opacity:1}.imgTrioBox>span.activeAnime:before{animation:none}}}