@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");*{padding:0;box-sizing:border-box;margin:0;font-family:Poppins,sans-serif}.ıletisim{min-height:100vh;justify-content:center;align-items:center;background:#fff;width:100%;display:flex}.container1{padding:20px 60px 30px 40px;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:6px;background:#fff;width:85%}.container1 .content{justify-content:space-between;align-items:center;display:flex}.container1 .content .left-side{height:100%;justify-content:center;position:relative;flex-direction:column;align-items:center;width:25%;margin-top:15px;display:flex}.content .left-side:before{height:70%;transform:translateY(-50%);right:-15px;content:"";position:absolute;top:50%;background:#afafb6;width:2px}.content .left-side .details{text-align:center;margin:14px}.button-30:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:active{transform:translateY(2px);box-shadow:inset 0 3px 7px #d6d6e7}.content .left-side .details i{font-size:30px;margin-bottom:10px;color:#3e2093}.content .left-side .details .topic{font-size:18px;font-weight:500}.content .left-side .details .text-one,.content .left-side .details .text-two{font-size:14px;color:#afafb6}.container1 .content .right-side{margin-left:75px;width:75%}.content .right-side .topic-text{font-size:23px;font-weight:600;color:#3e2093}.right-side .input-box{height:50px;margin:12px 0;width:100%}.right-side .input-box input,.right-side .input-box textarea{height:100%;padding:0 15px;resize:none;font-size:16px;border:none;outline:none;border-radius:6px;background:#f0f1f8;width:100%}.right-side .message-box{min-height:110px}.right-side .input-box textarea{padding-top:6px}.right-side .button{margin-top:12px;display:inline-block}.right-side .button input[type=button]{padding:8px 16px;font-size:18px;border:none;color:#fff;transition:all .3s ease;outline:none;border-radius:6px;background:#3e2093;cursor:pointer}.button input[type=button]:hover{background:#5029bc}@media (max-width:950px){.container1{padding:30px 40px 40px 35px;width:90%}.container1 .content .right-side{margin-left:55px;width:75%}}@media (max-width:820px){.container1{height:100%;margin:40px 0}.container1 .content{flex-direction:column-reverse}.container1 .content .left-side{justify-content:center;flex-wrap:wrap;flex-direction:row;width:100%;margin-top:40px}.container1 .content .left-side:before{display:none}.container1 .content .right-side{margin-left:0;width:100%}}.footer{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}footer{min-height:100px;padding:20px 50px;flex-direction:column;background:#000;width:100%}footer,footer .menu,footer .social_icon{justify-content:center;position:relative;align-items:center;display:flex}footer .menu,footer .social_icon{flex-wrap:wrap;margin:10px 0}footer .menu li,footer .social_icon li{list-style:none}footer .social_icon li a{font-size:2em;color:#fff;transition:.5s;margin:0 10px;display:inline-block}footer .social_icon li a:hover{transform:translateY(-10px)}footer .menu li a{font-size:1em}.footer_text,footer .menu li a{text-decoration:none;color:#fff;transition:.5s;opacity:.75;margin:0 10px;display:inline-block}.footer_text{font-size:.8em}.footer_text:hover,footer .menu li a:hover{opacity:1}footer .wave{height:100px;position:absolute;top:-100px;background:url(https://etkinlikquest.quest/wave3.png);background-size:1000px 100px;left:0;width:100%}footer .wave#wave1{animation:animateWave 4s linear infinite;opacity:1;bottom:0;z-index:1000}footer .wave#wave2{animation:animateWave_02 4s linear infinite;opacity:.5;bottom:10px;z-index:999}footer .wave#wave3{animation:animateWave 3s linear infinite;opacity:.2;bottom:15px;z-index:1000}footer .wave#wave4{animation:animateWave_02 3s linear infinite;opacity:.7;bottom:20px;z-index:999}@keyframes animateWave{0%{background-position-x:1000px}to{background-position-x:0}}@keyframes animateWave_02{0%{background-position-x:0}to{background-position-x:1000px}}