.office-solution .about{background:linear-gradient(120deg,#e50051,#ff2b74,#e50051);background-color:#e50051;background-size:200% 200%;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:25px;justify-content:center;margin:40px 0 100px;opacity:0;overflow:hidden;padding:50px 78px 100px;position:relative;text-align:center;transform:translateY(30px) scale(.98);transition:opacity .6s ease-out,transform .6s ease-out}.office-solution .about.animate{animation:aboutBg 12s ease-in-out infinite;opacity:1;transform:translateY(0) scale(1)}@media screen and (max-width:767px){.office-solution .about{padding:15px}}@keyframes aboutBg{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.office-solution .compatible-displays{margin-top:150px;text-align:center}.office-solution .compatible-displays>p{margin-bottom:100px}.office-solution .hero{overflow:hidden}.office-solution .hero .desktop{border-radius:20px;display:flex;gap:20px;height:600px;width:100%}@media screen and (max-width:767px){.office-solution .hero .desktop{display:none}}@media screen and (min-width:768px){.office-solution .hero .mobile{display:none}}.office-solution .hero .mobile{max-height:600px}.office-solution .hero .mobile img{height:100%;width:100%}@media screen and (max-width:767px){.office-solution .hero .swiper-container{height:auto}.office-solution .hero .mobile img{aspect-ratio:1/1;border-radius:20px;height:auto;max-height:600px;object-fit:cover}}.office-solution .hero .left,.office-solution .hero .middle,.office-solution .hero .right{flex:1;height:100%;position:relative}.office-solution .hero .left,.office-solution .hero .right{width:33.33%}.office-solution .hero .left img,.office-solution .hero .right img{border-radius:20px;height:100%;object-fit:cover;width:100%}.office-solution .hero .middle{display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:33.33%}.office-solution .hero .middle .img-container{flex:1;overflow:visible;position:relative}.office-solution .hero .middle .img-container img{border-radius:20px;height:100%;object-fit:cover;width:100%}.office-solution .swiper-container{height:600px}.office-solution .navigation{align-self:center;background:#000;border-radius:10px;color:#fff;display:flex;gap:20px;justify-content:center;max-width:100%!important;padding:0!important;width:100%!important}.office-solution .navigation .nav-item{align-items:center;display:flex;flex-direction:column;min-width:130px;padding:12px 10px 8px}.office-solution .navigation .nav-item .underline{border-radius:20px;height:2px;margin:auto;transition:.2s ease-in;width:50%}.office-solution .navigation .nav-item:hover .underline{background:#e50051}.office-solution .navigation a{color:#fff;font-size:16px;font-style:normal;font-weight:700;text-align:center;width:100%}@media screen and (max-width:767px){.office-solution .navigation{flex-direction:column}}.office-solution{margin:100px 0;padding:15px}.office-solution .office-solution-hero-wrapper{margin:auto;max-width:1700px;width:100%}.office-solution .office-solution-wrapper{margin:auto;max-width:1430px;width:100%}.office-solution h1{font-size:48px;font-weight:700}.office-solution h2{font-size:32px;font-weight:700}.office-solution h3{font-size:26px;font-weight:700}.office-solution h5{font-size:18px;font-weight:700;margin-top:12px}.office-solution p.text-lg{font-size:20px;font-weight:400}.office-solution p.text-sm{font-size:16px;font-weight:400}.office-solution .points{display:flex;flex-direction:column;gap:150px;overflow-x:clip}.office-solution .points .point{align-items:center;display:flex;gap:35px;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.office-solution .points .point h3{margin-bottom:20px}.office-solution .points .point .img-container{max-width:835px;min-width:835px;width:100%}.office-solution .points .point .img-container img{height:auto;width:100%}.office-solution .points .point:nth-child(2n){flex-direction:row-reverse}@media screen and (max-width:1240px){.office-solution .points .point .img-container{max-width:550px;min-width:550px}}@media screen and (max-width:1000px){.office-solution .points{gap:70px}.office-solution .points .point .img-container{max-width:100%;min-width:100%}.office-solution .points .point,.office-solution .points .point:nth-child(2n){flex-direction:column}.office-solution .points .point .img-container{width:100%}}.office-solution .point.animate{opacity:1;transform:translateY(0)}.office-solution .point .img-container,.office-solution .point .info{opacity:0;transform:translateX(40px);transition:all .6s ease-out}.office-solution .point.slide-in-left .img-container{transform:translateX(-40px)}.office-solution .point.animate .img-container,.office-solution .point.animate .info{opacity:1;transform:translateX(0)}.office-solution .point .check{display:inline-block;opacity:0;transform:scale(.5) rotate(-30deg);transition:all .3s ease-out}.office-solution .point.animate .check{animation:ticked .4s ease-out both;animation-delay:.6s;color:#e50051;font-weight:700}@keyframes ticked{0%{opacity:0;transform:scale(.5) rotate(-30deg)}50%{opacity:1;transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.office-solution .point.animate .check:first-of-type{animation-delay:.6s}.office-solution .point.animate .check:nth-of-type(2){animation-delay:.8s}.office-solution .point.animate .info p:nth-of-type(3) .check{animation-delay:.6s}.office-solution .point.animate .info p:nth-of-type(4) .check{animation-delay:.8s}