:root{--blue:#3dcfd3;--dark:#161616;--white:#fff;--grey:#898989;--light:#f2f2f2;--blk:#070608;--purpl:#d83f87;--rofyblk:#272727;--orgn:#3aafa9;}*{padding: 0%;margin: 0;box-sizing: border-box;-webkit-font-smotthing:antialised;font-family: 'Acme',sans-serif;}html{scroll-behavior: smooth;overflow-y: scroll;}body{overflow-x: hidden;}header{background: var(--dark);height: 46.875rem;overflow-x: hidden;clip-path: polygon(0 0,100% 0,100% 100%,86% 90%,0 100%);}header nav,.Atchiv nav{padding: 2rem 0;}header nav .left .logo img,.Atchiv nav .left .logo img{height: 4.5rem;width: 85%;margin-right: 2rem;margin-left: 2.5rem;}.btn,.Atchiv .btn{padding: 0.8rem 1rem;margin-right: 1rem;font-size: 1rem;font-weight: 700;border: 2px solid transparent;outline: none;cursor: pointer;border-radius: 5%;transition: all 0.3s ease;}.btn-p{background: var(--blue);color: var(--light);}.btn-p:hover{background: var(--dark);outline: 2px solid var(--blue);color: var(--blue);}.cbtn,.Atchiv .cbtn{color: var(--white);text-decoration: none;}nav .left ul{display: flex;margin-top: 1.5rem;margin-left: 2rem;}nav .left ul li{gap: 2rem;}header nav .left a,.Atchiv nav .left a{color: var(--white);text-decoration: none;margin-right: 1.9rem;text-transform: uppercase;transition: all 0.3s ease;}header nav .left a:hover,.Atchiv nav .left a:hover{color: var(--blue);font-weight: 700;}header nav .left a:visited,.Atchiv nav .left a:visited{border-bottom: 1.5px solid var(--orgn);}.container{max-width: 72rem;padding: 0 0.9375rem;}header .hero .right{position: absolute;top: 50%;left: 50%;width: 52%;font-size: large;transform: translate(-50%,-50%);}.hero h1, .hero h5{padding: 0%;margin: 0%;color: var(--white);}.hero h5{font-size: 1.2rem;}.hero p{color: var(--white);font-size: 1.125rem;margin: 0%;line-height: 2.1875rem;}.hero .right a{background: var(--blue);color: var(--white);text-decoration: none;padding: 0.625rem 1.5625rem;border-radius: 8%;display: inline-block;margin-top: 1.875rem;}.hero .right a:hover{background: var(--dark);outline: 2px solid var(--blue);color: var(--blue);}.this::before{content: '';color: var(--blue);animation: animate infinite 10s;}@keyframes animate{0%{content: 'Designer';}20%{content:'Coder';}40%{content: 'Freelancer';}60%{content: 'Marketer';}80%{content: 'Editer';}100%{content: 'Developer';}}section{padding: 5rem 0;}.about .container .my img{height: 31.25rem;width: 25rem;border-radius: 1%;margin-left: 4rem;box-shadow: 0px 7px 10px rgba(0,0,0,0.5);transition: 0.5s ease-in-out;}.about .container .my img:hover{transform: translateY(-20px);}.about .container .self{margin-left: 3.5rem;margin-top: 1rem;}.about .container h1{margin-bottom: 1rem;font-size: 1.8rem;font-weight: 500;}.about .container h1 span{color: var(--blue);font-weight: 700;}.about h3{font-size: 1.2rem;margin-bottom: 1rem;font-weight: 600;}.about p{font-family: 'Lato', sans-serif;color: var(--dark);line-height: 1.8;margin-bottom: 2.2rem;}.about .container .self a img{height: 100%;width: 100%;padding: 0.5rem;}.about .container .self .social a{background: var(--dark);display: flex;align-items: center;justify-content: center;width: 2.1875rem;height: 2.1875rem;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin-right: 0.6rem;transition: all 0.3s ease;}.about .container .self a:hover{background:var(--white);}.about .container .self span:hover{font-size: 0;}.about .container .self span:hover::after{content: attr(data-hover);color: var(--blue);margin-bottom: 1rem;font-size: 1.8rem;font-weight: 700;}.sec-head{color: var(--blk);text-align: center;margin-bottom: 1rem;list-style: 0.5;}.sec-head span{color: var(--blue);}.sec-head + p{color: var(--grey);font-family: 'Lato',sans-serif;margin-bottom: 5rem;text-align: center;align-content: center;}.skill{background: var(--light);}.skill .card-wrap{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 8rem;}.skill .card-wrap .card{background: var(--white);padding: 3rem 2rem;position: relative;padding-top: 4rem;text-align: center;transition: all .3s ease;}.skill .card-wrap .card img{height: 5.6rem;width: 5.6rem;position: absolute;top: -3.5rem;left: 50%;transform: translate(-50%);transition: all 0.1s ease-in-out;}.skill .card-wrap .card img:hover{transform: translate(-50%,20px);}.skill .card-wrap .card h2{font-weight: 700;font-size: 1.2rem;margin-bottom: 0.5rem;}.skill .card-wrap .card p{font-family: 'Lato',sans-serif;color: var(--grey);line-height: 1.6;}.skill .card-wrap .card:hover{background: var(--dark);}.skill .card-wrap .card:hover h2 ,.skill .card-wrap .card:hover p{color: var(--white);}.frelanc{text-align: center;align-content: center;background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(20220321_064041.png);background-repeat: no-repeat;color: var(--white);clip-path: polygon(0 0,100% 0,100% 100%,82% 88%,0 100%);}.frelanc h1{font-size: 2rem;margin-bottom: 0.7rem;}.frelanc p{font-size: 1.2rem;margin-bottom: 0.9rem;}.review{width: 100%;}.review h1 + p{justify-content: center;align-content: center;}.review p{margin-bottom: 3rem;}.review .count{width: 10rem;height: 10rem;position:relative;justify-content: space-evenly;}.review .count-all{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 30px;}.container1,.container5{height: 10rem;width: 10rem;background-color: #ffffff;position: absolute;border-radius: 50%;display: grid;place-items: center;}.newhi{margin-top: 1rem;}.circular-progress,.circular-progress2,.circular-progress3,.circular-progress4,.circular-progress5 {position: relative;height: 7.5rem;width: 7.5rem;border-radius: 50%;display:grid;place-items: center;}.circular-progress:before,.circular-progress2:before,.circular-progress3:before ,.circular-progress4:before, .circular-progress5:before{content: "";position:absolute;height: 82%;width: 82%;background-color: #ffffff;border-radius: 50%;}.value-container,.value-container2,.value-container3,.value-container4,.value-container5 {position: relative;font-family: "Poppins", sans-serif;font-size: 1.5rem;color: var(--blk);}.contentt{font-size: 1.085rem;font-weight: 600;}.contentt:hover{color: var(--blue);font-weight: 900;font-style: oblique;}.num , .perc{font-weight: 700;color: var(--dark);}.blog{background: var(--dark);}.blog h1{justify-content: center;align-items: center;}.blog .up{justify-content: center;align-items: center;}.blog .card-wrap{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem;justify-content: space-evenly;margin-left: 5rem;}.blog .sec-head{color: var(--white);}.blog .card-wrap .card{width: 17.5rem;height: 22.5rem;padding: 2rem 1rem;background: var(--white);position: relative;display: flex;align-items: flex-end;box-shadow: 0px 7px 10px rgba(0,0,0,0.5);transition: 0.5s ease-in-out;}.blog .card-wrap .card:hover{transform: translateY(20px);}.blog .card-wrap .card::before{content:"";position: absolute;top: 0%;left: 0%;display: block;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(61,207,211,0.3), rgba(61,207,211,0.9));z-index: 2;transition: all 0.5s;opacity: 0;}.blog .card-wrap .card:hover::before{opacity: 1;}.blog .card-wrap .card img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}.blog .card-wrap .card .card-content{position: relative;z-index: 3;color: var(--white);opacity: 0;transform: translateY(1.875rem);transition: all 0.5s;}.blog .card-wrap .card:hover .card-content{opacity: 1;transform: translateY(0px);}.blog .card-wrap .card .card-content h1{margin: 10%;}.blog .card-wrap .card .card-content p{letter-spacing: 1px;font-size: 0.75rem;margin-top: 0.5rem;}footer{width: 100%;height: 40%;position: absolute;background: linear-gradient(to right, var(--blk),var(--dark),var(--blue));color: var(--white);padding: 2rem 1rem ;border-top-right-radius: 7.8125rem;font-size: 0.8125rem;line-height: 1.25rem;}.row{width: 85%;margin: auto;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}.col{flex-basis: 25%;padding: 0.625rem;}.col img{height: 50%;width: 50%;margin-bottom: 1.5rem;}.col h3{width: fit-content;margin-bottom: 1.1rem;position: relative;}.mail{width: fit-content;margin:1rem 0;transition: all 0.3s ease-in-out;}.mail:hover{border-bottom: 1.5px solid var(--blue);}ul li{list-style: none;margin-bottom: 0.55rem;}ul li a{text-decoration: none;color: var(--white);}.email,.eml{padding-bottom: 0.5rem;display: flex;align-items: center;justify-content: center;border-bottom: 1.5px solid var(--blue);}.eml{border: none;margin-top: 2rem;}form .far{font-size: 1rem;}form i{margin-right: 1rem;}.email input{width: 100%;background: transparent;color: lightblue;border: none;outline: none;}.email button{background: transparent;border: none;outline: none;cursor: pointer;}.email button .fas{font-size: 1rem;color: var(--blue);}.eml .som .fa{text-align: center;line-height: 2rem;}.contact{position: relative;min-height: 100vh;padding: 3.125rem 6.25rem;display: flex;justify-content: center;align-items: center;flex-direction: column;background: url(bg.png);background-size: cover;}.contact .content{max-width: 50rem;text-align: center;}.contact .content .us{font-weight: 400;}.contact .content .cont{font-size: 2.25rem;font-weight: 600;color: var(--dark);}.contact .cont span{color: var(--blue);}.container9{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 1.875rem;}.container9 .contactinfo{width: 50%;display: flex;flex-direction: column;margin-bottom: 15%;}.container9 .contactinfo .box{position: relative;padding: 1.25rem 0;display: flex;}.container9 .contactinfo .box .icon{min-width: 3.75rem;height: 3.75rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: medium;}.container9 .contactinfo .box .icon img{width: 60%;height: 60%;border-radius: 50%;margin-bottom: 2rem;}.container9 .contactinfo .box .text{display: flex;margin-left: 1.25rem;font-size: 1rem;flex-direction: column;font-weight: 400;}.container9 .contactinfo .box .text .contu{font-weight: 600;color: #00bcd4;}.contactfom{width: 40%;padding: 1.5625rem;margin-bottom: 6rem;background: #fff;border-radius: 1%;}.contactfom h2{font-size: 1.875rem;font-weight: 400;margin-bottom: 1.25rem;}.contactfom .inputbox {width: 100%;position: relative;margin-top: 0.625rem;}.contactfom .inputbox input{width: 100%;padding: 0.3125rem 0;font-size: 1rem;margin: 0.625rem 0;border: none;border-bottom: 2px solid var(--dark);outline: none;resize: none;}.contactfom .inputbox span{position: absolute;left: 0;padding: 0.3125rem 0;font-size: 1rem;margin: 0.625rem 0;pointer-events: none;transition: .5s;}.contactfom .inputbox input:valid ~ span, .contactfom .inputbox textarea:valid ~ span, .contactfom .inputbox textarea:focus ~ span, .contactfom .inputbox input:focus ~ span{color: #e91e63;font-size: 0.75rem;transform: translate(-0.5rem,-1.25rem);}.contactfom .inputbox input[type="submit"]{width: 6.25rem;background: var(--blue);color: var(--white);border: none;cursor: pointer;padding: 0.625rem;font-size: 1.125rem;}textarea{resize: none;min-height: 6rem;width: 100%;}.card-content a{text-decoration: none;color: var(--blk);}.card-content a:hover{color: var(--dark);font-weight: 800;}.flex,.Atchiv .flex{display: flex;}.item-centr,.Atchiv .item-centr{align-items: center;}.justify-between,.Atchiv .justify-between{justify-content: space-between;}.Atchiv nav{margin-top: -1rem;}.Atchiv .right{margin-right: 1rem;}.Atchiv .logo{height: 5rem;width: 12rem;margin-top: -0.5rem;}.Atchiv nav .left a:hover{color: var(--orgn);font-weight: 700;}.Atchiv .btn-p{background: var(--orgn);color: var(--rofyblk);}.Atchiv .btn-p:hover{background: var(--rofyblk);outline: 2px solid var(--orgn);color: var(--orgn);}.titlehed{position:relative;text-align: center;justify-content: center;font-weight: 700;margin:3rem 0;color: var(--dark);}.titlehed .conty{font-family: 'Leckerli One',cursive;font-size: xx-large;}.titlehed:hover{transition: all 0.2s ;}.Atchiv .titlehed .conty span{font-size: 2.2rem;position: relative;animation: text 4s ease-in;}@keyframes text {10%{opacity:0;color: var(--purpl);}100%{opacity: 1;color: var(--purpl);}}#checkbox{display: none;}.line{position: absolute;width: 21px;height: 2px;background-color: var(--light);border-radius: 3px;transition: transform .25s,opacity .35s;}.Atchiv .line{background-color: var(--blk);}.line--top{transform:translateY(-7px);}.line--bottom{transform: translateY(7px);}#checkbox:checked~.line--top{transform: rotate(45deg);}#checkbox:checked~.line--middle{transform: translateX(16px);opacity: 0;}#checkbox:checked~.line--bottom{transform: rotate(-45deg);}.hamburger{display: none;}.Atchiv{background:url(Deskto.png) }.Atchiv .left ul a{color: var(--dark);font-weight: 800;}.timeline {display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));grid-gap: 2rem;padding-bottom: 3rem;padding-left: 4rem;}.timeline .timeline-item {position: relative;padding-left: 3rem;border-left: 1px solid var(--purpl);}.timeline .timeline-item .tl-icon {position: absolute;left: -27px;top: 0;background-color: var(--blue);width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}.timeline .timeline-item .tl-icon i {font-size: 1.3rem;}.timeline .timeline-item .tl-duration {padding: 0.2rem 0.6rem;background-color: var(--purpl);border-radius: 15px;display: inline-block;font-size: 0.8rem;text-transform: uppercase;font-weight: 500;}.timeline .timeline-item h5 {padding: 1rem 0;text-transform: uppercase;font-size: 1.3rem;font-weight: 600;}.timeline .timeline-item h5 span {color: var(--rofyblk);font-weight: 500;font-size: 1.2rem;}.timeline .timeline-item p {color: var(--rofyblk);}.hero .nleft img{display: none;}.containrr{position: relative;min-height: 100vh;}.containrr .imgcont .imgag{display: flex;height: 30vh;width: 25vw;border: 1vw solid var(--white);box-shadow: 0 5px 15px rgba(0,0,0,0.5);border-radius: 1%;overflow: hidden;cursor: pointer;}.containrr .imgcont{display: flex;flex-wrap: wrap;gap: 3rem;padding: 10px;margin-left: 7vw;align-items: center;}.containrr .imgag img{height: 100%;width: 100%;object-fit: cover;transition: .2s linear;}.containrr .imgag:hover img{transform: scale(1.1);}.containrr .popup{position:fixed;height: 40vh;width: 100vw;justify-items: center;align-items: center;transition: all 0.5s ease-in-out;z-index: 10000;top:0%;left: 0;}.containrr .popup:target{visibility: hidden;opacity: 0;display: none;}.containrr .popup .popup_content{background-color: var(--light);box-shadow: 0 .4rem 4rem -.4rem var(--dark);padding: 4rem;border-radius: 1rem;width: 50vw;margin: 0 auto;position: relative;}.containrr .popup .popup_content img{width: 100%;border-radius: 1rem;}.containrr .popup .popup_content .close {position: absolute;top: 2rem;right: 2rem;color: rgb(88, 88, 88);text-decoration: none;font-size: 2.5rem;font-weight: 700;transition: all .3s ease;}.containrr .popup .popup_content .close:hover {color: var(--blk);}.containrr .popup .popup_content h4{font-size: 2.7rem;font-weight: 500;padding-bottom: 1rem;}.containrr .popup .popup_content .sub-text{font-size: 1.1rem;padding-bottom: 2rem;}.containrr .popup .content--text{margin-top: 1.4rem;text-align: center;}@media (max-width:769px){.containrr .popup .popup_content{width:70vw;margin-top: 13vh;}.containrr .popup .popup_content h4{font-size: 2rem;}.containrr .popup .popup_content .close{font-size: 1.6rem;}.containrr .popup .popup_content img{width: 50vh;margin-left: -11vw;}}@media (max-width:576px){body{overflow-x: hidden;}.skill .container .card-wrap .card{margin-left: -5rem;}.skill .container .sec-head{margin-left: -5rem;}.skill .container .para{margin-left: -5rem;}.frelanc .cbtn{margin-top: 2rem;}.blog .card-wrap .card{margin-right: -3rem;}.review .count{margin:auto;}.review .hell{margin:auto;padding-left: 1rem;}.blog .card-wrap{margin-left: 1.4rem;}}@media (max-width:425px){.review .count-all{margin-left: 0;}.skill{padding-left: 5rem;}}@media (min-width:300px) and (max-width:769px){nav .left ul{position: fixed;inset:0 0 0 23%;background: hsl(0, 0, 0/ 0.5);flex-direction: column;padding: min(20vh,10rem) 3rem;gap: 2rem;transform: translateX(100%);transition: all 0.5s linear;}nav .btn{display: none;}.hamburger{position: relative;display: flex;z-index: 9999;right: -34vw;cursor: pointer;}.hero .right{position:fixed;display:block;}@supports (backdrop-filter: blur(2rem)){nav .left ul{background: hsl(0, 0, 100% / 0.1);backdrop-filter: blur(2rem);z-index: 9999;height: max-content;}}.mob[data-visible="true"]{transform: translateX(0%);}.about .container{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-left: -4rem;}.hero .left img{display: none;}.hero .nleft img{display: block;width: 70%;margin-top: 41%;}.hero .nleft{overflow-y: hidden;}.hero .right{top: 33%;left: 59%;width: 40%;font-size: 89%;}footer{height:fit-content;}footer .col{flex-basis: 100%;}.Atchiv .timeline {grid-template-columns: repeat(auto-fit,minmax(150px,1fr));grid-gap: 3rem;padding-right: 7vw;}}@media (min-width:300px) and (max-width:460px){.contact .container9{flex-direction: column;}.contact h2{margin-bottom: 1rem;}.contact .contactinfo,.contactfom{width:max-content;}.contactfom{margin-bottom: 26rem;}}@media (min-width:650px) and (max-width:900px){.hamburger{right: -58vw;}footer{height:fit-content;}footer .col {flex-basis: 45%;}}@media (max-width:350px){.hero .nleft img{width: 100%;margin-top: 67%;}header .hero .right{top: 49%;left: 58%;width: 83%;font-size: medium;}.hamburger{right: -2.5rem;}}@media (min-width:350px) and (max-width:390px){.hamburger{right: -6rem;}}@media (min-width:800px) and (max-width:1450px){.review .count-all{margin-left: 3vw;}.review .count-all .hell{margin-left: 1vw;}.skill .container {max-width: 100vw;}}@media (min-width:1400px) and (max-width:1490px){.skill .container{max-width: 90rem;}.about .container {max-width: 72rem;margin-left: 12vw;}.blog .card-wrap{margin-left: 9rem;}}@media (min-width:1200px){.container{max-width: 72rem;}}@media (min-width:1500px) and (max-width:2580px){header nav .left a, .Atchiv nav .left a {margin-right: 10vw;}header nav .left .logo img, .Atchiv nav .left .logo img {height: 5.5rem;width: 100%;}nav .left ul {display: flex;margin-top: 3vh;margin-left: 5vw;}.hero .left img{width: 45vw;height: 79vh;}.about .container {max-width: 56vw;margin-left: 24vw;}.skill .container {max-width: 160rem;}.review .count-all{margin-left: 11vw;}.blog .card-wrap {margin-left: 26rem;}}