@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.app{background-color:var(--bg-color);font-family:var(--font-base);width:100%;overflow-x:hidden}@media only screen and (max-width: 480px){.app{width:100vw;overflow-x:hidden}}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--bg-color)}.app__flex{display:flex;justify-content:center;align-items:center}.app__absolute{position:absolute}.app__social{position:absolute;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;cursor:pointer;padding:1rem;bottom:5px;left:5px}.app__social a{width:40px;height:40px;border-radius:50%;background-color:var(--white-color);margin:.25rem 0;border:1px solid var(--lightGray-color);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.app__social a svg{width:15px;height:15px;color:var(--gray-color)}.app__social a:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social a:hover svg{color:var(--white-color)}@media screen and (min-width: 2000px){.app__social a{width:70px;height:70px;margin:.5rem 0}.app__social a svg{width:30px;height:30px}}.app__navigation{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;right:0;bottom:0;top:0;margin:auto;z-index:101;padding:1rem}.app__navigation .app__navigation-dot{width:10px;height:10px;border-radius:50%;background-color:#cbcbcb;margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width: 2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (max-width: 500px){.app__navigation,.app__social,.app__page-footer{display:none}.copyright{padding:2rem}}.app__page-footer{position:absolute;z-index:101;bottom:50px;right:50px}.app__page-footer p{color:var(--gray-color);font-size:14px}.app__page-footer p a{text-decoration:none;color:var(--secondary-color)}.head-text{font-weight:800;text-align:center;color:#353434;text-transform:capitalize}@media screen and (min-width: 2000px){.head-text{font-size:4rem}}@media screen and (max-width: 450px){.head-text{font-size:1rem}}@media only screen and (min-width: 768px){.head-text{margin:2rem 0;font-size:1.5rem}}.app__navbar{width:100vw;display:flex;justify-content:space-between;align-items:center;padding:1rem 10rem;background:rgba(255,255,255,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);position:fixed;z-index:200}@media screen and (max-width: 450px){.app__navbar{padding:1rem 2rem}}@media screen and (max-width: 900px){.app__navbar{padding:1rem 2.5rem}}.app__navbar-logo{display:flex;justify-content:flex-start;align-items:center}.app__navbar-logo a{font-size:28px;font-weight:700;color:var(--secondary-color);text-decoration:none}.app__navbar-links{display:flex;justify-content:center;align-items:center;list-style:none}.app__navbar-links li{margin-left:3rem;cursor:pointer;display:flex;flex-direction:column;align-items:center}.app__navbar-links li div{width:5px;aspect-ratio:1;background:transparent;border-radius:50%;margin-bottom:5px;transition:all .4s ease-in-out}.app__navbar-links li a{color:var(--gray-color);text-decoration:none;flex-direction:column;text-transform:capitalize;font-weight:500;font-size:14px;transition:all .4s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width: 900px){.app__navbar-links{display:none}}.app__navbar-menu{width:35px;aspect-ratio:1;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background:var(--secondary-color);cursor:pointer}.app__navbar-menu svg{width:70%;height:60%;color:var(--white-color)}.app__navbar-menu div{position:fixed;top:0;bottom:0;right:0;z-index:6;padding:1rem;width:80%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:url(/assets/bgWhite.2be9c9c1.png);background-color:var(--white-color);background-size:cover;background-repeat:repeat;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:30px;color:var(--secondary-color);margin:.5rem 1rem;cursor:pointer}.app__navbar-menu div ul{list-style:none;margin:0;padding:0;height:100%;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{text-decoration:none;color:var(--gray-color);text-transform:capitalize;font-weight:500;font-size:.9rem;transition:all .4s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width: 900px){.app__navbar-menu div{display:none}}@media screen and (min-width: 900px){.app__navbar-menu{display:none}}.app__header{height:100vh;display:flex;justify-content:space-between;overflow:hidden;width:100%}@media only screen and (max-width: 480px){.app__header{padding:7rem 0 0;flex-direction:column;width:100vw}}@media only screen and (min-width: 768px){.app__header{flex-direction:column;padding:7rem 0 0 6rem}}@media only screen and (min-width: 992px){.app__header{flex-direction:row;padding:7rem 0 0 6rem}}@media only screen and (min-width: 1200px){.app__header{padding:5rem 0 0 5rem}}.dot{position:absolute}@media only screen and (max-width: 480px){.dot{width:60%;left:-5rem;top:9%}}@media only screen and (min-width: 768px){.dot{left:5%;top:10%}}@media only screen and (min-width: 992px){.dot{left:5%;top:15%}}@media only screen and (min-width: 1200px){.dot{left:5%;top:20%}}.app__header-info{display:flex;flex-direction:column}.app__header-info p{font-size:20px}@media only screen and (max-width: 480px){.app__header-info p{font-size:16px}}@media only screen and (min-width: 768px){.app__header-info p{font-size:20px}}@media only screen and (min-width: 992px){.app__header-info p{font-size:16px}}.app__header-info h2{font-size:40px;font-weight:600}.app__header-info h2 span{font-size:47px;padding-right:1rem}@media only screen and (max-width: 480px){.app__header-info h2 span{font-size:40px;padding-right:.6rem}}.app__header-info h2 .sname{color:var(--secondary-color);font-size:inherit}@media only screen and (max-width: 480px){.app__header-info h2{font-size:25px}}@media only screen and (min-width: 768px){.app__header-info h2{font-size:50px}}@media only screen and (min-width: 992px){.app__header-info h2{font-size:47px}}@media only screen and (min-width: 1200px){.app__header-info h2{font-size:47px}}.app__header-info .app__header-info-desig{font-size:15px;display:flex;align-items:center;gap:1rem;color:var(--secondary-color)}.app__header-info .app__header-info-desig div{height:.5px;width:110px;background:var(--black-color)}@media only screen and (max-width: 480px){.app__header-info .app__header-info-desig div{display:none}}@media only screen and (min-width: 768px){.app__header-info .app__header-info-desig div{width:180px}}@media only screen and (min-width: 992px){.app__header-info .app__header-info-desig div{width:150px}}@media only screen and (max-width: 480px){.app__header-info .app__header-info-desig{color:var(--gray-color);font-size:14px}}@media only screen and (min-width: 768px){.app__header-info .app__header-info-desig{font-size:18px}}@media only screen and (min-width: 992px){.app__header-info .app__header-info-desig{font-size:14px}}.app__header-info .app__header-info-detail{font-size:16px;margin-top:1rem;font-weight:500}@media only screen and (max-width: 480px){.app__header-info .app__header-info-detail{text-align:center;font-size:16px}}@media only screen and (min-width: 768px){.app__header-info .app__header-info-detail{font-size:18px}}@media only screen and (min-width: 992px){.app__header-info .app__header-info-detail{font-size:14px}}.app__header-info .app__header-info-button{display:flex;margin-top:4rem;gap:1rem}.app__header-info .app__header-info-button a{padding:.5rem 2rem;outline:none;border:none;display:flex;align-items:center;border-radius:5px;text-decoration:none;gap:.3rem;font-weight:700;background:transparent;cursor:pointer;transition:.4s ease-in-out}.app__header-info .app__header-info-button a p{font-family:var(--font-base);font-size:16px}@media only screen and (max-width: 480px){.app__header-info .app__header-info-button a p{font-size:14px}}@media only screen and (min-width: 768px){.app__header-info .app__header-info-button a p{font-size:18px}}@media only screen and (min-width: 992px){.app__header-info .app__header-info-button a p{font-size:12px}}.app__header-info .app__header-info-button a span{margin-top:4px;transition:.2s ease-in-out}@media only screen and (max-width: 480px){.app__header-info .app__header-info-button a{padding:.5rem 1rem}}@media only screen and (min-width: 768px){.app__header-info .app__header-info-button a{padding:.7rem 2rem}}@media only screen and (min-width: 992px){.app__header-info .app__header-info-button a{padding:.3rem 1.3rem}}.app__header-info .app__header-info-button .app__header-info-button1{background:var(--secondary-color);color:var(--white-color)}.app__header-info .app__header-info-button .app__header-info-button1:hover{background:transparent;color:var(--secondary-color)}.app__header-info .app__header-info-button .app__header-info-button1:hover span{transform:rotate(45deg)}.app__header-info .app__header-info-button .app__header-info-button2{position:relative;color:var(--secondary-color);transition:.4s ease}.app__header-info .app__header-info-button .app__header-info-button2:hover{color:var(--gray-color)}.app__header-info .app__header-info-button .app__header-info-button2:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--gray-color);transform-origin:bottom right;transition:transform .4s ease-in-out}.app__header-info .app__header-info-button .app__header-info-button2:hover:after{transform:scaleX(1);transform-origin:bottom left}@media only screen and (max-width: 480px){.app__header-info .app__header-info-button{margin-top:1.5rem}}@media only screen and (min-width: 992px){.app__header-info .app__header-info-button{margin-top:2.5rem}}@media only screen and (max-width: 480px){.app__header-info{padding:0 2rem;align-items:center}}@media only screen and (min-width: 992px){.app__header-info{padding-top:2rem}}@media only screen and (min-width: 1200px){.app__header-info{margin:auto;margin-left:7rem;padding-top:0;padding-bottom:7rem}}.app__header-image{position:relative;display:flex}.app__header-image .app__header-myimage{z-index:100;display:flex;justify-content:flex-end;align-items:flex-end}.app__header-image .app__header-myimage .app__header-me{object-fit:cover}@media only screen and (max-width: 480px){.app__header-image .app__header-myimage .app__header-me{width:100%;height:100%}}@media only screen and (min-width: 768px){.app__header-image .app__header-myimage .app__header-me{width:100%;height:100%}}@media only screen and (min-width: 1200px){.app__header-image .app__header-myimage .app__header-me{width:85%;height:85%}}@media only screen and (min-width: 768px){.app__header-image .app__header-myimage{width:500px;height:600px}}@media only screen and (min-width: 992px){.app__header-image .app__header-myimage{width:400px;height:500px}}@media only screen and (min-width: 1200px){.app__header-image .app__header-myimage{width:500px;height:600px}}.app__header-image .app__header-bg{position:absolute;z-index:0;opacity:.7;height:70%}.app__header-image .app__header-fragments{position:absolute;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,.75);box-shadow:0 0 7px #000000bf;background-color:var(--bg-color)}.app__header-image .app__header-fragments img{width:70%;height:70%}@media only screen and (max-width: 480px){.app__header-image .app__header-fragments:nth-child(4){display:none}}@media only screen and (min-width: 768px){.app__header-image .app__header-fragments:nth-child(4){top:-120px;right:100px;width:100px;height:100px}}@media only screen and (min-width: 992px){.app__header-image .app__header-fragments:nth-child(4){top:10px;left:20px;width:70px;height:70px}}@media only screen and (min-width: 1200px){.app__header-image .app__header-fragments:nth-child(4){top:80px;left:60px;width:90px;height:90px}}@media only screen and (max-width: 480px){.app__header-image .app__header-fragments:nth-child(3){display:none}}@media only screen and (min-width: 768px){.app__header-image .app__header-fragments:nth-child(3){top:90px;left:50px;width:150px;height:150px}}@media only screen and (min-width: 992px){.app__header-image .app__header-fragments:nth-child(3){top:110px;left:-110px;width:120px;height:120px}}@media only screen and (min-width: 1200px){.app__header-image .app__header-fragments:nth-child(3){top:210px;left:-150px;width:150px;height:150px}}@media only screen and (max-width: 480px){.app__header-image .app__header-fragments:nth-child(5){display:none}}@media only screen and (min-width: 768px){.app__header-image .app__header-fragments:nth-child(5){top:335px;left:120px;width:90px;height:90px}}@media only screen and (min-width: 992px){.app__header-image .app__header-fragments:nth-child(5){top:300px;left:-40px;width:60px;height:60px}}@media only screen and (min-width: 1200px){.app__header-image .app__header-fragments:nth-child(5){top:445px;left:-20px;width:80px;height:80px}}@media only screen and (max-width: 480px){.app__header-image{justify-content:flex-end;align-items:flex-end}}@media only screen and (min-width: 768px){.app__header-image{justify-content:flex-end;align-items:flex-end}}@media only screen and (min-width: 992px){.app__header-image{justify-content:flex-end;align-items:flex-end}}@media only screen and (min-width: 1200px){.app__header-image{justify-content:flex-end;align-items:flex-end}}.container{position:relative;display:flex;flex-direction:column;align-items:center;height:24px;bottom:100px;margin:0 auto;text-decoration:none}.container span{color:var(--gray-color);font-size:14px}.container .chevron{position:absolute;width:22px;height:7px;opacity:0;margin-top:1rem;transform:scale3d(.5,.5,.5);animation:move 3s ease-out infinite}.container .chevron:first-child{animation:move 3s ease-out 1s infinite}.container .chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.container .chevron:before,.container .chevron:after{content:" ";position:absolute;top:0;height:100%;width:51%;background:var(--gray-color)}.container .chevron:before{left:0;transform:skew(0,30deg)}.container .chevron:after{right:0;width:50%;transform:skew(0,-30deg)}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px)}}@media only screen and (max-width: 480px){.container{display:none}}#about{position:relative}.app__about{position:relative;width:100%;display:flex;justify-content:space-between;overflow:hidden}@media only screen and (max-width: 480px){.app__about{flex-direction:column;align-items:center;height:100%;padding-top:6rem;width:100vw}}@media only screen and (min-width: 768px){.app__about{flex-direction:column;align-items:center;height:100vh;padding:7rem 0 0}}@media only screen and (min-width: 992px){.app__about{margin-top:0;margin:2.5rem 0 0;flex-direction:row}}@media only screen and (min-width: 1200px){.app__about{padding:1rem 8rem;margin:6rem 0 0}}.app__about-image{display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:10}.app__about-image img{border-radius:20px;object-fit:cover;opacity:.9;-webkit-box-shadow:0px 0px 4px 1px rgb(115,115,115);-moz-box-shadow:0px 0px 4px 1px rgb(115,115,115);box-shadow:0 0 4px 1px #737373}@media only screen and (max-width: 480px){.app__about-image img{width:98%;height:98%}}@media only screen and (min-width: 768px){.app__about-image img{width:98%;height:98%}}@media only screen and (min-width: 992px){.app__about-image img{width:75%;height:75%}}@media only screen and (max-width: 480px){.app__about-image{width:300px;height:300px}}@media only screen and (min-width: 768px){.app__about-image{width:600px;height:500px;margin-bottom:2rem}}@media only screen and (min-width: 992px){.app__about-image{padding:0;width:40%;height:100%}}.app__about-info .app__about-name{color:var(--black-color);opacity:.85}@media only screen and (max-width: 480px){.app__about-info .app__about-name{font-size:20px;line-height:10px}}@media only screen and (min-width: 768px){.app__about-info .app__about-name{font-size:28px;line-height:20px}}@media only screen and (min-width: 1200px){.app__about-info .app__about-name{font-size:28px;line-height:30px}}.app__about-info .app__about-desig{color:var(--secondary-color);margin-left:2px}@media only screen and (max-width: 480px){.app__about-info .app__about-desig{font-size:11px}}@media only screen and (min-width: 768px){.app__about-info .app__about-desig{font-size:13px}}@media only screen and (min-width: 1200px){.app__about-info .app__about-desig{font-size:13px}}.app__about-info .app__about-info1{color:#323233}@media only screen and (max-width: 480px){.app__about-info .app__about-info1{font-size:12px;margin-top:.8rem}}@media only screen and (min-width: 768px){.app__about-info .app__about-info1{font-size:14px;margin-top:1rem}}@media only screen and (min-width: 992px){.app__about-info .app__about-info1{font-size:13px;margin-top:1rem}}@media only screen and (min-width: 1200px){.app__about-info .app__about-info1{font-size:15px;margin-top:2rem}}.app__about-info .app__about-info2{color:#323233}.app__about-info .app__about-info2 a{text-decoration:none;color:var(--secondary-color)}@media only screen and (max-width: 480px){.app__about-info .app__about-info2{font-size:12px;margin-top:.8rem}}@media only screen and (min-width: 768px){.app__about-info .app__about-info2{font-size:14px;margin-top:1rem}}@media only screen and (min-width: 992px){.app__about-info .app__about-info2{font-size:13px;margin-top:.75rem}}@media only screen and (min-width: 1200px){.app__about-info .app__about-info2{font-size:15px;margin-top:1.5rem}}.app__about-info .app__about-hr{width:93%;height:1px;background:var(--black-color);opacity:.2}@media only screen and (max-width: 480px){.app__about-info .app__about-hr{margin:.8rem 0}}@media only screen and (min-width: 768px){.app__about-info .app__about-hr{margin:1rem 0}}@media only screen and (min-width: 1200px){.app__about-info .app__about-hr{margin:2rem 0}}.app__about-info .app__about-details{display:flex;gap:2rem}.app__about-info .app__about-details .left{font-weight:500}.app__about-info .app__about-details .left p{margin-bottom:.2rem}.app__about-info .app__about-details .right{color:#474748}.app__about-info .app__about-details .right p{margin-bottom:.2rem}@media only screen and (max-width: 480px){.app__about-info .app__about-details{font-size:12px;margin-bottom:1rem}}@media only screen and (min-width: 768px){.app__about-info .app__about-details{font-size:12px;margin-bottom:2rem}}@media only screen and (min-width: 992px){.app__about-info .app__about-details{font-size:13px;margin-bottom:3rem}}@media only screen and (min-width: 1200px){.app__about-info .app__about-details{font-size:15px;margin-bottom:3rem}}.app__about-info .app__about-resume{background:var(--secondary-color);outline:none;border:none;border-radius:5px;text-decoration:none;gap:.3rem;font-weight:600;transition:.5s ease-in-out;color:var(--white-color);display:flex;align-items:center}.app__about-info .app__about-resume span{display:flex}.app__about-info .app__about-resume span svg{-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;transition:.6s ease-out;font-size:18px}.app__about-info .app__about-resume:hover{background:transparent;color:var(--secondary-color)}.app__about-info .app__about-resume:hover span svg{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotate(360deg)}@media only screen and (max-width: 480px){.app__about-info .app__about-resume{padding:.6rem 1rem;width:150px;font-size:13px}}@media only screen and (min-width: 768px){.app__about-info .app__about-resume{margin-bottom:5rem;padding:.5rem 1rem;font-size:13px;width:150px}}@media only screen and (min-width: 992px){.app__about-info .app__about-resume{padding:.3rem 1rem;width:145px;margin-bottom:0}}@media only screen and (min-width: 1200px){.app__about-info .app__about-resume{padding:.5rem 2rem;width:185px;font-size:14px;margin-bottom:0}}@media only screen and (max-width: 480px){.app__about-info{width:100%;padding:2rem}}@media only screen and (min-width: 768px){.app__about-info{width:100%;padding:0 7rem}}@media only screen and (min-width: 992px){.app__about-info{width:60%;margin-bottom:50px}}.yellow-dot{position:absolute;opacity:.5}@media only screen and (max-width: 480px){.yellow-dot{width:50%;top:50%;right:0}}@media only screen and (min-width: 768px){.yellow-dot{width:30%;top:30%;right:0}}@media only screen and (min-width: 992px){.yellow-dot{width:25%;top:22.5%}}.violet-dot{position:absolute}@media only screen and (max-width: 480px){.violet-dot{width:80%;bottom:-20%;left:-15%}}@media only screen and (min-width: 768px){.violet-dot{left:0;bottom:-160px}}.app__skills{width:100%;position:relative}@media only screen and (max-width: 480px){.app__skills{padding:6rem 0;height:100%;width:100vw}}@media only screen and (min-width: 768px){.app__skills{padding:6rem 0 0}}@media only screen and (min-width: 992px){.app__skills{height:100vh;padding:4rem 2.5rem 0}}@media only screen and (min-width: 1200px){.app__skills{padding-top:5rem}}.app__skills-heading{text-align:center;color:#413f3f}.app__skills-heading span{color:var(--secondary-color)}@media only screen and (max-width: 480px){.app__skills-heading{font-size:30px}}@media only screen and (min-width: 768px){.app__skills-heading{font-size:33px}}@media only screen and (min-width: 992px){.app__skills-heading{font-size:32px;padding:1.5rem 0 .5rem}}@media only screen and (min-width: 1200px){.app__skills-heading{font-size:36px}}.app__skills-education{display:flex;z-index:10}.app__skills-education .app__skills-section .app__skills-div .app__skills-single{display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,.4);-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,.4);box-shadow:0 0 4px 1px #0006;z-index:5}.app__skills-education .app__skills-section .app__skills-div .app__skills-single img{width:65%;object-fit:cover}@media only screen and (max-width: 480px){.app__skills-education .app__skills-section .app__skills-div .app__skills-single{width:100px;height:100px}}@media only screen and (min-width: 768px){.app__skills-education .app__skills-section .app__skills-div .app__skills-single{width:100px;height:100px}}@media only screen and (min-width: 992px){.app__skills-education .app__skills-section .app__skills-div .app__skills-single{width:70px;height:70px}}@media only screen and (min-width: 1200px){.app__skills-education .app__skills-section .app__skills-div .app__skills-single{width:90px;height:90px}}.app__skills-education .app__skills-section .app__skills-div p{text-align:center;padding-top:.2rem;font-weight:600}@media only screen and (max-width: 480px){.app__skills-education .app__skills-section .app__skills-div p{font-size:15px}}@media only screen and (min-width: 768px){.app__skills-education .app__skills-section .app__skills-div p{font-size:15px}}@media only screen and (min-width: 992px){.app__skills-education .app__skills-section .app__skills-div p{font-size:13px}}@media only screen and (min-width: 1200px){.app__skills-education .app__skills-section .app__skills-div p{font-size:14px}}.app__skills-education .app__skills-section .app__skills-div:nth-child(1) .app__skills-single{background:rgba(230,81,0,.5725490196)}.app__skills-education .app__skills-section .app__skills-div:nth-child(2) .app__skills-single{background-color:#8fc3e388}.app__skills-education .app__skills-section .app__skills-div:nth-child(3) .app__skills-single{background-color:#ffe8a2}.app__skills-education .app__skills-section .app__skills-div:nth-child(4) .app__skills-single{background-color:#a4c37c}.app__skills-education .app__skills-section .app__skills-div:nth-child(5) .app__skills-single{background-color:#80deea68}.app__skills-education .app__skills-section .app__skills-div:nth-child(6) .app__skills-single{background-color:#44c8df89}.app__skills-education .app__skills-section .app__skills-div:nth-child(7) .app__skills-single{background-color:#0289d173}.app__skills-education .app__skills-section .app__skills-div:nth-child(7) .app__skills-single img{width:55%;height:55%}.app__skills-education .app__skills-section .app__skills-div:nth-child(8) .app__skills-single{background-color:#5e3b7f55}.app__skills-education .app__skills-section .app__skills-div:nth-child(8) .app__skills-single img{width:55%;height:55%}.app__skills-education .app__skills-section .app__skills-div:nth-child(9) .app__skills-single{background-color:#f062917b}.app__skills-education .app__skills-section .app__skills-div:nth-child(10) .app__skills-single{background-color:#aaadd9f9}.app__skills-education .app__skills-section .app__skills-div:nth-child(10) .app__skills-single img{width:55%;height:55%}.app__skills-education .app__skills-section .app__skills-div:nth-child(11) .app__skills-single{background-color:#ff96a6dc}.app__skills-education .app__skills-section .app__skills-div:nth-child(11) .app__skills-single img{width:55%;height:55%}.app__skills-education .app__skills-section .app__skills-div:nth-child(12) .app__skills-single{background-color:#f8a2c6}.app__skills-education .app__skills-section .app__skills-div:nth-child(12) .app__skills-single img{width:55%;height:55%}@media only screen and (max-width: 480px){.app__skills-education .app__skills-section{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;column-gap:40px;row-gap:20px;justify-content:center;margin-top:2rem}}@media only screen and (min-width: 768px){.app__skills-education .app__skills-section{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:50px;justify-content:center;margin-top:2rem}}@media only screen and (min-width: 992px){.app__skills-education .app__skills-section{width:50%;row-gap:35px;margin-top:0}}.app__skills-education .app__skills-edu-section .app__edu-single{display:flex}.app__skills-education .app__skills-edu-section .app__edu-single .app__edu-year{color:#5c5757;font-weight:600}@media only screen and (min-width: 992px){.app__skills-education .app__skills-edu-section .app__edu-single .app__edu-year{font-size:14px}}@media only screen and (min-width: 1200px){.app__skills-education .app__skills-edu-section .app__edu-single .app__edu-year{font-size:15px}}.app__skills-education .app__skills-edu-section .app__edu-single .app__edu .app__edu-course{font-weight:600}@media only screen and (min-width: 992px){.app__skills-education .app__skills-edu-section .app__edu-single .app__edu .app__edu-course{font-size:14px}}@media only screen and (min-width: 1200px){.app__skills-education .app__skills-edu-section .app__edu-single .app__edu .app__edu-course{font-size:15px}}.app__skills-education .app__skills-edu-section .app__edu-single .app__edu .app__edu-std{color:#5b5858}@media only screen and (min-width: 992px){.app__skills-education .app__skills-edu-section .app__edu-single .app__edu .app__edu-std{font-size:12px}}@media only screen and (min-width: 1200px){.app__skills-education .app__skills-edu-section .app__edu-single .app__edu .app__edu-std{font-size:14px}}@media only screen and (max-width: 480px){.app__skills-education .app__skills-edu-section .app__edu-single{gap:1.8rem}}@media only screen and (min-width: 768px){.app__skills-education .app__skills-edu-section .app__edu-single{gap:3rem;margin-bottom:1rem}}@media only screen and (min-width: 992px){.app__skills-education .app__skills-edu-section .app__edu-single{margin-bottom:2rem;gap:3rem}}@media only screen and (min-width: 1200px){.app__skills-education .app__skills-edu-section .app__edu-single{margin-bottom:3rem;gap:4rem}}@media only screen and (max-width: 480px){.app__skills-education .app__skills-edu-section{margin-top:3rem}}@media only screen and (min-width: 768px){.app__skills-education .app__skills-edu-section{width:450px;margin-top:5rem}}@media only screen and (min-width: 992px){.app__skills-education .app__skills-edu-section{width:50%;margin-top:.5rem}}@media only screen and (max-width: 480px){.app__skills-education{flex-direction:column;align-items:center}}@media only screen and (min-width: 768px){.app__skills-education{flex-direction:column;align-items:center}}@media only screen and (min-width: 992px){.app__skills-education{flex-direction:row;align-items:start;justify-content:center;gap:6rem;margin-top:2rem}}@media only screen and (min-width: 1200px){.app__skills-education{padding:0rem 8rem}}.pink-dot{position:absolute;z-index:0}@media only screen and (max-width: 480px){.pink-dot{bottom:0;opacity:.6}}@media only screen and (min-width: 768px){.pink-dot{right:0;bottom:0;opacity:.3}}#works{width:100%;z-index:10;position:relative}@media only screen and (max-width: 480px){#works{height:100%;padding-top:5rem;width:100vw}}@media only screen and (min-width: 768px){#works{padding-top:4rem}}@media only screen and (min-width: 992px){#works{padding:4rem 2.5rem 0;height:100%}}@media only screen and (min-width: 1200px){#works{padding-top:3.5rem}}.app__works-heading{text-align:center;color:#413f3f}.app__works-heading span{color:var(--secondary-color)}@media only screen and (max-width: 480px){.app__works-heading{font-size:30px}}@media only screen and (min-width: 768px){.app__works-heading{font-size:33px}}@media only screen and (min-width: 992px){.app__works-heading{font-size:31px;padding:1.5rem 0 .5rem}}@media only screen and (min-width: 1200px){.app__works-heading{font-size:36px}}.app__works-filter{display:flex;justify-content:center;align-items:center}.app__works-filter .app__works-filter-item{background:var(--white-color);color:var(--gray-color);font-weight:600;margin:1rem 0;border-radius:5px;border:none;outline:none;cursor:pointer;transition:.5s ease;-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,.4);-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,.4);box-shadow:0 0 4px 1px #0006}.app__works-filter .app__works-filter-item:hover{-webkit-box-shadow:0px 0px 7px 1px rgba(0,0,0,.4);-moz-box-shadow:0px 0px 7px 1px rgba(0,0,0,.4);box-shadow:0 0 7px 1px #0006}@media only screen and (max-width: 480px){.app__works-filter .app__works-filter-item{padding:.2rem 1rem;font-size:13px}}@media only screen and (min-width: 768px){.app__works-filter .app__works-filter-item{padding:.3rem 1.2rem;font-size:15px}}@media only screen and (min-width: 992px){.app__works-filter .app__works-filter-item{font-size:13px;padding:.2rem 1rem}}.app__works-filter .item-active{background:var(--secondary-color);color:var(--white-color)}@media only screen and (max-width: 480px){.app__works-filter{gap:1.5rem}}@media only screen and (min-width: 768px){.app__works-filter{gap:2rem}}.app__works-mywork{display:flex;justify-content:center;flex-wrap:wrap}.app__works-mywork .app__works-single-work{border-radius:10px;cursor:pointer;-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 3px 1px rgba(0,0,0,.2);box-shadow:0 0 3px 1px #0003;transition:.5s ease}.app__works-mywork .app__works-single-work .app__works-image{width:100%;height:180px;position:relative}.app__works-mywork .app__works-single-work .app__works-image img{width:100%;border-radius:.5rem;object-fit:cover;height:100%}.app__works-mywork .app__works-single-work .app__works-image .app__works-hover{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:180px;background-color:#313bac80;border-radius:.5rem;opacity:0;transition:all .5s ease}.app__works-mywork .app__works-single-work .app__works-image .app__works-hover div{width:40px;height:40px;border-radius:50%;background-color:#313bac80;color:#fff;margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer;transition:all .5s ease}.app__works-mywork .app__works-single-work .app__works-image .app__works-hover div svg{width:50%;height:50%;color:var(--white-color)}.app__works-mywork .app__works-single-work .app__works-image:hover .app__works-hover{opacity:1}@media only screen and (max-width: 480px){.app__works-mywork .app__works-single-work{width:90%;height:260px}}@media only screen and (min-width: 768px){.app__works-mywork .app__works-single-work{width:350px;height:260px;margin-top:2rem}}@media only screen and (min-width: 992px){.app__works-mywork .app__works-single-work{width:280px;height:265px}}@media only screen and (min-width: 1200px){.app__works-mywork .app__works-single-work{width:350px;height:260px;margin-top:2rem}}.app__works-mywork .app__works-single-work .app__works-info .app__works-name{font-weight:700;color:var(--secondary-color);display:flex;align-items:center}.app__works-mywork .app__works-single-work .app__works-info .app__works-name .app__works-type{color:var(--gray-color)}@media only screen and (max-width: 480px){.app__works-mywork .app__works-single-work .app__works-info .app__works-name .app__works-type{font-size:11px}}@media only screen and (min-width: 768px){.app__works-mywork .app__works-single-work .app__works-info .app__works-name .app__works-type{font-size:12px}}@media only screen and (max-width: 480px){.app__works-mywork .app__works-single-work .app__works-info .app__works-name{font-size:14px;margin-top:5px}}@media only screen and (min-width: 768px){.app__works-mywork .app__works-single-work .app__works-info .app__works-name{font-size:16px}}.app__works-mywork .app__works-single-work .app__works-info p{color:var(--gray-color);font-weight:500}@media only screen and (max-width: 480px){.app__works-mywork .app__works-single-work .app__works-info p{font-size:11px;line-height:18px;margin-top:10px}}@media only screen and (min-width: 768px){.app__works-mywork .app__works-single-work .app__works-info p{font-size:12px;line-height:17px;margin-top:10px}}@media only screen and (min-width: 992px){.app__works-mywork .app__works-single-work .app__works-info p{font-size:10px;line-height:17px;margin-top:5px}}@media only screen and (min-width: 1200px){.app__works-mywork .app__works-single-work .app__works-info p{font-size:12px;line-height:17px;margin-top:10px}}@media only screen and (max-width: 480px){.app__works-mywork .app__works-single-work .app__works-info{padding:0rem .8rem}}@media only screen and (min-width: 768px){.app__works-mywork .app__works-single-work .app__works-info{padding:0 .8rem .5rem}}.app__works-mywork .app__works-single-work:hover{-webkit-box-shadow:0px 0px 7px 1px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 7px 1px rgba(0,0,0,.2);box-shadow:0 0 7px 1px #0003}@media only screen and (max-width: 480px){.app__works-mywork{row-gap:2rem}}@media only screen and (min-width: 768px){.app__works-mywork{column-gap:2rem}}.slant-dot{position:absolute;z-index:0}@media only screen and (max-width: 480px){.slant-dot{opacity:.6;width:100%;bottom:0;opacity:.3;transform:translate(-50%,50%)}}@media only screen and (min-width: 768px){.slant-dot{left:0;bottom:0;opacity:.3;transform:translate(-50%,50%)}}.app__contact{display:flex;align-items:center;overflow:hidden;position:relative;width:100%}@media only screen and (max-width: 480px){.app__contact{padding:7rem 0 0;flex-direction:column;height:100%;width:100vw}}@media only screen and (min-width: 768px){.app__contact{flex-direction:column;padding:7rem 0 0;height:100%}}@media only screen and (min-width: 992px){.app__contact{padding:3.5rem 0 0}}@media only screen and (min-width: 1200px){.app__contact{padding:5rem 0 0;height:100vh}}.app__contact-heading{color:#413f3f;display:flex;align-items:center;justify-content:center}.app__contact-heading span{color:var(--secondary-color)}@media only screen and (max-width: 480px){.app__contact-heading img{width:40px;margin-bottom:15px}}@media only screen and (min-width: 768px){.app__contact-heading img{width:50px;margin-bottom:15px}}@media only screen and (max-width: 480px){.app__contact-heading{font-size:30px;gap:.5rem}}@media only screen and (min-width: 768px){.app__contact-heading{font-size:38px;gap:1rem}}@media only screen and (min-width: 992px){.app__contact-heading{font-size:31px;padding:1.5rem 0 .5rem}}@media only screen and (min-width: 1200px){.app__contact-heading{font-size:36px}}.app__contact-info{display:flex}@media only screen and (max-width: 480px){.app__contact-info{flex-direction:column;width:90%}}@media only screen and (min-width: 768px){.app__contact-info{justify-content:center;align-items:center;gap:1rem;width:70%;flex-direction:column}}@media only screen and (min-width: 992px){.app__contact-info{width:600px;flex-direction:row;gap:3rem}}@media only screen and (min-width: 1200px){.app__contact-info{width:700px}}.app__contact-gmail,.app__contact-phone{display:flex;align-items:center;border-radius:10px;flex:1}.app__contact-gmail img,.app__contact-phone img{width:40px}.app__contact-gmail a,.app__contact-phone a{font-weight:600;color:var(--black-color);font-size:14px;text-decoration:none}@media only screen and (max-width: 480px){.app__contact-gmail a,.app__contact-phone a{font-size:14px}}@media only screen and (min-width: 768px){.app__contact-gmail a,.app__contact-phone a{font-size:18px}}@media only screen and (min-width: 992px){.app__contact-gmail a,.app__contact-phone a{font-size:13px}}@media only screen and (min-width: 1200px){.app__contact-gmail a,.app__contact-phone a{font-size:14px}}@media only screen and (max-width: 480px){.app__contact-gmail,.app__contact-phone{width:100%;margin-top:1rem;padding:1rem 2rem;gap:2rem}}@media only screen and (min-width: 768px){.app__contact-gmail,.app__contact-phone{width:90%;margin-top:1rem;padding:1rem 2rem;gap:2rem}}@media only screen and (min-width: 992px){.app__contact-gmail,.app__contact-phone{gap:.5rem;margin-top:1rem;padding:.4rem 1.5rem}}@media only screen and (min-width: 1200px){.app__contact-gmail,.app__contact-phone{padding:.6rem 2rem}}.app__contact-gmail{background:rgba(244,67,54,.2941176471)}.app__contact-phone{background:rgba(98,216,249,.3921568627)}.app__contact-form{display:flex;flex-direction:column;align-items:center}.app__contact-form input,.app__contact-form textarea{width:100%;resize:vertical;background:rgba(217,217,217,.4);border:none;outline:none;font-size:14px;font-family:Poppins,sans-serif}.app__contact-form input::placeholder,.app__contact-form textarea::placeholder{font-size:14px;font-family:Poppins,sans-serif}@media only screen and (max-width: 480px){.app__contact-form input,.app__contact-form textarea{width:100%;padding:.7rem 1.8rem}}@media only screen and (min-width: 768px){.app__contact-form input,.app__contact-form textarea{width:90%;padding:.7rem 1.8rem}}@media only screen and (min-width: 992px){.app__contact-form input,.app__contact-form textarea{padding:.7rem 1.8rem;width:100%}}@media only screen and (min-width: 1200px){.app__contact-form input,.app__contact-form textarea{padding:1rem 2rem}}@media only screen and (max-width: 480px){.app__contact-form{width:85%;align-items:center;gap:1rem;margin-top:1rem}}@media only screen and (min-width: 768px){.app__contact-form{align-items:center;gap:1rem;margin-top:2rem;width:70%}}@media only screen and (min-width: 992px){.app__contact-form{width:600px;margin-top:1rem}}@media only screen and (min-width: 1200px){.app__contact-form{width:700px;margin-top:2rem}}.app__contact-button{border:none;outline:none;background:var(--secondary-color);font-weight:600;color:var(--white-color);border-radius:5px;margin-top:1rem;display:flex;align-items:center;gap:.2rem;font-family:inherit;cursor:pointer;transition:.5s ease-in-out}.app__contact-button:hover{background:transparent;color:var(--secondary-color)}@media only screen and (max-width: 480px){.app__contact-button{padding:.6rem 1.8rem;font-size:12px;margin-bottom:2rem}}@media only screen and (min-width: 768px){.app__contact-button{padding:.6rem 1.8rem;font-size:14px}}@media only screen and (min-width: 992px){.app__contact-button{padding:.6rem 1.8rem;font-size:12px}}@media only screen and (min-width: 1200px){.app__contact-button{padding:.8rem 2rem;font-size:15px}}.app__footer{margin-top:2rem;background-image:linear-gradient(to top,#313bac,rgba(235,234,234,.8666666667));width:100vw;text-align:center}.app__footer h2{padding-top:1rem;font-size:2rem;color:var(--secondary-color)}@media only screen and (max-width: 480px){.app__footer h2{font-size:1.5rem}}.app__footer p{font-size:.8rem;margin-top:.5rem;color:#474747}@media only screen and (max-width: 480px){.app__footer p{font-size:.7rem}}@media only screen and (max-width: 480px){.app__footer{height:15vh}}@media only screen and (min-width: 768px){.app__footer{height:10vh}}@media only screen and (min-width: 992px){.app__footer{height:20vh}}:root{--font-base: "Poppins", sans-serif;--primary-color: #edf2f8;--secondary-color: #313bac;--black-color: #030303;--lightGray-color: #e4e4e4;--gray-color: #6b7688;--brown-color: #46364a;--white-color: #ffffff;--bg-color: #ebeaeadd}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}*::selection{background:var(--brown-color);color:var(--primary-color)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:tra}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}