.foot{background-image:url(https://img.freepik.com/free-photo/abstract-background-cement-wall-shadow-light-concept_53876-95320.jpg?t=st=1716801355~exp=1716804955~hmac=417878e98cac69c5eef38f630ea8b031c3328a931ddc0d2209a3e5e7c4eeb492&w=996);background-repeat:no-repeat;background-size:100%}.footer{margin:80px 170px;display:flex;flex-direction:column;gap:30px;padding-bottom:3%}.footer-top{padding-top:5%;display:flex;justify-content:space-between}.footer-top-left{font-size:medium;max-width:350px}#name{font-size:24px;font-weight:1000;background:linear-gradient(270deg,#0510e4 10%,#e009c4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#para{font-size:24px;color:#494040;font-weight:500;padding-top:5%;width:90%}hr{margin-left:3%;margin-right:0;line-height:40%;height:250px}.services1 h2{padding-bottom:15px}.services1 li{font-weight:300;color:#494040;font-size:20px;list-style:none;gap:20px;margin-bottom:10px;padding-top:5px;padding-bottom:5px}.services2 h2{padding-bottom:15px}.services2 li{font-weight:300;color:#494040;font-size:20px;list-style:none;gap:20px;margin-bottom:10px;padding-top:5px;padding-bottom:5px}#hr2{height:0px;margin-top:5%}.footer-bottom{margin-left:30%;margin-bottom:2px}@media (max-width=768px){.footer{margin:50px;display:flex;flex-direction:column;gap:10px;padding-bottom:3%}.footer-top-left{font-size:small;max-width:200px}}.navbar{display:flex;align-items:center;margin:40px;justify-content:space-between}.activenav{position:fixed;top:0;left:0}.navbar p{font-size:30px;font-weight:1000;background:linear-gradient(270deg,#0510e4 10%,#f49404);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:5%;margin-right:0%}.nav-menu{display:flex;align-items:center;list-style:none;gap:30px;font-size:20px;margin-left:0;margin-right:30px}.nav-menu li{font-weight:600;margin-right:30px}.nav-menu li a{text-decoration:none}.nav-close,.nav-open{display:none}@media (max-width:768px){.navbar{margin:20px 50px}.nav-open{display:block;position:relative;right:410px}.nav-close{display:block;position:relative;top:30px;left:290px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#fff;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px}.nav-menu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px}}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;padding-left:30px;padding-right:10px}.header-sections{display:flex;gap:80px;padding-right:10%;padding-left:5%}.main-box{height:540px;left:10px;width:500px;perspective:700px rotateX(20deg);transform-style:preserve-3d;border:3px solid black;padding-right:10%;transition:.4s}.main-box:hover{transform:perspective(700px) rotateY(20deg)}.main-box img{height:550px;bottom:40px;top:200px;left:940px;width:550px;transform:perspective(700px) rotateY(175deg)}.main-box img:hover{transform:perspective(700px) rotateY(175deg)}.header-right{display:flex;flex-direction:column;gap:80px}.header-para{display:flex;flex-direction:column;gap:40px;font-size:24px;font-weight:800;font-family:Verdana,Geneva,Tahoma,sans-serif}.header-para #h1{margin-top:15%;padding-left:3%;width:100%}.header-para #h2{font-size:22px;font-weight:500;color:gray;padding-left:3%;width:70%}.btn-read{margin-right:75%;padding:20px;border-color:2px black;border-radius:20px;background:#cac7d5;font-size:22px;cursor:pointer;transition:.5s}.btn-read:hover{transform:scale(1.05)}.services h1{font-size:60px;padding-bottom:0;margin-bottom:0}.services p{margin-top:0;font-size:20px;color:gray;width:60%;font-weight:300;justify-content:center}.boxes .border:hover{width:200px;height:310px;border-right:none;background:transparent;border:3px solid black;perspective-origin:150% 100%;position:relative;transition:.4 s;margin-left:40px;transform:perspective(700px) rotateY(5deg)}.boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin:80px 20% 10% 9%;border-radius:0;transition:none}.box{height:300px;width:300px;padding:15%;display:flex;align-items:center;flex-direction:column}.box img{border-radius:5px}.box h2{padding-top:5%}.box p{padding-top:2%;width:90%}@media (max-width:768px){.header-left .main-box{margin-bottom:50px;width:260px}.header-para h2{margin-top:50px;width:100%;font-size:12px;margin-left:25%}.header-para #h2{width:90%;font-size:18px}.services{margin:5px}.services h1{font-size:30px;margin-top:0;margin-left:30%}.boxes{margin-left:10%;gap:10px}.boxes .border{margin-left:0%;gap:10px}.box{height:150px;width:150px;padding:5%;display:flex;align-items:center;flex-direction:column;left:80%}.box .img{height:20;width:20;border-radius:5px}.box h2{font-size:14px}.box p{padding-top:1%;font-size:8px;width:100%}.header .services{margin:5px;gap:10px}.border .box{align-items:center;display:grid;flex-direction:column;margin:0;grid-template-columns:1fr 1fr}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;padding-left:10px;padding-right:30px;margin-left:3%}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600;margin-left:35%}.about-section{display:flex;gap:100px}.about .about-left h2{font-size:xx-large;font-weight:700;padding-left:10%;padding-top:13%;font-weight:600;width:70%}.about-left p{font-size:25px;font-weight:400;width:70%;color:gray;padding-left:10%;padding-top:3%}.about-right img{margin-top:8%;margin-left:10%}.about-section1{display:flex;gap:150px;margin-top:2%}.about-left1{padding-left:90px}.border1{height:540px;width:500px;perspective:700px rotateY(20deg);transform-style:preserve-3d;border:3px solid black;transition:.4s;left:10px}.border1:hover{transform:perspective(700px) rotateY(20deg)}.border1 img{margin-right:0%;height:550px;top:0;left:1000px;width:550px;transform:perspective(700px) rotateY(175deg)}.border1 img:hover{transform:perspective(700px) rotateY(175deg)}.about-right1{padding-left:5%;padding-top:3%;padding-bottom:5%;font-size:xx-large;font-weight:900;width:40%}.about-right h2{width:40%}.about-right1 p{padding-top:5%;font-weight:200;color:gray;font:size 200px}.content h1{font-size:60px;margin-right:0%;margin-left:20%}.contents{display:grid;grid-template-columns:repeat(3,1fr);gap:100px;margin:50px 0% 1%;width:100%}.cont{height:300px;width:350px;padding:4%;display:flex;align-items:center;flex-direction:column;gap:20px}#one{margin-top:5%}.cont img{border-radius:50px}.content h2{font-size:28px}.cont p{font-size:22px;font-weight:200px}.content h2:hover{color:#8a2be2}@media (max-width=768px){.about-leftt1{margin-bottom:50px;width:260px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:50px 80px}.services-section{display:flex;gap:80px}.services-right{padding-right:0}.services-right img{height:500;width:500}.services-left{font-size:xx-large;padding-top:10%;font-weight:900;font-weight:200}.services-left p{padding-top:5%;color:gray;font-weight:400;font-size:28px;width:90%}.border:hover{width:400px;height:420px;border-right:none;background:transparent;border:3px solid black;perspective-origin:150% 100%;position:relative;transition:.4 s;margin-left:2%;transform:perspective(700px) rotateY(5deg)}.design-title h1{margin-top:5%;margin-left:5%;margin-bottom:5%;font-size:40px}.Design-content{display:grid;grid-template-columns:repeat(3,1fr);gap:120px;margin:50px 10% 10% 9%;border-radius:0;transition:none}.contt{height:320px;width:300px;padding:15%;display:flex;flex-direction:column;gap:20px;margin-left:20px;background-color:#fff}.contt .img{padding-left:0}.contt h2{font-size:28px}.contt p{color:gray;font-size:20px;font-weight:400}.service-navbar{display:flex;align-items:center;justify-content:space-between;margin-left:250px;padding-top:60px}.service-nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:24px;font-weight:400;margin-left:12%}.anchor-link{text-decoration:none;color:#19199b}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80%;margin:60px 80px}.container{width:100%;display:flex;justify-content:center;align-items:center;gap:150px}.container .contactInfo{width:25%;display:flex;flex-direction:column;gap:30px;margin-top:10%}.box{position:relative;padding:20px 35px;border-radius:5px;background-color:#fff;margin-left:20%;margin-right:0%;transition:.5s}.box:hover{transform:scale(1.05)}.icon .img{font-size:22px;background:transparent;padding:0;margin-left:2%}.text{display:flex;margin-left:20px;font-size:16px;color:#224dc2;flex-direction:column;font-weight:300;gap:20px}.text h3{padding-top:3%;font-weight:900;color:#060685;font-size:22px}.text p{padding-top:5%;color:#8a2be2;font-weight:700;font-size:20px}#p1,#p2{font-weight:500;color:gray}#call{margin-bottom:5px}.contactform{height:25%;width:25%;padding:40px 60px 60px;background-color:#fff;border-radius:5px}.contactform h2{font-size:30px;color:#060685;font-weight:900;padding-top:4%;padding-bottom:5%}.contactform .inputBox{position:relative;Width:100%;background:#fff;margin-top:10px;border-top:none;border-left:none;border-right:none;padding-bottom:5%}.contactform input,textarea{width:90%;padding:5px 0;margin:10px 0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(124,114,114,.878);resize:none}.contactform span{position:absolute;left:1px;width:60%;padding:5px 0;margin:10px 0;pointer-events:none;transition:.5s;color:gray}.contactform .inputBox input:focus~span,.contactform .inputBox input:valid~span,.contactform .inputBox textarea:focus~span,.contactform .inputBox textarea:valid~span{color:#224dc2;font-size:12px;transform:translateY(-20px)}.inputBox input[type=submit]{width:50%;font-weight:700;background-color:#fff;color:#010686;border:2px solid rgb(6,6,133);cursor:pointer;font-size:18px;padding:10px;margin-bottom:20px}.map{padding-top:5%}.map-title{margin-bottom:5px;margin-top:15%;font-size:30px;margin-left:2px}*{margin:0;padding:0}body{height:100vh;background:#fff;color:#070775;font-family:outfit;background-image:url(https://img.freepik.com/free-vector/white-abstract-wallpaper_23-2148830027.jpg?t=st=1716751743~exp=1716755343~hmac=d957f8d2d14e8d2e1a9490746d9b5cc41ad5efa2f973a62ef1c5f81b201b9bd4&w=996);background-size:100%}@media (max-width:500px){body{margin:40px;background-size:200%}}
