.kc-item-float,.kc-item-grow{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.kc-angle-top{clip-path:polygon(0px 0px,50% 35px,100% 0px,100% 100%,0px 100%);padding-top:6%!important}.kc-angle-bottom{clip-path:polygon(0px 0px,100% 0px,100% 100%,50% calc(100% - 40px),0px 100%);padding-bottom:6%!important}.kc-angle-topBottom{clip-path:polygon(0px 0px,50% 35px,100% 0px,100% 100%,50% calc(100% - 40px),0px 100%);padding:6% 0!important}.kc-item-float{transform:translateY(0)}.kc-item-float:hover{transform:translateY(-8px)}.kc-item-grow{-webkit-transform:translate(0,0);transform:translate(0,0)}.kc-item-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.kc-hero{position:relative;display:flex;align-items:center;width:100%;height:auto;min-height:100vh;max-height:100vh;background:url(https://theajaykc.com/images/kc-developer-bg-sec-1.jpg) center center/cover no-repeat fixed;margin:0;text-align:center;padding:0;overflow:hidden;box-sizing:border-box;clip-path:view-box}.kc-hero:before{position:absolute;content:'';top:0;right:0;left:0;bottom:0;background:linear-gradient(to right,rgba(30,135,240) 0,rgba(30,135,240,.7) 100%)}.kc_hero_desc .type-wrap-container{position:relative;width:412px;padding:0 0 40px}.kc-shape,.kc_hero_desc .type-wrap,.my-skills:before{position:absolute}.kc-shape{bottom:0;left:0;width:100%}.kc-shape svg{width:100%;vertical-align:middle}.kc-shape path{fill:#fff}.my-skills{margin-bottom:14px;position:relative;overflow-x:hidden}.my-skills p{font-weight:700;color:#606060}.my-skills:before{width:100%;height:8px;content:"";display:block;background:#959595;bottom:0}.skill-bar{width:100%;height:8px;background:#f4392f;display:block;position:relative}.css,.html,.scss{width:90%}.html{background:#27ae60}.css{background:#f10}.scss{background:#2196f3}.bootstrap{width:90%;background:#f06565}.xml{width:80%;background:#86e345}.xhtml{width:90%;background:#5dd3f7}.jquery{width:90%;background:#ffa928}.javascript{width:75%;background:#e4447a}.php{width:80%;background:#902cec}.mysql{width:70%;background:#f36b21}.liquid{width:90%;background:#75b3a5}.kc-about #special-tiles.development:hover,.kc-about #special-tiles.php-html:hover{box-shadow:-2px 2px 5px #7377ad}.kc-about #special-tiles.seo:hover{box-shadow:-2px 2px 5px #1e87f0}.kc-about #special-tiles.cpanel:hover{box-shadow:-2px 2px 5px #ff6c2c}.kc-about #special-tiles.wordpress:hover{box-shadow:-2px 2px 5px #444}.kc-about #special-tiles.shopify:hover{box-shadow:-2px 2px 5px #95bf47}.kc-about #special-tiles.blogger:hover{box-shadow:-2px 2px 5px #fc7957}.kc-about #special-tiles:hover .special-icons i,.kc-about #special-tiles:hover .special-icons img{animation-name:none!important}@-webkit-keyframes scaleTilt{0%,100%{-webkit-transform:rotate(-30deg)}50%{-webkit-transform:rotate(0)}}@-webkit-keyframes rotateLR_Scale{0%,100%{-webkit-transform:rotate(30deg) scale(1.1)}50%{-webkit-transform:rotate(-25deg) scale(1)}}@-webkit-keyframes moveUp{0%,100%{-webkit-transform:rotate(30deg) translateY(-15px)}50%{-webkit-transform:rotate(0) translateY(0)}}@keyframes rotateLeftRight{0%{margin-left:-30px}50%{margin:0}100%{margin-right:30px}}@keyframes loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@keyframes loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@-webkit-keyframes ripple{0%{box-shadow:0 8px 10px rgba(102,102,102,.1),0 0 0 0 rgba(102,102,102,.1),0 0 0 5px rgba(102,102,102,.1),0 0 0 10px rgba(102,102,102,.1)}100%{box-shadow:0 8px 10px rgba(102,102,102,.1),0 0 0 5px rgba(102,102,102,.1),0 0 0 10px rgba(102,102,102,.1),0 0 0 20px rgba(102,102,102,0)}}@keyframes ripple{0%{box-shadow:0 8px 10px rgba(102,102,102,.1),0 0 0 0 rgba(102,102,102,.1),0 0 0 5px rgba(102,102,102,.1),0 0 0 10px rgba(102,102,102,.1)}100%{box-shadow:0 8px 10px rgba(102,102,102,.1),0 0 0 5px rgba(102,102,102,.1),0 0 0 10px rgba(102,102,102,.1),0 0 0 20px rgba(102,102,102,0)}}@media only screen and (max-width:768px){.kc-angle-top{clip-path:polygon(0px 0px,50% 20px,100% 0px,100% 100%,0px 100%)}.kc-angle-bottom{clip-path:polygon(0px 0px,100% 0px,100% 100%,50% calc(100% - 30px),0px 100%)}.kc-angle-topBottom{clip-path:polygon(0px 0px,50% 20px,100% 0px,100% 100%,50% calc(100% - 20px),0px 100%)}.kc-hero{min-height:100dvh;max-height:100dvh;height:100dvh}.kc-hero .kc-col-wrap{padding-top:70px}.kc_hero_desc .type-wrap-container{width:100%}.kc-banner-img-wrap img{border-radius:0 0 1000px 1000px}}