.hero{overflow:hidden;height:calc(100vh - 96px);width:100%;max-width:1100px;margin:auto;position:relative}.hero .wrapper{overflow:hidden;display:flex;justify-content:space-between;height:100%;align-items:center}.hero .wrapper .leftside{padding-top:2rem;flex:2;display:flex;flex-direction:column;gap:1rem;font-family:Space Grotesk,sans-serif}.hero .wrapper .leftside h1{font-size:4rem;margin-top:3rem}.hero .wrapper .leftside h1 span{display:none}.hero .wrapper .leftside h3{font-size:1.5rem;color:#caa6f7}.hero .wrapper .leftside h4{font-size:1.25rem;color:#caa6f7}.hero .wrapper .leftside h4 span{color:#bbf7d0}.hero .wrapper .leftside .social{display:flex;gap:1rem}.hero .wrapper .leftside .social a i{font-size:1.5rem;color:#fdbd6e}.hero .wrapper .leftside button{padding:.8rem;border-radius:6px;background-color:transparent;border:1px solid #f2f2f2;cursor:pointer;font-size:1.2rem;color:#caa6f7}.hero .wrapper .rightside{padding-top:2rem;flex:1}.hero .wrapper .rightside .imgcont{height:400px;border-radius:10px;box-shadow:-11px -8px #a7f3d0}.hero .wrapper .rightside .imgcont img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:10px}@media (max-width: 1150px){.hero .wrapper{flex-direction:column-reverse;align-items:center;text-align:center;height:100%}.hero .wrapper .leftside{padding-top:0;align-items:center}.hero .wrapper .leftside h1{font-size:5rem}.hero .wrapper .leftside h3{font-size:1.9rem}.hero .wrapper .leftside h4{font-size:1.5rem}.hero .wrapper .rightside .imgcont{height:400px;width:400px}}@media (max-width: 900px){.hero .wrapper .leftside{justify-content:center}.hero .wrapper .leftside h1 span{display:block;font-size:4rem}.hero .wrapper .rightside{display:none}}@media (max-width: 600px){.hero .wrapper .leftside .social{margin-block:1rem}}@media (max-width: 409px){.hero .wrapper .leftside h1{font-size:4rem}.hero .wrapper .leftside h1 span{font-size:3.6rem}.hero .wrapper .leftside h3{font-size:1.6rem}.hero .wrapper .leftside h4{font-size:1.3rem}}@media (max-width: 344px){.hero .wrapper .leftside h1{font-size:3.5rem}.hero .wrapper .leftside h1 span{font-size:3.1rem}.hero .wrapper .leftside h3{font-size:1.5rem}.hero .wrapper .leftside h4{font-size:1.2rem}}.trapper{height:100%;width:90%;position:absolute;z-index:-1}.trapper>div{height:30px;width:30px;background:#6969eb5e;border-radius:50px;position:absolute;top:10%;left:10%;animation:4s linear infinite}.trapper>div:nth-child(odd){background:#f365238b}.trapper>div:nth-child(2n){background:#01a1e188}div .dot{height:10px;width:10px;border-radius:50px;background:#e0d3d380;position:absolute;top:20%;right:20%}.trapper>div:nth-child(1){top:20%;left:20%;animation:animate 8s linear infinite}.trapper>div:nth-child(2){top:60%;left:80%;animation:animate 10s linear infinite}.trapper>div:nth-child(3){top:40%;left:40%;animation:animate 3s linear infinite}.trapper>div:nth-child(4){top:66%;left:30%;animation:animate 7s linear infinite}.trapper>div:nth-child(5){top:90%;left:10%;animation:animate 9s linear infinite}.trapper>div:nth-child(6){top:30%;left:60%;animation:animate 5s linear infinite}.trapper>div:nth-child(7){top:70%;left:20%;animation:animate 8s linear infinite}.trapper>div:nth-child(8){top:75%;left:60%;animation:animate 10s linear infinite}.trapper>div:nth-child(9){top:50%;left:50%;animation:animate 6s linear infinite}.trapper>div:nth-child(10){top:45%;left:20%;animation:animate 10s linear infinite}.trapper>div:nth-child(11){top:10%;left:90%;animation:animate 9s linear infinite}.trapper>div:nth-child(12){top:20%;left:70%;animation:animate 7s linear infinite}.trapper>div:nth-child(13){top:20%;left:20%;animation:animate 8s linear infinite}.trapper>div:nth-child(14){top:60%;left:5%;animation:animate 6s linear infinite}.trapper>div:nth-child(15){top:90%;left:80%;animation:animate 9s linear infinite}@keyframes animate{0%{transform:scale(0) translateY(0) rotate(70deg)}to{transform:scale(1.3) translateY(-100px) rotate(360deg)}}.navbar{position:relative;overflow:hidden;z-index:999}.navbar .wrapper{width:100%;max-width:1100px;height:80px;margin:auto;display:flex;justify-content:center;align-items:center;gap:3rem}.navbar .wrapper .navlists{position:fixed;top:.8rem;padding-inline:2rem;padding-block:.6rem;border-radius:10px;background-color:#0000001a;display:flex;justify-content:center;gap:1rem}.navbar .wrapper .navlists .list{font-weight:600;transition:all 1s ease;border-radius:10px}.navbar .wrapper .navlists .list:hover{background-color:#caa6f7;color:#333;border-radius:10px}.navbar .wrapper .navlists .list a{padding:.5rem 1rem;display:block}.navbar .wrapper .cvwrap{position:fixed;right:1rem;top:21px;width:50px;height:50px;border-radius:50px;background-color:#fdbd6e;color:#333;animation:rotate-animation 10s infinite linear}.navbar .wrapper .cvwrap a{display:block;height:100%;display:flex;justify-content:center;align-items:center;color:#333;font-weight:600}@media (max-width: 1200px){.navbar .wrapper{gap:2rem}.navbar .wrapper .navlists{padding-inline:4rem}}@media (max-width: 992px){.navbar .wrapper{gap:1.5rem}.navbar .wrapper .navlists{gap:.5rem}.navbar .wrapper .navlists .list{padding:.5rem .8rem}}@media (max-width: 576px){.navbar .wrapper{gap:1rem}.navbar .wrapper .navlists{padding-inline:1rem;gap:.5rem}.navbar .wrapper .navlists .list{padding:.4rem .6rem}}@media (max-width: 432px){.navbar .wrapper{gap:1rem;justify-content:flex-start}.navbar .wrapper .navlists{width:100%;justify-content:flex-start;padding-inline:1rem;gap:.5rem}.navbar .wrapper .navlists .list{padding:.4rem .6rem}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.about{margin-block:3rem}.about .wrapper{width:100%;max-width:1100px;margin:auto;overflow:hidden;display:flex;justify-content:center;align-items:center}.about .wrapper .leftside{display:flex;align-items:center;gap:2rem;flex:1}.about .wrapper .leftside .heading{writing-mode:vertical-rl;text-orientation:upright;font-size:30px;opacity:.1;letter-spacing:1rem}@media (max-width: 900px){.about .wrapper .leftside .heading{font-size:1.5rem}}@media (max-width: 600px){.about .wrapper .leftside .heading{font-size:1.25rem}}.about .wrapper .leftside .imgcont{width:150px;height:150px;border-radius:10px}.about .wrapper .leftside .imgcont img{border-radius:inherit;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:#00000029 0 1px 4px,#333 0 0 0 3px}@media (max-width: 900px){.about .wrapper .leftside .imgcont{width:100px;height:100px}}.about .wrapper .rightside{flex:2;font-size:1.1rem;line-height:1.3rem}.about .wrapper .rightside .top{font-family:Arial,sans-serif!important;margin-bottom:2rem;font-size:2rem;display:flex;justify-content:center;color:#fdbd6e}@media (max-width: 900px){.about .wrapper .rightside .top{font-size:1.5rem}}@media (max-width: 600px){.about .wrapper .rightside .top{font-size:1.25rem}}.about .wrapper .rightside .bottom{text-align:justify}@media (max-width: 900px){.about .wrapper .rightside{font-size:1rem;line-height:1.2rem}}@media (max-width: 600px){.about .wrapper .rightside{font-size:.9rem;line-height:1.1rem}}@media (max-width: 1120px){.about .wrapper{max-width:950px}}@media (max-width: 1015px){.about .wrapper{max-width:850px}}@media (max-width: 950px){.about .wrapper{max-width:800px}}@media (max-width: 860px){.about .wrapper{max-width:700px}}@media (max-width: 730px){.about .wrapper{max-width:600px}}@media (max-width: 650px){.about .wrapper{max-width:500px;gap:2rem}}@media (max-width: 535px){.about .wrapper{max-width:450px}.about .wrapper .leftside .heading{display:none}}@media (max-width: 500px){.about .wrapper{max-width:400px;gap:2rem}.about .wrapper .leftside .heading{display:none}}@media (max-width: 448px){.about .wrapper{max-width:350px;gap:1rem}}@media (max-width: 380px){.about .wrapper{height:fit-content;margin-bottom:1rem;flex-direction:column}.about .wrapper .rightside .bottom{padding-inline:.5rem}}.skills{margin-block:3rem;padding-bottom:1.5rem}.skills .wrapper{width:100%;max-width:1100px;margin:auto}.skills .wrapper .cont{display:flex;justify-content:space-between}.skills .wrapper .cont .wrap{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.skills .wrapper .cont .wrap .heading{display:flex;justify-content:center;font-size:2.5rem}@media (max-width: 900px){.skills .wrapper .cont .wrap .heading{font-size:2rem}}@media (max-width: 600px){.skills .wrapper .cont .wrap .heading{font-size:1.5rem}}.skills .wrapper .cont .wrap .lists{margin-top:2rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding-block:1rem;overflow:hidden}.skills .wrapper .cont .wrap .lists .skillcard{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:5px;background-color:#caa6f7;color:#333;box-shadow:10px 8px #bfdbfe}.skills .wrapper .cont .wrap .lists .skillcard i{font-size:1.2rem}@media (max-width: 900px){.skills .wrapper .cont .wrap .lists .skillcard i{font-size:1rem}}@media (max-width: 600px){.skills .wrapper .cont .wrap .lists .skillcard i{font-size:.9rem}}@media (max-width: 900px){.skills .wrapper .cont .wrap .lists{gap:1.5rem}}@media (max-width: 600px){.skills .wrapper .cont .wrap .lists{gap:1rem}}.skills .texthead{writing-mode:vertical-rl;text-orientation:upright;font-size:30px;opacity:.1;letter-spacing:1rem}@media (max-width: 900px){.skills .texthead{font-size:1.5rem}}@media (max-width: 600px){.skills .texthead{font-size:1.25rem}}@media (max-width: 1150px){.skills .wrapper{width:95%}}.works{width:100%;max-width:1100px;margin:auto;margin-top:3rem;margin-bottom:3rem;padding-bottom:2rem!important}.works .wrapper .wrap .heading{display:flex;justify-content:center;font-size:2.5rem}@media (max-width: 1150px){.works .wrapper .wrap .heading{font-size:2rem}}@media (max-width: 900px){.works .wrapper .wrap .heading{font-size:1.75rem}}@media (max-width: 600px){.works .wrapper .wrap .heading{font-size:1.5rem}}.works .wrapper .wrap .lists{display:flex;flex-direction:column;justify-content:center;gap:3rem;margin-top:6rem}@media (max-width: 1150px){.works .wrapper .wrap .lists{gap:2.5rem;margin-top:5rem}}@media (max-width: 900px){.works .wrapper .wrap .lists{gap:2rem;margin-top:4rem}}@media (max-width: 600px){.works .wrapper .wrap .lists{gap:1.5rem;margin-top:3rem}}@media (max-width: 600px){.works{padding:.5rem}}.workcard{padding:1rem 2rem;box-shadow:10px -8px #fde68a;border-radius:10px;margin:auto;width:80%;border:1px solid aliceblue;padding:1rem}.workcard .top{display:flex;justify-content:space-between;margin-bottom:2rem;align-items:center}.workcard .top .leftcard{font-size:1.8rem;color:#caa6f7}.workcard .top .rightcard{color:#fdbd6e;display:flex;gap:1rem;font-size:1.1rem}.workcard .middle .rolename{font-size:1.3rem;margin-bottom:1rem}.workcard .middle ul{display:flex;flex-direction:column;gap:.7rem;word-spacing:.2rem;font-size:1rem;color:#f0f8ff;margin-bottom:1rem}.workcard .bottom{display:flex;align-items:center;gap:1rem}.workcard .bottom .img{font-size:.8rem;animation:rotate-animation 10s infinite linear;background-color:#caa6f7;color:#333;padding:.3rem;border-radius:50%}.workcard .bottom .techstack{color:#bbf7d0}@media (max-width: 1200px){.workcard{width:90%;padding:1rem 1.5rem}}@media (max-width: 900px){.workcard{width:95%;padding:1rem}.workcard .top .leftcard{font-size:1.6rem}.workcard .top .rightcard{font-size:1rem;gap:.5rem}.workcard .middle .rolename{font-size:1.2rem}.workcard .middle ul{font-size:.9rem}.workcard .bottom{align-items:center;gap:.5rem}.workcard .bottom .img{font-size:.7rem;padding:.2rem}}@media (max-width: 600px){.workcard{width:100%;padding:.5rem}.workcard .top{flex-direction:column;align-items:flex-start}.workcard .top .leftcard{font-size:1.4rem}.workcard .top .rightcard{font-size:.9rem}.workcard .middle .rolename{font-size:1.1rem}.workcard .middle ul{font-size:.8rem}.workcard .bottom .img{font-size:.6rem}}@media (max-width: 400px){.workcard{padding:.5rem}.workcard .top .leftcard{font-size:1.2rem}.workcard .top .rightcard{font-size:.8rem}.workcard .middle .rolename{font-size:1rem}.workcard .middle ul{font-size:.7rem}.workcard .bottom .img{font-size:.5rem;padding:.1rem}}@keyframes rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workCardExpAnchor{color:#1186d4;text-decoration:underline;margin-right:2px}.projects{width:100%;max-width:1100px;margin:auto;margin-top:3rem;margin-bottom:3rem;padding-bottom:2rem!important}.projects .wrapper{display:flex;justify-content:center}.projects .wrapper .wrap{width:100%}.projects .wrapper .wrap .heading{display:flex;justify-content:center;font-size:2.5rem;margin-bottom:2rem}@media (max-width: 1150px){.projects .wrapper .wrap .heading{font-size:2rem}}@media (max-width: 900px){.projects .wrapper .wrap .heading{font-size:1.75rem}}@media (max-width: 600px){.projects .wrapper .wrap .heading{font-size:1.5rem}}.projects .wrapper .wrap .lists{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;padding-top:1rem}@media (max-width: 1150px){.projects .wrapper .wrap .lists{justify-content:center;gap:2.5rem}}@media (max-width: 900px){.projects .wrapper .wrap .lists{gap:2rem}}@media (max-width: 600px){.projects .wrapper .wrap .lists{gap:1.5rem}}.projects .wrapper .wrap .lists .projectcard{width:45%;box-shadow:-10px -8px #a7f3d0;padding:1rem;border:1px solid aliceblue;border-radius:10px}@media (max-width: 1150px){.projects .wrapper .wrap .lists .projectcard{width:100%}}.projects .wrapper .wrap .lists .projectcard .top{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.projects .wrapper .wrap .lists .projectcard .top .leftside{color:#caa6f7}.projects .wrapper .wrap .lists .projectcard .top .rightside{display:flex;gap:1rem}.projects .wrapper .wrap .lists .projectcard .middle{padding-block:1.5rem}.projects .wrapper .wrap .lists .projectcard .middle .pheading{color:#b3dcf2;font-size:1.7rem}@media (max-width: 900px){.projects .wrapper .wrap .lists .projectcard .middle .pheading{font-size:1.5rem}}.projects .wrapper .wrap .lists .projectcard .middle .desc{font-size:1.1rem;color:#f0f8ff}.projects .wrapper .wrap .lists .projectcard .bottom{display:flex;align-items:center;gap:1rem;color:#bbf7d0}.projects .wrapper .wrap .lists .projectcard .bottom .img{font-size:.8rem;animation:rotate-animation 10s infinite linear;background-color:#caa6f7;color:#333;padding:.3rem;border-radius:50%}.projects .wrapper .wrap .lists .projectcard .bottom .techstack{display:flex;gap:.4rem;flex-wrap:wrap;position:relative}@media (max-width: 339px){.projects .wrapper .wrap .lists .projectcard .bottom .techstack{font-size:14px}}.projects .wrapper .wrap .lists .projectcard .bottom .techstack .dot{width:6px;height:6px;border-radius:50%;background-color:#7fffd4;position:relative;bottom:-10px}@media (max-width: 600px){.projects{padding:.5rem}}.contact{width:100%;max-width:1100px;margin:auto;margin-top:3rem;margin-bottom:4rem}.contact .wrapper .heading{display:flex;justify-content:center;font-size:2.5rem;margin-bottom:2rem}@media (max-width: 900px){.contact .wrapper .heading{font-size:2rem}}@media (max-width: 600px){.contact .wrapper .heading{font-size:1.5rem}}.contact .wrapper .contactwrap{display:flex;align-items:center}@media (max-width: 680px){.contact .wrapper .contactwrap{margin-top:2rem;flex-direction:column;gap:2rem}}.contact .wrapper .contactwrap .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}.contact .wrapper .contactwrap .textContainer h1{font-size:80px;line-height:40px;color:#caa6f7}@media (max-width: 900px){.contact .wrapper .contactwrap .textContainer h1{font-size:60px}}@media (max-width: 680px){.contact .wrapper .contactwrap .textContainer h1{font-size:40px}}.contact .wrapper .contactwrap .textContainer h2{color:#fdbd6e}.contact .wrapper .contactwrap .textContainer span{font-weight:300}.contact .wrapper .contactwrap .formContainer{flex:1;position:relative}@media (max-width: 680px){.contact .wrapper .contactwrap .formContainer{width:85%}}@media (max-width: 400px){.contact .wrapper .contactwrap .formContainer{width:95%}}.contact .wrapper .contactwrap .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .wrapper .contactwrap .formContainer form input,.contact .wrapper .contactwrap .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid white;color:#fff;border-radius:5px}.contact .wrapper .contactwrap .formContainer form button{padding:20px;border:none;background-color:orange;cursor:pointer;font-weight:500;border-radius:.3rem}.contact .wrapper .contactwrap .formContainer form button:disabled,.contact .wrapper .contactwrap .formContainer form button[disabled]{border:1px solid #999999;background-color:#ccc;color:#666}@media (max-width: 1150px){.contact{width:100%}.contact .wrapper{margin:auto;max-width:900px}}@media (max-width: 955px){.contact{width:100%}.contact .wrapper{margin:auto;max-width:850px}}@media (max-width: 915px){.contact{width:100%}.contact .wrapper{margin:auto;max-width:800px}}@media (max-width: 850px){.contact{width:100%}.contact .wrapper{margin:auto;max-width:700px}}@media (max-width: 715px){.contact{width:100%}.contact .wrapper{margin:auto;max-width:650px}}@media (max-width: 715px){.contact .wrapper .contactwrap{display:flex;justify-content:center}}.footer{padding-block:2rem;margin:auto;width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 900px){.footer{gap:2rem}}.footer .leftside .icons{display:flex;gap:1rem}.footer .leftside .icons a img{width:30px}@media (max-width: 600px){.contact{padding:.5rem}.footer{padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Space Grotesk,sans-serif}html{scroll-behavior:smooth}:root{--bgcolor:#1e1e2e ;--primaryColor:#b3dcf2;--secondaryColor:#caa6f7;--extraColor:#bbf7d0;--iconsColors:#FDBD6E}body{min-height:100vh;background-color:var(--bgcolor);color:var(--primaryColor)}a{color:#fff;text-decoration:none}li{list-style-type:none}hr{margin:auto;border:none;border-bottom:.4px solid gray;opacity:.3;width:50%;padding-block:1rem}.tooltipcustom{background-color:#a7f3d0!important;color:#333!important;border-radius:4px!important;padding:8px!important;font-size:12px!important;box-shadow:0 4px 6px #0000001a!important;font-weight:500}.tooltipcustom:after{border-top-color:#333!important}.red{color:#fdbd6e}@keyframes rotate-animation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.none{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}