*,:after,:before{box-sizing:border-box;margin:0}.myservice-section>.position-relative{position:relative;z-index:1}img{max-width:100%}input[type=radio]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.myservice-section{background:#f9f9f9;padding:4rem 1rem}.myservice-container{max-width:1200px;text-align:left}.myservice-heading{color:#000;font-weight:800;margin-bottom:.5rem}.myservice-subheading{color:#555;font-size:2rem;margin-bottom:2.5rem;max-width:800px}.myservice-cards{--img-w:200px;--duration:300ms;--img-easing:cubic-bezier(0.34,1.56,0.64,1);counter-reset:my-counter;display:grid;justify-content:start;position:relative}.myservice-card{--cards-grid-cols:1fr auto;--cards-grid-rows:auto;--cards-grid-gap:2rem;--cards-footer-justify:start;grid-gap:var(--cards-grid-gap);align-items:center;border-radius:10px;display:grid;gap:var(--cards-grid-gap);grid-area:1/1;grid-template-columns:var(--cards-grid-cols);grid-template-rows:var(--cards-grid-rows);margin-bottom:2rem;padding:2rem;position:relative}@media (max-width:768px){.myservice-card{grid-template-columns:1fr;grid-template-rows:auto auto;padding:1.5rem}.myservice-card,.myservice-card-data{text-align:center}.myservice-card-icon{margin-top:1rem}}.myservice-card-icon{align-items:center;aspect-ratio:1/1;background:linear-gradient(270deg,#f05,#f05);border:3px solid #fff;border-radius:10px;box-shadow:0 0 5px 3px rgba(0,0,0,.05);color:#fff;display:flex;font-size:4rem;height:200px;justify-content:center;rotate:0deg;rotate:var(--angle,0deg);-webkit-transform-origin:center;transform-origin:center;width:200px}input:first-of-type:checked+.myservice-card~.myservice-card>.myservice-card-icon{-webkit-animation:straighten-img-1 calc(var(--duration)*2) forwards;animation:straighten-img-1 calc(var(--duration)*2) forwards;-webkit-animation-timing-function:var(--img-easing);animation-timing-function:var(--img-easing)}.myservice-card:has(~input:nth-of-type(2):checked)>.myservice-card-icon,input:nth-of-type(2):checked+.myservice-card~.myservice-card>.myservice-card-icon{-webkit-animation:straighten-img-2 calc(var(--duration)*2) forwards;animation:straighten-img-2 calc(var(--duration)*2) forwards;-webkit-animation-timing-function:var(--img-easing);animation-timing-function:var(--img-easing)}.myservice-card:has(~input:nth-of-type(3):checked)>.myservice-card-icon,input:nth-of-type(3):checked+.myservice-card~.myservice-card>.myservice-card-icon{-webkit-animation:straighten-img-3 calc(var(--duration)*2) forwards;animation:straighten-img-3 calc(var(--duration)*2) forwards;-webkit-animation-timing-function:var(--img-easing);animation-timing-function:var(--img-easing)}.myservice-card:has(~input:nth-of-type(4):checked)>.myservice-card-icon,input:nth-of-type(4):checked+.myservice-card~.myservice-card>.myservice-card-icon{-webkit-animation:straighten-img-4 calc(var(--duration)*2) forwards;animation:straighten-img-4 calc(var(--duration)*2) forwards;-webkit-animation-timing-function:var(--img-easing);animation-timing-function:var(--img-easing)}.myservice-card:has(~input:nth-of-type(5):checked)>.myservice-card-icon,input:nth-of-type(5):checked+.myservice-card~.myservice-card>.myservice-card-icon{-webkit-animation:straighten-img-5 calc(var(--duration)*2) forwards;animation:straighten-img-5 calc(var(--duration)*2) forwards;-webkit-animation-timing-function:var(--img-easing);animation-timing-function:var(--img-easing)}@-webkit-keyframes straighten-img-1{50%{--angle:0deg}}@keyframes straighten-img-1{50%{--angle:0deg}}@-webkit-keyframes straighten-img-2{50%{--angle:0deg}}@keyframes straighten-img-2{50%{--angle:0deg}}@-webkit-keyframes straighten-img-3{50%{--angle:0deg}}@keyframes straighten-img-3{50%{--angle:0deg}}@-webkit-keyframes straighten-img-4{50%{--angle:0deg}}@keyframes straighten-img-4{50%{--angle:0deg}}@-webkit-keyframes straighten-img-5{50%{--angle:0deg}}@keyframes straighten-img-5{50%{--angle:0deg}}.myservice-card{z-index:-1}input:checked+.myservice-card{z-index:10!important}.myservice-card:has(+input:checked){z-index:9}.myservice-card:has(+input+.myservice-card+input:checked){z-index:8}.myservice-card:has(+input+.myservice-card+input+.myservice-card+input:checked){z-index:7}.myservice-card:has(+input+.myservice-card+input+.myservice-card+input+.myservice-card+input:checked){z-index:6}.myservice-card-data{grid-gap:1rem;display:grid;gap:1rem;text-align:left}.myservice-card-num{color:#888;font-size:.8rem;opacity:0;opacity:var(--data-opacity,0)}.myservice-card-data>h2{color:#222;font-size:1.4rem}.myservice-card-data>p{color:#444;font-size:1rem;line-height:1.5}.myservice-card-data>h2,.myservice-card-data>p{opacity:0;opacity:var(--data-opacity,0);transition:var(--duration) ease-in-out;transition-delay:0ms;transition-delay:var(--data-delay,0ms);translate:0 20px;translate:0 var(--data-y,20px)}.myservice-card-data>footer{display:flex;gap:2rem;justify-content:var(--cards-footer-justify);margin-top:1rem}.myservice-card-data>footer label{background-color:#eee;background-color:var(--label-clr-bg,#eee);border-radius:50%;color:#000;color:var(--label-clr-txt,#000);cursor:pointer;display:grid;font-size:1.2rem;height:36px;opacity:0;opacity:var(--data-opacity,0);place-content:center;pointer-events:none;pointer-events:var(--card-events,none);transition:color var(--duration) ease-in-out;transition:background-color .3s ease-in-out,color .3s ease-in-out;width:36px}.myservice-card-data>footer label:hover,input:checked:focus-visible+.myservice-card>.myservice-card-data>footer label{--label-clr-txt:#fff;--label-clr-bg:#4682b4}input:checked+.myservice-card{--data-opacity:1;--data-y:0;--data-delay:var(--duration);--card-events:auto;transition:z-index;transition-delay:.3s}input:checked+.myservice-card>.myservice-card-icon{-webkit-animation:reveal-img calc(var(--duration)*2) forwards;animation:reveal-img calc(var(--duration)*2) forwards}@-webkit-keyframes reveal-img{50%{--angle:0deg;translate:-150% 0}}@keyframes reveal-img{50%{--angle:0deg;translate:-150% 0}}
/*# sourceMappingURL=main.7f2206fc.css.map*/