.contact{margin-top:-40px}.contact body{min-height:100vh;width:100%;background:#1e1e1e;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:65%;border-radius:6px;margin:100px auto}.contact .container .content{display:flex;align-items:center;justify-content:space-between;background:#17171a;padding:20px 60px 30px 40px;box-shadow:0 5px 10px #0003;width:100%}.contact .container .content .left-side{width:25%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px;position:relative}.contact .input-box{background-color:#f0f1f8}.contact .content .left-side:before{content:"";position:absolute;height:70%;width:2px;right:-15px;top:50%;transform:translateY(-50%);background:#afafb6}.contact .content .left-side .details{margin:14px;text-align:center}.contact .content .left-side .details i{font-size:30px;color:#3e2093;margin-bottom:10px}.contact .content .left-side .details .topic{font-size:18px;font-weight:500}.contact .content .left-side .details .text-one,.contact .content .left-side .details .text-two{font-size:14px;color:#afafb6}.contact .container .content .right-side{width:75%;margin-left:75px}.contact .content .right-side .topic-text{font-size:23px;font-weight:600;color:#8ba3cd}.contact .right-side .input-box{height:50px;width:100%;margin:12px 0}.contact .right-side .input-box input,.contact .right-side .input-box textarea{height:100%;width:100%;border:none;outline:none;font-size:16px;background:#f0f1f8;border-radius:6px;padding:0 15px;resize:none}.contact .right-side .message-box{min-height:110px}.contact .right-side .input-box textarea{padding-top:6px}.contact .right-side .button{display:inline-block;margin-top:12px}.contact .right-side .button button{color:#fff;font-size:18px;outline:none;border:none;padding:8px 16px;border-radius:6px;background:#8ba3cd;cursor:pointer;transition:all .3s ease}.contact .button button:hover{background:#8ba3cd}@media (max-width: 950px){.contact .container{width:90%;padding:30px 40px 40px 35px}.contact .container .content .right-side{width:75%;margin-left:55px}}@media (max-width: 820px){.contact .container{margin:40px 0;height:100%}.contact .container .content{flex-direction:column-reverse}.contact .container .content .left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.contact .container .content .left-side:before{display:none}.contact .container .content .right-side{width:100%;margin-left:0}}.contact .alert{border-left:3px solid rgb(85,255,85);background-color:#55ff5565;width:100%;padding:10px;margin-bottom:30px}