*{margin:0;padding:0;box-sizing:border-box}.drawer{background-color:#f0f8ff}.head1{height:100px;width:100%;background-color:#00a884;display:flex;justify-content:center}.inner-box{height:95vh;width:98%;background-color:#f0f2f5;margin-top:15px;display:flex}.chat-Box-left{height:100%;width:364px;background-color:#fff;position:fixed}#chatImage{border-radius:100%;height:50px;width:50px;margin-left:6px}#chatScroll{width:100%;height:80vh;overflow-y:scroll}#chatLi{height:60px;width:100%;display:flex;align-items:center;border-bottom:1px solid rgb(231,238,246);color:#3b4a54;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;cursor:pointer}#chatLi:hover{background-color:#e7eef6}.chat-Box-right{height:100%;width:100%;background-color:#f0f2f5;border-bottom:4px solid rgb(37,211,102);display:flex;justify-content:center;align-items:center}.inner-ChatBox{height:100%;width:100%;position:relative;z-index:2}.innerchat-Nav{height:45px;width:96%;background-color:#f0f2f5;margin-left:38px}.middlechat-Box{height:80%;width:96%;background-color:#f2f6fe;overflow-y:scroll;margin-left:38px}.back-icon3{margin-top:15px;margin-left:10px;cursor:pointer}.bold1{color:#000;margin-bottom:20px}.messageDiv{height:60%;width:100%;border:1px solid rgb(231,238,246);display:flex;justify-content:space-between;border-radius:10px;background-color:#f0f2f5}.search-Bar{height:12%;width:96%;background-color:#fff;display:flex;align-items:center;margin-left:38px}#message-Input{width:90%;height:100%;background-color:#f0f2f5;outline:none;border:none;border-radius:10px;padding:10px}.sendButton{height:25px;width:25px;margin-top:5px;margin-right:20px}#svg1{width:60%;margin-left:90px}.Para1{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:25px;text-align:center;color:#41525d}.Para2{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:11px;text-align:center;color:#667781;margin-top:5px}.Para3{text-align:center;font-size:12px;margin-top:10px;color:#667781}.Nav-left{height:45px;width:100%;background-color:#f0f2f5;display:flex;overflow-x:none}.profile-left{height:100%;width:40%;display:flex;align-items:center;justify-content:start}.main-profile{height:75%;width:22%;background:url(/assets/charan-profile-a089bd62.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:100%;margin-left:10px;cursor:pointer}.profile-right{height:100%;width:60%;display:flex;align-items:center;justify-content:end;gap:18px}.Search-bar{height:40px;width:100%;background-color:#fff;border-bottom:1px solid rgb(233,237,239);display:flex;justify-content:start;align-items:center;padding:5px}#svg4{width:25px;color:#54656f;cursor:pointer}.load-icon{color:#54656f;cursor:pointer}.message-icon{width:17px;color:#54656f;cursor:pointer}.menu{color:#54656f;fill:#000;width:18px;margin-right:10px;cursor:pointer}#jai{height:210px;width:160px;background-color:#fff;position:absolute;z-index:1;border-radius:5px;left:185px;top:40px;box-shadow:0 0 5px #3b4a54}.b{border:none;width:100%;height:35px;display:flex;align-items:center;padding-left:20px;color:#3b4a54;font-size:12px;cursor:pointer;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.a{display:grid;place-items:center}.b:hover{background-color:#e7eef6}@media screen and (max-width:680px){.chat-Box-left{width:100%}.head1{background-color:#f13373}.chat-Box-right{display:none;position:absolute;z-index:10;height:95vh;width:100%}.inner-box{height:90vh;width:100%;background-color:#f0f2f5;margin-top:20px;display:grid;place-items:center}.Nav-left{height:75px;align-items:center;padding-top:12px}.profile-left{height:70px;width:120px}.main-profile{width:43%;background-position:center;background-size:cover;background-repeat:no-repeat;margin-left:20px}.profile-right{width:70%;gap:40px}#svg4{width:35px;height:35px}.load-icon{height:30px;width:30px}.message-icon,.menu{width:25px;height:25px}#jai{height:240px;width:180px;left:175px;top:70px}.b{height:40px;padding-left:15px;font-size:18px}.Search-bar{height:60px;padding:10px;display:flex;justify-content:center;align-items:center}#chatImage{border-radius:100%;height:55px;width:55px;margin-left:15px}#chatScroll{width:100%;height:80vh;overflow-y:scroll}#chatLi{height:70px;width:100%;display:flex;align-items:center;border-bottom:1px solid rgb(231,238,246);color:#3b4a54;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;cursor:pointer;gap:10px;font-size:20px}}.input1{font-size:15px;width:90%;border:none;outline:none;margin-left:30px;background-color:#f0f2f5;font-size:13px;color:#3b4a54}.search1{display:flex;justify-content:space-between;align-items:center;width:325px;height:28px;border-radius:5px;background-color:#f0f2f5}.bar1{width:15px;margin-left:15px;color:#54656f}.bar2{margin-left:5px;margin-top:5px;color:#54656f;cursor:pointer;position:sticky}::placeholder{font-size:10px}#main-search{display:flex}@media screen and (max-width:680px){.input1{width:100%;margin-left:30px;font-size:18px}.search1{width:380px;height:40px}.bar1{width:25px;height:25px;margin-left:20px}::placeholder{font-size:18px}.bar2{display:none}}#profile-box{height:95vh;width:370px;background-color:#f0f2f5;position:absolute;left:0;z-index:99;transition:10s}.profile-image{height:210px;width:100%;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center}#image{height:160px;width:160px;background:url(/assets/charan-profile-a089bd62.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:100%}.box1{height:75px;width:100%;background-color:#fff;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.top{height:50%;width:100%;display:flex;align-items:center}.bottom{height:50%;width:100%;display:flex;justify-content:space-between;align-items:center}.box2{height:75px;width:100%;background-color:#f0f2f5;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.box3{height:75px;width:100%;background-color:#fff;display:grid;row-gap:10px;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}#para1{font-size:14px;color:#008069;margin-left:10px}.para2{font-size:18px;color:#474a54;margin-left:10px}#para3{font-size:15px;text-align:start;color:#474a54;padding-top:20px;padding-left:10px}#para4{font-size:20px;text-align:start;color:#008069;padding-top:10px;padding-left:10px}#edit{margin-left:20px;cursor:pointer;color:#8696a0}#edit1{color:#8696a0;margin-right:20px}@media screen and (max-width:680px){#profile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}#para1{font-size:16px;margin-left:15px}.para2{font-size:20px;margin-left:15px}#edit1{margin-right:25px;height:25px;width:25px}#para4{font-size:23px;text-align:start;color:#008069;padding-top:10px;padding-left:15px}#edit{margin-left:20px;height:25px;width:25px}#para3{font-size:16px;text-align:start;color:#474a54;padding-top:20px;padding-left:15px}}@media screen and (max-width:680px){#profile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px;background-color:#db7093}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}}.communityimage{height:250px;width:250px}.imageDiv{height:50%;width:100%;display:flex;justify-content:center;align-items:center;padding-right:50px}.community-content{height:30vh;display:grid;place-items:center}.head12{font-size:25px;text-align:center}.head13{font-size:20px}.startButton{padding:10px;border-radius:10px;background-color:#db7093;border:none;color:#fff;margin-top:20px}@media screen and (max-width:680px){#profile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px;background-color:#db7093}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}.imageDiv{height:40%;width:100%;display:flex;justify-content:center;align-items:center;padding-right:30px}.communityimage{height:350px;width:350px}.community-content{height:30vh;display:grid;place-items:center}.head12{font-size:24px;text-align:center;color:#f13373}.head13{font-size:20px;text-align:center}.startButton{padding:15px;border-radius:10px;background-color:#f13373;border:none;color:#fff;margin-top:20px;font-size:20px;box-shadow:0 0 10px #000}}#chat-box{height:95vh;width:370px;background-color:#fff;position:absolute;left:4px;z-index:3}.chat-nav{height:85px;width:100%;background-color:#008069;display:flex;align-items:end;position:sticky}.left-icon{display:flex;justify-content:start;align-items:center}b{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:20px;font-weight:500}.back-icon{margin-top:5px;font-weight:bolder;cursor:pointer}.settings-search{margin-top:8px;display:flex;justify-content:center;align-items:center}.settings-profile{height:90px;width:100%;background-color:#fff;display:flex;align-items:center}.settings-Image{height:65px;width:65px;background:url(/assets/charan-profile-a089bd62.jpg);border-radius:100%;background-position:center;background-repeat:no-repeat;background-size:cover;margin-left:10px}.name{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:20px;margin-left:20px}#scrolling{overflow-y:scroll;height:85vh}#a{display:grid}#b{height:47px;border-bottom:.3px solid rgb(231,238,246);display:flex;align-items:center;font-size:16px;color:#3b4a54;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;cursor:pointer}#b:hover{background-color:#e7eef6}span{padding-left:30px}#svg3{width:15px}#log{color:red}@media screen and (max-width:680px){#chat-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}.settings-Image{margin-left:15px}.name{margin-left:25px}#scrolling{overflow-y:scroll;height:90vh}#b{height:60px;font-size:20px}#iconsMove{margin-left:20px;width:25px;height:25px}#svg3{width:25px;height:25px;margin-left:20px}}#profile-box{height:95vh;width:370px;background-color:red;position:absolute;left:6px;z-index:3}.settings-search{border-bottom:.5px solid rgb(213,208,208);display:flex;justify-content:center;align-items:center;padding:5px}@media screen and (max-width:680px){#profile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}}@media screen and (max-width:680px){#profile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px;width:100%}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}}#profile-box{height:95vh;width:370px;background-color:#f0f2f5;position:absolute;left:6px;z-index:3}.menuBar{margin-bottom:20px;margin-left:120px;font-weight:bolder;cursor:pointer;color:#fff}@media screen and (max-width:680px){#profile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav{height:70px}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}.menuBar{margin-left:150px;margin-bottom:20px;height:25px;width:25px}}#profile-box1{height:95vh;width:370px;background-color:#f0f2f5;position:absolute;left:12px;top:55px;z-index:3}.profile-nav1{height:45px;width:100%;background-color:#fff;display:flex;align-items:end}#b1{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:20px;font-weight:500;margin-bottom:10px;margin-left:25px;color:#000}.back-icon1{margin-bottom:10px;margin-left:10px;font-weight:bolder;cursor:pointer;color:#000}.checkbox{margin-left:10px;height:15px;width:15px;z-index:99;position:relative}@media screen and (max-width:680px){#profile-box1{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav1{height:70px}#b1{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon1{margin-left:13px;font-weight:bolder;height:30px;width:30px;margin-bottom:20px}.checkbox{margin-left:15px;height:20px;width:20px;z-index:99;position:relative}}#profile-box2{height:95vh;width:370px;background-color:#f0f2f5;position:absolute;left:6px;z-index:3}.profile-nav2{height:85px;width:100%;background-color:#f0f2f5;display:flex;align-items:end}.back-icon2{margin-bottom:20px;margin-left:10px;font-weight:bolder;cursor:pointer;color:#fff}.dialogueBox{height:200px;width:95%;background-color:#fff;margin-top:150px;border-radius:10px;margin-left:10px;box-shadow:0 0 10px}#top1{height:70%;width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}#para5{font-size:20px;font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}#bottom1{height:30%;width:100%;background-color:#fff;display:flex;justify-content:space-evenly;align-items:center}#button1{padding:5px;border:none;border-radius:5px;box-shadow:0 0 10px #000;background-color:#fff}@media screen and (max-width:680px){#profile-box2{height:100vh;width:100%;left:0;top:0;right:0;bottom:0}.profile-nav2{height:70px}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon2{margin-left:13px;font-weight:bolder;height:30px;width:30px}.dialogueBox{margin-top:250px}}#mobileprofile-box{height:95vh;width:370px;background-color:#f0f2f5;position:absolute;left:6px;z-index:3;display:none}.profile-nav{height:85px;width:100%;background-color:#008069;display:flex;align-items:end}#ram{display:flex;justify-content:left}b{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:20px;font-weight:500;margin-bottom:17px;margin-left:25px;color:#fff}.back-icon{margin-bottom:20px;margin-left:10px;font-weight:bolder;cursor:pointer;color:#fff}@media screen and (max-width:680px){#mobileprofile-box{height:100vh;width:100%;left:0;top:0;right:0;bottom:0;display:block;position:fixed}.profile-nav{height:70px;background-color:#f13373}b{font-size:25px;font-weight:550;margin-bottom:22px}.back-icon{margin-left:13px;font-weight:bolder;height:30px;width:30px}.mobilechatmiddle{height:75vh;width:100%;background-color:#fff;overflow-y:scroll}.mobileSearch{background-color:#fff;height:11vh;position:sticky;overflow-y:hidden;display:flex;justify-content:center;align-items:center;border-top:1px solid whitesmoke}.sendDiv{height:65%;width:100%;background-color:#f0f2f5;display:flex;justify-content:space-between;align-items:center;border-radius:10px;margin-bottom:20px}.mobileInput{height:100%;width:90%;border:none;outline:none;border-radius:10px;background-color:#f0f2f5;font-size:20px;padding:25px}#sendButton{margin-right:15px;height:25px;width:25px}}