.service1{display:flex;gap:1px;width:200px;height:100px}.service1-left{position:relative;width:100px;display:grid;align-items:center}.square1-1{position:absolute}.service1-switch-ball{display:grid;transform:translateX(-30%);transition:all .3s ease}.service1-switch-ball.hover{transform:translateX(40%);transition:all .3s ease}.switch1{position:absolute}.service1-circle1{z-index:2;justify-self:end;transition:all .5s ease}.service1-circle1.hover{justify-self:start}.service1-right{display:grid}.triangle1{height:100px}.triangle1.hover{align-self:end;height:51px!important}.service1-title{padding-left:0;width:300px}@media (max-width:500px){.service1-title{width:270px;font-size:22px}}.service2{width:200px;height:-moz-fit-content;height:fit-content;display:grid}.service2-container{display:flex;height:100px;width:200px}.service2-left{position:relative;width:100px;display:grid}.square2-1{position:absolute}.triangle2{align-self:end;transition:all .3s ease}.triangle2.hover{transform:translateY(-50%)}.square2-2{position:absolute}.service2-right{display:grid}.service2-shadow{position:absolute}.service2-plus{position:relative;top:29%;left:38%;z-index:1;transition:all .3s ease}.service2-plus.hover{transform:rotate(90deg)}.service2-title{width:300px;padding-left:0}@media (max-width:500px){.service2-title{width:270px;font-size:22px}}.service3{width:200px;height:-moz-fit-content;height:fit-content;display:grid}.service3-container{width:200px;height:100px;display:grid}.service3-squares{display:flex;position:absolute}.half-half{place-self:center;transition:all .4s ease}.half-half.hover{transform:rotate(-130deg)}.service3-title{padding-left:0;width:300px}@media (max-width:500px){.service3-title{width:270px;font-size:22px}}.service4{display:grid;width:200px;height:-moz-fit-content;height:fit-content}.service4-container{display:flex;height:100px;width:200px}.service4-left{position:relative;width:100px;display:grid}.square4-1{position:absolute;width:100px}.lines4{position:relative;place-self:center;transition:transform .3s ease}.lines4.hover{transform:scaleX(.7) translateX(-22%)}.service4-right{display:grid;width:100px}.square4-2{position:absolute}.play4{place-self:center;width:-moz-fit-content;width:fit-content;transition:transform .3s ease}.play4.hover{transform:scale(1.4)}.service4-title{width:300px;padding-left:0}@media (max-width:500px){.service4-title{width:270px;font-size:22px}}.service5{width:200px;height:-moz-fit-content;height:fit-content;display:grid}.service5-container{display:flex;height:100px;width:200px}.service5-left{position:relative;width:100px;display:grid}.square5-1{position:absolute}.service5-circles{display:grid}.circle5-1,.circle5-2,.circle5-3{place-self:center;transition:all .3s ease}.circle5-1{transform:translate(-15%,70%)}.circle5-2{transform:translate(10%,-50%)}.circle5-3{transform:translate(30%,-165%)}.circle5-2.hover{transform:translate(30%,-70%)}.circle5-3.hover{transform:translate(4%,-145%)}.service5-right{position:relative;width:100px;display:grid}.square5-2{position:absolute}.triangle5{align-self:end;transition:all .3s ease;position:absolute;top:0}.black-circle5{place-self:center;transition:all .3s ease;top:0;position:relative}.triangle5.hover{transform:scaleY(.3);font-weight:700;top:35%}.black-circle5.hover{transform:scale(.7);top:35%;position:relative}.service5-title{padding-left:0;width:300px}@media (max-width:500px){.service5-title{width:270px;font-size:22px}}.service6{width:200px;height:-moz-fit-content;height:fit-content;display:grid}.service6-container{display:flex;height:100px;width:200px}.service6-left{position:relative;width:100px;display:grid}.square6-1{position:absolute}.arrow-up6{position:relative;top:51%;height:-moz-fit-content;height:fit-content;transition:all .3s ease}.arrow-up6.hover{transform:scaleY(2);top:28%}.service6-right{position:relative;width:100px;display:grid}.shadow6,.square6-2,.triangle6{position:absolute}.shadow6{top:26%}.plus6{place-self:center;position:relative;top:-8%;left:10%;transition:all .3s ease}.plus6.hover{transform:rotate(-45deg)}.service6-title{padding-left:0;width:300px}@media (max-width:500px){.service6-title{width:270px;font-size:22px}}.services-animation{display:grid;grid-template-columns:repeat(3,200px);row-gap:50px;padding:10px 0;flex-wrap:wrap;justify-content:space-around}@media (max-width:1010px){.services-animation{grid-template-columns:repeat(2,200px)}}@media (max-width:600px){.services-animation{grid-template-columns:1fr;justify-items:center;row-gap:30px}}
/*# sourceMappingURL=1769dbf2c23eb670.css.map*/