.blogg-page{background-color:var(--lightBlueColor);font-family:var(--FontFamily_1)}.blogg-page-width{max-width:1250px;margin:auto;padding:20px}.blogpage-meta{text-align:center;margin-bottom:20px}.author-line{align-items:center;gap:8px;max-width:500px;margin:auto;font-size:14px;display:flex}.avatar{border-radius:50%;width:35px;height:35px}.blogpage-title{margin:15px 0;font-weight:700}.read-share{border:1px solid var(--mainColor);background-color:var(--lightblueBgColor);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;max-width:500px;margin:25px auto;padding:10px;font-size:14px;display:flex}.social-icons{cursor:pointer;gap:10px;display:flex}.margin-h2{margin:18px 0}.social-icons img{width:20px;height:auto}.hero-image img{border-radius:12px;width:100%;height:auto;margin:20px 0}.blogg-layout{gap:40px;width:80%;margin:50px auto;display:flex}.side-tabs{background-color:var(--lightblueBgColor);border:1px solid var(--mainColor);border-radius:8px;flex-direction:column;flex:1;max-width:300px;height:fit-content;padding:8px;display:flex;position:sticky;top:180px}.tab-item{cursor:pointer;padding:10px;font-size:14px;transition:all .2s}.main-content{flex:3}.intro-text,.section{margin-bottom:30px}.sectionicon img{width:80px}.section-has-icon{align-items:center;gap:20px;display:flex}.steps .step{border-radius:6px;margin-bottom:8px;padding:15px 20px 15px 45px;overflow:hidden}@media screen and (max-width:1024px){.blogg-layout{width:95%}}@media screen and (max-width:768px){.blogg-layout{flex-direction:column;width:95%}.side-tabs{flex-wrap:wrap;max-width:100%;position:static;top:auto}.author-line{justify-content:center}}@media screen and (max-width:480px){.blogg-layout{gap:20px;width:100%;margin:20px auto;display:flex}.blogg-page-width{padding:30px 15px}.steps .step{padding:15px 1px 15px 34px}.main-content{text-align:center}}