.formContainer{display:flex;flex-direction:column;justify-content:center;padding:40px;margin:auto;font-family:Poppins;width:50%;gap:30px}.formContainer h1{text-align:center;color:#166f7b}.formContainer div{display:flex;flex-direction:column;gap:5px}.formContainer div p{color:#666;font-size:12px}.formContainer div input{height:30px;outline:none;border:1px solid rgba(102,102,102,.35);color:#000;border-radius:5px;padding:3px 10px}.formContainer .loginpageBtn{cursor:pointer;padding:10px;text-align:center;height:40px;border-radius:30px;border:none;outline:none;background-color:#c3c3c3;color:#fff;font-weight:700;transition:.1s ease-in-out}.formContainer .loginpageBtn:hover{background-color:#23b8cc;transform:scale(1.01);box-shadow:#207985 0 5px 5px}.forgetPass{font-family:Inter;text-align:center;cursor:pointer;font-size:12px;text-decoration:underline;color:#244779}.donthaveaccnt,.terms{text-align:center;font-size:12px;font-family:Inter}.donthaveaccnt span{font-family:Inter;text-decoration:underline;cursor:pointer;color:#244779}.donthaveaccnt span:hover,.terms span:hover,.forgetPass:hover{color:#23b8cc}.terms{color:#676b5f}@media screen and (max-width: 700px){.formContainer{width:80%}.loginPageHeader{gap:10px;margin-top:10px}.loginPageHeader h1{font-size:24px}.loginPageHeader img{height:30px}}@media screen and (max-width: 400px){.formContainer{width:100%;gap:20px}}.signup_formContainer{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:40px;gap:20px;width:50%}.signup_formContainer h1{text-align:center;color:#166f7b;font-family:Poppins}.signup_formContainer .haveaccnt span{font-family:Inter;text-decoration:underline;cursor:pointer;color:#244779;font-size:12px}.signup_formContainer div{display:flex;flex-direction:column}.signup_formContainer div p{color:#666;font-size:10px;font-family:Poppins}.signup_formContainer div input{height:30px;outline:none;border:1px solid rgba(102,102,102,.35);color:#000;border-radius:5px;padding:0 6px}.signup_formContainer .signinPageBtn{font-family:Poppins;cursor:pointer;padding:10px;text-align:center;height:40px;border-radius:30px;border:none;outline:none;background-color:#c3c3c3;color:#fff;font-weight:500;transition:.1s ease-in-out}.signup_formContainer .signinPageBtn:hover{background-color:#23b8cc;transform:scale(1.01);box-shadow:#207985 0 5px 5px}.signup_formContainer .termsCheckBox{flex-direction:row;gap:10px;align-items:normal}.signup_formContainer .termsCheckBox input{cursor:pointer}.signup_formContainer .termsCheckBox p{font-size:9px}.signup_formContainer .termsCheckBox p span{cursor:pointer;text-decoration:underline;font-family:Poppins}.signup_formContainer .termsCheckBox p span:hover,.signup_formContainer .haveaccnt span:hover{color:#23b8cc}.terms,.haveaccnt{color:#676b5f;text-align:center;font-size:10px;font-family:Inter}.terms span{text-decoration:underline;cursor:pointer}.terms span:hover{color:#5786c6}@media screen and (max-width:700px){.signup_formContainer{width:70%}}@media screen and (max-width:400px){.signup_formContainer{width:100%}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#bae8ee}.logo img{height:40px}.logo{display:flex;align-items:center;gap:20px;font-family:Poppins;color:#166f7b;cursor:pointer}.nav-links{display:flex;align-items:center;gap:20px;padding-right:10px}.nav-links button{background-color:#3edbf0;border:none;outline:none;border-radius:50px;padding:5px 10px;color:#fff;font-family:Poppins;cursor:pointer;font-size:16px;transition:.1s ease-in-out}.nav-links button:hover{background-color:#129bad;transform:scale(1.01);box-shadow:#2d484c 0 3px 3px}.nav-links p{font-family:Inter;cursor:pointer;transition:.1s ease-in-out}.nav-links p:hover{color:#129bad;transform:scale(1.01)}.nav-links img{width:30px;height:30px;cursor:pointer;transition:.1s ease-in-out;display:none}.nav-links img:hover{transform:scale(1.01)}.closeMenu{cursor:pointer;align-self:flex-end;margin:-20px 40px 30px;font-size:24px;color:#172d30;transition:.1s ease-in-out}.closeMenu:hover{color:#129bad;transform:scale(1.3)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.overlay-content{display:flex;flex-direction:column;gap:10px;height:70vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 40px;border-radius:10px}.overlay-content input{padding:10px 10px 10px 5px;border:none;border-bottom:1px solid #ccc;width:100%;outline:none}.overlay-content .contentInput{font-family:Poppins;width:70vw;padding:10px 10px 10px 5px;resize:none;border:none;border-bottom:1px solid #ccc;height:70%;outline:none}.overlayButtonContainer{display:flex;justify-content:end;margin-top:20px;gap:15px}.blogCancelBtn{background-color:#9a9999;color:#fff;padding:5px 15px;border:none;border-radius:50px;cursor:pointer;font-family:Poppins;font-size:14px}.blogCancelBtn:hover{background-color:#727272;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}.publishBtn{background-color:#089db1;color:#fff;padding:5px 15px;border:none;border-radius:50px;cursor:pointer;font-family:Poppins;font-size:14px}.publishBtn:hover{background-color:#37828b;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}@media screen and (max-width: 700px){.nav-links p{display:none}.nav-links img{display:block}.overlay-content{padding:10px 20px}}@media screen and (max-width: 500px){.logo{gap:10px}.logo img{height:30px}.logo h1{font-size:24px}.nav-links{gap:10px;padding-right:0}.nav-links button{padding:5px 8px;font-size:14px}.nav-links img{width:25px;height:25px}.navbar{padding:5px 5px 5px 10px}.closeMenu{margin:-35px 10px 30px;font-size:24px}}@media screen and (max-width: 300px){.nav-links button{font-size:10px}.nav-links img{width:20px;height:20px}.nav-links{gap:5px}}.blogPage-container{padding:5px 10px;box-shadow:0 4px 8px #0000001a;border-radius:10px;background-color:#f1f1f1}.titleSection{display:flex;justify-content:space-between;align-items:center}.blogPage-container h2{font-family:Poppins;margin:10px 0}.blogpage-details{display:flex;flex-direction:column}.blogpage-details p{margin:0;font-family:Inter;font-size:10px;font-weight:300;font-style:italic}.description{font-family:Inter;font-size:14px;margin-top:10px;color:#333;text-indent:2rem;text-align:justify;font-weight:500}.blog-content{font-family:Arial,Helvetica,sans-serif;text-indent:7rem;text-align:justify;line-height:1.5rem;margin-top:50px}.loadingContainer{display:flex;justify-content:center;align-items:center;height:60vh}@media screen and (max-width: 700px){.blog-content{font-size:13px;text-indent:3rem;line-height:1rem;margin-top:30px}}.profileBlogs{display:flex;flex-direction:column;padding:5px 20px}.profileContainer{display:flex;padding:20px;justify-content:space-between;align-items:center;margin:0 100px}.profileContainer h3{font-size:22px;margin-bottom:4px;font-family:Inter}.profileContainer h4{font-size:18px;color:#666;margin-top:0;font-family:Inter}.logoutBtn{width:fit-content;height:fit-content;justify-content:space-between;padding:5px 20px;background-color:#ff695e;color:#fff;border:none;border-radius:50px;font-family:Poppins;cursor:pointer}.logoutBtn:hover{background-color:#e05856;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}.sectionLine{width:100%;height:2px;background-color:#bae8ee;margin:20px 0}.profileBlogs h1{color:#166f7b;text-align:center;font-family:Inter;margin-bottom:20px}.noBlogs{color:#bd5353!important}@media screen and (max-width: 500px){.profileContainer{margin:0 10px}}@media screen and (max-width: 350px){.profileContainer{flex-direction:column;align-items:flex-start}.profileContainer h3{font-size:20px}.profileContainer h4{font-size:16px}.logoutBtn{padding:4px 20px;font-size:12px}}.blogCard{padding:5px 10px;margin:10px;box-shadow:0 4px 8px #0000001a;border-radius:10px;background-color:#f1f1f1}.blogCard h2{font-family:Poppins;margin:10px 0}.blogCard-details{display:flex;flex-direction:column}.blogCard-details p{margin:0;font-family:Inter;font-size:10px;font-weight:300;font-style:italic}.content{font-family:Inter;font-size:14px;margin-top:10px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;max-height:4.5em;height:50px;text-indent:2rem;text-align:justify;font-weight:500}.viewBtn{background-color:#089db1;color:#fff;padding:5px 10px;border:none;border-radius:50px;cursor:pointer;font-family:Poppins;font-size:14px;margin-bottom:10px}.viewBtn:hover{background-color:#26909e;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}.blogCard-btns,.blogCard-actions{display:flex;justify-content:space-between;align-items:center}.blogCard-actions{gap:20px}.deleteBtn{border:none;outline:none;height:24px;cursor:pointer}.deleteBtn:hover{transform:scale(1.08);box-shadow:#717171 0 3px 3px}.editBtn{background-color:#eb8740;color:#fff;padding:5px 10px;border:none;outline:none;border-radius:50px;cursor:pointer;font-family:Poppins;font-size:14px}.editBtn:hover{background-color:#d67a2c;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}.updateBtn{background-color:#ec7425;color:#fff;padding:5px 15px;border:none;border-radius:50px;cursor:pointer;font-family:Poppins;font-size:14px}.updateBtn:hover{background-color:#c56805;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}.deleteOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.deleteDialog{background:#fff;padding:2rem;border-radius:10px;text-align:center;max-width:400px;width:90%;box-shadow:0 0 20px #0003;font-family:Poppins}.deleteButtons{margin-top:20px;display:flex;justify-content:center;gap:1rem}.confirmBtn{background-color:#ec3f3f;color:#fff;border:none;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-family:Poppins}.confirmBtn:hover{background-color:#d81239;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}.cancelBtn{background-color:#ccc;color:#020202;border:none;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-family:Poppins}.cancelBtn:hover{background-color:#bbb;transform:scale(1.01);box-shadow:#2e4f53 0 3px 3px}@media screen and (max-width: 700px){.blogCard{margin:10px 5px}}@media (max-width: 500px){.content{-webkit-line-clamp:5;line-clamp:5;max-height:7.5em;height:100px}}body{margin:0;padding:0}.spinner{border:5px solid #f3f3f3;border-top:5px solid #333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;align-items:center;display:flex;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}