.blogarticle-page{color:#203662;flex-direction:column;padding:50px 0;display:flex}.blogarticle-page .bread-crumb{flex-wrap:wrap;align-items:center;margin-bottom:30px;display:flex}.blogarticle-page .bread-crumb .item{color:var(--neutral-1);font-size:18px}.blogarticle-page .bread-crumb .item:not(:last-of-type){cursor:pointer}.blogarticle-page .bread-crumb .item.active{color:var(--primary)}.blogarticle-page .bread-crumb .seperator{margin:0 10px}.blogarticle-page .bread-crumb .seperator.active{color:var(--primary)}.blogarticle-page .blogarticle-container{flex-direction:column;display:flex;position:relative}.blogarticle-page .blogarticle-container .blog-body{grid-template-columns:250px 1fr 300px;gap:40px;margin-top:50px;display:grid}@media screen and (max-width:1200px){.blogarticle-page .blogarticle-container .blog-body{grid-template-columns:200px 1fr 250px;gap:30px;margin-top:30px}}@media screen and (max-width:992px){.blogarticle-page .blogarticle-container .blog-body{grid-template-columns:1fr;gap:20px;margin-top:0}.blogarticle-page .blogarticle-container .blog-body .blog-navigation{order:2;position:static}.blogarticle-page .blogarticle-container .blog-body .blog-desc{order:1}.blogarticle-page .blogarticle-container .blog-body .blog-ads{order:3;position:static}}.blogarticle-page .blogarticle-container .blog-body .blog-navigation{height:fit-content;position:sticky;top:120px}.blogarticle-page .blogarticle-container .blog-body .blog-navigation .nav-title{color:var(--dark-2);margin-bottom:20px;font-size:18px;font-weight:500}.blogarticle-page .blogarticle-container .blog-body .blog-navigation .nav-list{margin:0;padding:0;list-style:none}.blogarticle-page .blogarticle-container .blog-body .blog-navigation .nav-list .nav-item{margin-bottom:8px}.blogarticle-page .blogarticle-container .blog-body .blog-navigation .nav-list .nav-item a{color:var(--dark-2);border-radius:6px;padding:8px 12px;font-size:18px;text-decoration:none;transition:all .2s;display:block}.blogarticle-page .blogarticle-container .blog-body .blog-navigation .nav-list .nav-item a:hover{color:var(--primary-1)}@media screen and (max-width:992px){.blogarticle-page .blogarticle-container .blog-body .blog-navigation{display:none}}.blogarticle-page .blogarticle-container .blog-body .blog-desc{padding:0;overflow-x:hidden}.blogarticle-page .blogarticle-container .blog-body .blog-desc img{border-radius:15px;width:100%;margin:20px 0}.blogarticle-page .blogarticle-container .blog-body .blog-desc .section-anchor-target{scroll-margin-top:120px}.blogarticle-page .blogarticle-container .blog-body .blog-desc h1,.blogarticle-page .blogarticle-container .blog-body .blog-desc h2,.blogarticle-page .blogarticle-container .blog-body .blog-desc h3,.blogarticle-page .blogarticle-container .blog-body .blog-desc h4,.blogarticle-page .blogarticle-container .blog-body .blog-desc h5,.blogarticle-page .blogarticle-container .blog-body .blog-desc h6{margin:30px 0 15px;scroll-margin-top:120px;font-weight:400}.blogarticle-page .blogarticle-container .blog-body .blog-desc p{margin-bottom:16px}.blogarticle-page .blogarticle-container .blog-body .blog-desc a{color:var(--primary);border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.blogarticle-page .blogarticle-container .blog-body .blog-desc a:hover{color:var(--primary-5);border-bottom-color:var(--primary-5)}.blogarticle-page .blogarticle-container .blog-body .blog-desc .table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin:30px 0;overflow:auto visible}.blogarticle-page .blogarticle-container .blog-body .blog-desc .table-wrapper::-webkit-scrollbar{height:8px}.blogarticle-page .blogarticle-container .blog-body .blog-desc .table-wrapper::-webkit-scrollbar-track{background:var(--neutral-4);border-radius:4px}.blogarticle-page .blogarticle-container .blog-body .blog-desc .table-wrapper::-webkit-scrollbar-thumb{background:var(--neutral-2);border-radius:4px}.blogarticle-page .blogarticle-container .blog-body .blog-desc .table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--neutral-1)}.blogarticle-page .blogarticle-container .blog-body .blog-desc table{border-collapse:separate;border-spacing:0;border:1px solid var(--neutral-3);background-color:var(--white);border-radius:8px;width:max-content;max-width:none;margin:0;box-shadow:0 1px 3px #0000000f}.blogarticle-page .blogarticle-container .blog-body .blog-desc table thead{background-color:var(--gray-1);border-bottom:2px solid var(--neutral-3)}.blogarticle-page .blogarticle-container .blog-body .blog-desc table thead tr th{text-align:left;vertical-align:top;color:var(--dark);border-bottom:2px solid var(--neutral-3);white-space:normal;word-wrap:break-word;max-width:220px;padding:14px 20px;font-size:16px;font-weight:600}.blogarticle-page .blogarticle-container .blog-body .blog-desc table thead tr th:not(:last-child){border-right:1px solid var(--neutral-3)}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr{transition:background-color .15s}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr:nth-child(odd){background-color:var(--white)}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr:nth-child(2n){background-color:#f9fafd80}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr:hover{background-color:var(--primary-4)}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr td{color:var(--dark-2);border-bottom:1px solid var(--neutral-3);vertical-align:top;white-space:normal;word-wrap:break-word;max-width:220px;padding:14px 20px;font-size:16px;line-height:1.6}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr td:not(:last-child){border-right:1px solid var(--neutral-3)}.blogarticle-page .blogarticle-container .blog-body .blog-desc table tbody tr:last-child td{border-bottom:none}.blogarticle-page .blogarticle-container .blog-body .blog-desc table caption{color:var(--dark-3);text-align:left;caption-side:bottom;padding:12px 0;font-size:14px;font-style:italic}.blogarticle-page .blogarticle-container .blog-body .blog-ads{height:fit-content;position:sticky;top:120px}.blogarticle-page .blogarticle-container .blog-body .blog-ads .ad-section{background-color:var(--gray-1);text-align:center;border-radius:12px;margin-bottom:20px;padding:20px}.blogarticle-page .blogarticle-container .blog-body .blog-ads .ad-section .ad-title{color:var(--neutral-2);text-transform:uppercase;margin-bottom:10px;font-size:12px}.blogarticle-page .blogarticle-container .blog-body .blog-ads .ad-section .ad-content{min-height:250px;color:var(--neutral-2);background-color:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.blogarticle-page .blogarticle-container .blog-body .blog-faq{background-color:var(--gray-1);border-radius:12px;margin-bottom:30px;padding:30px}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-title{color:var(--dark-2);text-align:center;margin-bottom:25px;font-size:24px;font-weight:600}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item{border-bottom:1px solid var(--neutral-3);margin-bottom:15px;padding-bottom:15px}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-question{color:var(--dark-2);cursor:pointer;justify-content:space-between;align-items:center;padding:15px 0;font-size:18px;font-weight:600;transition:color .3s;display:flex}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-question:hover{color:var(--primary)}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-question .toggle-icon{font-size:14px;transition:transform .3s}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-question .toggle-icon.expanded{transform:rotate(180deg)}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-answer.expanded{max-height:200px;padding-bottom:15px}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-answer p{color:var(--dark-3);margin:0;font-size:16px;line-height:1.6}@media screen and (max-width:992px){.blogarticle-page .blogarticle-container .blog-body .blog-faq{padding:20px}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-title{margin-bottom:20px;font-size:20px}.blogarticle-page .blogarticle-container .blog-body .blog-faq .faq-list .faq-item .faq-question{font-size:16px}}.blogarticle-page .share-buttons{display:none}@media (max-width:992px){.blogarticle-page .share-buttons.horizontal{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0;padding:20px 0;display:flex}.blogarticle-page .share-buttons.horizontal .share-label{color:var(--dark-2);margin-right:10px;font-size:14px;font-weight:500}.blogarticle-page .share-buttons.horizontal .share-icons{gap:10px;display:flex}.blogarticle-page .share-buttons.horizontal .share-button{transition:transform .2s}.blogarticle-page .share-buttons.horizontal .share-button:hover{transform:scale(1.1)}}.blogarticle-page .share-sidebar{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}@media (max-width:1400px){.blogarticle-page .share-sidebar{left:1rem}}@media (max-width:992px){.blogarticle-page .share-sidebar{display:none}}.blogarticle-page .share-sidebar .share-button{border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.blogarticle-page .share-sidebar .share-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.blogarticle-page .share-sidebar .share-button.facebook{background:#1877f2}.blogarticle-page .share-sidebar .share-button.x{background:#000}.blogarticle-page .share-sidebar .share-button.linkedin{background:#0077b5}.blogarticle-page .share-sidebar .share-button.whatsapp{background:#25d366}@media screen and (min-width:992px){.blogarticle-page .blogarticle-container{margin-top:30px;padding:0 50px 119px}}.detail-shimmer-container .shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite detail-shimmer-animation}.detail-shimmer-container .shimmer-header{border-radius:8px;width:70%;height:40px;margin-bottom:30px}.detail-shimmer-container .shimmer-meta{align-items:center;margin-bottom:30px;display:flex}.detail-shimmer-container .shimmer-meta .shimmer-avatar{border-radius:50%;width:54px;height:54px;margin-right:15px}.detail-shimmer-container .shimmer-meta .shimmer-user-info{flex:1}.detail-shimmer-container .shimmer-meta .shimmer-user-info .shimmer-name{border-radius:4px;width:120px;height:16px;margin-bottom:8px}.detail-shimmer-container .shimmer-meta .shimmer-user-info .shimmer-role{border-radius:4px;width:80px;height:14px}.detail-shimmer-container .shimmer-body{grid-template-columns:250px 1fr 300px;gap:40px;display:grid}.detail-shimmer-container .shimmer-body .shimmer-nav .shimmer-nav-title{border-radius:4px;width:150px;height:20px;margin-bottom:20px}.detail-shimmer-container .shimmer-body .shimmer-nav .shimmer-nav-item{border-radius:4px;width:100%;height:16px;margin-bottom:12px}.detail-shimmer-container .shimmer-body .shimmer-nav .shimmer-nav-item.last-child{width:80%}.detail-shimmer-container .shimmer-body .shimmer-content .shimmer-paragraph{border-radius:4px;width:100%;height:16px;margin-bottom:12px}.detail-shimmer-container .shimmer-body .shimmer-content .shimmer-image{border-radius:12px;width:100%;height:200px;margin:30px 0}.detail-shimmer-container .shimmer-body .shimmer-content .shimmer-subtitle{border-radius:6px;width:60%;height:24px;margin:30px 0 20px}.detail-shimmer-container .shimmer-body .shimmer-ads .shimmer-ad-box{border-radius:12px;width:100%;height:280px;margin-bottom:20px}@media screen and (max-width:1200px){.detail-shimmer-container .shimmer-body{grid-template-columns:200px 1fr 250px;gap:30px}}@media screen and (max-width:992px){.detail-shimmer-container .shimmer-body{grid-template-columns:1fr;gap:20px}.detail-shimmer-container .shimmer-body .shimmer-nav{display:none}}@keyframes detail-shimmer-animation{0%{background-position:-200% 0}to{background-position:200% 0}}