*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{color:var(--body-color);font-family:var(--body-font);line-height:1.4;font-size:16px;font-weight:400;-moz-osx-font-smoothing:grayscale;word-break:break-word;-webkit-font-smoothing:antialiased;padding:0;margin:0;overflow-x:hidden}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,ul,ol,li{padding:0;margin:0}a,a:hover{text-decoration:none;color:inherit}button{padding:0;border:none;outline:0;box-shadow:none}button:fucus{outline:0}.container{max-width:1160px;padding-left:16px;padding-right:16px}.row{margin:0 -16px}[class=col-]{padding:0 16px}:root{--primary-color: #8750f7;--body-color: #ddd;--primary-color: #8750f7;--primary-color-light: #140c1c;--secondary-color: #2a1454;--white-color: #ffffff;--off-white-color: #f6f3fc;--black-color: #050709;--gray-color: #d9d9d9;--gray-color2: #747779;--gray-color3: #22272c;--accent-color: #0f0715;--cream-light-color: #f6f3fc;--body-font: "Raleway", sans-serif;--font-family: "Raleway";--font-secondary: "Montserrat", "Raleway";--tw-bg-opacity: 1;--border-color: rgba(42, 20, 84, 1);--border-color-hover: rgba(135, 80, 247, 1);--trans-hover-ease-in-out: all 0.3s ease 0s;--trans-hover: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes scale{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}100%{transform:scale(1);opacity:.5}}.f-medium{font-family:var(--font-family);font-weight:500}.f-normal{font-family:var(--font-family);font-weight:400}.f-semibold{font-family:var(--font-family);font-weight:700}.f-bold{font-family:var(--font-family);font-weight:800}.f-secondary{font-family:var(--font-secondary);font-weight:400}.f-secondary-medium{font-family:var(--font-secondary);font-weight:600}.f-secondary-bold{font-family:var(--font-secondary);font-weight:700}.fz-12{font-size:12px}@media(max-width: 991px){.fz-12{font-size:calc(12px*.625)}}.fz-16{font-size:16px}@media(max-width: 991px){.fz-16{font-size:calc(16px*.625)}}.fz-20{font-size:20px}@media(max-width: 991px){.fz-20{font-size:calc(20px*.625)}}.fz-24{font-size:24px}@media(max-width: 991px){.fz-24{font-size:calc(24px*.625)}}.fz-28{font-size:28px}@media(max-width: 991px){.fz-28{font-size:calc(28px*.625)}}.fz-32{font-size:32px}@media(max-width: 991px){.fz-32{font-size:calc(32px*.625)}}.fz-36{font-size:36px}@media(max-width: 991px){.fz-36{font-size:calc(36px*.625)}}.fz-40{font-size:40px}@media(max-width: 991px){.fz-40{font-size:calc(40px*.625)}}.fz-44{font-size:44px}@media(max-width: 991px){.fz-44{font-size:calc(44px*.625)}}.fz-48{font-size:48px}@media(max-width: 991px){.fz-48{font-size:calc(48px*.625)}}.fz-52{font-size:52px}@media(max-width: 991px){.fz-52{font-size:calc(52px*.625)}}.fz-56{font-size:56px}@media(max-width: 991px){.fz-56{font-size:calc(56px*.625)}}.fz-60{font-size:60px}@media(max-width: 991px){.fz-60{font-size:calc(60px*.625)}}.fz-64{font-size:64px}@media(max-width: 991px){.fz-64{font-size:calc(64px*.625)}}.fz-68{font-size:68px}@media(max-width: 991px){.fz-68{font-size:calc(68px*.625)}}.fz-72{font-size:72px}@media(max-width: 991px){.fz-72{font-size:calc(72px*.625)}}.fz-76{font-size:76px}@media(max-width: 991px){.fz-76{font-size:calc(76px*.625)}}.fz-80{font-size:80px}@media(max-width: 991px){.fz-80{font-size:calc(80px*.625)}}.text-primary-gradient{background:linear-gradient(90deg, var(--primary-color), var(--white-color));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.c-white{color:var(--white-color)}.c-primary{color:var(--primary-color)}.c-black{color:var(--black-color)}.c-gray{color:var(--gray-color)}.c-body{color:var(--body-color)}body{background-color:rgb(15 7 21/var(--tw-bg-opacity, 1));background-size:400% 400%;overflow-x:hidden;width:100%;height:100%}.intro-page{position:relative;display:flex;width:100%;height:100vh}.text-line{stroke-dasharray:500;stroke-dashoffset:500;animation:dash 5s linear forwards,filling 5s ease-in forwards;font-size:70px}@media only screen and (max-width: 767px){.text-line{font-size:30px}}.text-line text{font-weight:900;text-transform:uppercase}@keyframes dash{to{stroke-dashoffset:0}}@keyframes filling{0%,90%{fill:rgba(0,0,0,0);fill-opacity:0}100%{fill:rgba(0,0,0,0);fill-opacity:1}}.intro-page{display:flex;margin:auto;width:100%;align-items:center;justify-content:center}.intro-page__content{display:flex;width:100%}.hero-section{display:flex;width:100%;justify-content:center;padding-top:200px;padding-bottom:50px;position:relative;overflow:hidden}.hero-section::after{content:"";width:250px;height:250px;border-radius:50%;position:absolute;top:-50px;right:-20px;filter:blur(150px);background-image:linear-gradient(260deg, #8750f7, rgba(115, 67, 210, 0))}.hero-section .container{position:relative;display:flex;align-items:center}.hero-section .text-intro{display:inline-flex;width:50%;flex-direction:column}.hero-section .profile-box{display:inline-flex;width:50%;align-items:center;justify-content:center}.hero-section .profile-box__image{--tw-border-opacity: 1;display:flex;width:470px;height:500px;transition:var(--trans-hover);transform:rotate(4.5deg);overflow:hidden;border-radius:38px;padding:2px;background:var(--border-color)}.hero-section .profile-box__image img{object-fit:cover;width:100%;height:100%;border-radius:38px}.hero-section .profile-box__image:hover{transform:rotate(0);border-color:var(--border-color-hover)}.experience-section{display:flex;width:100%;padding-bottom:60px}.experience-section .container{display:flex;justify-content:space-between;align-items:center}.experience-section .countup-timer{display:flex}.experience-section .countup-timer__wrapper{display:flex;align-items:center;gap:20px;margin-right:40px}.experience-section .countup-timer__meter{font-size:74px;line-height:74px;font-weight:600;display:flex;align-items:center}.experience-section .countup-timer__meter span{font-family:var(--font-secondary);display:flex}.experience-section .countup-timer__title{line-height:26px}.experience-section .countup-timer .odometer-inside{display:flex}.experience-section .countup-timer .odometer-inside span{display:flex}.experience-section .circle-box{position:relative;width:200px;height:200px;border-radius:100vmax;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:80px}.experience-section .circle-box:last-child{margin-right:0}.experience-section .circle-box__logo{position:absolute;width:140px;height:140px;border-radius:100%;background-position:center;justify-content:center;align-items:center;display:flex;top:50%;left:50%;transform:translate(-50%, -50%)}.experience-section .circle-box__logo svg{width:40px;height:auto}.experience-section .circle-box__logo svg path{fill:var(--primary-color)}.experience-section .circle-box__logo span{display:flex;font-size:30px;color:var(--primary-color);font-family:var(--font-secondary)}.experience-section .circle-box__text{position:absolute;width:100%;height:100%;color:var(--body-color);font-family:var(--font-secondary);animation:textRotation 8s linear infinite}.experience-section .circle-box__text img{width:100%;height:100%;object-fit:cover}@keyframes textRotation{to{transform:rotate(360deg)}}.about-box{display:flex;flex-direction:column;border-left:1px solid var(--body-color);padding-left:40px;min-width:350px}.marquee-works{display:flex;width:100%;overflow:hidden;background:var(--black-color)}.marquee-works__text{overflow:hidden;border-top:1px solid var(--white-color);border-bottom:1px solid var(--white-color);display:flex;padding:40px 0}.marquee-works__text h3{display:flex;width:100%;flex-wrap:nowrap;white-space:nowrap;text-transform:uppercase}.marquee-works__text h3 span{display:flex;margin:0;color:var(--white-color);transition:var(--trans-hover);-webkit-text-stroke:1px var(--white-color)}.marquee-works__text h3 span::after{content:"#";font-size:48px;color:var(--white-color);display:flex;margin:0 20px;position:relative}.marquee-works__text h3 span:hover{color:rgba(0,0,0,0)}.my-Experience{display:flex;background:var(--black-color);padding:60px 0}.onmouse-over{position:relative}.onmouse-over::before{content:"";position:absolute;top:var(--y);left:var(--x);transform:translate(-50%, -50%);background:radial-gradient(var(--primary-color), transparent, transparent);width:200%;height:200%;opacity:0;transition:.5s,top 0s,left 0s;border-radius:20px;z-index:-1}.onmouse-over:hover::before{opacity:1}.main-header{position:fixed;top:0;padding:20px 0;width:100%;z-index:500}.main-header .main-menu{display:flex;justify-content:space-between;align-items:center}.main-header .main-menu .logo{display:flex;align-items:center;column-gap:35px}.main-header .main-menu .logo .icon{display:flex;width:60px}.main-header .main-menu .logo .icon img{width:100%;height:auto}.main-header .nav-menu{display:flex;align-items:center;column-gap:30px}.main-header .nav-menu__item{font-size:16px;color:var(--white-color)}.button-control{display:flex;width:100%;align-items:center;flex-wrap:wrap}.btn{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);height:50px;width:auto;padding:0 40px;font-size:14px;border-radius:50px;border:1px solid rgba(0,0,0,0);box-shadow:none;transition:var(--trans-hover)}.btn__primary{color:var(--primary-color);border:1px solid var(--border-color);background:rgba(0,0,0,0);font-weight:600;letter-spacing:1px}.btn__primary:hover{color:var(--body-color);background:var(--primary-color);border-color:var(--border-color-hover)}.social-group{display:flex;align-items:center;gap:12px}.social-group__button{display:flex;width:40px;height:40px;border-radius:50%;position:relative;justify-content:center;align-items:center;border:1px solid var(--border-color);transition:var(--trans-hover);position:relative;overflow:hidden}.social-group__button svg{width:30px;position:relative;z-index:1}.social-group__button svg path{transition:var(--trans-hover)}.social-group__button::after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background:var(--primary-color);transform:scale(0);transition:var(--trans-hover);z-index:0;border-radius:50%}.social-group__button:hover{border-color:var(--border-color-hover)}.social-group__button:hover::after{transform:scale(1)}.social-group__button:hover svg path{fill:var(--body-color)}/*# sourceMappingURL=main.min.css.map */