@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap");.blog-details{padding:0 50px;margin-top:50px;display:flex;justify-content:center}.blog-details-card{padding:50px;max-width:850px}.blog-details-title{font-size:40px;line-height:2.5rem}.blog-details-type{margin-bottom:10px;margin-top:10px;font-size:small;font-weight:700;color:#007bff}.blog-details-date{display:flex;align-items:center;gap:3px;margin-bottom:10px}.blog-details-date-sub{font-size:small;color:#4a4a4a;font-weight:600}.blog-thumbnail{transition:transform .3s ease,box-shadow .3s ease}.blog-thumbnail:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.thumbnail-container{position:relative;height:250px}.thumbnail-image{max-height:100%;width:100%;transition:transform .3s ease-in-out;border-radius:15px}.blog-title{font-size:1.125rem;font-weight:600;color:#333;margin-bottom:.5rem;transition:color .3s ease}.blog-summary{font-size:.875rem;color:#555;margin-bottom:0;line-height:1.5}.blog-thumbnail:hover .blog-title{color:#007bff}@media (max-width:768px){.blog-thumbnail{margin:10px}.thumbnail-image{height:200px;object-fit:cover}.blog-details{padding:10px}.blog-title{font-size:1rem}.blog-details-card{padding:10px 0}}.breadcrumb{border-bottom:1px solid #c6c6c6;padding-bottom:24px;font-family:Arial,sans-serif}.breadcrumb-list{display:flex;flex-wrap:wrap;padding:0;margin:0}.breadcrumb-item{font-size:14px;font-weight:500;color:#4a4a4a;display:flex;align-items:center;position:relative;padding-bottom:6px;transition:color .3s ease}.breadcrumb-item:hover{color:#007bff;cursor:pointer}.separator{display:inline-block;padding-left:8px;padding-right:8px}.separator i{font-size:12px;color:#788A9B;transition:color .3s ease}.breadcrumb-item:last-child .separator{display:none}.breadcrumb-item:hover .separator i{color:#007bff}.breadcrumb-item:last-child{color:#000;font-weight:600}.blog-details article h2{font-size:1.75rem;color:#333;margin-top:20px;margin-bottom:15px;font-weight:700}.blog-details article ol,.blog-details article p,.blog-details article ul{font-size:1rem;margin-bottom:15px}.blog-details article ol,.blog-details ul{margin-left:20px}.blog-details article ol li,.blog-details ul li{margin-bottom:10px;list-style-type:none;position:relative}.blog-details .blog-detils-point li:before{content:"•";position:absolute;left:0;color:#3498db;font-weight:700}.blog-details article strong{color:#2c3e50;font-weight:700}.blog-details .intro-text{font-size:1.1rem;margin-bottom:20px;color:#555}.blog-details .blog-details-article-title{color:#3498db}.blog-details article a{text-decoration:none;color:#3498db}.blog-details article a:hover{text-decoration:underline}.blog-details article ol li,.blog-details ul li a{text-decoration:none}.dark-mode .blog-details{padding:0 50px;margin-top:50px;display:flex;justify-content:center;background-color:#121212}.dark-mode .blog-details-card{padding:50px;max-width:850px;background-color:#1e1e1e;color:#e0e0e0;border-radius:12px}.dark-mode .blog-details-title{font-size:40px;line-height:2.5rem;color:#ffffff}.dark-mode .blog-details-type{margin-bottom:10px;margin-top:10px;font-size:small;font-weight:700;color:#62aaf8}.dark-mode .blog-details-date-sub{color:#bbb}.dark-mode .blog-thumbnail{transition:transform .3s ease,box-shadow .3s ease}.dark-mode .blog-thumbnail:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.5)}.dark-mode .thumbnail-image{max-height:100%;width:100%;border-radius:15px}.dark-mode .blog-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin-bottom:.5rem;transition:color .3s ease}.dark-mode .blog-summary{font-size:.875rem;color:#ccc;margin-bottom:0;line-height:1.5}.dark-mode .blog-thumbnail:hover .blog-title{color:#62aaf8}.dark-mode .breadcrumb{border-bottom:1px solid #444;padding-bottom:24px;font-family:Arial,sans-serif}.dark-mode .breadcrumb-item{color:#bbb}.dark-mode .breadcrumb-item:hover{color:#62aaf8}.dark-mode .breadcrumb-item:last-child{color:#fff}.dark-mode .separator i{color:#888}.dark-mode .breadcrumb-item:hover .separator i{color:#62aaf8}.dark-mode .blog-details article h2{color:#ffffff}.dark-mode .blog-details article ol,.dark-mode .blog-details article ol li,.dark-mode .blog-details article p,.dark-mode .blog-details article ul,.dark-mode .blog-details ul li{color:#ccc}.dark-mode .blog-details .blog-detils-point li:before{color:#62aaf8}.dark-mode .blog-details article strong{color:#ffffff}.dark-mode .blog-details .intro-text{color:#bbb}.dark-mode .blog-details .blog-details-article-title,.dark-mode .blog-details article a{color:#62aaf8}.dark-mode .blog-details article a:hover{text-decoration:underline}