.services-boxs .items{position:relative;bottom:-30px}.services-boxs .items:nth-of-type(2n){top:-30px}.services-boxs .item-box{padding:40px 16px 16px!important;border:0 solid hsla(0,0%,100%,.1)!important}.services-boxs .item-box .icon{width:70px;height:70px}.services-boxs .item-box.bg{background:linear-gradient(135deg,#d3d3d3,#a9a9a9);border:0 solid rgba(108,108,108,.2039215686)!important;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;margin:2rem;transition:transform .3s ease,box-shadow .3s ease}.services-boxs .item-box.bg:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/assets/svg/grid.svg);background-size:100px 100px;background-repeat:repeat;opacity:.05;filter:invert(.8);pointer-events:none}.services-boxs .item-box.bg:hover{background:linear-gradient(135deg,#d3d3d3,#a9a9a9);box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-5px)}.services-boxs .item-box h5,.services-boxs .item-box p{transform:translateY(50px);transition:all .5s}.services-boxs .item-box p{opacity:0}.services-boxs .item-box:hover h5,.services-boxs .item-box:hover p{transform:translateY(0);opacity:1}.services-boxs .item-box h5{font-size:24px;font-weight:700;color:var(--hg-700)}@media(min-width:1024px){.lg\:w-1\/4{width:25%!important}}.custom-btn-servicesblock{position:relative;width:100%;scale:1;margin-right:0;display:flex;justify-content:end;transform:translate(16px);filter:brightness(1);transition:all .3s ease}.custom-btn-servicesblock:hover{filter:brightness(1.01);transform:translate(0);transition:all .3s ease}.skills-img .img{position:relative}.skills-img .img .curv-title{position:absolute;top:50%;right:-1px;width:-moz-max-content;width:max-content;padding:10px 25px;border-radius:15px 15px 0 0;transform:rotate(-90deg) scaleX(-1) translateX(50%) translateY(-100%);transform-origin:top right}.skills-img .img .curv-title h6{transform:scaleX(-1)}.skills-img .img .curv-title .shap-left-bottom{position:absolute;bottom:-1px;left:-2.05rem;transform:rotate(180deg)}.skills-img .img .curv-title .shap-left-bottom svg{width:2.1rem;height:2.1rem}.skills-img .img .curv-title .shap-right-bottom{position:absolute;bottom:-1px;right:-2.05rem;transform:rotate(270deg)}.skills-img .img .curv-title .shap-right-bottom svg{width:2.1rem;height:2.1rem}.skills-img-crev .img{position:relative}.skills-img-crev .img img{transform:rotate(-10deg);margin-bottom:-50px;margin-left:25px}.skills-img-crev .img .rotate-butn-vid{position:absolute;bottom:50px;left:-100px;transform:rotate(-90deg) translateY(-100%);padding:8px 20px;border:1px solid hsla(0,0%,100%,.2);border-radius:30px}.skills-img-crev .circle-button{background:rgba(26,26,26,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;position:relative;z-index:3}.skills-box h6{font-size:13px;font-weight:300;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.skills-box .skill-progress{height:5px;background-color:hsla(0,0%,100%,.05);position:relative}.skills-box .skill-progress .progres{position:absolute;height:100%;width:40%;top:0;left:0;background:#fff;transition:all 1.5s}.skills-box .skill-progress .progres:after{content:attr(data-value);position:absolute;right:10px;top:-25px;font-size:12px;font-weight:600}.my-skills .item{padding:30px 30px 0;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;position:relative}.my-skills .item .value{font-size:12px;padding:3px 10px;border-radius:30px;border:1px solid hsla(0,0%,100%,.2);position:absolute;top:10px;right:10px}.my-skills .skill-progress{height:3px;background-color:hsla(0,0%,100%,.1);position:relative}.my-skills .skill-progress .progres{position:absolute;height:100%;width:0;top:0;left:0;background-color:#fff;transition:all 1.5s}.my-skills2 .item{text-align:center}.my-skills2 .item .box-bord{padding:40px 15px;border:1px solid hsla(0,0%,100%,.1);border-radius:100px}.my-skills2 .item .img{width:100px;height:100px;line-height:100px;text-align:center;margin:0 auto 30px;border-radius:50%;background:hsla(0,0%,100%,.05)}.my-skills2 .item .img img{width:55px}.my-skills2 .item .value{font-size:30px}.my-skills2 .item h6{margin-top:25px}.line-overlay{position:absolute;top:10%;left:-60%;width:100%;height:100%;z-index:-1;opacity:.05;scale:5.4 7.2;rotate:-19deg}