.loginContainer{width:100vw;height:100vh;display:flex;flex-direction:column;gap:20px;background-image:url(/signup/assets/gossipImg-CeG0UPCb.png);background-repeat:no-repeat;background-size:cover;padding:28px 40px}.loginContainer .header{width:93%;height:83px;align-self:center}.loginContainer .content{width:100%;height:calc(100% - 83px);display:flex}.loginContainer .content .leftContent{width:65%;height:100%;display:flex}.loginContainer .content .leftContent .leftHeading{align-self:flex-end;color:#fff;font-size:50px}.loginContainer .content .leftContent .thankyyou{position:absolute;background-color:#000;height:fit-content;width:50%;bottom:300px;left:0;padding:20px 20px 20px 100px;color:#fff}.loginContainer .content .leftContent .thankyyou .signupHeading{width:100%;font-weight:700}.loginContainer .content .leftContent .thankyyou .signupHeading .LineOne{width:100%;font-size:50px}.loginContainer .content .leftContent .thankyyou .signupHeading .LineTwo{width:100%;font-size:40px}.loginContainer .content .rightContent{align-self:flex-end;height:100%;width:35%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.mobileView{display:none}@media(max-width:768px){.loginContainer{padding:15px 20px;gap:10px}.loginContainer .header{width:100%;height:10%}.loginContainer .header .navigationbar{display:none}.loginContainer .content{width:100%;height:90%;flex-direction:column;position:relative}.loginContainer .content .mobileView{z-index:99;align-self:center;position:absolute;width:100%;display:flex;flex-direction:column;background-color:#cfd1d2;gap:20px;border-radius:20px;padding:25px 15px 15px}.loginContainer .content .mobileView .mobileNavbar{display:flex;flex-direction:column;gap:25px;padding:0 20px}.loginContainer .content .mobileView .mobileNavbar .navname{color:#000;font-weight:500;text-decoration:none}.loginContainer .content .mobileView .logoutBtn{text-decoration:none;width:fit-content;height:100%;background-color:#c06189;border-radius:41.5px;display:flex;align-items:center;color:#fff;cursor:pointer;gap:10px;padding:12px 19px;font-size:24px;white-space:nowrap}.loginContainer .content .leftContent{width:100%;height:25%;padding:10px 0}.loginContainer .content .leftContent .leftHeading{align-self:flex-start;font-size:20px}.loginContainer .content .leftContent .thankyyou{padding:14px;width:100%;top:0}.loginContainer .content .leftContent .thankyyou .signupHeading{flex:1}.loginContainer .content .leftContent .thankyyou .signupHeading .LineOne{flex:1;font-size:28px}.loginContainer .content .leftContent .thankyyou .signupHeading .LineTwo{flex:1;font-size:18px;white-space:nowrap}.loginContainer .content .leftContent .thankyyou p{flex:1;font-size:10px}.loginContainer .content .rightContent{align-self:center;width:100%;height:75%}}.headerGossipsContainer{width:100%;height:100%;background-color:#fff;border-radius:41.5px;display:flex;box-shadow:0 0 4px 2px #00000040;padding:8px}.headerGossipsContainer .logoGossip{width:20%;height:100%}.headerGossipsContainer .logoGossip img{width:100%;height:100%;object-fit:contain}.headerGossipsContainer .navigationbar{width:65%;height:100%;margin-right:auto;display:flex;justify-content:center;align-items:center;gap:20px}.headerGossipsContainer .navigationbar .navname{padding:12px 19px;transition:all .3s;color:#000;font-size:20px;text-decoration:none}.headerGossipsContainer .navigationbar .navname:hover{background-color:#f0e0d6;padding:15px 20px;border-radius:20px}.headerGossipsContainer .threeDashBtn,.headerGossipsContainer .crossBtn{display:none}.headerGossipsContainer .logoutBtn{text-decoration:none;width:15%;height:100%;background-color:#c06189;border-radius:41.5px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;gap:10px;font-size:24px;white-space:nowrap}.headerGossipsContainer .logoutBtn:hover{background-color:#d18aa6;transition:all .3s}@media(max-width:768px){.headerGossipsContainer{padding:0 22px;justify-content:space-between;align-items:center}.headerGossipsContainer .logoGossip{width:40%;height:100%}.headerGossipsContainer .navigationbar{display:none}.headerGossipsContainer .threeDashBtn,.headerGossipsContainer .crossBtn{display:block;width:32px;height:32px}.headerGossipsContainer .threeDashBtn img,.headerGossipsContainer .crossBtn img{width:100%;height:100%;object-fit:contain}.headerGossipsContainer .logoutBtn{display:none}}.enterOtpPageContainer{width:100%;height:100%;align-self:flex-end;border:1px solid #7c7c7c;border-radius:64px;background-color:#ffffffb2;padding:40px 50px;display:flex;flex-direction:column;justify-content:space-between}.enterOtpPageContainer .enterOtpBox1{display:flex;flex-direction:column;width:100%;gap:40px}.enterOtpPageContainer .enterOtpBox1 .enterOtpHeading{font-weight:500;font-size:64px}.enterOtpPageContainer .enterOtpBox1 input{width:100%;border-radius:20px;padding:20px 30px;outline:none;font-size:32px;border:1px solid rgba(192,97,137,.4);letter-spacing:25px;text-align:center}.enterOtpPageContainer .enterOtpBox1 .submitOtp{width:fit-content;align-self:flex-end;background-color:#c06189;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;display:flex;align-items:center;font-size:24px;gap:20px}.enterOtpPageContainer .enterOtpBox1 .submitOtp .submitOtpArrow{width:40px;height:40px}.enterOtpPageContainer .enterOtpBox1 .submitOtp .submitOtpArrow img{width:100%;height:100%;object-fit:contain}.enterOtpPageContainer .secured{display:flex;gap:10px}.enterOtpPageContainer .secured .LockKeyImg{width:30px;height:30px}.enterOtpPageContainer .secured .LockKeyImg img{width:100%;height:100%;object-fit:contain}.enterOtpPageContainer .secured .secureContent{flex:1;color:#555}.enterOtpPageContainer .secured .secureContent b{font-weight:700}.enterOtpPageContainer .secured .secureContent p{font-size:14px}@media(max-width:768px){.enterOtpPageContainer{padding:35px 20px;border-radius:30px}.enterOtpPageContainer .enterOtpBox1{width:100%}.enterOtpPageContainer .enterOtpBox1 .enterOtpHeading{width:100%;font-size:40px}.enterOtpPageContainer .enterOtpBox1 input{letter-spacing:10px}.enterOtpPageContainer .secured{gap:5px}.enterOtpPageContainer .secured .LockKeyImg{width:25px;height:25px}.enterOtpPageContainer .secured .secureContent b{font-size:12px}.enterOtpPageContainer .secured .secureContent p{font-size:10px}}.signUpContainer{align-self:flex-end;width:100%;height:100%;border:1px solid #7c7c7c;border-radius:64px;background-color:#ffffffb2;padding:40px 50px;display:flex;flex-direction:column;gap:15px}.signUpContainer .topSignUp{display:flex;flex-direction:column;gap:10px}.signUpContainer .topSignUp .signupHeading{font-weight:500;font-size:64px}.signUpContainer .topSignUp .nameBox{background-color:#fffc;border:1px solid rgba(192,97,137,.4);padding:10px;border-radius:10px;display:flex;gap:10px}.signUpContainer .topSignUp .nameBox .nameHeading{display:flex;flex-direction:column;align-items:center;gap:8px}.signUpContainer .topSignUp .nameBox .nameHeading .nameHeadIcons{width:25px;height:25px}.signUpContainer .topSignUp .nameBox .nameHeading .nameHeadIcons img{width:100%;height:100%;object-fit:contain}.signUpContainer .topSignUp .nameBox .nameHeading .bars{width:3px;height:38px;background-color:#c06189}.signUpContainer .topSignUp .nameBox .nameInput{gap:8px;display:flex;flex-direction:column}.signUpContainer .topSignUp .nameBox .nameInput span{font-size:20px;color:#c06189}.signUpContainer .topSignUp .nameBox .nameInput input{outline:none;border:none;font-size:24px;height:38px;background:transparent}.signUpContainer .midSignUp,.signUpContainer .midSignUp .genderBox{width:100%;display:flex;flex-direction:column;gap:15px}.signUpContainer .midSignUp .genderBox .selectGender{font-size:20px;font-style:20px;font-weight:500;color:#c06189}.signUpContainer .midSignUp .genderBox .selectionBox{width:100%;display:flex;gap:20px}.signUpContainer .midSignUp .genderBox .selectionBox .gender{flex:1;display:flex;padding:5px 18px;border-radius:100px;border:2px solid #c06189;background-color:#fffc;align-items:center;color:#c06189;font-weight:500;justify-content:space-between}.signUpContainer .midSignUp .genderBox .selectionBox .gender .genderImg{width:27px;height:27px}.signUpContainer .midSignUp .genderBox .selectionBox .gender .genderImg img{width:100%;height:100%;object-fit:contain}.signUpContainer .midSignUp .genderBox .selectionBox .gender span{font-weight:500}.signUpContainer .midSignUp .genderBox .selectionBox .selected{background-color:#c06189;color:#fff}.signUpContainer .midSignUp .dateOfBirthBox{width:100%;padding:10px 18px 10px 40px;background-color:#fffc;border-radius:20px;display:flex;border:1px solid rgba(192,97,137,.4);justify-content:space-between;align-items:center;position:relative;cursor:pointer}.signUpContainer .midSignUp .dateOfBirthBox span{color:#c06189;font-size:20px}.signUpContainer .midSignUp .dateOfBirthBox .dateOfBirthImg{width:24px;height:24px}.signUpContainer .midSignUp .dateOfBirthBox .dateOfBirthImg img{width:100%;height:100%;object-fit:contain}.signUpContainer .midSignUp .dateOfBirthBox input{border:none;background:transparent;opacity:0;position:absolute;pointer-events:none}.signUpContainer .midSignUp .referralBox{width:100%;padding:10px 18px 10px 40px;border-radius:20px;font-size:20px;outline:none;background-color:#fffc;border:1px solid rgba(192,97,137,.4)}.signUpContainer .createAccount{align-self:flex-end;background-color:#c06189;color:#fff;border-radius:20px;cursor:pointer;display:flex;align-items:center;font-size:24px;gap:10px;font-weight:500;padding:10px 18px}.signUpContainer .createAccount .createAccountArrow{width:40px;height:40px}.signUpContainer .createAccount .createAccountArrow img{width:100%;height:100%;object-fit:contain}.dobInput::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}@media(max-width:768px){.signUpContainer{padding:35px 20px;border-radius:30px}.signUpContainer .topSignUp{width:100%}.signUpContainer .topSignUp .signupHeading{width:100%;font-size:40px}.signUpContainer .topSignUp .nameBox,.signUpContainer .topSignUp .nameBox .nameHeading{width:100%}.signUpContainer .topSignUp .nameBox .nameInput{width:90%}.signUpContainer .midSignUp{width:100%}.signUpContainer .midSignUp .genderBox{width:100%;gap:5px}.signUpContainer .midSignUp .genderBox .selectGender{width:100%;font-size:16px}.signUpContainer .midSignUp .genderBox .selectionBox{width:100%;display:flex;flex-wrap:wrap}.signUpContainer .midSignUp .genderBox .selectionBox .gender{padding:3px 7px;width:33.33%}.signUpContainer .midSignUp .genderBox .selectionBox .gender span{font-size:11px}.signUpContainer .midSignUp .dateOfBirthBox{padding:8px 12px}.signUpContainer .midSignUp .dateOfBirthBox span{font-size:14px}.signUpContainer .midSignUp .dateOfBirthBox .dateOfBirthImg{width:16px;height:16px}.signUpContainer .midSignUp .referralBox{font-size:14px;padding:8px 12px}.signUpContainer .createAccount{padding:8px 12px}.signUpContainer .createAccount span{font-size:16px}.signUpContainer .createAccount .createAccountArrow{width:30px;height:30px}}.qrPageContainer{width:100%;height:100%;align-self:flex-end;background-color:#ffffffb2;border-radius:64px;display:flex;flex-direction:column;gap:5px;border:1px solid #7c7c7c;align-items:center;justify-content:center;padding:40px 50px}.qrPageContainer .qrData{width:100%;height:65%;display:flex;gap:20px;flex-direction:column;align-items:center}.qrPageContainer .qrData .joinLiveGossips{flex:0 1 1;background-color:#c06189;border-radius:20px;display:flex;color:#fff;font-size:24px;font-weight:500;cursor:pointer;gap:10px;padding:10px 20px;align-items:center}.qrPageContainer .qrData .joinLiveGossips span{flex:1;font-size:24px}.qrPageContainer .qrData .joinLiveGossips .img{width:40px;height:40px}.qrPageContainer .qrData .joinLiveGossips .img img{width:100%;height:100%;object-fit:cover}.qrPageContainer .qrData .qrImage{height:50%;border-radius:20px;background-color:#ff0;overflow:hidden}.qrPageContainer .qrData .qrImage img{width:100%;height:100%;object-fit:contain}.qrPageContainer .qrData .qrHeading{flex:0 1 1;font-size:34px}.qrPageContainer .horizentalBar{width:100%;height:1px;background-color:#000}.qrPageContainer .downloadBox{width:100%;height:24%;display:flex;flex-direction:column;align-items:center;padding:10px}.qrPageContainer .downloadBox .availableOn{color:#000;font-weight:500;font-size:24px}.qrPageContainer .downloadBox .playAndAppstore{flex:9;display:flex;gap:20px}.qrPageContainer .downloadBox .playAndAppstore .playstoreImg,.qrPageContainer .downloadBox .playAndAppstore .appstoreImg{cursor:pointer;flex:1}.qrPageContainer .downloadBox .playAndAppstore .playstoreImg img,.qrPageContainer .downloadBox .playAndAppstore .appstoreImg img{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.qrPageContainer{padding:35px 20px;border-radius:30px}.qrPageContainer .qrData .joinLiveGossips .img{width:25px;height:25px}.qrPageContainer .qrData .qrHeading{font-size:30px}}.login{width:100%;height:100%;border:1px solid #7c7c7c;border-radius:64px;background-color:#ffffffb2;padding:40px 50px;display:flex;flex-direction:column;justify-content:space-between}.login .box1{height:80%;width:100%;display:flex;flex-direction:column;gap:20px}.login .box1 .loginHeading{font-weight:500;font-size:50px;white-space:nowrap}.login .box1 .loginMidContent{display:flex;flex-direction:column;gap:10px}.login .box1 .loginMidContent .inputBox{padding:12px;border:1px solid rgba(192,97,137,.4);background-color:#fffc;border-radius:20px;height:103px;display:flex;gap:10px}.login .box1 .loginMidContent .inputBox .topInputBox{display:flex;flex-direction:column;align-items:center;gap:8px}.login .box1 .loginMidContent .inputBox .topInputBox .topImg{width:25px;height:25px}.login .box1 .loginMidContent .inputBox .topInputBox .topImg img{width:100%;height:100%;object-fit:contain}.login .box1 .loginMidContent .inputBox .topInputBox .bars{width:3px;height:38px;background-color:#c06189}.login .box1 .loginMidContent .inputBox .loginInputBox{display:flex;flex-direction:column;gap:20px;font-size:20px}.login .box1 .loginMidContent .inputBox .loginInputBox span{color:#c06189}.login .box1 .loginMidContent .inputBox .loginInputBox .numbers{display:flex;gap:10px}.login .box1 .loginMidContent .inputBox .loginInputBox .numbers span{color:#000;border-right:1px solid #b2b2b2;padding-right:10px}.login .box1 .loginMidContent .inputBox .loginInputBox .numbers input{background:transparent;outline:none;border:none;font-size:20px;color:#000}.login .box1 .loginMidContent .inputBox .loginInputBox .numbers input[type=number]::placeholder{color:#000}.login .box1 .loginMidContent .checkinTermsCondition{display:flex;gap:10px;font-size:14px;align-items:center}.login .box1 .loginMidContent .checkinTermsCondition input{width:20px;height:20px}.login .box1 .loginMidContent .checkinTermsCondition span a{color:#a87f90}.login .box1 .getOptBtn{align-self:flex-end;background-color:#c06189;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;display:flex;align-items:center;font-size:24px;gap:20px}.login .box1 .getOptBtn .getOtpArrow{width:40px;height:40px}.login .box1 .getOptBtn .getOtpArrow img{width:100%;height:100%;object-fit:contain}.login .secured{flex:1;display:flex;gap:10px}.login .secured .LockKeyImg{width:30px;height:30px}.login .secured .LockKeyImg img{width:100%;height:100%;object-fit:contain}.login .secured .secureContent{flex:1;color:#555}.login .secured .secureContent b{font-weight:700}.login .secured .secureContent p{font-size:14px}@media(max-width:768px){.login{padding:35px 20px;border-radius:30px}.login .box1{width:100%}.login .box1 .loginHeading{width:100%;font-size:40px}.login .box1 .loginMidContent,.login .box1 .loginMidContent .inputBox{width:100%}.login .box1 .loginMidContent .inputBox .topInputBox{width:10%}.login .box1 .loginMidContent .loginInputBox{width:90%}.login .box1 .loginMidContent .loginInputBox .numbers,.login .box1 .loginMidContent .loginInputBox .numbers input{width:100%}.login .secured{gap:5px}.login .secured .LockKeyImg{width:25px;height:25px}.login .secured .secureContent b{font-size:12px}.login .secured .secureContent p{font-size:10px}}.beegossContainer{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#e5e1d8;padding:28px 40px}.beegossContainer .header{width:93%;height:83px;align-self:center}.beegossContainer .beegossRoomLists{height:calc(100% - 83px);padding:18px 40px;flex:1;display:flex;flex-wrap:wrap;gap:40px;margin:auto;overflow-y:auto;border-radius:7px}.beegossContainer .beegossRoomLists::-webkit-scrollbar{display:none}@media(max-width:768px){.beegossContainer{padding:15px 20px}.beegossContainer .header{width:100%;height:10%}.beegossContainer .header .navigationbar{display:none}.beegossContainer .beegossRoomLists .emptyPageContainer{font-size:16px}}.cardContainer{flex:1 0 300px;box-shadow:0 0 4px 2px #00000040;border-radius:17px;padding:20px;display:flex;flex-direction:column;gap:20px}.cardContainer .cardHeader{flex:1;display:flex;justify-content:space-between}.cardContainer .cardHeader .speaker{display:flex;align-items:center;gap:10px}.cardContainer .cardHeader .speaker .speakerImg{width:20px;height:20px}.cardContainer .cardHeader .speaker .speakerImg img{width:100%;height:100%;object-fit:cover}.cardContainer .cardHeader .speaker span{font-weight:500;color:#585858}.cardContainer .cardHeader .roomLangauges{display:flex;align-items:center;justify-content:space-between}.cardContainer .cardHeader .roomLangauges .langImg{width:20px;height:20px}.cardContainer .cardHeader .roomLangauges .langImg img{width:100%;height:100%;object-fit:cover}.cardContainer .cardHeader .roomLangauges span{display:inline-block;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardContainer .cardImage{flex:1 1 auto;height:252px;position:relative;border-radius:7px;overflow:hidden;display:flex;flex-wrap:wrap;gap:10px}.cardContainer .cardImage img{width:100%;height:100%;object-fit:cover}.cardContainer .cardImage .roomName{left:15px;bottom:15px;position:absolute;color:#fff}.cardContainer .joinRoomBtn{padding:15px 20px;flex:1;border-radius:9px;width:100%;background-color:#763952;color:#fff;border:none}.emptyPageContainer{font-weight:500;font-size:24px}