.contactpage{color:var(--text-color)}.contactpage .rowbox{display:flex;justify-content:center;align-items:center;flex-direction:column}.contactpage .col p{font-size:1.3rem;text-align:justify}.contactpage .col{width:80%}.contactpage .con{display:flex;margin-top:1%}.contactpage .con .icon{display:flex;justify-content:center;align-items:center;background-color:var(--themeColor);border-radius:100%;width:40px;height:40px;margin-right:1%}.contactpage .con .icon svg{font-size:1.6rem}.contactpage .con .boxx{font-size:1.3rem}.contactpage .con .boxx .title{color:var(--grey-color);font-size:1.2rem}.contactpage .col .social{display:flex}.contactpage .col .social div{display:flex;justify-content:center;align-items:center;background-color:var(--themeColor);border-radius:50%;height:35px;width:35px;padding:1.5%;margin:1%}.contactpage .col .social div svg{font-size:1.6rem;color:var(--text-color)}.contactpage .col2{width:80%;margin:1%}.contactpage .rowbox .col2 form div{margin-bottom:1%}.contactpage .rowbox .col2 form .input{color:hsla(0,0%,100%,.9);width:70%;background-color:#252525;border:0;outline:none;padding:1% 1.3%;border-radius:20px;font-size:1.3rem;text-decoration:none}.contactpage .rowbox .col2 form .input:focus{border:1px solid var(--themeColor)}@media only screen and (max-width:800px){.contactpage .rowbox .col2 form{margin-top:3%}.contactpage .rowbox .col2 form .input{width:90%}}@media only screen and (max-width:600px){.contactpage .con{margin-top:5%}.contactpage .col .social div{padding:2%;margin:2%;width:40px;height:40px}.contactpage .col p{font-size:1.1rem;text-align:start}.contactpage .con .boxx{font-size:1rem}.contactpage .rowbox .col2 form .input{font-size:1.1rem;padding:1% 3%;width:95%}.contactpage .rowbox .col2 form div{margin-top:3%}.contactpage .rowbox .col2 form{margin-top:5%}.contactpage{margin-bottom:27%}}@media only screen and (max-width:400px){.contactpage .col{width:90%}}