.active-cls{background:linear-gradient(45deg,#418a9c,#e384f7)}.input-width-cls{width:24rem}.input-width-cls-48{width:48rem}.arrowSvg{position:absolute;margin-right:150px;transition:all .3s;color:#FFF}.Subscribe-btn,.primary-btn{background:linear-gradient(45deg,#418a9c,#e384f7)}.Subscribe-btn,.signup-btn{width:100%;height:100%;border:none;border-radius:15px;font-weight:500;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s}.Subscribe-btn:hover .arrowSvg,.signup-btn:hover .arrowSvg{margin-right:0;animation:jello-vertical .9s both;transform-origin:right}.Subscribe-btn:hover{color:rgba(255,255,255,0)}@keyframes jello-vertical{0%{transform:scaleX(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleX(1)}}.mask-img-cls{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,1),rgba(0,0,0,.05),rgba(0,0,0,.05),rgba(255,255,255,1));mask-image:linear-gradient(90deg,rgba(255,255,255,1),rgba(0,0,0,.05),rgba(0,0,0,.05),rgba(255,255,255,1));scale:1.1}.img-parent-cls{top:50%;left:50%;transform:translate(-50%,-50%)}.max-w-10xl{max-width:100rem}.max-1200{max-width:1200px}.min-1200{min-width:1200px}.max-1600{max-width:1600px}.max-800{max-width:800px}.w-300{width:300px}.mr-40{margin-right:40px}.ml-40{margin-left:48px}.w-780{width:780px}.w-600{width:600px}.point-1-cls{left:15.5556%;top:27.2222%;transform:translate(-3.7083px,-3.7083px)}.point-1-cls-1,.point-1-cls-2{background-color:#e384f7;width:7.4167px;height:7.4167px}.point-1-cls-2{opacity:.5;animation-duration:2.5s}.point-2-cls{left:15.9944%;top:28.4611%;transform:translate(-3.7083px,-3.7083px)}.animate-ping-3{animation:ping-3 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping-3{0%{transform:scaleX(1);opacity:0}30%{transform:scale3d(1.3,1.3,1.3);opacity:.3}50%{opacity:1;transform:scale3d(1.6,1.6,1.6)}80%{opacity:.3;transform:scale3d(1.3,1.3,1.3)}to{opacity:0;transform:scaleX(1)}}.max-w-xs-12{max-width:12rem}button{outline:none}.active-space-cls{background:#000;color:#fff;border-radius:10px}.active-space-cls .arrow-cls,.active-space-cls button{color:#fff}.article-btn-one-cls{background-color:rgba(25,24,24,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.article-btn-one-cls:hover{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.article-btn-one-cls:hover:before{position:absolute;display:flex;content:"Like";padding:.1rem .5rem;top:-1.5rem;left:.8rem;border-radius:1rem;font-size:.6rem}.left-side-bar{float:left;margin-left:-1rem;width:48px}.article-detail-container>div{display:inline-block;vertical-align:top}.left-side-bar .btn-group-cls{position:fixed;top:16rem;z-index:199;transform:translateX(0)}.like-dislike-container .icons-box{display:flex}.like-dislike-container .icons{position:relative;display:flex;justify-content:center;align-items:center;margin:0 .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--middle-grey);border-radius:var(--border-radius-icon);transition:all .2s ease}.like-dislike-container .icons:hover{box-shadow:var(--shadow)}.like-dislike-container .icons:active{box-shadow:var(--shadow-active)}.like-dislike-container .icons .btn-label{display:flex;justify-content:center;align-items:center;padding:0 .5rem;cursor:pointer;position:relative}.like-dislike-container .like-text-content{border-right:.1rem solid var(--dark-grey);padding:0 .6rem 0 .5rem;pointer-events:none;opacity:.6}.like-dislike-container .icons .svgs{width:1.3rem;fill:#000;box-sizing:content-box;transition:all .2s ease}.like-dislike-container .icons .input-box{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.like-dislike-container .icons #icon-like-regular{opacity:.6;display:block}.like-dislike-container .icons #icon-like-solid{opacity:.6;display:none}.like-dislike-container .icons:hover :is(#icon-like-solid,#icon-like-regular){opacity:1;animation:rotate-icon-like .7s ease-in-out both}.like-dislike-container .icons #like-checkbox:checked~#icon-like-regular{display:none;animation:checked-icon-like .5s}.like-dislike-container .icons #like-checkbox:checked~#icon-like-solid{display:block;animation:checked-icon-like .5s;fill:#e384f7;opacity:1}.like-dislike-container .icons #like-checkbox:checked~.like-text-content{color:#e384f7;opacity:1}.like-dislike-container .icons .fireworks{transform:scale(.4)}.like-dislike-container .icons #like-checkbox:checked~.fireworks>.checked-like-fx{position:absolute;width:10px;height:10px;right:-10px;top:-40px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;animation:fireworks-bang 1s ease-out forwards,fireworks-gravity 1s ease-in forwards,fireworks-position 5s linear forwards;animation-duration:1.25s,1.25s,6.25s}.like-dislike-container .ratota-cls{opacity:.6}.like-dislike-container:hover .ratota-cls{opacity:1;animation:rotate-icon-like .7s ease-in-out both}.like-dislike-container:hover .like-text-content{opacity:1}@keyframes rotate-icon-like{0%{transform:rotate(0deg) translateZ(0)}25%{transform:rotate(5deg) translateZ(0)}50%{transform:rotate(-5deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0deg) translateZ(0)}}@keyframes checked-icon-like{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3) rotate(-20deg)}}@keyframes fireworks-position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes fireworks-gravity{to{transform:translateY(200px);opacity:0}}@keyframes fireworks-bang{to{box-shadow:114px -107.3333px #8800ff,212px -166.3333px #a600ff,197px -6.3333px #ff006a,179px -329.3333px #3300ff,-167px -262.3333px #ff0062,233px 65.6667px #ff008c,81px 42.6667px #0051ff,-13px 54.6667px #00ff2b,-60px -183.3333px #0900ff,127px -259.3333px #ff00e6,117px -122.3333px #00b7ff,95px 20.6667px #ff8000,115px 1.6667px #0004ff,-160px -328.3333px #00ff40,69px -242.3333px #000dff,-208px -230.3333px #ff0400,30px -15.3333px #e6ff00,235px -15.3333px #fb00ff,80px -232.3333px #d5ff00,175px -173.3333px #00ff3c,-187px -176.3333px #aaff00,4px 26.6667px #ff6f00,227px -106.3333px #ff0099,119px 17.6667px #00ffd5,-102px 4.6667px #ff0088,-16px -4.3333px #00fff7,-201px -310.3333px #00ffdd,64px -181.3333px #f700ff,-234px -15.3333px #00fffb,-184px -263.3333px #aa00ff,96px -303.3333px #0037ff,-139px 10.6667px #0026ff,25px -205.3333px #00ff2b,-129px -322.3333px #40ff00,-235px -187.3333px #26ff00,-136px -237.3333333333px #0091ff,-82px -321.3333333333px #6a00ff,7px -267.3333333333px #ff00c8,-155px 30.6666666667px #0059ff,-85px -73.3333333333px #6a00ff,60px -199.3333333333px #55ff00,-9px -289.3333333333px #00ffaa,-208px -167.3333333333px #00ff80,-13px -299.3333333333px #ff0004,179px -164.3333333333px #ff0044,-112px 12.6666666667px #0051ff,-209px -125.3333333333px #ff00bb,14px -101.3333333333px #00ff95,-184px -292.3333333333px #ff0099,-26px -168.3333333333px #09ff00,129px -67.3333333333px #0084ff,-17px -23.3333333333px #0059ff,129px 34.6666666667px #7300ff,35px -24.3333333333px #ffd900,-12px -297.3333px #ff8400,129px -156.3333px #0dff00,157px -29.3333px #1a00ff,-221px 6.6667px #ff0062,0 -311.3333px #ff006a,155px 50.6667px #00ffaa,-71px -318.3333px #0073ff}}.pb-10px{padding-bottom:10px}.other-work-cls:hover .work-title-cls,.star-active-cls:hover span{color:hsl(290deg,88%,74%)}.article-description-cls{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.aichat-cls{&::-webkit-scrollbar{width:4px;background:#f7fbff;border-radius:4px}&.scroll-container-cls:hover::-webkit-scrollbar-thumb{background:#c7c9cb;border-radius:4px}&.scroll-container-cls:hover::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}}.personal-info-cls{.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#f5f5f5;color:#111827}}.personal-info-cls .text-justify:after{content:"";display:inline-block;width:100%}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:rgba(0,0,0,0)}.custom-scrollbar{overflow:hidden}.custom-scrollbar:hover{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px;background-color:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#418a9c,hsl(290deg,88%,74%));border-radius:5px;display:flex;flex-direction:column;overflow:auto}.article-detail-container{display:grid;grid-template-columns:80px 1fr 300px;gap:20px;margin:40px auto 0;padding:0}.right-side-bar{position:sticky;top:128px;height:-moz-fit-content;height:fit-content}.work-title-cls{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.comment-section{width:100%}@media (max-width:1200px){.article-detail-container{grid-template-columns:60px 1fr}.right-side-bar{display:none}}@media (max-width:768px){.article-detail-container{grid-template-columns:1fr}.left-side-bar{display:none}}.button-css-cls{--round:0.75rem;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:all .25s ease;background:radial-gradient(65.28% 65.28% at 50% 100%,rgba(223,113,255,.8) 0,rgba(223,113,255,0) 100%),linear-gradient(0deg,#7a5af8,#7a5af8);border-radius:var(--round);border:none;outline:none;box-shadow:inset 0 0 5px #ffffffa9,inset 0 35px 30px #000,0 5px 10px #000}.button-css-cls:after,.button-css-cls:before{content:"";position:absolute;inset:var(--space);transition:all .5s ease-in-out;border-radius:calc(var(--round) - var(--space));z-index:0}.button-css-cls:before{--space:1px;background:linear-gradient(177.95deg,rgba(255,255,255,.19),rgba(255,255,255,0))}.button-css-cls:active{transform:scale(.95)}.button-css-cls .fold{z-index:1;position:absolute;top:0;right:0;height:1rem;width:1rem;display:inline-block;transition:all .5s ease-in-out;background:radial-gradient(100% 75% at 55%,rgba(223,113,255,.8) 0,rgba(223,113,255,0) 100%);box-shadow:0 0 3px black;border-bottom-left-radius:.5rem;border-top-right-radius:var(--round)}.button-css-cls .fold:after{content:"";position:absolute;top:0;right:0;width:150%;height:150%;transform:rotate(45deg) translateX(0) translateY(-18px);background-color:#e8e8e8;pointer-events:none}.button-css-cls:hover .fold{margin-top:-1rem;margin-right:-1rem}.button-css-cls .points_wrapper{overflow:hidden;width:100%;height:100%;pointer-events:none;position:absolute;z-index:1}.button-css-cls .points_wrapper .point{bottom:-10px;position:absolute;animation:floating-points-css ease-in-out infinite;pointer-events:none;width:4px;height:4px;background-color:#fff;border-radius:9999px}@keyframes floating-points-css{0%{transform:translateY(0)}85%{opacity:0}to{transform:translateY(-55px);opacity:0}}.button-css-cls .points_wrapper .point:first-child{left:10%;opacity:1;animation-duration:2.35s;animation-delay:.2s}.button-css-cls .points_wrapper .point:nth-child(2){left:30%;opacity:.7;animation-duration:2.5s;animation-delay:.5s}.button-css-cls .points_wrapper .point:nth-child(3){left:25%;opacity:.8;animation-duration:2.2s;animation-delay:.1s}.button-css-cls .points_wrapper .point:nth-child(4){left:44%;opacity:.6;animation-duration:2.05s}.button-css-cls .points_wrapper .point:nth-child(5){left:50%;opacity:1;animation-duration:1.9s}.button-css-cls .points_wrapper .point:nth-child(6){left:75%;opacity:.5;animation-duration:1.5s;animation-delay:1.5s}.button-css-cls .points_wrapper .point:nth-child(7){left:88%;opacity:.9;animation-duration:2.2s;animation-delay:.2s}.button-css-cls .points_wrapper .point:nth-child(8){left:58%;opacity:.8;animation-duration:2.25s;animation-delay:.2s}.button-css-cls .points_wrapper .point:nth-child(9){left:98%;opacity:.6;animation-duration:2.6s;animation-delay:.1s}.button-css-cls .points_wrapper .point:nth-child(10){left:65%;opacity:1;animation-duration:2.5s;animation-delay:.2s}.button-css-cls .inner{z-index:2;gap:6px;position:relative;width:100%;color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:500;line-height:1.5;transition:color .2s ease-in-out}.button-css-cls .inner svg.icon{width:18px;height:18px;transition:fill .1s linear}.button-css-cls:focus svg.icon{fill:white}.button-css-cls:hover svg.icon{fill:transparent;animation:dasharray 1s linear forwards,filled .1s linear .95s forwards}@keyframes dasharray{0%{stroke-dasharray:0 0 0 0}to{stroke-dasharray:68 68 0 0}}@keyframes filled{to{fill:white}}.intest-cls .container-cls{position:relative;max-width:280px;min-width:280px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intest-cls .container-cls .skill-box{width:100%;margin:0 0 25px}.intest-cls .container-cls .skill-box:last-child{margin-bottom:0}.intest-cls .coffee-container-cls{position:relative;max-width:480px;min-width:480px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intest-cls .coffee-container-cls .skill-box{width:100%;margin:0 0 25px}.intest-cls .coffee-container-cls .skill-box:last-child{margin-bottom:0}.intest-cls .skill-box .title{display:block;font-size:14px;font-weight:600;color:#333}.intest-cls .skill-box .skill-bar{height:8px;width:100%;border-radius:6px;margin-top:6px;background:rgba(0,0,0,.1)}.intest-cls .skill-bar .skill-per{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:#4B5563;animation:progress .4s ease-in-out forwards;opacity:0}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.intest-cls .skill-per .tooltip{position:absolute;right:-14px;top:-28px;font-size:9px;font-weight:500;color:#fff;padding:2px 6px;border-radius:3px;background:#4B5563;z-index:1}.intest-cls .skill-per .tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background:#4B5563;transform:translateX(-50%) rotate(45deg)}.pyramid-loader{position:relative;display:block;transform-style:preserve-3d;transform:rotateX(-20deg)}.outer-cls{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotateY(1turn)}}.pyramid-loader .outer-cls .side{position:absolute;inset:0;margin:auto;transform-origin:center top;clip-path:polygon(50% 0,0 100%,100% 100%)}.pyramid-loader .outer-cls .side1{transform:rotate(-30deg) rotateY(90deg);background:conic-gradient(#32CD32,#2F4F2F,#dec4fc,#418A9D)}.pyramid-loader .outer-cls .side2{transform:rotate(30deg) rotateY(90deg);background:conic-gradient(#418A9D,#dec4fc,#2F4F2F,#32CD32)}.pyramid-loader .outer-cls .side3{transform:rotateX(30deg);background:conic-gradient(#418A9D,#dec4fc,#2F4F2F,#32CD32)}.pyramid-loader .outer-cls .side4{transform:rotateX(-30deg);background:conic-gradient(#32CD32,#2F4F2F,#dec4fc,#418A9D)}.pyramid-loader .outer-cls .shadow{background:#4b4258;position:absolute;inset:0;margin:auto;transform:rotateX(90deg) translateZ(-40px);filter:blur(12px)}