.blog-table-of-contents{background:var(--color-gray-light);padding:0 0 10px;border-radius:8px;margin-bottom:2rem}.blog-table-of-contents h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:var(--color-dark-gray);padding:15px 15px 0}.blog-table-of-contents ul{list-style:none;max-height:425px;overflow-y:auto;padding:0 15px 10px;margin:0 10px 0 0}.blog-table-of-contents ul::-webkit-scrollbar{width:5px}.blog-table-of-contents ul::-webkit-scrollbar-track{background:var(--scrollbar-track-background);border-radius:10px}.blog-table-of-contents ul::-webkit-scrollbar-thumb{background:var(--scrollbar-track-thumb);border-radius:10px}.blog-table-of-contents ul::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-track-thumb-hover)}.blog-table-of-contents .toc-item{margin-bottom:12px}.blog-table-of-contents .toc-link{background:none;border:none;padding:0;color:var(--text-color);cursor:pointer;font-size:16px;transition:color .2s ease;width:-moz-fit-content;width:fit-content;text-align:left;display:flex;align-items:center;gap:8px}.blog-table-of-contents .toc-link:hover .sprite-icon{background-position:-708px -1663px}.blog-table-of-contents .toc-link:hover{color:var(--primary-color)}.blog-sidebar{width:400px;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start}.blog-content-container{width:100%}.blog-content-container .sub-heading,.blog-content-container h2,.blog-content-container h3,.blog-content-container h4{transition:all .3s ease;border-radius:4px;scroll-margin-top:100px}@media(max-width:768px){.blog-sidebar{width:100%;float:none;margin-right:0;position:unset}.blog-content-container{margin-left:0}}html{scroll-behavior:smooth}@media(max-width:991px){.default .blog-content-section{flex-direction:column}.default .blog-content-section .blog-sidebar{background-color:var(--color-white);width:100%;position:unset}.default .blog-table-of-contents ul{max-height:150px}.default .blog-detail-container .blog-content-section .blog-content .blog-subheading{font-size:22px}.default .blog-detail-container .blog-content-section .blog-content p{font-size:14px}}.blog-content-section,.blog-detail-container{overflow:visible!important}.blog-content-section{display:flex;align-items:flex-start}