.navbar-main{display:flex;gap:7em;align-items:center;height:80px;justify-content:space-between}.navbar-main img{width:50px;height:45px}.navbar-main .nav-links{display:flex;justify-content:space-between;align-items:center}.navbar-main .nav-links .left-links{display:flex;gap:40px;margin-left:60px;margin-top:9px}.navbar-main .nav-links a{color:#fff;font-family:Inter;font-size:15px;font-weight:bolder;line-height:normal;text-decoration:none}.offcanvasBtn{display:none}.loginBtn{width:-moz-fit-content;width:fit-content;padding:0 12px;height:35px;background:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;font-weight:700}.loginBtn:hover{background-color:#faebd7}.discordBtn{width:-moz-fit-content;width:fit-content;padding:0 12px;height:35px;background:#7289da;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px}.discordBtn:hover{background:#6b83da}.navBtnContainer{display:flex;gap:10px}.navBtnContainerOffCanvas{margin-top:20px;display:flex;gap:10px;flex-direction:row-reverse}.offcanvas{border-start-start-radius:12px;border-end-start-radius:12px;padding:14px}.headerOff{font-family:Rubik Mono One,monospace;font-weight:400;font-style:normal;color:#23272a;font-size:20px;word-spacing:0;line-height:31px;letter-spacing:0;margin:0}.offCanvasLinks{display:flex;flex-direction:column;align-content:space-between;padding:0 10px;gap:20px;height:100%}.loweroff a,.upperoff a{color:#23272a;font-family:Inter;font-size:15px;font-weight:thin;line-height:normal;text-decoration:none}.loweroff,.upperoff{display:flex;flex-direction:column;padding:0 10px;gap:20px}@media (max-width:920px){.navbar-main .nav-links .left-links{display:none}.navbar-main{padding:0 3%}.offcanvasBtn{display:block;width:24px;height:24px}.navBtnContainer{display:none}}.modal-signin .m-body{background:var(--bg-darker);box-shadow:0 0 4px 0 #f85802;min-height:530px;padding:0}.modal-signin .m-body .s-main{background-image:url(/_next/static/media/signin-bg.5a3fa6ca.webp);background-repeat:no-repeat;background-size:contain;height:inherit;display:flex;flex-direction:column;text-align:center;justify-content:flex-end;padding-bottom:20px;padding-top:100px}.modal-signin .m-body .s-main:after{background:rgba(0,0,0,.9)}.modal-signin .m-body .s-main .description{color:#fff;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding-bottom:1rem}.modal-signin .m-body .s-main .text-c{color:#f85802;font-family:Poppins;font-size:16px;font-style:normal;font-weight:bolder;line-height:normal;padding-left:8px}.modal-signin .m-body .s-main .highlight{color:#fff;font-family:Poppins;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;padding-bottom:1rem}.modal-signin .m-body .s-main .forgot{font-size:14px;font-weight:400;width:-moz-fit-content;width:fit-content;padding:8px 0 20px}.modal-signin .m-body .s-main .forgot,.modal-signin .m-body .s-main button{color:#fff;font-family:Poppins;font-style:normal;line-height:normal;margin:0 auto}.modal-signin .m-body .s-main button{border-radius:4px;border:1px solid #0fa997;background:#0fa997;font-size:16px;font-weight:600;width:60%;padding:8px 0;position:relative;height:44px}.modal-signin .m-body .s-main button:disabled{background:#66b8ae}.modal-signin .m-body .s-main .log-sc{color:#0fa997;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:normal;padding:24px 0 12px}.modal-signin .m-body .s-main .social-icons{gap:10px}.inputs,.modal-signin .m-body .s-main .social-icons{display:flex;align-items:center;justify-content:center}.inputs{flex-direction:column;gap:20px}.errorMsg{color:red;font-size:14px;font-weight:700;margin-bottom:10px}.blogs-bg-1{background:var(--bg-grad-blue)}.blogs-bg-2{background-color:var(--bg-main);min-height:200px;padding-top:20px;padding-bottom:40px}.blogs-bg-3{background:#73c1da;min-height:0;padding:4px}.blogs-homepage-main .blogs-banner-section{display:flex;justify-content:center;height:332px;align-items:center}.blogs-homepage-main .blogs-banner-section .blogs-intro{padding:3rem 0 0;text-align:left}.blogs-homepage-main .blogs-banner-section .blogs-intro .blogs-highlight{font-feature-settings:lining-nums proportional-nums;font-variant-numeric:lining-nums proportional-nums;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Rubik Mono One,monospace;font-weight:400;font-style:normal;color:#fff;font-size:80px;word-spacing:-39px;text-align:center}.blogs-heading{font-family:Rubik Mono One,monospace;font-weight:400;font-style:normal;color:#fff;line-height:61px;letter-spacing:-2px;font-size:34px;word-spacing:-10px}.blogs-blogContainer{display:flex;overflow:hidden;border:1px solid hsla(0,0%,100%,.25);border-radius:8px}.blogs-blogContainer .blogs-left{background-color:hsla(0,0%,100%,.9);border-radius:8px;width:250px;height:250px}.blogs-blogContainer .blogs-right{display:flex;flex-direction:column;padding:10px;justify-content:space-around}.blogs-blogContainer .blogs-right .blogs-category{color:#83bfe7;font-family:inter;font-weight:700;font-size:14px}.blogs-blogContainer .blogs-right .blogs-blog-heading{color:hsla(0,0%,100%,.9);font-family:inter;font-weight:700;font-size:35px;flex:2 1}.blogs-blogContainer .blogs-right .blogs-date-by{display:flex;gap:10px;align-items:center;margin-top:12px}.blogs-blogDate{color:hsla(0,0%,100%,.6)}.blogs-blogBy,.blogs-blogDate{font-family:inter;font-weight:700;font-size:12px;margin-bottom:0}.blogs-blogBy{color:hsla(0,0%,100%,.9)}.blogs-blogsContainer{display:flex;flex-direction:column;gap:10px}@media (max-width:899px){.blogs-homepage-main .blogs-banner-section .blogs-intro .blogs-highlight{font-size:75px}.blogs-blogContainer .blogs-right .blogs-blog-heading{font-size:24px}}@media (max-width:699px){.blogs-homepage-main .blogs-banner-section .blogs-intro .blogs-highlight{font-size:65px}.blogs-blogContainer{flex-direction:column;width:250px}.blogs-blogsContainer{justify-content:center;flex-wrap:wrap;flex-direction:row;gap:10px}}@media (max-width:525px){.blogs-homepage-main .blogs-banner-section .blogs-intro .blogs-highlight{font-size:55px}}@media (max-width:425px){.blogs-homepage-main .blogs-banner-section{height:200px}.blogs-homepage-main .blogs-banner-section .blogs-intro .blogs-highlight{font-size:45px}.blogs-heading{font-size:30px}}.image{max-width:100%;display:block;margin:0 auto}.image img{width:100%;height:auto}.image figcaption{text-align:center;font-size:.9rem;color:#666;margin-top:.5rem}