.comments-container{display:flex;flex-direction:column;gap:20px;padding:20px;width:100%}.comments-container .total-comments{font-size:18px;font-weight:600;margin-bottom:20px}.comments-container .comments-box{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding:0 20px 0 0}.comments-container .comments-box .comment{display:flex;gap:20px}.comments-container .comments-box .comment-text{background:#f4f6f9;border-radius:4px;font-size:14px;padding:18px 28px;text-align:left;width:100%}.comments-container .guest-details{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.comments-container input{background:#fff;border:1px solid #d3dae0;border-radius:3px;font-size:14px;height:43px;padding:0 20px;width:300px}.comments-container input::-moz-placeholder{color:#9ca3af}.comments-container input::placeholder{color:#9ca3af}.comments-container .comment-avatar{border-radius:50%;height:46px;width:46px}.comments-container textarea{background:#fff;border:1px solid #d3dae0;border-radius:3px;font-size:14px;margin-bottom:10px;padding:20px;width:100%}.comments-container textarea::-moz-placeholder{color:#9ca3af}.comments-container textarea::placeholder{color:#9ca3af}.comments-container .comment-reply-button{color:#1a1e21;cursor:pointer;font-size:14px}.comments-container .comment-reply-button:hover{color:#3d82ea}.comments-container button{align-items:center;background-color:#fff;border:1px solid #dae2ed;border-radius:3px;box-shadow:0 2px 4px #0000000f;display:flex;font-size:14px;justify-content:center;min-height:38px;padding:0 40px}