@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap);*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}body{background-color:#9692d1}.nav-box,a{color:#fff}.nav-box{background-color:#064646;display:flex;font-size:20px;justify-content:space-between;margin:auto;padding:10px 100px;position:fixed;top:0;width:100%;z-index:100}.logo{color:#fff;font-size:24px;font-weight:800}.option{display:flex;justify-content:space-around;width:50%}@media screen and (max-width:900px){.nav-box{padding:10px;width:100%}}@media screen and (max-width:500px){.nav-box{padding:0 10px;width:100%}.option{display:none}}.ban{background-color:#454343;width:100%}.banner-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:55px auto auto;padding:10px;width:90%}.banner-wrapper>img{border-radius:4%;margin-top:100px;width:40%}.banner-content{margin-left:60px;margin-top:80px}.banner-content h6{color:#fff;font-size:22px;font-weight:600;line-height:26px}.banner-content h3{color:#fff;font-size:40px;font-weight:900;line-height:50px;margin:6px 0}.banner-content p{color:#fff;font-size:16px;font-size:18px;line-height:26px;margin-bottom:20px;text-align:justify;width:90%}.banner-content .btn{background-color:#fff;border:none;border-radius:5px;color:#000;font-size:22px;font-weight:600;height:50px;max-width:150px;padding:10px}.banner-content .btn:hover{background:#000;border:1px solid #000;border-radius:3px;color:#fff;transition:1s}@media screen and (max-width:900px){.banner-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:100%}.banner-content p{margin:auto;text-align:justify}.banner-content h3,.banner-content p{color:#fff;text-align:center;width:75%}.banner-content h3{font-size:25px;margin:5px auto}.banner-content h1{margin-bottom:5px;text-align:center}.banner-wrapper>img{width:90%}.banner-content h6{color:#fff;text-align:center}.banner-content .btn{display:block;margin:30px auto auto;text-align:center}}@media screen and (max-width:500px){.banner-wrapper{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:10px auto auto;padding:5px}.banner-content{margin-left:0}.banner-content p{text-align:justify}.banner-content h3,.banner-content p{color:#fff;margin:auto;text-align:center;width:75%}.banner-content h3{font-size:25px;line-height:30px}.banner-wrapper>img{width:90%}.banner-content h6{color:#fff;text-align:center}.banner-content .btn{display:block;margin:30px auto auto;text-align:center}}.SingleProject-box{border:2px solid #eee6e6;border-radius:2px;padding:2px 15px}.SingleProject-box>h3{color:#fff;font-size:20px}.SingleProject-box>img{border-radius:5px;height:300px;width:630px}.SingleProject-box>p{color:#fff;font-size:16px;margin-top:20px}.button-box>button{background-color:#fff;border:1px solid #fff;border-radius:5px;color:#000;font-size:20px;margin-right:10px;margin-top:10px;padding:10px}.button-box>button:hover{background-color:#000;border:1px solid #fff;border-radius:5px;color:#fff;transition:.5s ease-in-out}.tstack{display:flex;font-size:25px;gap:20px;margin-bottom:10px}.tstack-main{align-items:center;display:flex;gap:15px;justify-content:center}@media(max-width:900px){.SingleProject-box>img{height:400px;width:100%}}@media(max-width:500px){.SingleProject-box>img{height:250px;width:100%}.tstack-main{display:none;width:100%}}#projects{background-color:#454343;padding:60px 10px 10px}.project-box{grid-gap:30px;grid-row-gap:20px;align-items:center;background-color:#171d1b;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;justify-content:space-between;margin:auto;padding:5px;row-gap:20px;width:90%}.project-title{font-size:24px;line-height:60px;margin-left:70px;text-transform:uppercase;width:80%}@media (max-width:900px){.project-box{grid-gap:30px;grid-row-gap:20px;display:grid;gap:30px;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;justify-content:space-between;justify-items:center;margin:auto;padding:5px;row-gap:20px;width:98%}.project-title{margin:auto;text-align:center;width:80%}}@media (max-width:500px){h2{margin-bottom:10px}#projects,h2{width:100%}}.contacts .contact-item{background-color:#454343;margin-top:0;padding:10px 90px;width:100%}.title{font-size:24px;font-weight:700;width:90%}.contact-item>div{align-items:center;color:#fff;display:flex;gap:10px;margin-top:10px;padding:10px;text-decoration:none;width:50%}.contact-item>div>i{font-size:25px}.contact-item>div>a{color:#fff;font-size:18px}.skill-box{background-color:#454343}.services{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;justify-content:space-between;margin:auto;padding:20px;position:relative;width:90%}.title{color:#fff}.imgg>img{background-color:#2b2828;border-radius:10px;cursor:pointer;height:200px;padding:10px;transition:1s;width:200px}.title{padding-top:100px}.title h3{font-size:24px;font-weight:900;line-height:60px;margin-left:80px;text-transform:uppercase;width:90%}.imgg>img:hover{background-color:#7b1f1f;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:900px){.services{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;justify-items:center;margin-left:20px;width:100%;width:95%}.title>h3{margin:auto;text-align:center;width:90%}}@media screen and (max-width:500px){.services{grid-gap:3px;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;justify-items:center;margin:-2px auto auto;width:100%}.title>h3{margin-left:0;width:100%}}
/*# sourceMappingURL=main.65e40e09.css.map*/