.login{display:flex;margin:2.02rem;flex-direction:row;justify-content:center;gap:20px}.loginImgContainer{flex:.3}.loginContainer{flex-basis:375px}.logDetails{padding:30px 30px 10px;border:.2px solid #e0e0e0}.logSign{border:.2px solid #e0e0e0}.header{text-align:center;margin-top:1rem;margin-bottom:2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media screen and (max-width: 900px){.loginImgContainer{display:none}}@media screen and (max-width: 450px){.login{margin:0}.logDetails,.logSign{border:none}}.divBorderOr{color:#00000080;font-weight:600}.facebookLog{font-size:1rem;color:#222283}.footerLinks>a{text-decoration:none;color:#867b7b;font-size:.86rem}.footerLinks>a:hover{border-bottom:.4px solid #867b7b}.FooterCopy{color:#867b7b}.form-group{position:relative}label{position:absolute}.form-control{background-color:#fafafa;border:1px solid rgba(0,0,0,.1);border-radius:none;font-size:1rem;padding:.6rem}.form-control:focus{outline:none;box-shadow:none;border:1px solid rgba(0,0,0,.2);background-color:#fafafa}.ShowButton{position:absolute;top:9px;right:2px;border:none;background-color:#fafafa;color:#00f}.ShowButton:hover{color:#87ceeb}.header{text-align:center;margin-top:1rem;margin-bottom:1.2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.registerFlex{width:340px}.registerDetails{padding:30px 30px 10px;border:.2px solid #e0e0e0}.RegisterSign{border:.2px solid #e0e0e0}.facebookRegister{background-color:#00f;color:#fff;padding:2px;border-radius:7px}.signupText{font-size:.7rem;text-align:center}@media screen and (max-width: 450px){.registerDetails,.RegisterSign{border:none}}.headerForgot{position:fixed;top:0;left:0;z-index:2;width:100%;display:inline-block;padding:1rem 1rem 1rem 5rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;border-bottom:.2px solid #e0e0e0;background-color:#fff}.passContainer{position:relative;border:.2px solid #e0e0e0;width:360px;margin:auto;margin-top:6rem;z-index:1}.passDetails{padding:20px}.imgLock{text-align:center;margin-top:5px}.imgLock>p{font-size:.9rem;color:#00000080;line-height:1.3}.loginPass{border:.2px solid #e0e0e0;text-align:center;padding:6px;background-color:#f0f0f0}a>p:hover{color:#bebcbc}body{margin:0;padding:0;box-sizing:border-box}.homepage{display:flex;flex-direction:row;min-height:100vh;height:auto}.homepageNav{flex:.2}@media screen and (max-width: 1260px){.homepageNav{flex:.1}}.homepageTimeline{flex:.8}@media screen and (max-width: 780px){.homepageNav{flex:0}}.homepageTimeline{flex:1}.sidenav{position:fixed;top:0;left:0;z-index:1;height:100vh;width:240px;border-right:.2px solid #e0e0e0}.headerHome{margin:1rem 1rem .5rem 1.2rem;cursor:pointer;text-decoration:none;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.headerHome>p{padding-left:2rem}.headerHome>i{width:1.8rem;height:1.8rem;display:none}.navbarItems{margin-left:1rem;height:90vh;display:flex;flex-direction:column}.item,.itemM{display:flex;flex-direction:row;align-items:center;gap:10px;padding:.5rem 0 .5rem .5rem;margin:.1rem .4rem;cursor:pointer;font-size:1.1rem;text-decoration:none}.itemM{padding:.6rem .1rem}.item-end{padding:.8rem 8rem .8rem .5rem;margin:.3rem .4rem .3rem 1.2rem;position:fixed;bottom:0}.itemNotification{display:none}.moreComp{position:absolute;z-index:3;width:17rem;height:80%;top:10%;left:10%;border-radius:1rem;padding:.9rem;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.divisionMore{border:4px solid #e0e0e0;margin:0}@media screen and (max-width: 1260px){.sidenav{width:80px}.item>p{display:none}.headerHome{padding:.5rem 1rem;margin-left:.6rem}.headerHome>p{display:none}.headerHome>i{display:block;margin-left:1.7rem}.item,.item-end{padding:.8rem}.moreComp{display:block}}@media screen and (max-width: 780px){.headerHome{position:fixed;top:0;left:0;width:100%;margin:0 .8rem 0 0rem;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidenav{border-right:none}.headerHome>p{display:block;padding-left:0}.headerHome>i{display:none}.sidenav{position:fixed;bottom:0;right:0;z-index:1;height:50px;width:0}.navbarItems{margin-left:0;height:50px;width:100%;display:flex;flex-direction:row;justify-content:space-evenly;position:fixed;bottom:0;right:0}.item-end{display:none}.item:hover{background-color:#444242}.item1{display:none}.itemOrder2{order:1}.itemOrder1{order:2}.itemOrder3{order:4}.itemNotification{display:block}.moreComp{display:none}}.timeline{display:flex;flex-direction:row;margin-top:3.7rem}.timelineLeft{flex:.7}.postTimeline{width:70%;margin:auto}.timelineRight{flex:.3;margin-right:3rem}.sugesstionTime>p{color:#7c7878}.sugesstionTime>a{color:#111;font-size:.8rem;font-weight:500}.sugesstionTime>a:hover{color:#7c7878}@media screen and (max-width: 1260px){.timelineRight{flex:0;display:none}.timelineLeft{flex:1}.postTimeline{width:70%}}@media screen and (max-width: 500px){.postTimeline{width:100%}}.sugImgName>img{width:2.5rem;height:2.5rem;border-radius:1.5rem}.btnSugFollow{border:none;color:#669cb1;font-size:.9rem;font-weight:500}.btnSugFollow:hover{color:#00008b}.bi{font-size:1.5rem;cursor:pointer}.bi:hover{color:#5c5959}.username{cursor:pointer}.spanHeader{color:gray}.postImage>img,.postVideo>video{border:.6px solid rgba(128,128,128,.516);border-radius:6px;width:100%;max-height:32rem;min-height:16rem;height:auto;object-fit:contain;cursor:pointer}.postVideo{position:relative}.postVideo>.playBtn{left:45%}.postComment{padding-left:.2rem;padding-right:.5rem}.postAddComment{font-size:.9rem;border:none;width:83%;resize:none}.postAddComment:focus{outline:none}.btnCommentPost{border:none;color:#00f;font-size:1rem}.btnCommentPost:hover{color:#131347}.bi-emoji-smile{font-size:1rem}.ImageUploadContainer{margin:4rem .7rem;text-align:center}.ImagePost{width:50%;margin:1rem auto}@media screen and (max-width: 500px){.ImagePost{width:75%}}.ImageUploadBtn{margin:.5rem;width:40%;padding:5px;border-radius:4px}.ImageUploadBtn:hover{font-weight:600;border:1px}.profileContainer{margin:2rem}.userDetailsCont{display:flex;flex-direction:row;gap:4rem;margin-left:10rem;margin-bottom:4rem}.profileImg{border-radius:8rem;width:220px;height:220px}.imgUserNameCon{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.webUserName{display:block}.mobileUserName{display:none}.userProfileDiv{margin-top:1.5rem;display:flex;flex-direction:column;gap:10px}.userProfileSubDiv1,.userProfileSubDiv2{display:flex;gap:20px;text-align:center;margin-bottom:.5rem}span{font-size:1.1rem}.btnEditView{border:none;border-radius:4px;font-weight:500;padding:3px 10px}.btnEditView:hover{background-color:#cccbcb}.userDetailsCont2{border-top:2px solid #e0e0e0}.mobileResProfile{display:none}.btntoggle1{padding:.5rem 1.6rem}.ProfileBtnCont{display:flex;justify-content:center;gap:10px}.ProfilePostsReelsBtn{padding:.5rem 2rem;border:none}@media screen and (max-width: 1000px){.userDetailsCont{margin-left:0rem;justify-content:center}}@media screen and (max-width: 780px){.profileContainer{margin:.5rem}.userDetailsCont{margin-top:4.1rem;margin-bottom:2rem;gap:1rem}span{font-size:.9rem}.userProfileSubDiv1,.userProfileSubDiv2{gap:15px}.profileImg{width:98px;height:98px}.userProfileDiv{margin-top:1rem}.btntoggle{display:none}.mobileResProfile{display:block;display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:2rem}.webUserName{display:none}.mobileUserName{display:block}}.reelsMainContainer{scroll-snap-type:y mandatory}.reelContainer{display:grid;place-items:center;height:100vh}.reelVideos{position:relative;height:94vh;width:40%;max-width:450px;max-height:1200px;overflow:scroll;scroll-snap-type:y mandatory;cursor:pointer}@media screen and (max-width: 1000px){.reelVideos{width:70%}}@media screen and (max-width: 470px){.reelVideos{width:100%;height:89vh}}.reelVideos::-webkit-scrollbar{display:none}.reelVideos{-ms-overflow-style:none;scrollbar-width:none}.videoCard{position:relative;width:100%;height:100%;scroll-snap-align:start}.videoPlayer{object-fit:fill;width:85%;height:100%;background-color:#f3f5f5;border-radius:15px}.videoHeader{display:flex;justify-content:space-between;align-items:center;position:absolute;color:#fff;width:85%}.videoHeader>*{padding:15px}@media screen and (max-width: 470px){.videoPlayer{width:100%}.MobileReelTextColor{color:#fff}.videoHeader{width:100%}}.videoFooterText{position:absolute;bottom:30px;left:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:1.5rem}.videoFooterText>img{width:50px;height:50px;border-radius:5rem}.videoFooterText>h5{color:#fff}.videoFooterText>button{background-color:#0000001a;border:1px solid white;color:#fff;padding:5px 10px;border-radius:5px}.videoFooterText>button:hover{background-color:#0000004d}.captionReel{position:absolute;bottom:0;left:2rem;padding:1rem 3rem 0rem 2rem}.videoIcons{position:absolute;bottom:5rem;right:1rem;gap:1rem;display:flex;flex-direction:column}.playBtn{position:absolute;top:45%;left:35%;background-color:#696868;padding:15px 22px;color:#e0e0e0;border-radius:5rem}.searchContainer{margin-top:6rem}.searchContainer>input{width:60%;margin:auto}@media screen and (max-width: 780px){.searchContainer>input{width:80%}}.exploreContainer{margin:5rem 3rem 2rem}.gridContainer{display:grid;grid-template-columns:repeat(3,330px);justify-content:center}.grid>img{object-fit:contain;width:330px;height:330px;border:1px solid #e0e0e0}.grid>video{width:330px;height:auto;max-height:35rem;min-height:16rem;border:1px solid #e0e0e0}@media screen and (max-width: 1210px){.gridContainer{grid-template-columns:repeat(3,280px)}.grid>img{width:280px;height:280px}.grid>video{width:280px}}@media screen and (max-width: 980px){.gridContainer{grid-template-columns:repeat(3,210px)}.grid>img{width:210px;height:210px}.grid>video{width:210px}}@media screen and (max-width: 500px){.exploreContainer{margin-left:.5rem;margin-right:.5rem}.gridContainer{grid-template-columns:repeat(3,110px)}.grid>img{width:110px;height:110px}.grid>video{width:110px}}