.contact-section{grid-template-columns:1fr 1fr;align-items:center;margin-bottom:50px;margin-left:40px;display:grid}.contact-left{grid-column:1/2}.contact-left p{line-height:35px}.contact-left input,textarea{background:var(--input-color);border:none;border-bottom:2px dashed;width:90%;min-width:500px;margin-top:10px;margin-right:50px;padding:25px;font-size:20px;line-height:1.5rem}.errormsg{color:red;margin-top:5px;line-height:1.3rem;display:block}.contact-right{flex-direction:column;grid-column:2/3;justify-content:center;align-items:center;display:flex}.icons{justify-self:center;padding-top:250px;display:flex}.contact-right h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f900f3 30%,#2f0bcf 100%);-webkit-background-clip:text;background-clip:text;margin:0 50px;font-size:65px;font-weight:500}.contact-form ul{list-style-type:none}.icons img{width:90px;max-width:100px;height:auto;padding:15px;transition:all .3s}.icons img:hover{transform:scale(1.1)}.contact-submit{color:#fff;cursor:pointer;background:linear-gradient(315deg,#f900f3 -5%,#2f0bcf 100%);border:none;border-radius:50px;margin-top:50px;margin-bottom:50px;padding:20px 60px;font-size:22px;transition:all .3s}.contact-submit:hover{transform:scale(1.1)}@media (max-width:900px){.contact-right{align-items:start}.contact-left input,textarea{width:90%;min-width:450px;margin-top:0;margin-left:10px;margin-right:35px;line-height:1.3rem}}@media (max-width:780px){.contact-form-title{margin:50px 0 15px 5px}.contact-section{flex-direction:column;justify-content:start;margin-left:20px;display:flex}.contact-left input,textarea{min-width:300px;padding:15px}.contact-submit{margin-top:20px;margin-bottom:30px;padding:15px 30px}.contact-right h1{margin:0 20px;font-size:40px;font-weight:300}.icons{margin-left:200px;padding-top:20px}.icons img{width:60px;max-width:40px;height:auto;padding:0}}@media (max-width:500px){.contact-section{margin-left:10px}.contact-detail{margin-top:5px}.form-heading{margin-top:15px;margin-bottom:5px;font-size:18px}.contact-left input,textarea{min-width:200px;padding:8px;font-size:16px}.contact-submit{margin-top:20px;margin-bottom:30px;padding:10px 20px;font-size:16px}.icons{margin-left:150px;padding-top:10px}}
.see-more{text-align:center;cursor:pointer;color:#000;border:2px solid #000;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:180px;margin:10px;padding:10px 15px;text-decoration:none;transition:all .6s;display:inline-flex}.project a{color:#000;text-decoration:none}.see-more:hover{color:#fff;background-image:linear-gradient(45deg,#f900f3,#2f0bcf);border:2px solid #f900f3;gap:20px;transition:all .4s;transform:scale(1.05)}.read-more-bg{background-color:#fff}.read-more-bg:hover{color:#fff;background-image:linear-gradient(110deg,#f900f3 35%,#2f0bcf 100%)}.read-more-icon{vertical-align:middle;width:25px;height:auto;margin-left:10px}@media (max-width:500px){.see-more{gap:10px;width:130px;margin:25px;padding:5px 10px;display:flex}.see-more img{max-width:20px}}@media (prefers-color-scheme:dark){.see-more{text-align:center;cursor:pointer;color:#fff;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:180px;margin:10px;padding:10px 15px;text-decoration:none;transition:all .6s;display:inline-flex}.read-more-btn{cursor:pointer;background-color:#fff;border:none;border-radius:10px;margin:10px auto;padding:20px 45px;font-size:18px;transition:background-color .3s;display:block}.read-more-btn:hover{color:#fff;background-image:linear-gradient(110deg,#f900f3 35%,#2f0bcf 100%)}}
.device-image img{width:100%;height:auto}.device-image{grid-template-columns:1fr 1fr 1fr;margin-top:20px;display:grid}.device1{grid-column:1/2;justify-self:end;max-width:350px}.device2{grid-column:2/3;place-self:end;max-width:330px;margin-right:-35px}.device3{grid-column:3/4;justify-self:start;max-width:350px}@media (max-width:1024px){.device2{max-width:270px;margin-right:-35px}}@media (max-width:780px){.device-image{grid-gap:8px;grid-template-columns:1fr 1fr 1fr;margin-top:-10px;display:grid}.device1{max-width:80%}.device2{max-width:60%;margin-right:-40px}.device3{max-width:80%}}@media (max-width:500px){.device1{max-width:75%;margin-top:15px}.device2{max-width:60%;margin-top:15px;margin-right:-30px}.device3{max-width:75%;margin-top:15px}}@media (max-width:460px){.device1,.device3{max-width:80%}}