.containers form,body{width:100%;display:flex}#closeBtn,.card a{color:#000;text-decoration:none}#successMessage,.card h2,.container-aboutus p,h1{text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;font-family:Roboto,sans-serif;justify-content:center;align-items:center;background:url(../photo/005.jpg) center/cover no-repeat;position:relative}::placeholder{color:#325e89;font-weight:700}.containers{width:60%;height:80%;background:rgba(255,255,255) center/cover no-repeat;box-shadow:8px 5px 5px gray;border:1px solid gray;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:75%}.img{width:50px;height:auto;scale:100%}.containers form{height:80%;justify-content:start;align-items:center;flex-direction:column}h1{font-size:25px}form input{width:70%;margin-top:15px;padding:8px;border:none;background:0 0;border-bottom:2px solid red}.containers form .textarea{background:#fff;width:70%;height:100%;margin:30px 0;border:1px solid #fa0000;border-bottom:2px solid #fa0000;padding:10px;border-radius:5px;min-height:10px}.containers form #btn{border:1px solid red;border-bottom:2px solid #fa0000;width:20%;border-radius:5px;color:#325e89;padding:10px;transition:.5s ease-in;cursor:pointer;font-size:15px;font-weight:700;margin-bottom:30px}.containers form #btn:hover{background-color:#fa0000;color:#fff}.container-aboutus{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;min-height:60%;background:rgba(255,255,255,.95);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:999;padding:20px}.card,.card img{box-shadow:8px 5px 5px gray}.container-aboutus a i{position:absolute;top:0;right:0;margin:10px}.container-box{width:90%;height:auto;display:flex;flex-direction:column;justify-content:start;align-items:center}.container-card{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:60%;margin-top:20px}.card{width:40%;min-height:32px;background:rgba(255,255,255,10%) center/cover no-repeat;border:1px solid gray;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.card h2{margin-top:30px;font-size:16px}.card img{width:45%;min-height:40px;border-radius:50%}.socialmedia-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-top:30px}.socialmedia-icon a i{height:auto;margin:10px 5px 10px 10px;color:#000;border-radius:50%}.container-aboutus img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.container-aboutus h2{margin:10px 0;font-size:18px;text-align:center}.container-aboutus p{font-size:14px;color:#325e89;max-width:80%}#closeBtn{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.profile-card{cursor:pointer;transition:.3s}.profile-card:hover{transform:scale(1.03)}@media screen and (max-width:1024px){.container-box{background:rgba(255,255,255,10%) center/cover no-repeat;box-shadow:8px 5px 5px gray;border:1px solid gray;border-radius:8px}.containers{width:90%}.container-card{flex-direction:column;align-items:center;justify-content:center;gap:100px;height:auto;margin-top:50px}.card{width:80%;max-width:300px;min-height:250px}.card img{width:120px;height:120px}.img{margin-top:30px}}#successMessage{display:none;margin-top:20px;padding:12px 20px;border-radius:6px;background:#d1fae5;color:#065f46;font-weight:700;width:70%;animation:.4s fadeIn}#toast{position:fixed;top:20px;right:20px;min-width:220px;padding:12px 18px;background:#065f46;color:#fff;border-radius:8px;font-weight:700;font-size:14px;box-shadow:0 10px 25px rgba(0,0,0,.2);opacity:0;transform:translateX(100px);transition:.4s;pointer-events:none;z-index:9999}#toast.show{opacity:1;transform:translateX(0)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}