@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');*{margin:0px;padding:0px;box-sizing:border-box;font-family:'Montserrat';scroll-behavior:smooth}body{background-color:#222;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:10px 50px}header a{color:white;text-decoration:none}#Logo{font-size:30px;font-weight:700;color:#BA0000;transition:0.5s linear}#Logo:hover{color:aliceblue}header ul li{list-style:none;float:left;margin-left:30px;font-size:20px}header ul li a:hover{transition:0.5s;color:#BA0000}#Contact{padding:10px 30px;background-color:#BA0000;border-radius:5px;font-size:20px;color:white;text-decoration:none;transition:0.5s ease}#Contact:hover{background-color:white;color:#BA0000}#Hero{display:flex;justify-content:space-between;min-height:80vh;overflow:hidden;flex-wrap:wrap-reverse;align-items:center}.headLin{width:100%;height:3px;background-color:#BA0000}.side-contnte{width:50%;padding-top:10px;padding-left:50px;padding-bottom:30px;overflow:hidden}.side-contnte h1{color:white;font-size:4rem;width:100%}.side-contnte h3{font-size:2rem;color:#BA0000}.side-contnte p{color:#A6A6A6;width:100%;font-size:20px;margin-bottom:30px}.side-img{position:relative;width:50%}.side-img::before{content:"";position:absolute;width:100%;height:90%;background-color:#BA0000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;box-shadow:0px 0px 100px #dd3838c0}.side-img img{width:80%;display:block;margin-left:20%;position:relative;bottom:0}#what-i-do{display:flex;justify-content:center;min-height:80vh;overflow:hidden;flex-wrap:wrap-reverse}#what-i-do .side-img img{transform:rotateY(180deg);margin-left:0%}#what-i-do .side-contnte{padding:50px 50px}.card{padding:20px;width:100%;min-height:200px;background-color:#1C1B1D;border-radius:20px;transition:0.5s}.card p{font-size:2.0rem}.title{margin-bottom:20px;margin-top:20px;text-align:center;color:#BA0000;font-size:30px}#About-us{width:100%;padding:50px}.continer{width:90%;min-height:50vh;background-color:#1C1B1D;margin:auto;padding:50px;border-radius:10px}#last-project{margin-bottom:50px}.box-card{width:100%;background-color:#222;height:auto;margin:auto;border:2px solid #BA0000;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.box-card .card{width:30%;background:none}.box-card p{font-size:20px;width:100%;color:#A6A6A6}#Services{padding:50px}.box-card-Services{display:flex;justify-content:center;flex-wrap:wrap}#last-project2 .box-card-Services .card-project img{width:100%;height:100%;border-radius:20px}#last-project2 .box-card-Services .card-project{height:300px}.card-Services{cursor:pointer;width:30%;background-color:#1C1B1D;padding:15px 10px;border-radius:20px;margin:15px;border:#BA0000 solid 3px;transition:0.3s linear}.card-Services:hover{transform:scale(1.1);background-color:aliceblue;transform:translateY(-10px)}.card-Services:hover.card-Services p,ul,h2{color:#000}.card-Services:hover.card-Services h2{color:#000}.card-Services p,ul{color:#A6A6A6;font-size:20px;padding:0px 20px}.card-project{width:30%;background-color:#1C1B1D;transition:0.5s linear;border-radius:20px;margin:15px;cursor:pointer}.card-project:hover{transform:scale(1.1);border:aliceblue solid 3px;transform:translateY(-10px)}.card-project img{width:100%;height:80%;border-top-left-radius:20px;border-top-right-radius:20px}#Contact-me{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px}#Contact-form{display:flex;flex-direction:column;width:70%}#Contact-form input{padding:15px 10px;border-radius:10px;border:2px solid #BA0000;outline:none;background-color:#1C1B1D;margin:10px;color:aliceblue}textarea{border-radius:20px;border:2px solid #BA0000;outline:none;background-color:#1C1B1D;width:60%;margin:10px;color:aliceblue;padding:10px}#send:hover{background-color:aliceblue;color:#BA0000}#send{width:50%;margin-top:10px;margin-left:10px;background-color:#BA0000;color:aliceblue;padding:10px 0px;border-radius:10px;font-weight:800;border:0px;cursor:pointer;transition:0.5s}footer{width:100%;background-color:#1C1B1D;color:#BA0000;text-align:center;padding:15px}footer h2{color:#BA0000}.mobile-menu{width:100%;background-color:#1C1B1D;height:70px;position:fixed;bottom:0;z-index:9999;padding:0px 10px;display:none;border-top:2px solid #BA0000;border-radius:10px}.mobile-menu ul{display:flex;justify-content:space-between;align-items:center;list-style:none;width:100%}.mobile-menu ul li a{transition:0.5s;padding:10px;font-size:0.8rem;text-decoration:none;color:white;font-weight:800;border-radius:5px}.mobile-menu ul li a:hover{transform:scale(1.1);background:#BA0000;box-shadow:0px -10px 100px #BA0000}.up{position:fixed;bottom:30px;width:12%;height:100px;background:none;left:87%;cursor:pointer;opacity:0;z-index:99999}.info{display:flex;justify-content:space-between;padding:10px;align-items:center}.info h2{color:#BA0000}.info a{text-decoration:none;color:aliceblue}.background-blur{width:100%;height:100vh;z-index:99999;margin:auto;position:fixed;padding:20% 0px;opacity:0;display:none}.thank{width:30%;height:300px;background-color:#1C1B1D;border:1px solid #BA0000;margin:auto;border-radius:20px;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.thank h2{color:#BA0000}.thank button{padding:10px 40px;border-radius:20px;border:none;margin-top:10px;cursor:pointer;background-color:#BA0000;color:white;transition:0.5s}.thank button:hover{background-color:white;color:#000}@media screen and (max-width:740px){#Contact-form,.thank{width:90%}textarea{width:auto}.card p{font-size:1.2rem}.mobile-menu{display:flex;align-items:center}header{padding:20px 30px}header ul{display:none}header #Contact{padding:10px 15px}.side-img,.side-contnte{width:100%}header ul li a{font-size:12px}.side-contnte{padding-left:10px}#About-us{padding:10px}.card-Services,.box-card .card,.card,.card-project{width:100%}.continer,#Services{padding:20px}.card-Services h2{font-size:1rem}}@media screen and (max-width:1024px){.card p{font-size:1.2rem}.side-img::before{content:"";position:absolute;width:100%;height:70%;background-color:none;border-radius:50%;top:50%;left:50%}.side-img img{width:100%}#Logo{font-size:1.5rem}header ul li{list-style:none;float:left;margin-left:30px;font-size:15px}header{padding:20px 10px}.card-Services,.box-card .card,.card{width:100%}#Hero,#what-i-do{padding-top:10px;min-height:50vh}.up{bottom:100px}}