.home{display:flex;width:100%;position:relative}.home .barsBox{position:fixed;top:20px;right:20px;font-size:30px;color:#556d91;cursor:pointer;z-index:10000;display:none}@media(max-width:991.98px){.home .barsBox{display:block}.home .sidebarWrapper.sidebarHidden{display:none}}.home .homeContainer{width:100%;flex-grow:1;position:absolute;top:0;left:0;z-index:900;padding-left:110px}@media(max-width:991.98px){.home .homeContainer{padding-left:0}}@media(max-width:767.98px){.home .homeContainer.hideSidebar{padding-left:0}}.sidebar{width:110px;height:100vh;position:fixed;background-color:#fff;top:0;left:0;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 12px rgba(0,0,0,.09);-webkit-box-shadow:0 3px 12px rgba(0,0,0,.09);-moz-box-shadow:0 3px 12px rgba(0,0,0,.09);z-index:1000}.sidebar .sideImg{margin-top:10px;margin-bottom:10px}.sidebar .sideImg .img{width:60px;height:60px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.sidebar .sideList{width:100%}.sidebar .sideList .listItem{width:100%;height:85px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-bottom:1px solid #e5e5e5;position:relative;overflow:hidden}.sidebar .sideList .listItem:hover .icon{margin-top:-20px}.sidebar .sideList .listItem:hover .itemTxt{bottom:10px;opacity:1}.sidebar .sideList .listItem.about{color:#ff5352}.sidebar .sideList .listItem.about:hover{background-color:rgba(255,74,74,.1803921569)}.sidebar .sideList .listItem.portfolio{color:#00c8da}.sidebar .sideList .listItem.portfolio:hover{background-color:rgba(27,202,229,.2196078431)}.sidebar .sideList .listItem.contact{color:#00da54}.sidebar .sideList .listItem.contact:hover{background-color:rgba(0,218,84,.15)}.sidebar .sideList .listItem .icon{font-size:30px}.sidebar .sideList .listItem .icon,.sidebar .sideList .listItem .itemTxt{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.sidebar .sideList .listItem .itemTxt{font-weight:400;font-family:Josefin Sans,sans-serif;position:absolute;bottom:-20px;opacity:0}.sidebar .sideSocial{padding:20px 10px;display:flex;flex-direction:column;border-bottom:1px solid #e5e5e5;width:100%}.sidebar .sideSocial .sideTitle{color:#222;text-align:center;color:#556d91;font-family:Josefin Sans,sans-serif}.sidebar .sideSocial .contactIcons{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar .sideSocial .contactIcons .contactIconItem{font-size:20px;position:relative}.sidebar .sideSocial .contactIcons .contactIconItem.github{color:#c9510c}.sidebar .sideSocial .contactIcons .contactIconItem.linked{color:#0077b5}.sidebar .sideSocial .contactIcons .contactIconItem.whats{color:#25d366}.sidebar .sideSocial .contactIcons .contactIconItem.facebook{color:#1877f2}.sidebar .sideSocial .contactIcons .contactIconItem.twitter{color:#1da1f2}.sidebar .sideSocial .contactIcons .contactIconItem .icon1,.sidebar .sideSocial .contactIcons .contactIconItem .icon2{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.sidebar .sideSocial .contactIcons .contactIconItem .icon2{position:absolute;top:2px;left:-25px;opacity:0}.sidebar .sideSocial .contactIcons .contactIconItem:hover .icon1{opacity:0}.sidebar .sideSocial .contactIcons .contactIconItem:hover .icon1,.sidebar .sideSocial .contactIcons .contactIconItem:hover .icon2{transform:translateX(25px);-webkit-transform:translateX(25px);-moz-transform:translateX(25px);-ms-transform:translateX(25px);-o-transform:translateX(25px)}.sidebar .sideSocial .contactIcons .contactIconItem:hover .icon2{opacity:1}.sidebar .pageMode{width:100%;height:100%;border-bottom:2px solid #e5e5e5;display:flex;justify-content:center;align-items:center;cursor:pointer}.sidebar .pageMode .icon{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#ffc455;color:#fff;font-family:Josefin Sans,sans-serif;font-size:18px;padding:16px 50px 12px}.footer .footerTxt{text-align:center;line-height:1.6}.footer .footerTxt .name{color:#ff5352;font-weight:500}.about{padding:30px}.about .abContainer{display:flex;align-items:center;justify-content:space-between}@media(max-width:1199.98px){.about .abContainer{flex-direction:column-reverse;gap:50px}}.about .abContainer .aboutMe{flex:1;font-family:Josefin Sans,sans-serif}.about .abContainer .aboutMe .abTxt{font-size:22px;font-weight:600;padding:12px 0 2px 18px;position:relative;z-index:1}.about .abContainer .aboutMe .abTxt:before{content:"";position:absolute;top:0;left:0;width:150px;height:100%;background-color:#ffc455;z-index:-10}.about .abContainer .aboutMe .abTxt :first-child{color:#fff}.about .abContainer .aboutMe .name{margin-top:10px;text-transform:capitalize;color:#ff5352;font-size:70px;font-weight:700}@media(max-width:767.98px){.about .abContainer .aboutMe .name{font-size:50px;margin-top:16px}}.about .abContainer .aboutMe .abDesc{color:#222;font-size:28px;position:relative;padding-left:12px;padding-top:6px;margin-bottom:27px;border-left:3px solid #ffc455;color:#fff;background:linear-gradient(90deg,#ffc455 0,#ff5352 10%,#00c8da 15%,#00da54 20%,#556d91 30%);background-position:0;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation-fill-mode:forwards;-webkit-text-size-adjust:none;text-decoration:none;white-space:nowrap;animation:shine 5s linear infinite;-webkit-animation:shine 5s linear infinite}@keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:280px}}.about .abContainer .aboutMe .btns{display:flex;align-items:center;justify-content:center}.about .abContainer .aboutMe .btns .downloadBtn{background-color:#ffc455;border:1px solid #ffc455;padding:10px 20px;color:#fff;font-size:20px;font-family:Josefin Sans,sans-serif;cursor:pointer;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}.about .abContainer .abtImage{flex:1}.about .abContainer .abtImage .abtImg{width:100%;height:100%}.titles{font-family:Josefin Sans,sans-serif;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.titles .title{width:fit-content;font-size:32px;font-weight:700;color:#556d91;text-transform:capitalize;margin:0 auto;position:relative}.titles .title:after{content:"";position:absolute;bottom:-8px;left:0;right:0;width:80%;height:4px;background-color:#ffc455;margin:0 auto;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.titles .title:hover:after{width:10%}.skills{margin-top:50px;margin-bottom:50px;padding-left:60px;padding-right:60px;font-family:Josefin Sans,sans-serif}@media(max-width:1199.98px){.skills{padding-left:50px;padding-right:50px}}@media(max-width:991.98px){.skills{padding-left:30px;padding-right:50px}}@media(max-width:767.98px){.skills{padding-left:60px;padding-right:60px}}@media(max-width:575.98px){.skills{padding-left:20px;padding-right:20px}}.skills .skillsContainer .skillsList{width:80%;margin:0 auto;padding-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}@media(max-width:1199.98px){.skills .skillsContainer .skillsList{width:100%}}.skills .skillsContainer .skillsList .skillItem{min-width:120px;padding:8px 16px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);border-left:4px solid #ffc455}@media(max-width:767.98px){.skills .skillsContainer .skillsList .skillItem{flex:1;height:58px}}.skills .skillsContainer .skillsList .skillItem .skillIcon{width:32px;height:32px;object-fit:contain!important}.skills .skillsContainer .skillsList .skillItem span{font-size:14px}.contactus{margin-top:50px;margin-bottom:30px}.contactus .contactContainer{font-family:Josefin Sans,sans-serif}.contactus .contactContainer .formContainer{margin-top:40px;display:flex;justify-content:center;align-items:center}.contactus .contactContainer .formContainer .contactForm{padding:30px 40px;width:70%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}@media(max-width:1199.98px){.contactus .contactContainer .formContainer .contactForm{width:80%}}@media(max-width:767.98px){.contactus .contactContainer .formContainer .contactForm{width:100%;flex-direction:column;gap:30px}}.contactus .contactContainer .formContainer .contactForm .formInput{width:calc(50% - 20px)}@media(max-width:767.98px){.contactus .contactContainer .formContainer .contactForm .formInput{width:100%}}.contactus .contactContainer .formContainer .contactForm .formTxtArea{width:100%}.contactus .contactContainer .formContainer .contactForm .formInput,.contactus .contactContainer .formContainer .contactForm .formTxtArea{color:#212529;padding:0 10px 25px 0;font-size:16px;outline:none;border:none;border-bottom:1px solid #c7cdd3}.contactus .contactContainer .formContainer .contactForm .formInput::placeholder,.contactus .contactContainer .formContainer .contactForm .formTxtArea::placeholder{font-family:Josefin Sans,sans-serif;font-size:15px;font-weight:500;color:#212529}.contactus .contactContainer .formContainer .contactForm .formBtn{margin-bottom:20px;background-color:#ff5352;border:none;outline:none;color:#fff;padding:20px 30px;box-shadow:0 8px 20px 0 rgba(255,81,126,.3);border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;font-size:20px;font-family:Josefin Sans,sans-serif;cursor:pointer;opacity:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.contactus .contactContainer .formContainer .contactForm .formBtn:hover{opacity:.7}.contactus .contactContainer .contactsList{width:80%;margin:30px auto 0;padding-left:50px;padding-right:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1199.98px){.contactus .contactContainer .contactsList{width:100%;padding-left:40px;padding-right:60px;grid-template-columns:repeat(3,1fr)}}@media(max-width:991.98px){.contactus .contactContainer .contactsList{width:100%;padding-left:40px;padding-right:60px;grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){.contactus .contactContainer .contactsList{width:100%;padding-left:30px;padding-right:30px;grid-template-columns:1fr;gap:50px}}.contactus .contactContainer .contactsList .contactsListItem .contBox{display:flex;flex-direction:column;align-items:center;gap:20px}.contactus .contactContainer .contactsList .contactsListItem .contBox .contIcon{font-size:36px}.contactus .contactContainer .contactsList .contactsListItem .contBox .contIcon.location{color:#ff5352}.contactus .contactContainer .contactsList .contactsListItem .contBox .contIcon.phone{color:#00da54}.contactus .contactContainer .contactsList .contactsListItem .contBox .contIcon.email{color:#0a58ca}.contactus .contactContainer .contactsList .contactsListItem .contBox .contTitle{font-size:22px;font-weight:700;color:#556d91}.contactus .contactContainer .contactsList .contactsListItem .contBox .contDetails{display:flex;flex-direction:column;align-items:center;gap:6px;color:#777;text-align:center}.contactus .contactContainer .contactsList .contactsListItem .contBox .contDetails span{line-height:1.3}.projects{margin-top:50px;margin-bottom:50px;padding-left:60px;padding-right:60px}@media(max-width:1199.98px){.projects{padding-left:50px;padding-right:50px}}@media(max-width:991.98px){.projects{padding-left:30px;padding-right:50px}}@media(max-width:767.98px){.projects{padding-left:60px;padding-right:60px}}@media(max-width:575.98px){.projects{padding-left:20px;padding-right:20px}}.projects .projContainer{font-family:Josefin Sans,sans-serif;display:flex;flex-direction:column;gap:30px}.projects .projContainer .skillFilterBox{margin-top:-24px;display:flex;align-items:center;justify-content:center;gap:16px}@media(max-width:991.98px){.projects .projContainer .skillFilterBox{gap:4px;flex-wrap:wrap}}.projects .projContainer .skillFilterBox .skillFilterItem,.projects .projContainer .skillFilterBox .skillFilterItemActive{font-weight:500;border:1px solid rgba(0,0,0,.04);background-color:rgba(0,0,0,.04);cursor:pointer;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;padding:4px 16px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}@media(max-width:991.98px){.projects .projContainer .skillFilterBox .skillFilterItem,.projects .projContainer .skillFilterBox .skillFilterItemActive{font-size:14px}}.projects .projContainer .skillFilterBox .skillFilterItem:hover,.projects .projContainer .skillFilterBox .skillFilterItemActive{border-color:#ffc455;background-color:#ffc455;color:#fff}.projects .projContainer .projCategories .categList{display:flex;justify-content:center;align-items:center;gap:20px}.projects .projContainer .projCategories .categList .categListItem{text-transform:uppercase;font-size:14px;font-weight:600;color:#0d6efd;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;cursor:pointer}.projects .projContainer .projCategories .categList .categListItem:hover{color:#0a58ca}.projects .projContainer .projCategories .categList .categListItem.active{color:#ff517e;position:relative}.projects .projContainer .projCategories .categList .categListItem.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;width:100%;background-color:#ff517e}.projects .allProjects{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:1199.98px){.projects .allProjects{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:767.98px){.projects .allProjects{grid-template-columns:1fr;gap:40px}}.project{width:100%;height:50vh;background-color:rgba(0,0,0,.04);display:flex;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden}.project .projLeft{width:14%;border-right:4px solid #fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:10px 3px}.project .projLeft .icon{width:32px;height:32px;object-fit:contain!important}.project .projRight{display:flex;flex-direction:column;width:86%;overflow:hidden}.project .projRight .projTop{position:relative;height:75%;overflow:hidden;cursor:pointer;border:3px solid rgba(0,0,0,.04);background-color:#fff}.project .projRight .projTop .projImg{width:100%;transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;-moz-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out}.project .projRight .projTop:hover .projImg{transform:translateY(-120vh);-webkit-transform:translateY(-120vh);-moz-transform:translateY(-120vh);-ms-transform:translateY(-120vh);-o-transform:translateY(-120vh)}.project .projRight .projTop .projTopName{display:block;position:absolute;bottom:0;left:0;color:#556d91;color:#fff;width:100%;text-align:center;padding:6px;text-transform:capitalize;font-size:20px;background-color:rgba(51,209,204,.76);background-color:rgba(0,0,0,.5);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;display:none}.project .projRight .projTop .projTopName:hover{background-color:rgba(0,0,0,.04);color:#fff}.project .projRight .projTop .commingSoon{display:block;position:absolute;top:50%;left:0;text-align:center;width:100%;background-color:rgba(12,12,12,.5);color:#fff;padding:10px;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.project .projRight .projTop .commingSoon:hover{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg)}.project .projRight .projBottom{border-top:4px solid #fff;height:25%;display:flex;flex-direction:column;gap:2px}.project .projRight .projBottom .links{height:30px;padding-top:4px;border-bottom:2px solid #fff}.project .projRight .projBottom .icon{font-size:22px;color:#7c4fa4;opacity:1;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.project .projRight .projBottom .icon:hover{opacity:.7}.project .projRight .projBottom .pName{text-transform:capitalize;font-size:18px;line-height:20px;padding:2px 4px;margin-bottom:2px;overflow-y:scroll}.project .projRight .projBottom .pName::-webkit-scrollbar{width:3px}.project .projRight .projBottom .pName::-webkit-scrollbar-track{background-color:#fafafa}.project .projRight .projBottom .pName::-webkit-scrollbar-thumb{background-color:#636363;outline:1px solid #636363;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.project .projRight .projBottom .pName a{background-color:rgba(51,209,204,.26);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;padding:2px}.project .projRight .projBottom .pName span{padding-inline-start:6px;font-size:14px;line-height:20px}