.blog-details-body a,.toc li a{transition:color .3s}#toc-list li.highlight a,.blog-details-body a,.recommended-blogs a:hover,.toc li a:hover{color:var(--primary-green)}#toc,*{font-family:var(--poppins-font)}.latest-blog-title,.latest-post-title{font-size:24px;line-height:32px;font-weight:600}.blog-details-body a,.latest-blog-item a,.recommended-blogs a,.share-now .social-icons a,.toc li a{text-decoration:none}.blog-details-body pre{white-space:pre-wrap;word-wrap:break-word;overflow:auto}.blog-details-container{display:flex;justify-content:center;gap:2rem;margin-top:7rem}.blog-details-container .sub-blog-details-container{width:85%;max-width:1600px;margin:auto;display:flex;justify-content:space-between;gap:2rem}.main-blog{display:flex;flex-direction:column;gap:2rem}.main-blog .blog_published_date{font-weight:600;font-size:14px;line-height:20px;color:var(--primary-blue)}.main-blog .blog-title{font-weight:700;font-size:36px;line-height:42px}.main-blog .blog-image-container{width:100%;height:auto}.main-blog .blog-image-container img{width:100%;height:100%}.author-and-time-container{display:flex;gap:1rem}.author-and-time-container .author-details{display:flex;gap:.3rem}.author-and-time-container .author-details img{width:24px;height:24px;border-radius:50%}.author-and-time-container .author-details .author-name,.author-and-time-container .times-ago{font-weight:400;font-size:18px;line-height:21.78px}.blog-details-body a:hover{color:var(--primary-blue)}.blog-details-body table{width:100%;border-collapse:collapse;margin:20px 0}.blog-details-body table td,.blog-details-body table th{padding:10px;border:1px solid var(--black);text-align:left}.latest-post,.latest-post-blogs{display:flex;flex-direction:column;gap:.6rem;max-width:340px}.latest-post-blogs .img-container{width:340px;height:auto}.latest-post-blogs .img-container img{width:100%;height:100%;object-fit:cover;object-position:top}.latest-blog-title{color:#000}.latest-post-blogs .publish-date{font-weight:600;font-size:14px;line-height:20px;color:#6941c6}.latest-post-blogs .desc{font-weight:400;font-size:16px;line-height:24px;color:#474747}#mobile-toc{display:none}#toc{display:flex;width:30%;position:sticky;margin-left:20px;top:120px;padding:20px;flex-direction:column;justify-content:flex-start;align-self:flex-start}.toc li a{color:var(--matt-black)}#toc-list li.highlight a{font-weight:700}#toc-list{padding-left:20px}.company-socials{margin-top:20px;text-align:center}.company-socials .sidebar-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.sidebar-social-icons{display:flex;justify-content:center;gap:15px;margin-top:10px}.sidebar-social-icons a{display:inline-block;transition:transform .3s,box-shadow .3s}.sidebar-social-icons a img{width:40px;height:40px;object-fit:cover;border-radius:50%}.share-now .social-icons a:hover,.sidebar-social-icons a:hover{transform:scale(1.1);filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .2))}.blog-contact-section{padding:10rem 4rem .5rem;text-align:center;border-radius:8px;margin-top:2rem;width:100%;background-image:url(../../media/images/blog/contact-image.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.blog-contact-section h2{font-size:1.75rem;color:#333;padding-bottom:1rem}.blog-contact-section p{font-size:1rem;color:#666;margin:1rem 0 2rem}.contact-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.contact-button:hover{background-color:var(--primary-blue)}@media (max-width:1550px){.latest-blog-title{font-size:20px;line-height:24px}.latest-post-blogs .desc{font-size:14px;line-height:22px}}@media (max-width:1440px){.latest-post-blogs .img-container{width:300px}}@media (max-width:1024px){.latest-post-blogs{max-width:300px}.blog-details-container .sub-blog-details-container{flex-direction:column}.latest-posts{align-items:center;margin-bottom:3rem}.latest-post{display:grid;grid-template-columns:repeat(2,1fr);max-width:none}#toc{width:90%;align-items:center;justify-content:center}#toc .toc{display:none}#mobile-toc,#mobile-toc .toc{display:flex;flex-direction:column}.blog-contact-section{width:fit-content}}@media (max-width:768px){.latest-post{grid-template-columns:1fr}}@media (max-width:500px){.author-and-time-container .author-details .author-name,.author-and-time-container .times-ago{font-size:14px}.main-blog .blog-title{font-size:28px;line-height:37px}}.blog-details-body pre,.blog-details-body code {white-space:break-spaces;}