@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*,::after,::before{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}ul{list-style:none}a{text-decoration:none}a,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0}.ball{border-radius:50%;background-color:var(--background_2);position:absolute;z-index:0}.about .ball1{width:120px;height:120px;top:130px;right:30px;animation:ball1 10s infinite linear}.about .ball2{width:80px;height:80px;top:830px;left:40px;animation:ball2 20s infinite linear}@keyframes ball1{0%{top:130px}50%{top:170px}100%{top:130px}}@keyframes ball2{0%{top:830px}50%{top:870px}100%{top:830px}}nav{z-index:100;transition:.5s linear}nav svg{fill:var(--theme-text-1)}.navbar-brand{color:var(--text_1)!important;transition:.5s linear}.nav-link{color:var(--theme-text-1)!important}.hero{background-color:#000;background-image:url(imgs/imagecompressor/header-min.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:100vh}.hero .hero-layer{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}header.hero h3{font-size:5rem}header.hero .img-box{max-width:400px;width:100%;max-height:420px;height:100%;border:5px solid #fff}@media (max-width:767px){header.hero h3{font-size:4rem}header.hero .img-box{max-width:300px;max-height:320px}}@media (min-width:768px) and (max-width:992px){header.hero h3{font-size:3rem}}.button1{border:none;padding:10px;font-size:1rem;position:relative;background:0 0;color:#fff;text-transform:uppercase;border:2px solid #fff;cursor:pointer;transition:all .7s;overflow:hidden;border-radius:100px}.button1:hover{color:#000}.button1 span{transition:all .7s;z-index:-1}.button1 .first{content:"";position:absolute;right:100%;top:0;width:25%;height:100%;background:#fff}.button1:hover .first{top:0;right:0}.button1 .second{content:"";position:absolute;left:25%;top:-100%;height:100%;width:25%;background:#fff}.button1:hover .second{top:0;left:50%}.button1 .third{content:"";position:absolute;left:50%;height:100%;top:100%;width:25%;background:#fff}.button1:hover .third{top:0;left:25%}.button1 .fourth{content:"";position:absolute;left:100%;top:0;height:100%;width:25%;background:#fff}.button1:hover .fourth{top:0;left:0}a.button2{border:none;padding:10px;font-size:1rem;position:relative;background:0 0;color:var(--background_1);text-transform:uppercase;border:2px solid var(--background_1);cursor:pointer;transition:all .7s;overflow:hidden;border-radius:100px}.button2 p{position:relative;z-index:111}.button2:hover p{color:#fff}.button2 .first{content:"";position:absolute;right:100%;top:0;width:25%;height:100%;background:var(--background_1)}.button2:hover .first{top:0;right:0}.button2 .second{content:"";position:absolute;left:25%;top:-100%;height:100%;width:25%;background:var(--background_1)}.button2:hover .second{top:0;left:50%}.button2 .third{content:"";position:absolute;left:50%;height:100%;top:100%;width:25%;background:var(--background_1)}.button2:hover .third{top:0;left:25%}.button2 .fourth{content:"";position:absolute;left:100%;top:0;height:100%;width:25%;background:var(--background_1)}.button2:hover .fourth{top:0;left:0}.button2 span{position:absolute;transition:all .7s;z-index:0}.about .img-box{overflow:hidden;max-width:400px;max-height:400px;width:100%;height:100%}.about .icon{top:-10px;left:-25px;width:50px;height:50px;background-color:var(--background_1)}.about .date{width:fit-content}.resume .bar-container{height:15px;background-color:#bababa;overflow:hidden}.resume .bar-line{height:15px;background-color:#7f5252}.portfolio{height:fit-content;position:relative}.hlaf-background-left{position:absolute;left:0;top:0;width:50%;height:100%}.hlaf-background-right{position:absolute;right:0;top:0;width:50%;height:100%;z-index:-1}section.portfolio .projects-details-placeholder{z-index:3;padding:30px;display:none}section.portfolio .black-layer{background-color:rgba(0,0,0,.508)}section.portfolio .project-window{max-width:700px;height:80vh;z-index:111;display:none}section.portfolio .project-window img{width:100%;height:300px}swiper-container{width:100%;padding-top:50px;padding-bottom:50px}swiper-slide{background-position:center;background-size:cover;max-width:400px;width:100%;height:400px;cursor:pointer}swiper-slide img{display:block;width:100%;height:100%}section.portfolio .project div .project-layer{opacity:0;transition:.4s linear}section.portfolio .project div:hover .project-layer{opacity:1}.circular-progress{position:relative;width:130px;height:130px;border-radius:50%;background-color:transparent;display:grid;place-items:center;transition:.5s linear}.circular-progress::before{content:'';position:absolute;height:89%;width:89%;background-color:var(--theme-background-2);border-radius:50%}.value-container{position:relative;color:#0c0909;transition:.5s linear;font-size:1.2rem;font-weight:700}.news-line{height:fit-content;position:relative}.news-p{width:300%;left:0;transition:.2s ease;animation:newsp 30s linear infinite}.news-p p{line-break:loose;width:100%;text-align:center}@keyframes newsp{0%{left:100%}100%{left:-400%}}.counter{min-height:45vh;height:100%;background-image:url(imgs/imagecompressor/counter-min.jpg);background-size:cover;background-attachment:fixed;font-weight:700;color:#fff;position:relative;z-index:0}.counter::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.597)}.counter .boxes{max-width:900px;width:100%}.new{max-width:500px;width:100%;max-height:500px;height:100%;box-shadow:0 0 10px var(--background_2)}.new img{height:300px}.sticky-col{height:fit-content;top:120px}@media (min-width:993px){.sticky-col{position:sticky}}.google-map{padding-bottom:50%;position:relative}.google-map iframe{height:100%;width:100%;left:0;top:0;position:absolute}.contact input:focus,.contact input:hover,.contact textarea:focus,.contact textarea:hover{outline:0;border:none;caret-color:#fff}.contact input::placeholder,.contact textarea::placeholder{color:#fff}.contact textarea{min-height:40vh;height:100%;max-height:45vh}.contact button{outline:0;color:#fff;border:2px solid #fff;transition:.4s linear;background-color:transparent}.contact button:hover{background-color:var(--background_2)}