@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Sarabun,sans-serif}body{width:100%;background:#c8e8e9;align-items:center;justify-content:center}.responsive2{border:1px solid #ddd;border-radius:4px;padding:5px;width:50%}.container1{max-width:1200px;width:100%;background:#fff;border-radius:20px;padding:20px 60px 30px 40px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.container1 .content1{display:flex;align-items:center;justify-content:space-between}.container1 .content1 .left-side{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px;position:relative}.content1 .left-side::before{content:"";position:absolute;height:100%;width:2px;right:-15px;top:50%;transform:translateY(-50%);background:#afafb6}.content1 .left-side .details{margin:14px;text-align:center}.content1 .left-side .details i{font-size:30px;color:#3e2093;margin-bottom:10px}.content1 .left-side .details .topic{font-size:18px;font-weight:500}.content1 .left-side .details .text-one,.content1 .left-side .details .text-two{font-size:14px;color:#afafb6}.container1 .content1 .right-side{width:75%;margin-left:75px}.content1 .right-side .topic-text{font-size:23px;font-weight:600;color:#3e2093}.right-side .input-box{height:55px;width:100%;margin:12px 0}.right-side .input-box input,.right-side .input-box textarea{height:100%;width:100%;border:none;outline:0;font-size:16px;background:#f0f1f8;border-radius:6px;padding:0 15px;resize:none}.right-side .message-box{min-height:110px}.right-side .input-box textarea{padding-top:6px}.right-side .button{display:inline-block;margin-top:12px}.right-side .button input[type=button]{color:#fff;font-size:18px;outline:0;border:none;padding:8px 16px;border-radius:6px;background:#3e2093;cursor:pointer;transition:all .3s ease}.button input[type=button]:hover{background:#5029bc}input[type=submit]{background-color:#5029bc;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#e4008c}@media (max-width:950px){.container1{width:90%;padding:30px 40px 40px 35px}.container1 .content1 .right-side{width:75%;margin-left:55px}}@media (max-width:820px){.container1{margin:40px 0;height:100%}.container1 .content1{flex-direction:column-reverse}.container1 .content1 .left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.container1 .content1 .left-side::before{display:none}.container1 .content1 .right-side{width:100%;margin-left:0}}@media (max-width:950px){.container1{width:90%;padding:50px 40px 40px 40px}.container1 .content1 .right-side{width:100%;margin-left:55px}}@media (max-width:820px){.container1{margin:40px 20px;height:100%}.container1 .content1{flex-direction:column-reverse}.container1 .content1 .left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.container1 .content1 .left-side::before{display:none}.container1 .content1 .right-side{width:100%;margin-left:0}}.responsive2{width:100%;height:auto;max-width:500px}