@import url(https://fonts.googleapis.com/css2?family=Merienda:wght@500;600;700;800&family=Roboto:wght@400;500;700&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}.App{width:100vw}.interface{background-color:initial}.home{grid-column-gap:20px;background-color:#f0f2f5;column-gap:20px;display:grid;grid-template-columns:1fr 2.5fr 1.2fr;min-height:100vh;padding:0 10px;position:relative;width:100vw}.chatBox{bottom:0;position:fixed;right:0;width:300px}@media screen and (max-width:1024px){.home{grid-template-columns:20% 50% 30%;padding:0 20px 0 10px;width:100%}}@media screen and (max-width:768px){.home{display:grid;grid-template-columns:1fr;overflow:hidden;padding:0 10px;width:100%}}@media screen and (max-width:430px){.home{background-color:#f5f5f5;display:grid;grid-template-columns:1fr;overflow:hidden;padding:0;width:100%}}.L-features{background-color:#fff;border-radius:20px;height:460px;margin:20px 0;padding:10px 10px 150px;position:-webkit-sticky;position:sticky;top:110px}::-webkit-scrollbar{display:none}#L-box{align-items:center;border-radius:10px;display:flex;font-size:10px;margin-bottom:10px;padding:10px}#L-box .margin{font-size:27px}#L-box span{display:block;font-size:17px;margin-left:-10px}#L-box:hover{background-color:#4b9cd3;color:#fff;cursor:pointer;transition:.4s}#L-box.active{background:#4b9cd3;color:#fff;font-weight:500}#L-box.active p{background-color:#fff;color:#000}#L-box .notifi{position:relative}#L-box p{background-color:#ff4500;border-radius:50px;color:#fff;font-size:12px;font-weight:400;height:20px;justify-content:center;left:22%;position:absolute;top:0;width:20px}#L-box p,.left-user{align-items:center;display:flex}.left-user{cursor:pointer;justify-content:space-between;margin-top:40px;position:relative;width:100%}.left-user .user-name-userid{align-items:center;display:flex;gap:10px}.left-user img{border-radius:50%;height:50px;object-fit:cover;object-position:center;width:50px}.user-name-userid h1{font-size:18px;font-weight:600}.user-name-userid span{font-size:15px}.left-user .vert{font-size:32px;margin-right:10px}.logOutExitContainer{align-items:center;background-color:#fff;border-radius:10px;bottom:60px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;display:flex;flex-direction:column;gap:2px;padding:10px;position:absolute;right:0}.logOutExitContainer button{align-items:center;background-color:initial;border:none;border-radius:10px;display:flex;font-size:16px;font-weight:500;font-weight:600;outline:none;padding:12px 15px;width:100%}.logOutExitContainer button:hover{background-color:#dedede}@media screen and (max-width:1024px){.L-features{background-color:#fff;border-radius:10px;height:370px;margin-top:10px;padding:5px 5px 400px;position:-webkit-sticky;position:sticky;top:80px}#L-box{border-radius:10px;margin-bottom:8px;padding:10px 8px}#L-box .margin{font-size:22px}#L-box span{font-size:14px;margin-left:-17px}.left-user img{height:40px;width:40px}.user-name-userid h1{font-size:16px;font-weight:600}.user-name-userid span{font-size:13px}.left-user .vert{font-size:30px;margin-right:0}.left-user .user-name-userid{align-items:center;display:flex;gap:5px}.logOutExitContainer{border-radius:5px;gap:1px;padding:5px}.logOutExitContainer button{font-size:11px;padding:10px}}@media screen and (max-width:768px){.L-features{display:none}}@media screen and (max-width:430px){.L-features{display:none}}.i-form{background-color:#fff;border-radius:20px;margin:20px auto 30px;min-height:250px;padding:5px 30px 30px;width:100%}.i-input-box{position:relative;width:100%}.i-img{border-radius:50%;height:60px;left:-5px;object-fit:cover;object-position:center;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:100}#i-input{background-color:initial;border:none;border-bottom:2px solid #d6cdcd;border-radius:20px 20px 0 0;font-size:20px;height:120px;outline:none;padding:0 70px;width:100%}.file-upload{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-top:30px;min-width:100%}.file-upload .file-icons{display:flex;flex:1.5 1;gap:70px}.file-upload button{background:#4b9cd3;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:20px;padding:15px 60px}.photo-icon{color:red}.pv-upload{align-items:center;cursor:pointer;display:flex;justify-content:start}.photo-dis{font-weight:500;padding:0 4px}.displayImgs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:30px;min-height:250px;padding:13px;position:relative;width:100%}.displayImgs img{border-radius:10px;height:100%;object-fit:contain;object-position:center;width:100%}.img svg{background-color:#000;border-radius:50%;color:#fff;position:relative;top:3px}@media screen and (max-width:1024px){.i-form{background-color:#fff;border-radius:10px;margin:10px auto 30px;padding:5px 15px 20px;width:100%}#i-input{border-bottom:2px solid #d6cdcd;font-size:18px;height:90px;padding:0 10px 0 60px}.file-upload{margin-top:20px}.file-upload .file-icons{display:flex;flex:0 1;gap:15px;justify-content:space-between}.file-upload button{border-radius:10px;font-size:15px;padding:10px 30px}.photo-dis{font-size:15px;font-weight:500;padding:0 4px}.i-img{border-radius:50%;height:50px;width:50px}.displayImg{height:220px;margin-top:10px;padding:10px;width:80%}}@media screen and (max-width:768px){.file-upload .file-icons{display:flex;gap:20px}.i-form{margin:10px auto 30px;min-height:190px}.displayImg{height:220px;margin-top:0;padding:10px;width:80%}}@media screen and (max-width:430px){.i-form{background-color:#fff;border-bottom:1px solid #efefef;border-radius:0;margin:0 auto 30px;min-height:100px;padding:5px 15px 15px;width:100%}#i-input{height:75px;padding:0 20px 0 60px}#i-input,.i-input-box ::placeholder{font-size:13px}.file-upload{margin-top:10px}.file-upload button{background-color:#4b9cd3;border-radius:5px;color:#fff;font-size:15x;padding:5px 20px}.photo-dis{display:none}.pv-upload .input-svg{width:24px}.file-upload .file-icons{display:flex;gap:20px}.i-img{border-radius:50%;left:-5px;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:100}.displayImg{height:200px;margin-top:10px;padding:5px;width:100%}}.post{background-color:#fff;margin-bottom:30px;min-height:100px;padding:15px}.post,.post .post-img{border-radius:10px;width:100%}.post .post-img{height:200px;object-fit:contain;object-position:center}.multi-img{grid-gap:5px;display:grid;gap:5px;width:100%}.multi-img,.two-images{grid-template-rows:200px;object-fit:contain}.two-images{grid-template-columns:repeat(2,1fr)}.more-three-images{grid-template-columns:repeat(3,1fr);grid-template-rows:200px}.more-three-images:nth-child(n+4){display:none}.more-three-images img{height:auto;object-fit:contain;width:100%}.multi-image{grid-template-columns:repeat(2,1fr)}.multi-img img{height:100%;object-fit:contain;width:100%}.commentImage{border-radius:10px;height:100%;object-fit:cover;object-position:center;width:100%}.post-footer{display:flex;flex-direction:column;margin:15px 0 0;width:100%}.like-icons{align-items:center;color:#4b9cd3;cursor:pointer;display:flex;gap:28px;position:relative;width:100%}.like-icons svg{font-size:34px}.like-icons svg:hover{transform:scale(1.1);transition:.3s}.post-like{margin-left:5px}.post-comment,.post-like{cursor:pointer;font-size:18px}.post-comment{margin-left:10px}.like-comment-details{color:grey;margin-top:15px}.post-foot,.post-header{align-items:center;display:flex;justify-content:space-between}.post-header{margin-bottom:20px}.post-user{align-items:center;display:flex;justify-content:flex-start}.post-user .p-img{border-radius:50%;height:40px;object-fit:cover;object-position:center;width:40px}.post-user .datePara{color:grey;font-size:16px;margin-left:5px}.post-user h2{color:#767676;font-size:20px;font-weight:600;padding:0 7px}.post-header p{color:#000;font-size:17px}.post .body{font-size:20px;line-height:29px;margin-bottom:15px}.delete .post-vertical-icon{cursor:pointer;font-size:34px}.delete-cmt{justify-content:center}.delete,.delete-cmt{align-items:center;display:flex}.delete{gap:10px;position:relative}.options{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;flex-direction:column;gap:2px;position:absolute;right:0;top:60px;width:400px;z-index:999}.delete button,.options{display:flex;padding:10px}.delete button{align-items:center;background-color:initial;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;font-weight:600;gap:13px;width:100%}.delete svg{font-size:24px}.delete button:hover{background-color:#dedede}.commentSection{background-color:#f3efef;border-radius:10px;margin-top:10px;padding:15px 20px}.sticky{height:280px;overflow-y:scroll}.cmtGroup{align-items:center;display:flex;gap:10px;margin-bottom:30px;position:relative;width:100%}.cmtGroup input{background-color:#fff;border:1px solid grey;border-radius:10px;font-size:17px;height:50px;outline:none;padding:5px 80px;width:100%}.cmtGroup input:focus{outline:1px solid #e1e1e1}.cmtGroup svg{cursor:pointer;font-size:30px}.cmtGroup .emoji{left:25px}.cmtGroup .emoji,.cmtGroup .image{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.cmtGroup .image{left:60px}.cmtGroup .send{margin-left:20px}.cmtGroup button{border:none;outline:none}.commentImage img{height:auto;margin-bottom:10px;object-fit:scale-down}.social-buttons{background-color:#fff;border-radius:40px;bottom:-10px;box-shadow:0 0 32px -7px #00199f;display:grid;grid-template-columns:repeat(2,1fr);left:200px;padding:3px;position:absolute;z-index:300}.social-margin{margin:10px 13px}.overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:50}a,a:active,a:focus,a:hover{text-decoration:none}.social-icon{border:3px solid;border-radius:100%;box-sizing:border-box;height:45px;transition:all .2s;width:45px}.social-icon .social-links{font-size:23px}.facebook{align-items:center;animation:myAnim 2s ease 0s 1 normal forwards;background-color:#3b5998;border-color:#3b5998;color:#fff;display:flex;justify-content:center}.facebook:hover{background-color:#fff;color:#3b5998}.instagram{align-items:center;animation:myAnim 2s ease .2s 1 normal forwards;background-color:#ff4500;border-color:#ff4500;color:#fff;display:flex;justify-content:center}.instagram:hover{background-color:#fff;color:#ff4500}.linkedin{align-items:center;animation:myAnim 2s ease .4s 1 normal forwards;background-color:#0976b4;border-color:#0976b4;display:flex;justify-content:center}.github,.linkedin,.linkedin :hover{color:#fff}.github{align-items:center;animation:myAnim 2s ease .6s 1 normal forwards;background-color:#4183c4;border-color:#4183c4;display:flex;justify-content:center}.github:hover{background-color:#fff;color:#4183c4}.youtube{align-items:center;animation:myAnim 2s ease .8s 1 normal forwards;background-color:#b00;border-color:#b00;display:flex;justify-content:center}.twitter,.youtube,.youtube :hover{color:#fff}.twitter{align-items:center;animation:myAnim 2s ease 1s 1 normal forwards;background-color:#55acee;border-color:#55acee;display:flex;justify-content:center}.twitter:hover{background-color:#fff;color:#55acee}@keyframes myAnim{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-10px)scale(1.5)rotate(1turn)}10%{animation-timing-function:ease-in;opacity:1;transform:translateY(-30px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-in;transform:translateY(0)}to{animation-timing-function:ease-in;opacity:1;transform:translateY(0)}}@media screen and (max-width:430px){.post{background-color:#fff;border-radius:0;margin-bottom:35px;margin-top:-20px;min-height:100px;padding:15px 0 5px;width:100%}.post .post-img{border-radius:0;height:330px}.post-footer{background-color:#fff;margin:0 8px}.like-comment-details{color:grey;margin-top:10px}.like-icons{gap:20px}.like-icons svg{font-size:25px}.post-comment,.post-like{font-size:15px}.post .body{font-size:13px;line-height:25px;margin:0 8px 15px;padding:0 5px}.post-header{margin-bottom:15px;padding:0 10px}.post-user .datePara{font-size:11px}.post-user h2{font-size:15px}.delete .post-vertical-icon{font-size:25px}.options{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;display:flex;flex-direction:column;gap:2px;padding:5px 8px;position:absolute;right:0;top:40px;width:260px;z-index:999}.delete svg{font-size:22px}.delete button{font-size:11px;font-weight:600;padding:8px 0}.post-like{margin-left:5px}.post-comment,.post-like{cursor:pointer;font-size:13px}.post-comment{margin-left:10px}.commentSection{background-color:#f3efef;border-radius:10px;margin-top:10px;padding:10px}.sticky{height:240px}.cmtGroup{gap:0;margin-bottom:20px}.cmtGroup input{border-radius:8px;font-size:14px;height:42px;padding:5px 50px 5px 46px}.cmtGroup svg{font-size:26px}.cmtGroup .emoji{left:20px}.cmtGroup .send{position:absolute;right:-5px;top:50%;transform:translate(-50%,-50%);z-index:1}.social-buttons{border-radius:10px;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;left:150px;padding:0;position:absolute}.social-icon{border:1px solid;height:40px;width:40px}.social-icon .social-links{font-size:20px}.social-margin{margin:8px}}@media (min-width:769px) and (max-width:1024px){.post{background-color:#fff;border-radius:10px;margin-bottom:10px;min-height:300px;padding:15px 10px;width:100%}.post .post-img{height:300px}}.overAllCommentList{margin-bottom:30px}.commentList{display:flex;justify-content:space-between}.commentHead{display:flex;gap:15px;line-break:auto}.commentList .commentList1{word-wrap:break-word;display:flex;flex:4 1;flex-direction:column;overflow:auto;width:300px}.commentList .commentList1 .commentHead p{word-wrap:break-word;line-height:23px;word-break:break-all}.commentList .commentList1 .commentHead span{font-size:20px;font-weight:500;padding-right:10px}.commentList .commentList1 img{background-position:50%;background-repeat:no-repeat;border-radius:50%;cursor:pointer;height:45px;object-fit:cover;object-position:center;width:45px}.commentList2{flex:.5 1}.commentList2 p{color:#767676;text-align:end}.commentFooter{color:grey;display:flex;font-size:15px;gap:15px;padding-left:60px;padding-top:8px}.commentFooter h4{font-weight:500}@media screen and (max-width:430px){.overAllCommentList{margin-bottom:20px}.commentHead p{display:flex;flex-direction:column;font-size:13px}.commentList .commentList1 .commentHead span{font-size:15px;font-weight:500;padding-right:0}.commentList .commentList1 img{height:35px;width:35px}.commentHead{gap:10px}.commentList2{flex:.3 1}.commentList2 p{color:#ff4500;text-align:end}.commentFooter{font-size:12px;padding-left:45px;padding-top:5px}.commentList2 svg{font-size:18px}}button.upload_button{background:#4b9cd3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;height:10%;padding:5px 10px;width:15%}button.upload_button:hover{background-color:#16384f;border:1px solid #16384f}.info{background-color:#fff;border-radius:20px;margin:20px 0;min-height:500px;padding-bottom:22px;position:relative;width:100%}.info,.info-cover{display:flex;flex-direction:column}.info-cover{height:100px;height:240px}.info-cover img:first-child{border-radius:20px 20px 0 0;cursor:pointer;height:100%;object-fit:cover;object-position:center;width:100%}.coverDiv{font-size:30px;right:-10px;top:30px}.coverDiv,.profileDiv{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:40px}.profileDiv{left:56%;top:275px}.coverSvg,.profileSvg{font-size:30px}.info-cover img:nth-child(2){background-color:#fff;border-radius:50%;cursor:pointer;height:160px;left:50%;object-fit:cover;object-position:center;padding:3px;position:absolute;top:240px;transform:translate(-50%,-50%);width:160px}.info-follow h1{font-size:25px;padding-top:85px}.info-follow h1,.info-follow p{font-weight:400;text-align:center}.info-follow p{color:grey;font-size:16px}.info-follow{min-height:50%;padding:0 20px}.info-follow button{background-color:#dedede;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:8px 13px;position:absolute;right:10px;top:250px}.info-follow button:hover{background:#1e5173;border:none;color:#fff}.info-follow button svg{font-size:21px}.logout{align-items:center;background:#4b9cd3;border-radius:10px;color:#fff;display:flex;font-size:13px;gap:8px;left:10px;padding:5px 10px;position:absolute;top:250px}.logout svg{font-size:21px}.info-details-list{align-items:center;display:flex;gap:5px;margin-bottom:15px}.info-details-list span{color:grey;font-size:16px}.info-details{align-items:center;display:flex;justify-content:space-between}.info-col-1{flex:1 1}.info-col-2{display:flex;flex:1 1;justify-content:space-evenly}.info-col-2 div{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:2px}.info-col-2 div h2{font-size:20px;font-weight:600}.info-col-2 div span{color:grey;font-size:15px}@media screen and (max-width:1024px){.info{background-color:#fff;margin:10px 0;padding-bottom:22px}.info,.info-cover img:first-child{border-radius:5px}}@media screen and (max-width:768px){.info{margin:5px 0}.info,.info-cover img:first-child{border-radius:5px}}@media screen and (max-width:430px){.info{border-radius:0;margin:5px 0;min-height:100px}.info-cover{height:140px}.info-cover img:first-child{border-radius:0}.info svg:nth-child(2){left:60%;top:200px}.info-cover img:nth-child(2){height:110px;top:140px;width:110px}.info-cover svg{font-size:28px;right:-10px;top:18px}.info-follow h1{font-size:20px;padding-top:55px}.info-follow p{font-size:12px}.info-follow{min-height:50%;padding:0}.info-follow button{font-size:13px;top:180px}.logout{align-items:center;background:linear-gradient(107deg,#ff4305 11.1%,#f58700 95.3%);border-radius:10px;color:#fff;display:flex;font-size:11px;gap:8px;left:5px;padding:5px 10px;position:absolute;top:145px}.logout svg{font-size:18px}.info-follow button{border:none;border-radius:10px;cursor:pointer;display:flex;font-size:11px;gap:8px;padding:8px 5px;position:absolute;right:5px;top:145px}.info-follow button svg{font-size:18px}.info-details{flex-direction:column;margin-top:20px}.info-details-list svg{font-size:22px}.info-col-1{grid-column-gap:20px;align-items:flex-start;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.info-details-list{align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.info-details-list span{font-size:13px;text-align:center}.info-col-2{background-color:#eeecec;border-radius:10px;display:flex;justify-content:space-between;margin-top:0;padding:10px 20px;width:80%}.info-col-2 div{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:2px}.info-col-2 div h2{font-size:15px;font-weight:500}.info-col-2 div span{color:grey;font-size:14px}.profileDiv{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;left:62%;position:absolute;top:165px;transform:translate(-50%,-50%);width:28px}.profileDiv svg{font-size:19px}.coverDiv{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-10px;top:18px;transform:translate(-50%,-50%);width:28px}.coverDiv svg{font-size:19px}}input[type=file]{display:none}.custom-file-upload{background-color:#f5f6f7;border:1px solid #ccc;border-radius:18px;box-sizing:border-box;color:#65676b;cursor:pointer;display:inline-block;font-size:15px;padding:6px 12px;width:100%}.custom-file-upload:hover{background-color:#e4e6eb}.modelForm{margin-top:20px}.row1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.modelForm .inputBox1{height:50px;margin-bottom:30px;width:100%}.modelForm .inputBox1 input{border:1px solid grey;border-radius:5px;font-size:15px;height:100%;outline:none;padding:0 10px;width:100%}.modelForm .inputBox1 input:focus{border:1px solid #ff4500}.modelBtn{background:linear-gradient(107deg,#ff4305 11.1%,#f58700 95.3%);border:none;border-radius:5px;color:#fff;font-size:16px;padding:10px 20px;text-transform:capitalize}@media screen and (max-width:430px){.modelForm{margin-top:10px}.row1{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;width:100%}.modelForm .inputBox1{height:40px}.modelBtn{background-color:#ff4500;border:none;border-radius:5px;color:#fff;font-size:14px;padding:5px 10px;text-transform:capitalize}}.btn{background-color:#4b9cd3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:5px 12px;text-align:center;text-decoration:none;transition-duration:.4s}.btn:hover{background-color:#5faae0;border:2px solid #4b9cd3;color:#7f6d6d}.homepage{border-radius:50px;margin:20px auto;width:100%}@media screen and (max-width:430px){.homepage{margin:0 auto}}@media screen and (max-width:768px){.homepage{margin:-20px auto}}@media screen and (max-width:1024px){.homepage{border-radius:50px;margin:-25px auto;width:100%}.M-features{margin-bottom:100px;width:100%}}@media screen and (max-width:768px){.M-features{margin-bottom:100px;min-width:100%;padding-bottom:85px;padding-left:0;padding-right:0}}@media screen and (max-width:430px){.M-features{margin-bottom:100px;min-width:100%;padding-bottom:50px;padding-left:0;padding-right:0}}.Sugg-comp{background-color:#fff;border-radius:20px;min-height:200px;padding:10px 10px 10px 20px;width:100%}.Sugg-comp h2{color:grey;font-size:16px;font-weight:500;margin-bottom:30px;margin-top:10px}.s-left{align-items:center;display:flex;gap:10px}.s-left img{border-radius:50px;height:45px;object-fit:cover;object-position:center;width:45px}.sugg-people{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:20px}.s-left h3{font-size:15px;font-weight:500}.s-right{display:flex;flex-wrap:wrap;gap:5px}.s-right button{background:#4b9cd3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;padding:5px 10px}.s-right button:hover{background-color:#16384f;border:#16384f}@media screen and (min-width:769px) and (max-width:1024px){.Sugg-comp{background-color:#fff;border-radius:10px;min-height:100px;padding:10px 8px;width:100%}.Sugg-comp h2{font-size:14px;margin-bottom:20px}.sugg-people{flex-wrap:nowrap;gap:20px;margin-bottom:10px}.s-left img{height:40px;width:40px}.s-left h3{font-size:13px}.s-right button{border-radius:3px;font-size:12px}}.online-comp{background-color:#fff;border-radius:20px;margin-top:10px;min-height:200px;padding:10px 10px 5px 20px;width:100%}.online-comp h2{color:grey;font-size:16px;font-weight:500;margin-bottom:30px;margin-top:10px}.online-people{align-items:center;display:flex;gap:10px;margin-bottom:30px;position:relative}.online-people img{border-radius:50px;height:45px;width:45px}@media screen and (max-width:1024px){.online-comp{background-color:#fff;border-radius:10px;margin-top:5px;min-height:200px;padding:10px 8px;width:100%}.online-comp h2{font-size:14px;margin-bottom:20px}.online-people{gap:15px;margin-bottom:16px}.online-people img{height:40px;width:40px}.online-people:before{background-color:green;border-radius:50%;content:"";height:10px;left:30px;position:absolute;top:2px;width:10px}}@media screen and (max-width:768px){.online-comp{background-color:#fff;border-radius:20px;margin-top:10px;min-height:200px;padding:10px 10px 5px 20px;width:100%}.online-comp h2{color:grey;font-size:16px;font-weight:500;margin-bottom:30px;margin-top:10px}.online-people{align-items:center;display:flex;gap:10px;margin-bottom:30px;position:relative}.online-people img{border-radius:50px;height:45px;width:45px}}.following-comp{background-color:#fff;border-radius:20px;margin-top:10px;min-height:100px;padding:10px 15px 30px 20px;width:100%}.following-people{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:30px;position:relative}.following-people img{border-radius:50px;height:45px;object-fit:cover;object-position:center;width:45px}.following-comp h2{color:grey;font-size:16px;font-weight:500;margin-bottom:30px;margin-top:10px}.following-details{display:flex;gap:8px}.following-details h3{font-size:17px;font-weight:600}.following-details p{font-size:15px}.following-people button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 0;width:100px}.following-comp .SM-btn{background-color:initial;border:none;color:#ff4500;cursor:pointer;display:block;font-size:18px;margin:auto;padding:15px 30px}@media screen and (max-width:1024px){.following-comp{background-color:#fff;border-radius:10px;margin-top:5px;padding:0 20px}.following-people{margin-bottom:20px}.following-people img{height:40px;width:40px}.following-comp h2{font-size:14px;margin-bottom:20px;margin-top:10px}.following-details{display:flex;gap:8px}.following-details h3{font-size:15px}.following-details p{font-size:13px}.following-people button{font-size:12px;padding:10px 0;width:85px}.following-comp .SM-btn{font-size:14px;margin:30px auto 10px;padding:0}}.R-Side{border-radius:20px;height:100vh;margin-bottom:150px;margin-top:20px;overflow:scroll;padding:0 0 150px;position:-webkit-sticky;position:sticky;top:108px}.closeBurger{font-size:25px;opacity:0;position:absolute;right:10px;top:10px}@media screen and (max-width:1024px){.R-Side{border-radius:10px;height:100vh;margin-bottom:150px;margin-top:10px;padding:0 0 150px;position:-webkit-sticky;position:sticky;top:80px}}@media screen and (max-width:768px){.R-Side{background-color:#fff;z-index:1000}.R-Side.active{overflow:scroll;position:fixed;top:-10px;transform:translateX(65%);width:60%}.R-Side.active,.R-Side.unActive{border-radius:0;height:100%;transition:.3s}.R-Side.unActive{position:absolute;top:-90px;transform:translateX(100%);width:100%}.closeBurger{font-size:40px;opacity:1;right:10px;top:10px}}@media screen and (max-width:430px){.R-Side{background-color:#fff;z-index:1000}.R-Side.active{position:fixed;top:-10px;transform:translateX(0)}.R-Side.active,.R-Side.unActive{border-radius:0;height:100%;transition:.4s;width:100%}.R-Side.unActive{position:absolute;top:-90px;transform:translateX(100%)}.closeBurger{font-size:35px;opacity:1}}.nav-wrapper{background-color:#f8f9fa;box-shadow:0 2px 4px 0 #0003;position:-webkit-sticky;position:sticky}nav{background-color:#0071c5;padding:8px 30px;position:relative;top:0;width:100%;z-index:1000}.social-icons,nav{align-items:center;display:flex;justify-content:space-between}.social-icons .nav-icons{color:#fff;font-size:30px;margin:0 20px}.social-icons .nav-icons:hover{transform:scale(1.2);transition:.3s}.n-logo h1{cursor:pointer;font-size:30px}.n-logo h1,.n-logo span{font-family:Roboto,sans-serif}.n-logo span{color:#000}.n-img{border-radius:50%;cursor:pointer;height:50px;object-fit:cover;object-position:center;width:50px}.n-form-button{align-items:center;display:flex;width:50%}.n-form{flex:1 1;position:relative;width:100%}#n-search{border:none;border-radius:30px;font-size:19px;height:45px;outline:none;padding:5px 45px;width:95%}.search-icon{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:100}.n-profile{align-items:center;display:flex;flex:.2 1;justify-content:flex-end}.margin{cursor:pointer;margin-right:30px}.margin:hover{transform:scale(1.2);transition:.5s}#notifi{position:relative}#notifi span{align-items:center;background-color:#fff;border-radius:50px;color:#000;display:flex;font-size:13px;height:21px;justify-content:center;left:50%;position:absolute;top:0;width:21px}@media screen and (max-width:1024px){nav{padding:15px 0;width:100vw}.n-logo{flex:0 1}.n-logo h1{font-size:24px;margin-left:15px;width:150px}.n-form-button{border-radius:2px;width:45%}.n-img{border-radius:50%;height:38px;width:38px}#n-search{border-radius:2px;font-size:89px;height:40px;outline:none;padding:5px 45px;width:100%}.n-profile{flex:0 1;margin-right:15px}#n-search{border:none;font-size:22px;padding:5px 10px 5px 45px}.n-form svg{font-size:30px}.search-icon{left:10px}::placeholder{font-size:16px}.social-icons .nav-icons{height:25px;width:25px}}@media screen and (max-width:768px){nav{padding:12px 0;width:100vw}.n-logo{flex:0 1}.n-logo h1{font-size:28px;margin-left:15px;width:160px}.n-form-button{background-color:aqua;width:55%}.n-img{border-radius:50%;height:60px;width:60px}#n-search{border-radius:8px;font-size:19px;height:50px;outline:none;padding:5px 45px;width:100%}.n-profile{flex:0 1;margin-right:15px}#n-search{border:none;font-size:22px;padding:5px 10px 5px 45px}.n-form svg{font-size:30px}.search-icon{left:10px}::placeholder{font-size:20px}.social-icons{align-items:center;background-color:#ff4500;bottom:0;color:#fff;display:flex;justify-content:space-around;opacity:1;padding:15px 0;position:fixed;width:100vw}.social-icons .nav-icons{height:35px;width:35px}.openBurger{font-size:40px;opacity:1;right:10px;top:90px}}@media screen and (max-width:430px){nav{gap:5px;padding:8px 0;width:100vw}.n-logo{flex:0 1}.n-logo h1{font-size:20px;width:110px}.n-img{border-radius:50%;height:40px;margin-left:8px;width:40px}#n-search{border-radius:5px;font-size:19px;height:39px;outline:none;padding:5px 45px;width:100%}.n-profile{flex:0 1}#n-search{border:none;font-size:17px;padding:5px 10px 5px 35px}.n-form svg{font-size:23px}.search-icon{left:5px}::placeholder{font-size:14px}.social-icons .nav-icons{height:26px;width:26px}.social-icons{align-items:center;background-color:#ff4500;bottom:0;color:#fff;display:flex;justify-content:space-around;opacity:1;padding:5px 0;position:fixed;width:100vw}.openBurger{font-size:30px;opacity:1;right:7px;top:75px}}.result-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 8px 16px 0 #0003;max-height:219px;overflow-y:auto;width:100%;z-index:1001}.result{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;padding:10px}.result img{border-radius:50%;height:50px;margin-right:10px;width:50px}.result p{color:#333;font-size:16px;margin:0}.result:hover{background-color:#f1f1f1}textarea{border:1px solid #ccc;box-sizing:border-box;display:inline-block;height:120px;margin:8px 0;overflow:scroll;padding:12px 20px;width:100%}img{max-width:100%;object-fit:contain}.optionButton{align-items:center;display:flex;justify-content:space-evenly}.deleteButtons{display:flex;flex-direction:column;justify-self:space-evenly}.btn-outline{background-color:#fff;border:2px solid #707e60;color:#ee2715}.btn-outline:hover{background-color:#f22;border:2px solid #1a3344;color:#fff}.div-friends-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.friend-header{display:flex;width:100%}.friend-item{align-items:center;background-color:#fff;border-radius:10px;display:flex;gap:10px;min-height:70px;padding:15px;position:relative;width:73%}.friend-item img{background-color:#fff;border-radius:50%;cursor:pointer;height:70px;left:50%;object-fit:cover;object-position:center;padding:3px;top:240px;width:70px}.friend-item h3{align-items:center;margin-top:30px 30px}select{border:none;font-size:medium}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:#ffffffe6;bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:430px){.profileMiddle{margin-bottom:48px}}@media screen and (max-width:768px){.profileMiddle{margin-bottom:62px}}.interface{width:100%}@media screen and (max-width:430px){.home{display:grid;grid-template-columns:1fr;padding:0;width:100%}}@media screen and (max-width:768px){.home{display:grid;grid-template-columns:1fr;width:100%}}@media screen and (max-width:430px){.info{margin-bottom:10px;margin-top:0}}.notification-group{max-width:850px}.container{align-items:center;background:linear-gradient(184deg,#fff,#bdbdbd 99%);display:flex;height:100vh;justify-content:center;width:100vw}.container-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #00000059;min-height:430px;padding:20px 30px 0;width:600px}.container-form h1{background:#4b9cd3;-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:500}.container-form p{color:grey;font-size:16px;margin-bottom:30px}.inputBox{height:60px;margin-top:30px;position:relative;width:100%}.inputBox input{background-color:initial;border:none;border-bottom:1px solid grey;font-size:16px;height:100%;outline-width:0;outline:none;padding:5px 45px;width:100%}.fullName,.image,.mail,.password,.phone{color:#000;font-size:23px;left:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.divBtn{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.loginBtn{background:#4b9cd3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:19px;padding:5px 20px}.loginBtn:active,.loginBtn:hover{background-color:#3e8e41}.loginBtn:active{transform:translateY(4px)}.FG{color:blue;cursor:pointer;font-size:14px}.dont{margin-top:40px;text-align:center}.dont p{font-size:15px}.dont span{color:blue;cursor:pointer}@media screen and (max-width:430px){.container{align-items:center;background:none;display:flex;height:100vh;justify-content:center;width:100vw}.container-form{background:none;border-radius:10px;box-shadow:none;min-height:430px;padding:20px 30px 0;width:600px}.inputBox input{padding:5px 35px}}@media screen and (max-width:1024px){.container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;width:100vw}}.noti-overall{padding:0 10px}.notification-group{display:flex;flex-direction:column;margin:20px auto;max-width:400px;padding:5px 10px}.noti-div{align-items:center;background-color:#000;border:2px solid #000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:55px;justify-content:center;margin:10px 0 0 10px;width:55px}small{color:grey}.noti-Home-Icon{font-size:30px}.noti-div:hover{background-color:#dedede;color:#000;transition:.3s}.nav-section{align-items:center;display:flex;justify-content:space-between}.nav-section img{border-radius:50%;height:55px;margin:20px 20px 0 0;object-fit:cover;object-position:center;width:55px}.notification-group h1{font-size:30px;font-weight:600;text-transform:capitalize}.notification-section{background-color:#dedede;border-radius:10px;margin-top:10px;padding:20px 0 0 20px;width:100%}.notification-msg{align-items:center;display:flex;gap:10px;margin-bottom:25px}.notification-msg img{border-radius:50%;cursor:pointer;height:50px;object-fit:cover;object-position:center;width:50px}.notification-msg p{font-size:17px}.notification-msg span{color:blue;cursor:pointer;font-size:18px;text-transform:lowercase}.accept-button{background-image:linear-gradient(#4b9cd3,#0070c9);border:.5px solid #07c;border-radius:7px;box-sizing:border-box;color:#fff;cursor:pointer;direction:ltr;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.022em;line-height:1.47059;min-width:10px;overflow:visible;padding:4px 15px;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.accept-button:disabled{cursor:default;opacity:.3}.accept-button:hover{background-image:linear-gradient(#51a9ee,#147bcd);border-color:#1482d0;text-decoration:none}.accept-button:active{background-image:linear-gradient(#3d94d9,#0067b9);border-color:#006dbc;outline:none}.refuse-button:disabled{background-color:red;border:.5px solid red;border-radius:7px;box-sizing:border-box;color:#fff;cursor:pointer;cursor:default;direction:ltr;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.022em;line-height:1.47059;min-width:10px;opacity:.3;overflow:visible;padding:4px 15px;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.accept-button:focus{box-shadow:0 0 0 3px #83c0fd80;outline:none}.delete-button{background-image:#000;border:.5px solid #d8eaf7;border-radius:7px;box-sizing:border-box;color:#000;cursor:pointer;direction:ltr;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:-.022em;line-height:1.47059;min-width:10px;overflow:visible;padding:4px 15px;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.delete-button:disabled{cursor:default;opacity:.3}.delete-button:hover{border-color:#ff8e8e;text-decoration:none}.delete-button:active{outline:none}.delete-button:focus{box-shadow:0 0 0 3px #ff8e8e;outline:none}@keyframes scaling{0%,to{background-color:#30ffb7;transform:scale(.2)}40%{background-color:#07deff;transform:scale(1)}50%{background-color:#0761ff;transform:scale(1)}}.loading>div{animation:scaling 2.5s ease-in-out infinite;background-color:red;border-radius:50%;display:inline-block;height:10px;margin:.5rem;transform:scale(0);width:10px}.loading>div:first-child{animation-delay:0s}.loading>div:nth-child(2){animation-delay:.2s}.loading>div:nth-child(3){animation-delay:.4s}.loading>div:nth-child(4){animation-delay:.6s}.loading>div:nth-child(5){animation-delay:.8s}@media screen and (max-width:430px){.noti-overall{padding:0}.notification-group h1{font-size:24px}.noti-div{background-color:#000;height:45px;margin:5px 0 0 10px;width:45px}.notification-section{background-color:#fff;padding:20px 0 0}.noti-Home-Icon{font-size:25px}.nav-section img{height:45px;margin:10px 10px 0 0;width:45px}.notification-msg img{height:40px;width:40px}.notification-msg p{font-size:14px}.notification-msg span{font-size:15px}}#outlined-basic-email{border-radius:100px}.fullScreenVideo{left:0;max-height:100vh;object-fit:contain;position:absolute;top:0;width:100%}.videoContainer{border:2px solid blue;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));height:100vh;width:100%}.videoWrapper{align-items:center;border:1px solid green;display:flex;justify-content:center;min-height:250px}.video{object-fit:contain;width:100%}.buttons{bottom:20px;display:flex;justify-content:space-between;left:50%;margin:0 auto;position:absolute;transform:translateX(-50%);width:300px}.button{align-items:center;background-color:#707fa9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;width:70px}
/*# sourceMappingURL=main.b55f6bd8.css.map*/