:root{--c1:#f42f25;--c2:#f49725;--c3:#255ff4;--c4:#9725f4;--bg-black-900:#000000;--bg-black-100:#dddddd;--bg-black-50:#eff0f4;--bg-opacity:rgba(255, 255, 255, 0.5);--text-black-900:#000000;--text-black-700:#555555;--text-black-600:#666666;--text-black-300:#bbbbbb;--outer-shadow:3px 3px 3px #d0d0d0,-3px -3px 3px #f8f8f8;--outer-shadow-0:0 0 0 #d0d0d0,0 0 0 #f8f8f8;--inner-shadow:inset 3px 3px 3px #d0d0d0,inset -3px -3px 3px #f8f8f8;--inner-shadow-0:inset 0 0 0 #d0d0d0,inset 0 0 0 #f8f8f8}html{overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{width:0;background:0 0}body.dark{--bg-black-900:#ffffff;--bg-black-100:#353535;--bg-black-50:#2b2c2f;--bg-opacity:rgba(43, 44, 47, 0.5);--text-black-900:#ffffff;--text-black-700:#ffffff;--text-black-600:#bbbbbb;--outer-shadow:3px 3px 3px #222327,-3px -3px 3px #363636;--outer-shadow-0:0 0 0 #222327,0 0 0 #363636;--inner-shadow:inset 3px 3px 3px #222327,inset -3px -3px 3px #363636;--inner-shadow-0:inset 0 0 0 #222327,inset 0 0 0 #363636}body{font-size:16px;line-height:1.5;overflow-x:hidden;background-color:var(--bg-black-50)}body.hidden-scrolling{overflow-y:hidden}div{-webkit-user-select:none;-ms-user-select:none;user-select:none}:not(i){font-family:system-ui,sans-serif;font-weight:400}*{margin:0;padding:0;box-sizing:border-box;outline:0}:after,:before{box-sizing:border-box}a{text-decoration:none}ul{list-style:none;margin:0;padding:0}img{vertical-align:middle;max-width:100%}.container-h{margin:auto}.container{max-width:1260px;margin:auto}.row{display:flex;flex-wrap:wrap}.justify-content-between{justify-content:space-between}.outer-shadow{box-shadow:var(--outer-shadow)}.inner-shadow{box-shadow:var(--inner-shadow)}.hover-in-shadow{position:relative;z-index:1}.hover-in-shadow:hover{box-shadow:var(--outer-shadow-0)}.hover-in-shadow:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s ease;z-index:-1}.hover-in-shadow:hover:after{box-shadow:var(--inner-shadow)}.align-items-center{align-items:center}.btn-1{padding:10px 25px;font-size:16px;font-weight:620;color:var(--skin-color);background-color:transparent;line-height:1.5;cursor:pointer;border-radius:30px;transition:all .3s ease;display:inline-block;border:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-1:after{border-radius:30px}.effect-wrap .effect{position:absolute;z-index:-1}.effect-1{width:30px;height:30px;border:4px solid #8a49ff;right:10%;bottom:10%;animation:spin 10s linear infinite}.effect-2{left:3%;bottom:20%;width:40px;display:flex;flex-wrap:wrap;justify-content:space-between;animation:topBounce 3s ease-in-out infinite}.effect-2 div{height:3px;width:3px;background-color:#ff9c07;margin:0 3px 8px}.effect-3{height:180px;width:180px;border:25px solid var(--skin-color);border-radius:50%;left:50%;top:-120px;animation:leftBounce 3s ease-in-out infinite}.effect-4{border-top:30px solid transparent;border-left:30px solid #06d79c;left:30%;top:20%;animation:spin 15s linear infinite}.effect-4:before{content:"";border-top:30px solid transparent;border-left:30px solid #06d79c;position:absolute;opacity:.5;left:-35px;top:-25px}.effect-5{height:50px;width:50px;right:10%;top:30%;display:flex;justify-content:space-between;border-radius:50%;overflow:hidden;animation:spin 10s linear infinite}.effect-5 div{width:1px;background-color:#4dd0e1}.effect-6{z-index:-110000000!important}.title-word-1{--color-1:#df8453;--color-2:#3d8dae;--color-3:#e4a9a8}.title-word-2{--color-1:#dbad4a;--color-2:#accfcb;--color-3:#17494d}.title-word-3{--color-1:#accfcb;--color-2:#e4a9a8;--color-3:#accfcb}.title-word-4{--color-1:#3d8dae;--color-2:#df8453;--color-3:#e4a9a8}@keyframes moving{100%{transform:rotate(-360deg)}}@keyframes woosh{0%{width:12px;transform:translate(0,0) rotate(-35deg)}15%{width:50px}30%{width:12px;transform:translate(214px,-150px) rotate(-35deg)}30.1%{transform:translate(214px,-150px) rotate(46deg)}50%{width:110px}70%{width:12px;transform:translate(500px,150px) rotate(46deg)}70.1%{transform:translate(500px,150px) rotate(-37deg)}85%{width:50px}100%{width:12px;transform:translate(700px,0) rotate(-37deg)}}@keyframes boom-circle{0%{opacity:0}5%{opacity:1}30%{opacity:0;transform:scale(3)}}@keyframes boom-triangle-big{0%{opacity:0}5%{opacity:1}40%{opacity:0;transform:scale(2.5) translate(50px,-50px) rotate(360deg)}}@keyframes boom-triangle{0%{opacity:0}5%{opacity:1}30%{opacity:0;transform:scale(3) translate(20px,40px) rotate(360deg)}}@keyframes boom-disc{0%{opacity:0}5%{opacity:1}40%{opacity:0;transform:scale(2) translate(-70px,-30px)}}@keyframes bounce1{from,to{transform:translateY(0) scale(1,1);animation-timing-function:ease-in}45%{transform:translateY(5em) scale(1,1);animation-timing-function:linear}50%{transform:translateY(5em) scale(1.5,.5);animation-timing-function:linear}55%{transform:translateY(5em) scale(1,1);animation-timing-function:ease-out}}@keyframes color-animation{0%{color:var(--color-1)}32%{color:var(--color-1)}33%{color:var(--color-2)}65%{color:var(--color-2)}66%{color:var(--color-3)}99%{color:var(--color-3)}100%{color:var(--color-1)}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:orange}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes topBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(25px)}}@keyframes leftBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(25px)}}@keyframes animate{100%{transform:scaleX(1)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-25px)}100%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(211,211,211,.1)}5%{transform:scale(1.01)}15%{transform:scale(1)}70%{box-shadow:0 0 0 30px rgba(168,63,57,0)}100%{box-shadow:0 0 0 60px rgba(168,63,57,0)}}@keyframes processing{from{width:0%}to{width:100%}}@keyframes tick{0%{transform:scale(.1)}75%{transform:scale(1.2)}100%{transform:scale(1)}}.section-title{padding:0 15px;flex:0 0 100%;max-width:100%;text-align:center;margin-bottom:60px}.section-title h2{display:inline-block;font-size:30px;font-weight:700;color:var(--text-black-900);text-transform:uppercase;margin:0}.section-title h2:before{content:attr(data-heading);display:block;font-size:16px;font-weight:600;color:var(--skin-color)}.section.hide{display:none}.preloader{position:fixed;left:0;top:0;height:100%;width:100%;z-index:1500;background-color:var(--bg-black-50);display:flex;align-items:center;justify-content:center}.preloader.fade-out{opacity:0;transition:all .6s ease}.pl1__a,.pl1__b,.pl1__c{border-radius:50%;width:1em;height:1em;transform-origin:50% 100%;animation:bounce1 1s linear infinite}.pl1{display:flex;flex-wrap:wrap;justify-content:space-around;margin:1.5em;width:6em;height:6em}.pl1__a{background:var(--c1)}.pl1__b{background:var(--c2);animation-delay:.1s}.pl1__c{background:var(--c3);animation-delay:.2s}.criterion{font-size:1.4rem;position:sticky;height:0;width:0;left:17%;transform:translate(0,0)}.welcome-class{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;height:5.4rem}.nav-menu{position:fixed;padding:0 0;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0;visibility:hidden;overflow-y:auto;transition:all .3s ease-in-out}.nav-menu.open{visibility:visible;opacity:1;z-index:999}.nav-menu .close-nav-menu{height:40px;width:40px;display:block;font-size:35px;line-height:35px;border-radius:50%;position:fixed;margin-right:15px;right:0;top:37px;cursor:pointer;text-align:center;color:var(--text-black-600);transition:all .3s ease-in-out}.nav-menu .close-nav-menu:after{border-radius:50%}.nav-menu-inner{min-height:100vh}.menu-branding{float:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;height:100vh;width:50%;overflow:hidden;background:rgba(255,255,255,.1);transform:translate3d(0,100%,0);transition:all .7s ease-in-out;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}.menu-branding.open{transform:translate3d(0,0,0);transition:all .7s ease-in-out}.menu-branding .portrait img{width:97%;height:100%;position:relative;border-radius:50%;display:flex;margin:auto}.nav-options{float:left;display:flex;width:50%;height:100vh;overflow:hidden;position:relative;align-items:center;justify-content:space-around;background:rgba(0,0,0,.2);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);transform:translate3d(0,-100%,0);transition:all .7s ease-in-out}.nav-options.open{transform:translate3d(0,0,0);transition:all .7s ease-in-out}.nav-menu ul{padding:15px}.nav-menu ul li{display:block;margin-bottom:20px;text-align:center}.nav-menu ul li:last-child{margin-bottom:0}.nav-menu ul li a{display:inline-block;font-size:23px;font-weight:600;color:var(--text-black-700);padding:5px 30px;text-transform:capitalize;border-radius:30px}.nav-menu ul li a.active{color:var(--skin-color)}.nav-menu ul li a:after{border-radius:30px}.nav-menu ul li .inner-shadow{box-shadow:inset 0 0 4px 4px rgba(0,0,0,.23)}.nav-menu ul li .outer-shadow{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.nav-menu ul li .hover-in-shadow:hover::after{box-shadow:inset 0 0 4px 4px rgba(0,0,0,.23)}.nav-menu .nav-item{transform:translate3d(150%,0,0);transition:all 1s ease-out}.nav-menu .nav-item.open{transform:translate3d(0,0,0)}.nav-item:nth-child(1){transition-delay:.1s}.nav-item:nth-child(2){transition-delay:.2s}.nav-item:nth-child(3){transition-delay:.3s}.nav-item:nth-child(4){transition-delay:.4s}.nav-item:nth-child(5){transition-delay:.5s}.nav-item:nth-child(6){transition-delay:.6s}.nav-item:nth-child(7){transition-delay:.7s}a.effect-shine:hover{-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.7) 30%,#000 50%,rgba(0,0,0,.7) 70%);mask-image:linear-gradient(-75deg,rgba(0,0,0,.7) 30%,#000 50%,rgba(0,0,0,.7) 70%);-webkit-mask-size:200%;mask-size:200%;animation:shine .7s infinite;animation:glitch 2s steps(100) infinite}@keyframes shine{from{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}@keyframes glitch{0%{text-shadow:1px 0 0 red,-1px 0 0 #00f}1%{text-shadow:1px 0 0 red,-1px 0 0 #00f}2%{text-shadow:1px 0 0 red,-1px 0 0 #00f}3%{text-shadow:1px 0 0 red,-1px 0 0 #00f}4%{text-shadow:1px 0 0 red,-1px 0 0 #00f}5%{text-shadow:-1px 0 0 red,1px 0 0 #00f}6%{text-shadow:-1px 0 0 red,1px 0 0 #00f}7%{text-shadow:-1px 0 0 red,1px 0 0 #00f}8%{text-shadow:-1px 0 0 red,1px 0 0 #00f}9%{text-shadow:-1px 0 0 red,1px 0 0 #00f}10%{text-shadow:-1px 0 0 red,1px 0 0 #00f}11%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}12%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}13%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}14%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}15%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}16%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}17%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}18%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}19%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}20%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}21%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}22%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}23%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}24%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}25%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}26%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}27%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}28%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}29%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}30%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}31%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}32%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}33%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}34%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}35%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}36%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}37%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}38%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}39%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}40%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}41%{text-shadow:50px 0 0 #00f,-50px 0 0 #0f0}42%{text-shadow:0 0 0 #00f,0 0 0 #0f0}43%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}44%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}45%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}46%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}47%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}48%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}49%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}50%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}51%{text-shadow:1px 0 0 red,-1px 0 0 #00f}52%{text-shadow:1px 0 0 red,-1px 0 0 #00f}53%{text-shadow:1px 0 0 red,-1px 0 0 #00f}54%{text-shadow:1px 0 0 red,-1px 0 0 #00f}55%{text-shadow:1px 0 0 red,-1px 0 0 #00f}56%{text-shadow:-1px 0 0 red,1px 0 0 #00f}57%{text-shadow:-1px 0 0 red,1px 0 0 #00f}58%{text-shadow:-1px 0 0 red,1px 0 0 #00f}59%{text-shadow:-1px 0 0 red,1px 0 0 #00f}60%{text-shadow:-1px 0 0 red,1px 0 0 #00f}61%{text-shadow:30px 0 0 red,-30px 0 0 #0f0}62%{text-shadow:0 0 0 red,0 0 0 #0f0}63%{text-shadow:.5px 0 0 red,-.5px 0 0 #00f}64%{text-shadow:.5px 0 0 red,-.5px 0 0 #00f}65%{text-shadow:.5px 0 0 red,-.5px 0 0 #00f}66%{text-shadow:.5px 0 0 red,-.5px 0 0 #00f}67%{text-shadow:-1px 0 0 red,1px 0 0 #00f}68%{text-shadow:-1px 0 0 red,1px 0 0 #00f}69%{text-shadow:-1px 0 0 red,1px 0 0 #00f}70%{text-shadow:-1px 0 0 red,1px 0 0 #00f}71%{text-shadow:70px 0 0 red,-70px 0 0 #00f}72%{text-shadow:0 0 0 red,0 0 0 #00f}73%{text-shadow:1px 0 0 red,-1px 0 0 #00f}74%{text-shadow:1px 0 0 red,-1px 0 0 #00f}75%{text-shadow:1px 0 0 red,-1px 0 0 #00f}76%{text-shadow:1px 0 0 red,-1px 0 0 #00f}77%{text-shadow:-1px 0 0 red,1px 0 0 #00f}78%{text-shadow:-1px 0 0 red,1px 0 0 #00f}79%{text-shadow:-1px 0 0 red,1px 0 0 #00f}80%{text-shadow:-1px 0 0 red,1px 0 0 #00f}81%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}82%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}83%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}84%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}85%{text-shadow:.5px 0 0 red,-.5px 0 0 #0f0}86%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}87%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}88%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}89%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}90%{text-shadow:-1px 0 0 red,1px 0 0 #0f0}91%{text-shadow:60px 0 0 #0f0,-60px 0 0 #00f}92%{text-shadow:0 0 0 #0f0,0 0 0 #00f}92%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}93%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}94%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}95%{text-shadow:.7px 0 0 #00f,-.7px 0 0 #0f0}96%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}97%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}98%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}99%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}100%{text-shadow:-1px 0 0 #00f,1px 0 0 #0f0}}.home-section{position:relative}.home-section .full-screen{padding:50px 0;min-height:100vh}.home-section .home-text{margin-top:10%}.home-section .home-img,.home-section .home-text{flex:0 0 50%;max-width:50%;padding:0 15px}.home-section .home-text p{font-size:18px;text-transform:capitalize;margin:0}.home-section .home-text h2{font-size:55px;padding-left:4px;margin:0}.home-section .home-text span{font-weight:700;animation:color-animation 3s linear infinite}.home-section .home-text span.title-word-1{font-weight:650}.home-section .home-text .typewriter h2 span{font-family:Agustina!important}.typewriter{display:inline-block}.typewriter h2{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.14em;animation:typing 3s steps(30,end),blink-caret .5s step-end infinite}.home-section .home-text .designation{font-size:20px;font-weight:650;margin:0;text-transform:capitalize}.home-section .home-text .designation-list{display:flex;align-items:center;overflow:hidden;height:20px}.home-section .home-text .designation-list span.desig-item{position:absolute;transform-origin:50% 70%}span.desig-item:nth-child(1){animation:flipUp 16s cubic-bezier(.68,-.55,.26,1.55) 0s both infinite}span.desig-item:nth-child(2){animation:flipUp 16s cubic-bezier(.68,-.55,.26,1.55) 4s both infinite}span.desig-item:nth-child(3){animation:flipUp 16s cubic-bezier(.68,-.55,.26,1.55) 8s both infinite}span.desig-item:nth-child(4){animation:flipUp 16s cubic-bezier(.68,-.55,.26,1.55) 12s both infinite}@keyframes flipUp{0%{opacity:0;margin-top:-30px}20%{opacity:1;margin-top:0;transform:rotateX(0)}100%,50%{opacity:0;margin-top:0;transform:rotateX(90deg)}}.home-section .home-text .punchline{font-size:14px;font-weight:600;font-style:italic;text-transform:capitalize;padding-top:12px;color:var(--skin-color)}.home-section .home-text .punchline-2{font-size:13px;font-weight:450;font-style:italic;color:var(--text-black-600);text-transform:capitalize;padding-top:5px;margin:0}.home-section .home-text .btn-1{margin-top:30px}.home-section .home-img .img-box{max-width:fit-content;max-width:-moz-fit-content;display:block;margin:auto;border-radius:50%;padding:15px}.moving-zone{perspective:800px}.popup{cursor:pointer;transform-style:preserve-3d}.popup:before{transform:translateZ(-100px)}.home-section .home-img .img-box img{border-radius:50%;border:10px solid transparent;transform:translateZ(15px)}.home-section .social-tab .social-icon{color:var(--text-black-600)}.pulse-image{animation:pulse 2s infinite;border-radius:4px}.social-tab a{text-align:center;margin-top:5%;margin-bottom:2rem;color:#eee}.social-tab ul{display:flex;flex-wrap:wrap;margin:.5rem;list-style-type:none;font-size:1rem;margin-top:2rem}.social-tab ul li{padding:.8rem}.social-tab .fab{font-size:1.5rem}.fa-github,.fa-instagram,.fa-linkedin,.fa-spotify,.fa-twitter,.social-tab .fa-facebook{transition:.4s;cursor:pointer}.fa-facebook:focus,.social-tab .fa-facebook:hover{color:#3b5998;text-shadow:0 0 5px #304a83;transform:scale(2)}.fa-twitter:focus,.social-tab .fa-twitter:hover{color:#1da1f2;text-shadow:0 0 15px #1da1f2;transform:scale(2)}.fa-linkedin:focus,.social-tab .fa-linkedin:hover{color:#00a0dc;text-shadow:0 0 15px #00a0dc;transform:scale(2)}.fa-instagram:focus,.social-tab .fa-instagram:hover{color:#ff69b4;text-shadow:0 0 15px #ff69b4;transform:scale(2)}.fa-github:focus,.social-tab .fa-github:hover{color:#dfdfdf;text-shadow:0 0 15px #d1d1d1;transform:scale(2)}.fa-spotify:focus,.social-tab .fa-spotify:hover{color:#1db954;text-shadow:0 0 15px #1db954;transform:scale(2)}.fa-pinterest:focus,.social-tab .fa-pinterest:hover{color:#b3001b;text-shadow:0 0 15px #b3001b;transform:scale(2)}.about-section{padding:80px 0 0;min-height:100vh}.about-section .about-img{flex:0 0 40%;max-width:40%;padding:0 15px}.about-section .about-img .img-box{padding:15px;border-radius:50%;position:relative;text-align:center;top:-40px}.about-section .about-img .img-box img{border:10px solid transparent;border-radius:50%}.about-section .about-img .social-links{margin-top:20px;text-align:center}.about-section .about-img .social-links a{display:inline-block;height:40px;width:40px;font-size:16px;text-align:center;color:var(--text-black-600);margin:0 4px;border-radius:50%;transition:all .3s ease}.about-section .about-img .social-links i{line-height:40px}.about-section .about-img .social-links a:after{border-radius:50%}.about-section .about-img .social-links a:hover{color:var(--skin-color)}.about-section .about-info{flex:0 0 60%;max-width:60%;padding:0 15px}.about-section .about-info p{font-size:16px;font-family:"Courier New",monospace;font-weight:700;line-height:26px;margin-bottom:15px;color:var(--text-black-600)}.typed{vertical-align:text-bottom}.typed::after{content:"|";animation:blink .75s step-end infinite}@keyframes blink{from,to{color:transparent}50%{color:rgba(245,245,245)}}.about-section .about-info span{font-weight:600}.about-section .about-info .btn-1{margin:30px 20px 0 0}.about-section .about-tabs{padding:60px 15px 50px;flex:0 0 100%;max-width:100%;text-align:center}.about-section .about-tabs .tab-item{display:inline-block;margin:0 5px 10px;cursor:pointer;padding:5px 10px;border-radius:30px;transition:all .3s ease;font-size:16px;color:var(--text-black-600);font-weight:500;text-transform:capitalize}.about-section .about-tabs .tab-item:hover:not(.active){opacity:.6}.about-section .about-tabs .tab-item.active{color:var(--skin-color)}.about-section .tab-content{flex:0 0 100%;max-width:100%;display:none}.about-section .tab-content.active{display:block;animation:fadeInTop .5s ease}.about-section .skills{padding:0 0 40px}.about-section .skills .skill-item{flex:0 0 50%;max-width:50%;padding:0 15px;margin-bottom:40px}.about-section .skills .skill-item p{font-size:16px;color:var(--text-black-600);text-transform:capitalize;margin:0 0 10px}.about-section .skills .skill-item .progress{height:20px;border-radius:10px;position:relative}.about-section .skills .skill-item .progress-bar{background-color:var(--text-black-600);height:6px;left:7px;top:7px;position:absolute;border-radius:10px;transform:scaleX(0);transform-origin:left;animation:animate 1s cubic-bezier(1,0,.5,1) forwards}.about-section .skills .skill-item .progress-bar span{position:absolute;right:0;top:0;font-size:16px;font-weight:500;color:var(--text-black-600);margin-top:-40px}.about-section .education,.about-section .experience{padding-bottom:80px}.about-section .timeline{flex:0 0 100%;max-width:100%;position:relative}.about-section .timeline:before{content:"";width:1px;height:100%;left:50%;top:0;background-color:var(--bg-black-100);position:absolute}.about-section .timeline .timeline-item{flex:0 0 100%;max-width:100%;padding:0 15px}.about-section .timeline .timeline-item:nth-child(odd){padding-right:calc(50% + 50px);text-align:right}.about-section .timeline .timeline-item:nth-child(even){padding-left:calc(50% + 50px)}.about-section .timeline .timeline-item-inner{padding:30px;border-radius:5px;position:relative}.about-section .timeline .timeline-item-inner:before{content:"";position:absolute;width:30px;height:1px;background-color:var(--bg-black-100);top:37px;z-index:-1}.spotify{padding:57px 0 7px}.player{display:flex;justify-content:center}.about-section .timeline .timeline-item:nth-child(odd) .timeline-item-inner:before{right:-30px}.about-section .timeline .timeline-item:nth-child(even) .timeline-item-inner:before{left:-30px}.about-section .timeline .timeline-item-inner .icon{height:40px;width:40px;background-color:var(--bg-black-50);text-align:center;border:1px solid var(--bg-black-100);line-height:40px;border-radius:50%;font-size:16px;color:var(--skin-color);position:absolute;top:18px}.institute-logo{max-width:90px;height:70px;width:70px;background-color:var(--bg-black-50);text-align:center;border:1px solid var(--bg-black-100);line-height:40px;border-radius:50%;font-size:16px;color:var(--skin-color);position:absolute;top:45%}.about-section .timeline .timeline-item:nth-child(odd) .icon{right:-70px}.about-section .timeline .timeline-item:nth-child(odd) img{right:-85px}.about-section .timeline .timeline-item:nth-child(even) .icon{left:-70px}.about-section .timeline .timeline-item:nth-child(even) img{left:-85px}.about-section .timeline .timeline-item-inner span{font-weight:500;color:var(--skin-color);display:block;margin:0 0 10px;text-transform:capitalize}.about-section .timeline .timeline-item-inner h3{font-size:20px;color:var(--text-black-700);font-weight:600;margin:0 0 5px;text-transform:capitalize}.about-section .timeline .timeline-item-inner h4{font-size:16px;font-style:italic;color:var(--text-black-600);margin:0}.about-section .timeline .timeline-item-inner h5{color:var(--text-black-600);margin:0}.about-section .timeline .timeline-item-inner p{font-size:14px;color:var(--text-black-600);line-height:26px;margin:15px 0 0}.service-section{min-height:100vh}.service-section .service-item{flex:0 0 33.33%;max-width:33.33%;padding:15px;display:flex;flex-wrap:wrap}.service-section .service-item-inner{padding:50px 15px;border-radius:10px;text-align:center;width:100%}.service-section .container{padding:80px 0 80px}.service-section .service-item-inner .icon{height:60px;width:60px;text-align:center;border-radius:50%;transition:all .3s ease;display:block;margin:0 auto 30px;position:relative;color:var(--text-black-600)}.service-section .service-item-inner .icon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transition:all .3s ease}.service-section .service-item-inner:hover .icon{box-shadow:var(--inner-shadow-0)}.service-section .service-item-inner:hover .icon:after{box-shadow:var(--outer-shadow)}.service-section .service-item-inner .icon i{font-size:25px;line-height:60px;transition:all .3s ease}.service-section .service-item-inner:hover .icon i{color:var(--skin-color)}.service-section .service-item-inner h3{font-size:20px;font-weight:600;color:var(--text-black-700);margin:0 0 10px;text-transform:capitalize}.service-section .service-item-inner p{font-size:14px;color:var(--text-black-600);margin:0;line-height:26px}.service-effect{height:100%;width:100%}.area{position:relative;height:inherit;width:100%}.circles{position:relative;height:100%;width:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(255,255,255,.2);animation:animate-service 10s linear infinite;bottom:-150px;z-index:-90000}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:47%;width:150px;height:150px;animation-delay:.44s;animation-duration:11s}.circles li:nth-child(11){left:71%;width:50px;height:50px;animation-delay:.3s;animation-duration:14}.circles li:nth-child(12){left:75%;width:25px;height:25px;animation-delay:14s;animation-duration:4.5s}.circles li:nth-child(13){left:22%;width:47px;height:47px;animation-delay:6s;animation-duration:5s}.circles li:nth-child(14){left:33%;width:105px;height:105px;animation-delay:14s;animation-duration:7s}.circles li:nth-child(15){left:83%;width:75px;height:75px;animation-delay:7.3s;animation-duration:10s}.circles li:nth-child(16){left:77%;width:94px;height:94px;animation-delay:3.3s;animation-duration:4s}.circles li:nth-child(17){left:44%;width:17px;height:17px;animation-delay:1.7s;animation-duration:2s}.circles li:nth-child(18){left:24%;width:67px;height:67px;animation-delay:0s;animation-duration:8.4s}.circles li:nth-child(19){left:12%;width:38px;height:38px;animation-delay:7.5s;animation-duration:4.4s}.circles li:nth-child(12){left:60%;width:87px;height:87px;animation-delay:15s;animation-duration:9.7s}@keyframes animate-service{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}100%{transform:translateY(-2800px) rotate(720deg);opacity:.7;border-radius:50%}}.certificate-section .certificate-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.certificate-section .certificate-item{flex:0 0 25%;max-width:25%;padding:15px;display:flex;flex-wrap:wrap}.certificate-section .certificate-item-inner:hover .certificate-item-img img{transform:scale(1.1) translateY(-35px)}.certificate-btn{bottom:0;margin-top:17px;display:flex;justify-content:center}.project-head{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.project-caption{text-align:center;text-transform:uppercase;color:var(--text-black-900);font-size:30px;font-weight:700;font-family:system-ui,sans-serif;width:600px}.roller{height:4.125rem;line-height:4rem;position:relative;overflow:hidden;width:100%;display:flex;justify-content:center;align-items:center;color:var(--skin-color)}#extra-cap p{font-size:10px;font-style:italic;letter-spacing:2px;margin-top:0;color:var(--skin-color);font-family:system-ui,sans-serif;font-weight:900}.roller #rolltext{position:absolute;top:0;font-family:"Henny Penny",cursive;animation:slide 5s infinite}@keyframes slide{0%{top:0}25%{top:-4rem}50%{top:-8rem}72.5%{top:-12.25rem}}.certificate-section,.portfolio-section{padding:80px 0 80px;min-height:100vh}.certificate-section .section-title,.portfolio-section .section-title{margin-bottom:40px}.portfolio-section .portfolio-filter{padding:0 15px;flex:0 0 100%;max-width:100%;text-align:center;margin-bottom:20px}.portfolio-section .filter-item{display:inline-block;margin:0 5px 10px;padding:5px 10px;border-radius:30px;cursor:pointer;font-weight:500;color:var(--text-black-600);text-transform:capitalize;font-size:16x;transition:all .3s ease}.portfolio-section .filter-item:hover:not(.active){opacity:.6}.portfolio-section .filter-item.active{color:var(--skin-color)}.portfolio-section .portfolio-item{flex:0 0 33.33%;max-width:33.33%;padding:15px;display:flex;flex-wrap:wrap}.certificate-section .certificate-item.hide,.portfolio-section .portfolio-item.hide{display:none}.certificate-section .certificate-item.show,.portfolio-section .portfolio-item.show{display:block;animation:fadeInTop .5s ease}.certificate-section .certificate-item-inner,.portfolio-section .portfolio-item-inner{padding:15px;border-radius:10px;cursor:pointer;width:100%}.certificate-section .certificate-item-img,.portfolio-section .portfolio-item-img{position:relative}.certificate-section .certificate-item-img img,.portfolio-section .portfolio-item-img img{border-radius:5px;width:100%;transition:all .3s ease}.portfolio-section .portfolio-item-inner:hover .portfolio-item-img img{transform:translateY(-25px)}.certificate-section .certificate-item-inner .view-certificate,.portfolio-section .portfolio-item-inner .view-project{text-transform:capitalize;font-size:16px;font-weight:600;color:var(--skin-color);transition:all .3s ease;position:absolute;left:0;bottom:-4px;transform:translateY(-5px);z-index:-1;opacity:0}.certificate-section .certificate-item-inner:hover .view-certificate,.portfolio-section .portfolio-item-inner:hover .view-project{transform:translateY(0);opacity:1}.certificate-section .certificate-item-inner p,.portfolio-section .portfolio-item-inner p{font-size:16px;margin:10px 0 0;color:var(--text-black-600);text-transform:capitalize}.certificate-section .certificate-item-details,.portfolio-section .portfolio-item-details{display:none}#planet{background-image:url(https://res.cloudinary.com/shimanto-rehman/image/upload/v1712485869/img/planet.webp);width:70px;height:70px;top:-50px;box-shadow:inset 16px 0 40px 3px rgba(0,0,0,.9),inset -3px 0 5px 2px rgba(255,255,255,.16);background-size:190px;margin:0 auto;border-radius:50%;position:relative;animation-name:move,scale,rotate;animation-duration:4s,4s,4s;animation-iteration-count:infinite,infinite,infinite;animation-timing-function:ease-in-out,linear,linear}@keyframes move{0%{left:200px}70%{left:-200px}100%{left:200px}}@keyframes scale{0%{transform:scale(1)}32%{transform:scale(.4);animation-timing-function:ease-in}70%{transform:scale(1);animation-timing-function:ease-in}75%{transform:scale(1.2);animation-timing-function:ease-in-out}86%{transform:scale(2)}98%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes rotate{0%{background-position:0}100%{background-position:190px}}.certificate-popup,.portfolio-popup{background-color:var(--bg-black-50);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;overflow-y:scroll;opacity:0;visibility:hidden;transition:all .3s ease}.certificate-popup.open,.portfolio-popup.open{visibility:visible;opacity:1}.certificate-popup .pp-loader,.portfolio-popup .pp-loader{position:fixed;left:0;top:0;height:100%;width:100%;z-index:1005;background-color:var(--bg-opacity);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.certificate-popup .pp-loader.active,.portfolio-popup .pp-loader.active{visibility:visible;opacity:1}.certificate-popup .pp-loader div,.portfolio-popup .pp-loader div{height:40px;width:40px;border:3px solid var(--skin-color);border-radius:50%;border-right:3px solid transparent;animation:spin 2s linear infinite}.certificate-popup .pp-details,.portfolio-popup .pp-details{max-width:1350px;width:calc(85% + 35px);margin:auto;max-height:0;overflow:hidden;opacity:0;transition:all .5s ease}.certificate-popup .pp-details.active,.portfolio-popup .pp-details.active{opacity:1}.certificate-popup .pp-details-inner,.portfolio-popup .pp-details-inner{padding:30px 0}.certificate-popup .pp-title,.portfolio-popup .pp-title{padding:0 15px}.certificate-popup .pp-title h2,.portfolio-popup .pp-title h2{font-size:26px;color:var(--text-black-900);text-transform:capitalize;font-weight:600}.certificate-popup .pp-title p,.portfolio-popup .pp-title p{font-size:14px;font-weight:600;color:var(--text-black-600);margin:0 0 15px;border-bottom:1px solid var(--bg-black-100);padding-bottom:10px}.certificate-popup .pp-title p span,.portfolio-popup .pp-title p span{font-weight:400;text-transform:capitalize}.certificate-popup .pp-certificate-details h3,.portfolio-popup .pp-project-details h3{font-size:20px;font-weight:600;color:var(--text-black-700);margin:0 0 15px;text-transform:capitalize}.certificate-popup .description,.portfolio-popup .description{flex:0 0 65%;max-width:65%;padding:0 15px}.certificate-popup .description p,.portfolio-popup .description p{font-size:14px;color:var(--text-black-600);line-height:26px;margin:0}.certificate-popup .info,.portfolio-popup .info{flex:0 0 35%;max-width:35%;padding:0 15px}.certificate-popup .info ul li,.portfolio-popup .info ul li{display:block;margin-bottom:10px;font-weight:600;color:var(--text-black-600);font-size:14px}.certificate-popup .info ul li span,.portfolio-popup .info ul li span{font-weight:400}.certificate-popup .info ul li a,.portfolio-popup .info ul li a{color:var(--skin-color)}.certificate-popup .info ul li:last-child,.portfolio-popup .info ul li:last-child{margin-bottom:0}.certificate-popup .separator,.portfolio-popup .separator{height:1px;width:100%;display:block;background-color:var(--bg-black-100)}.certificate-popup .pp-img,.portfolio-popup .pp-img{max-width:100%;width:auto;height:auto;padding:10px;border-radius:10px}.certificate-popup .pp-main,.portfolio-popup .pp-main{min-height:100vh;max-width:1350px;width:85%;margin:auto;display:flex;align-items:center;justify-content:center}.certificate-popup .pp-main-inner,.portfolio-popup .pp-main-inner{padding:70px 0 50px;position:relative}.certificate-popup .pp-certificate-details-btn,.portfolio-popup .pp-project-details-btn{position:absolute;left:0;border-radius:30px;font-size:16px;font-weight:500;color:var(--skin-color);cursor:pointer;padding:0 15px;top:15px;height:40px;line-height:40px;transition:all .3s ease}.certificate-popup .pp-certificate-details-btn i,.portfolio-popup .pp-project-details-btn i{margin-left:4px}.certificate-popup .pp-certificate-details-btn:after,.portfolio-popup .pp-project-details-btn:after{border-radius:30px}.certificate-popup .pp-close,.portfolio-popup .pp-close{position:absolute;right:0;border-radius:50%;height:40px;width:40px;top:15px;text-align:center;line-height:35px;font-size:35px;color:var(--text-black-600);cursor:pointer;transition:all .3s ease}.certificate-popup .pp-close:after,.portfolio-popup .pp-close:after{border-radius:50%}.certificate-popup .pp-counter,.portfolio-popup .pp-counter{position:absolute;right:0;height:40px;line-height:40px;bottom:5px;font-size:16px;color:var(--text-black-600)}.certificate-popup .pp-next,.certificate-popup .pp-prev,.portfolio-popup .pp-next,.portfolio-popup .pp-prev{position:fixed;top:50%;height:40px;width:40px;text-align:center;font-size:20px;cursor:pointer;z-index:1010;color:var(--text-black-900);transition:all .3s ease;opacity:.5}.certificate-popup .pp-next:hover,.certificate-popup .pp-prev:hover,.portfolio-popup .pp-next:hover,.portfolio-popup .pp-prev:hover{opacity:1}.certificate-popup .pp-next i,.certificate-popup .pp-prev i,.portfolio-popup .pp-next i,.portfolio-popup .pp-prev i{line-height:40px}.certificate-popup .pp-prev i,.portfolio-popup .pp-prev i{transform:rotate(180deg)}.certificate-popup .pp-prev,.portfolio-popup .pp-prev{left:15px}.certificate-popup .pp-next,.portfolio-popup .pp-next{right:15px}.testimonial-section{padding:80px 0 80px;min-height:100vh}.testimonial-section .testi-box{width:100%;max-width:600px;margin:auto;padding:0 15px}.testimonial-section .testi-slider{border-radius:10px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.testimonial-section .testi-slider-container{display:flex;transition:margin 1s ease;align-items:center}.testimonial-section .testi-item{padding:30px;text-align:center;position:relative}.testimonial-section .testi-item i{position:absolute;font-size:30px;color:var(--text-black-600);opacity:.6}.testimonial-section .testi-item i.left{left:5px;top:5px}.testimonial-section .testi-item i.right{right:5px;bottom:5px}.testimonial-section .testi-item p{font-size:14px;line-height:26px;color:var(--text-black-600);margin:0 0 30px}.testimonial-section .testi-item img{max-width:70px;display:inline-block;width:100%}.testimonial-section .testi-item span{display:block;margin:10px 0 0;font-weight:600;font-size:16px;color:var(--text-black-700);text-transform:capitalize}.testimonial-section .testi-item .testi-profile img{border-radius:50%}.testimonial-section .testi-item .testi-profile h5{color:var(--text-black-700)}.testimonial-section .testi-slider-nav{margin-top:30px;text-align:center}.testimonial-section .testi-slider-nav span{height:40px;width:40px;color:var(--skin-color);display:inline-block;font-size:20px;cursor:pointer;transition:all .3s ease;border-radius:50%;margin:0 4px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.testimonial-section .testi-slider-nav span:after{border-radius:50%}.testimonial-section .testi-slider-nav span i{line-height:40px}.contact-section{padding:80px 0 80px;min-height:100vh}.contact-section .contact-item{flex:0 0 33.33%;max-width:33.33%;padding:15px;display:flex}.contact-section .contact-item-inner{padding:30px 15px;text-align:center;border-radius:10px;width:100%}.contact-section .contact-item-inner i{font-size:25px;color:var(--skin-color)}.contact-section .contact-item-inner span{display:block;font-size:16px;font-weight:600;color:var(--text-black-700);margin:15px 0 10px;text-transform:capitalize}.contact-section .contact-item-inner a{text-decoration:none}.contact-section .contact-item-inner p{font-size:16px;color:var(--text-black-600);line-height:26px;margin:0;word-break:break-word}.contact-section .contact-form{flex:0 0 100%;max-width:100%;margin-top:50px}.contact-section .mailan{padding-bottom:30px}.contact-section .w-50{padding:0 15px;flex:0 0 50%;max-width:50%}.contact-form div{-webkit-user-select:text;-ms-user-select:text;user-select:text}.contact-section .input-group{margin:0 0 25px;transition:all .3s ease;border-radius:30px}.contact-section .input-group::after{border-radius:30px}.contact-section .input-group .input-control{height:45px;display:block;width:100%;border-radius:30px;border:none;background-color:transparent;font-size:16px;padding:0 15px;color:var(--text-black-600)}.contact-section .input-group textarea.input-control{height:184px;padding:15px;resize:none}.contact-section .submit-btn{flex:0 0 100%;max-width:100%;text-align:right;padding:0 15px}.process{width:170px;box-shadow:0 1px 10px #0a990a,0 2px 15px #990a0a,0 3px 20px #0a0a99,-1px 1px 25px #0a990a,-1px 2px 30px #990a0a,-1px 3px 35px #0a0a99}.process::before{content:" ";position:absolute;background-color:#3bb78f;background-image:linear-gradient(315deg,#3bb78f 0,#0bab64 74%);height:100%;top:0;left:0;width:0%;animation:processing 1s;border-radius:30px;z-index:-1}.tick{position:absolute;left:10px;top:10px;opacity:1;transition:left .5s}.submitted{padding-left:40px;animation:tick .6s;background-image:linear-gradient(315deg,#3bb78f 0,#0bab64 74%);box-shadow:0 1px 10px #0a990a,0 2px 15px #990a0a,0 3px 20px #0a0a99,-1px 1px 25px #0a990a,-1px 2px 30px #990a0a,-1px 3px 35px #0a0a99}.mail{align-items:center;justify-content:center}.letter-image{width:200px;height:200px;cursor:pointer;display:flex;justify-content:center;cursor:pointer}.animated-mail{-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;display:flex;justify-content:center}.animated-mail .body{width:0;height:0;border-style:solid;position:absolute;border-width:0 0 100px 200px;border-color:transparent transparent #e95f55 transparent;z-index:2}.animated-mail .top-fold{width:0;height:0;border-style:solid;border-width:50px 100px 0 100px;position:absolute;-webkit-transform-origin:50% 0;-webkit-transition:transform .4s .4s,z-index .2s .4s;-moz-transform-origin:50% 0;-moz-transition:transform .4s .4s,z-index .2s .4s;transform-origin:50% 0;transition:transform .4s .4s,z-index .2s .4s;border-color:#cf4a43 transparent transparent transparent;z-index:2}.animated-mail .back-fold{width:200px;height:100px;background:#cf4a43;position:absolute;z-index:0}.animated-mail .left-fold{width:0;height:0;border-style:solid;position:relative;border-width:50px 100px 50px 100px;border-color:transparent transparent transparent #e15349;z-index:2}.animated-mail .letter{width:160px;height:60px;background:#fff;position:absolute;z-index:1;overflow:hidden;-webkit-transition:.4s .2s;-moz-transition:.4s .2s;transition:.4s .2s}.animated-mail .letter .letter-border{height:10px;width:100%;position:absolute;background:repeating-linear-gradient(-45deg,#cb5a5e,#cb5a5e 8px,transparent 8px,transparent 18px)}.animated-mail .letter .letter-title{height:10px;width:40%;transform:translate(10px,25px);background:#cb5a5e}.animated-mail .letter .letter-context{height:10px;width:20%;transform:translate(10px,45px);background:#cb5a5e}.animated-mail .letter .letter-stamp{border-radius:100%;height:30px;width:30px;transform:translate(120px,80px);background:#cb5a5e;opacity:.3}.shadow{width:400px;height:30px;position:absolute;transform:translateY(500%);transition:.4s;-webkit-transition:.4s;-webkit-transform:translateY(500%);-moz-transition:.4s;-moz-transform:translateY(500%);border-radius:100%;background:radial-gradient(rgba(0,0,0,.5),rgba(0,0,0,0),rgba(0,0,0,0))}.letter-image:hover .animated-mail{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px)}.letter-image:hover .animated-mail .top-fold{transition:transform .4s,z-index .2s;transform:rotateX(180deg);-webkit-transition:transform .4s,z-index .2s;-webkit-transform:rotateX(180deg);-moz-transition:transform .4s,z-index .2s;-moz-transform:rotateX(180deg);z-index:0}.letter-image:hover .animated-mail .letter{height:180px;transform:translateY(-100px)}.letter-image:hover .shadow{width:250px}.effect-6{top:0;left:0}.sun{z-index:-100000;width:200px;height:200px;background:#ecff00;background:radial-gradient(circle,rgba(236,255,0,.8) 0,rgba(255,184,0,.7) 100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 10000px 200px rgba(255,221,0,.6)}.mercury{z-index:10;width:10px;height:10px;background-color:#decda0;position:absolute;top:calc(50% + 110px);left:calc(50% + 110px);border-radius:50%;animation:moving 6.8s infinite linear;transform-origin:calc(-900% - 20px) calc(-900% - 20px)}.orbit-mercury{width:323px;height:323px;border:3px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.venera{z-index:10;width:20px;height:20px;background-color:#f7d77e;position:absolute;top:calc(50% + 155px);left:calc(50% + 155px);border-radius:50%;animation:moving 10.5s infinite linear;transform-origin:calc(-675% - 20px) calc(-675% - 20px)}.orbit-venera{width:463px;height:463px;border:3px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.earth{z-index:10;width:22px;height:22px;background-color:#3bb4ff;position:absolute;top:calc(50% + 205px);left:calc(50% + 205px);border-radius:50%;animation:moving 14.5s infinite linear;transform-origin:calc(-840% - 20px) calc(-840% - 20px)}.orbit-earth{width:603px;height:603px;border:3px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marc{z-index:10;width:15px;height:15px;background-color:#db5625;position:absolute;top:calc(50% + 255px);left:calc(50% + 255px);border-radius:50%;animation:moving 20.7s infinite linear;transform-origin:calc(-1570% - 20px) calc(-1570% - 20px)}.marc-orbit{width:743px;height:743px;border:3px solid rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-container{display:block;position:relative;width:800px;max-width:100%;margin:0 auto;z-index:-10}.animation-container .lightning-container{position:absolute;top:250px;left:0;display:flex;transform:translateY(50%)}.animation-container .lightning-container .lightning{position:absolute;display:block;height:12px;width:12px;border-radius:12px;transform-origin:6px 6px;animation-name:woosh;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.445,.05,.55,.95);animation-direction:alternate}.animation-container .lightning-container .lightning.white{background-color:#fff;box-shadow:0 50px 50px 0 rgba(255,255,255,.3)}.animation-container .lightning-container .lightning.red{background-color:#fc7171;box-shadow:0 50px 50px 0 rgba(252,113,113,.3);animation-delay:.2s}.animation-container .boom-container{position:absolute;display:flex;width:80px;height:80px;text-align:center;align-items:center;transform:translateY(50%);left:200px;top:22px}.animation-container .boom-container .shape{display:inline-block;position:relative;opacity:0;transform-origin:center center}.animation-container .boom-container .shape.triangle{width:0;height:0;border-style:solid;transform-origin:50% 80%;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:infinite;margin-left:-15px;border-width:0 2.5px 5px 2.5px;border-color:transparent transparent #42e599 transparent;animation-name:boom-triangle}.animation-container .boom-container .shape.triangle.big{margin-left:-25px;border-width:0 5px 10px 5px;border-color:transparent transparent #fade28 transparent;animation-name:boom-triangle-big}.animation-container .boom-container .shape.disc{width:8px;height:8px;border-radius:100%;background-color:#d15ff4;animation-name:boom-disc;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:infinite}.animation-container .boom-container .shape.circle{width:20px;height:20px;animation-name:boom-circle;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:infinite;border-radius:100%;margin-left:-30px}.animation-container .boom-container .shape.circle.white{border:1px solid #fff}.animation-container .boom-container .shape.circle.big{width:40px;height:40px;margin-left:0}.animation-container .boom-container .shape.circle.big.white{border:2px solid #fff}.animation-container .boom-container .shape:after{background-color:rgba(178,215,232,.2)}.animation-container .boom-container .shape.circle,.animation-container .boom-container .shape.circle.big,.animation-container .boom-container .shape.disc,.animation-container .boom-container .shape.triangle{animation-delay:.38s;animation-duration:3s}.animation-container .boom-container .shape.circle{animation-delay:.6s}.animation-container .boom-container.second{left:485px;top:325px}.animation-container .boom-container.second .shape.circle,.animation-container .boom-container.second .shape.circle.big,.animation-container .boom-container.second .shape.disc,.animation-container .boom-container.second .shape.triangle{animation-delay:1.9s}.animation-container .boom-container.second .shape.circle{animation-delay:2.15s}.birthday{width:100%;align-items:center}.title-ctd{width:100%}.about-section .birthday .title-ctd h1{font-size:25px;color:var(--text-black-900);font-weight:700;text-align:center;padding-top:5%;padding-bottom:5%}.about-section .birthday .title-ctd span{color:var(--skin-color);font-weight:700}.container-ctd{display:flex;justify-content:center;transform:scale(.7)}.cake{display:flex;justify-content:center;width:250px;background-color:#745a4a;border-radius:100%;margin-bottom:120px;z-index:11;box-shadow:0 4px 0 #6b5344,0 8px 0 #6b5344,0 12px 0 #6b5344,0 16px 0 #6b5344,0 20px 0 #6b5344,0 24px 0 #6b5344,0 28px 0 #6b5344,0 32px 0 #e76868,0 36px 0 #e76868,0 40px 0 #f8ecc9,0 44px 0 #f8ecc9,0 48px 0 #f8ecc9,0 52px 0 #f8ecc9,0 56px 0 #6b5344,0 60px 0 #6b5344,0 64px 0 #6b5344,0 68px 0 #6b5344,0 72px 0 #6b5344,0 76px 0 #6b5344,0 80px 0 #6b5344}.cake__candle{width:5px;height:40px;background-image:repeating-linear-gradient(-45deg,#fff,#fff 5px,#e76868 5px,#e76868 10px);position:relative;top:-15px}.cake__candle:before{display:flex;position:relative;content:"";top:-25px;left:-8px;width:20px;height:20px;background:orange;border-radius:0 100px 60px 100px;transform:rotate(40deg);animation:.3s flicker infinite ease}.cake__candle:after{content:"";display:flex;justify-content:center;position:relative;top:-25px;left:-30px;width:5px;height:67px;background-color:#000;border-radius:15px 5px 5px 0;opacity:.2;transform:rotate(-250deg)}.countdown{display:flex;justify-content:center}.clock{display:flex;justify-content:space-between;max-width:500px;width:100%;padding-bottom:10%;text-transform:uppercase;font-weight:700}.clock__days,.clock__hours,.clock__minutes,.clock__seconds{font-size:18px;font-weight:300;color:var(--text-black-600)}.clock__days span,.clock__hours span,.clock__minutes span,.clock__seconds span{font-size:60px;font-weight:700;color:var(--text-black-900)}@keyframes flicker{0%{transform:rotate(45deg)}50%{transform:rotate(40deg)}75%{transform:rotate(45deg)}100%{transform:rotate(48deg)}}.leaves-before-fall-hide{overflow-y:hidden}#leaves{position:relative;top:-50px;height:0;width:100%;text-align:right}#leaves i{display:inline-block;width:200px;height:150px;background:linear-gradient(to bottom right,#309900,#005600);transform:skew(20deg);border-radius:5% 40% 70%;box-shadow:inset 0 0 1px #222;border:1px solid #333;z-index:1;animation:falling 5s 0s infinite}#leaves i:nth-of-type(2n){animation:falling2 5s 0s infinite}#leaves i:nth-of-type(3n){animation:falling3 5s 0s infinite}#leaves i:before{position:absolute;content:"";top:117px;right:9px;height:27px;width:32px;transform:rotate(49deg);border-radius:0 15% 15% 0;border-top:1px solid #222;border-bottom:1px solid #222;border-left:0 solid #222;border-right:1px solid #222;background:linear-gradient(to right,rgba(0,100,0,1),#005600);z-index:1}#leaves i:after{content:"";height:125px;width:10px;background:linear-gradient(to right,rgba(0,0,0,.15),rgba(0,0,0,0));display:block;transform:rotate(125deg);position:absolute;left:85px;border-radius:50%}#leaves i:nth-of-type(n){height:23px;width:30px}#leaves i:nth-of-type(n):before{width:7px;height:5px;top:17px;right:1px}#leaves i:nth-of-type(n):after{width:2px;height:17px;left:12px;top:0}#leaves i:nth-of-type(2n+1){height:11px;width:16px}#leaves i:nth-of-type(2n+1):before{width:4px;height:3px;top:7px;right:0}#leaves i:nth-of-type(2n+1):after{width:2px;height:6px;left:5px;top:1px}#leaves i:nth-of-type(3n+2){height:17px;width:23px}#leaves i:nth-of-type(3n+2):before{height:4px;width:4px;top:12px;right:1px}#leaves i:nth-of-type(3n+2):after{height:10px;width:2px;top:1px;left:8px}#leaves i:nth-of-type(n){animation-delay:.9s}#leaves i:nth-of-type(2n){animation-delay:1.9s}#leaves i:nth-of-type(3n){animation-delay:2.3s}#leaves i:nth-of-type(4n){animation-delay:.4s}#leaves i:nth-of-type(5n){animation-delay:5s}#leaves i:nth-of-type(6n){animation-delay:3.5s}#leaves i:nth-of-type(7n){animation-delay:2.8s}#leaves i:nth-of-type(8n){animation-delay:1.5s}#leaves i:nth-of-type(9n){animation-delay:3.3s}#leaves i:nth-of-type(10n){animation-delay:2.5s}#leaves i:nth-of-type(11n){animation-delay:.2s}#leaves i:nth-of-type(12n){animation-delay:4.1s}#leaves i:nth-of-type(13n){animation-delay:1.5s}#leaves i:nth-of-type(14n){animation-delay:4.7s}#leaves i:nth-of-type(15n){animation-delay:3s}#leaves i:nth-of-type(n){background:linear-gradient(to bottom right,#309900,#005600)}#leaves i:nth-of-type(2n+2){background:linear-gradient(to bottom right,#5e9900,#2b5600)}#leaves i:nth-of-type(4n+1){background:linear-gradient(to bottom right,#990,#564500)}#leaves i:nth-of-type(n){opacity:.7}#leaves i:nth-of-type(3n+1){opacity:.5}#leaves i:nth-of-type(3n+2){opacity:.3}#leaves i:nth-of-type(n){transform:rotate(180deg)}#leaves i:nth-of-type(n){animation-timing-function:ease-in-out}@keyframes falling{0%{-webkit-transform:translate3d(300,0,0) rotate(0)}100%{-webkit-transform:translate3d(-350px,700px,0) rotate(90deg);opacity:0}}@keyframes falling3{0%{-webkit-transform:translate3d(0,0,0) rotate(-20deg)}100%{-webkit-transform:translate3d(-230px,640px,0) rotate(-70deg);opacity:0}}@keyframes falling2{0%{-webkit-transform:translate3d(0,0,0) rotate(90deg)}100%{-webkit-transform:translate3d(-400px,680px,0) rotate(0);opacity:0}}.eye-movement{transform:scale(.3);width:100%;height:100px;position:relative;top:-40px}.eye{background:#eceae8;width:200px;height:200px;border-radius:150px 20px 150px 20px;overflow:hidden;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px;transform:rotate(45deg);cursor:pointer}.iris{width:100px;height:100px;background:var(--skin-color);border-radius:50px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;animation:irisMove 10s infinite}.pupil{width:40px;height:40px;background:#000;border-radius:20px;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px}.shine{width:15px;height:15px;background:#fff;border-radius:20px;position:absolute;top:30%;left:53%;margin-left:-10px;margin-top:-10px}.sheen{width:0;height:0;border-style:solid;border-width:20px 0 20px 40px;border-color:transparent transparent transparent #fff;opacity:.3;transform:rotate(90deg);margin-left:0;margin-top:-30px}.shut{width:280px;height:100px;position:relative;top:38%;left:40%;transform:translate(-50%,-50%) rotate(-45deg);z-index:999}.shut span{display:block;width:100%;height:20%;background:var(--skin-color);border-radius:0 0 60% 60%;transition:.4s all}.eye:hover>.shut span{height:200%}@keyframes irisMove{0%{top:50%;left:50%}15%{top:50%;left:20%}33%{top:50%;left:70%}66%{top:80%;left:45%}100%{top:50%;left:50%}}.pyro .after,.pyro .before{position:absolute;width:5px;height:5px;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;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}.pyro .after{-moz-animation-delay:1.25s,1.25s,1.25s;-webkit-animation-delay:1.25s,1.25s,1.25s;-o-animation-delay:1.25s,1.25s,1.25s;-ms-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-moz-animation-duration:1.25s,1.25s,6.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;-o-animation-duration:1.25s,1.25s,6.25s;-ms-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{to{box-shadow:200px -269.6666666667px #10f,-18px -347.6666666667px #50f,-221px -296.6666666667px #00ff7b,59px 48.3333333333px #4000ff,-183px -387.6666666667px #0073ff,211px -20.6666666667px #b7ff00,-79px -351.6666666667px #aeff00,158px 66.3333333333px #c4ff00,93px -151.6666666667px #00ff62,197px -376.6666666667px #00d0ff,73px -176.6666666667px #59ff00,164px -273.6666666667px #f700ff,18px 77.3333333333px #f20,238px -238.6666666667px #00fff2,-30px -216.6666666667px #004cff,69px -186.6666666667px #ff2600,-61px 67.3333333333px #00ffe1,-105px -211.6666666667px #f70,-154px -118.6666666667px #0015ff,-198px -170.6666666667px #ff00ea,195px -119.6666666667px #6a00ff,43px -395.6666666667px #0ff,87px 28.3333333333px #95ff00,-169px -213.6666666667px #6a00ff,194px -92.6666666667px #ff00d0,-9px -314.6666666667px #ffb700,-227px -144.6666666667px #f50,240px -391.6666666667px #ff00a2,57px -223.6666666667px #003cff,-230px -180.6666666667px #00ff59,130px -289.6666666667px #00c8ff,-97px -140.6666666667px #000dff,37px 15.3333333333px #d000ff,-222px -327.6666666667px #ff8c00,240px -13.6666666667px #ff0d00,234px 12.3333333333px #ff00a2,-127px 83.3333333333px #ff002b,66px 56.3333333333px #0fe,-48px -304.6666666667px #1aff00,-59px 35.3333333333px #e100ff,-98px 35.3333333333px #00ff5e,-61px -276.6666666667px #8400ff,162px -388.6666666667px #00b7ff,-16px -415.6666666667px #00e1ff,4px -292.6666666667px #0095ff,-89px 71.3333333333px #ff6f00,-13px -340.6666666667px #9100ff,26px 66.3333333333px #7b00ff,182px -149.6666666667px #e0f,-47px -307.6666666667px #ffd900,-116px -244.6666666667px #003cff}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}@keyframes 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%}}#container-about-title{width:100vw;height:80pt;bottom:0;filter:url(#threshold) blur(.6px);padding-bottom:150px}#text1,#text2{position:absolute;width:100%;display:inline-block;font-family:system-ui,sans-serif;font-size:40px;font-weight:700;text-align:center;user-select:none}#text1{color:#fff}#text2{color:var(--skin-color)}#filters{height:0;width:0}#crowd-simulator{width:100%!important;height:100%!important;position:absolute;z-index:-999}canvas#webgl-canvas{position:absolute;opacity:.4;z-index:-999999999999999;width:100%!important;height:100%!important;background:0 0}