.single-blog-hero{padding:0 20px}.single-blog-hero .blog-container{max-width:1100px;margin:20px auto 0}.single-blog-hero .blog-container .category{color:var(--red-color);margin-bottom:20px;font-size:16px}.single-blog-hero .blog-container .title{font-size:clamp(36px,5vw,46px);font-weight:700;line-height:1.2}.single-blog-hero .blog-container .meta-wrap{flex-direction:column;gap:5px;margin-top:24px;display:flex}.single-blog-hero .blog-container .meta-wrap span{font-size:clamp(18px,1.5vw,22px);font-weight:400}.single-blog-hero .blog-container .meta-wrap .author{font-weight:700;text-decoration:underline}
.blog-featured-image{padding:0 20px}.blog-featured-image .blog-container{max-width:1100px;margin:0 auto}.blog-featured-image .blog-container .image-wrap{justify-content:center;align-items:center;display:flex}.blog-featured-image .blog-container .image-wrap img{object-fit:cover;border-radius:30px;width:100%;height:auto;max-height:700px;display:block}
.blog-layout{padding:0 20px}.blog-layout .blog-container{max-width:1400px;margin:0 auto}.blog-layout .layout-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (max-width:1199px){.blog-layout .layout-grid{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:991px){.blog-layout .layout-grid{grid-template-columns:1fr}}.blog-layout .sidebar{height:fit-content;position:sticky;top:50px}@media (max-width:1024px){.blog-layout .sidebar{position:static}}@media (max-width:768px){.blog-layout .sidebar{pointer-events:none;display:none}}.blog-layout .sidebar .sidebar-box,.blog-layout .sidebar .blogs-box{border:1px solid #eee;border-radius:24px;padding:20px}.blog-layout .sidebar .sidebar-box:not(:first-child),.blog-layout .sidebar .blogs-box:not(:first-child){margin-top:20px}.blog-layout .sidebar .socials{gap:10px 15px;margin-top:30px;display:flex}.blog-layout .sidebar .socials a{background-color:var(--off-white-color);border-radius:50%;max-width:42px;padding:5px;overflow:hidden}.blog-layout .sidebar .chapters{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;gap:10px;max-height:150px;margin-top:15px;display:flex;overflow:hidden}.blog-layout .sidebar .chapters.expanded{max-height:600px;overflow:scroll}.blog-layout .sidebar .chapters::-webkit-scrollbar{display:none}.blog-layout .sidebar .chapters .chapter{border-left:3px solid #0000;padding-left:15px;list-style:none}.blog-layout .sidebar .chapters .chapter:hover{border-color:var(--red-color)}.blog-layout .sidebar .chapters .chapter:hover a{text-decoration:underline}.blog-layout .sidebar .chapters .chapter a{display:block}.blog-layout .sidebar .show-btn{color:#0d6efd;width:fit-content;font-size:clamp(14px,1.5vw,16px);font-weight:400;font-family:var(--inter);cursor:pointer;background-color:#0000;border:none;margin-top:10px;padding-left:16px;text-decoration:underline}.blog-layout .sidebar .show-btn.less svg{transform:rotate(180deg)}.blog-layout .sidebar .show-btn svg{margin-left:5px;transition:all .2s ease-in-out}.blog-layout .sidebar .related-blogs{flex-direction:column;gap:10px;margin-top:15px;display:flex}.blog-layout .sidebar .related-blogs li{list-style:none}.blog-layout .sidebar .related-blogs li a{text-decoration:underline}.blog-layout .sidebar .related-blogs li a svg{transition:all .3s ease-in-out}.blog-layout .sidebar .related-blogs li:hover a svg{transform:translate(3px)}.blog-layout .content-col{min-width:0}.blog-layout .content-col .content h2{margin:30px 0 8px;font-size:clamp(28px,4vw,32px);font-weight:700;line-height:1.2}@media (max-width:767px){.blog-layout .content-col .content h2{margin:25px 0 8px}}.blog-layout .content-col .content h3{margin:20px 0 5px;font-size:clamp(18px,2vw,24px);font-weight:500;line-height:1.2}.blog-layout .content-col .content p{letter-spacing:.5px;margin:10px 0 16px;font-size:clamp(14px,1.5vw,16px);font-weight:400;line-height:37px}@media (max-width:767px){.blog-layout .content-col .content p{line-height:26px}}.blog-layout .content-col .content ul,.blog-layout .content-col .content ol{margin-bottom:15px;padding-left:24px}@media (max-width:767px){.blog-layout .content-col .content ul,.blog-layout .content-col .content ol{margin-bottom:10px}}.blog-layout .content-col .content ul li,.blog-layout .content-col .content ol li{letter-spacing:.5px;margin-bottom:2px;font-size:clamp(14px,1.5vw,16px);font-weight:400;line-height:34px}.blog-layout .content-col .content table{width:100%;color:inherit;vertical-align:top;border-collapse:collapse;border-color:#dee2e6;margin-bottom:1rem}.blog-layout .content-col .content table th,.blog-layout .content-col .content table td{vertical-align:middle;text-align:left;border:1px solid #dee2e6;padding:.75rem}.blog-layout .content-col .content table th p,.blog-layout .content-col .content table td p{margin:0}.blog-layout .content-col .content table th{color:#212529;background-color:#f8f9fa;font-weight:600}.blog-layout .content-col .content table tbody tr:nth-child(2n){background-color:#f8f9fa}.blog-layout .content-col .content table tbody tr:hover{background-color:#00000013}@media (max-width:767px){.blog-layout .content-col .content table th,.blog-layout .content-col .content table td{padding:.5rem;font-size:14px}}.blog-layout .content-col .content img{border-radius:24px;width:100%;height:auto;margin-bottom:25px}@media (max-width:767px){.blog-layout .content-col .content img{margin-bottom:20px}}