@charset "utf-8";.blog-detail-content-section{width:100%;display:block;position:relative;background:linear-gradient(to bottom,#e3efff 0%,#ffffff 10%)}.blog-detail-header{display:flex;flex-direction:column;row-gap:34px;margin-bottom:40px}.blog-breadcrumbs{font-family:var(--primary-font);font-size:14px;font-weight:500;color:#64748B;margin-bottom:20px;display:flex;align-items:center;gap:8px}.blog-breadcrumbs a{color:#64748B;transition:color 0.3s ease}.blog-breadcrumbs a:hover{color:var(--orange)}.blog-breadcrumbs i{font-size:10px;color:#94A3B8}.blog-detail-title{font-family:var(--title-font);font-size:48px;line-height:1.3;font-weight:500;color:var(--blue);margin:0}.blog-detail-subtitle{width:100%;max-width:68%;font-family:var(--primary-font);color:#373737;font-size:24px;line-height:1.5;margin:0 0 0 0}.blog-detail-meta{font-family:var(--primary-font);font-size:14px;color:#64748B;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.blog-detail-meta i{margin-right:5px;color:var(--orange)}.meta-divider{background-color:#373737;width:5px;height:5px;border-radius:50%}.blog-detail-featured{border-radius:20px;max-height:544px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.05)}.blog-detail-featured img{width:100%;height:auto;display:block;object-fit:cover;transition:transform 0.6s ease}.blog-detail-featured:hover img{transform:scale(1.02)}.blog-detail-grid.bottom-grid .blog-detail-content-wrapper{padding-top:40px}.blog-detail-grid{margin:0 -40px;display:flex;flex-wrap:wrap;align-items:start}.blog-detail-grid.top-grid{margin-bottom:40px}.blog-detail-grid.top-grid .blog-sidebar-right{align-self:stretch}.blog-detail-content-wrapper{flex:1;display:inline-block;position:relative;padding:0 40px}.blog-detail-col-wrap{display:flex;margin:0 -40px}.blog-sidebar-left{width:380px;flex-shrink:0;position:relative;padding:0 40px}.sticky-toc-wrapper{position:sticky;top:140px;max-height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden;z-index:10;background-color:var(--primary-color)}.toc-heading{font-family:var(--title-font);font-size:18px;font-weight:700;color:var(--blue);margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #E2E8F0;text-transform:uppercase;letter-spacing:1px}.blog-toc{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(239,131,84,.3) transparent;padding-right:5px;position:relative;scroll-behavior:smooth}.blog-toc-mobile-arrow-btn{width:30px;height:30px;position:absolute;top:0;right:0;cursor:pointer;z-index:11;display:none;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:#fff;font-size:18px;padding:0}.blog-toc-mobile-arrow-btn>img{width:15px}.blog-toc::-webkit-scrollbar{width:6px}.blog-toc::-webkit-scrollbar-track{background:transparent}.blog-toc::-webkit-scrollbar-thumb{background-color:rgba(239,131,84,.3);border-radius:3px}.blog-toc::-webkit-scrollbar-thumb:hover{background-color:rgba(239,131,84,.6)}.blog-toc ul{padding:0;margin:0;list-style:none}.blog-toc .toc-sub{margin-left:20px;margin-top:10px}.blog-toc li{margin-bottom:10px;list-style:none;padding:0}.blog-toc a{display:block;font-family:var(--primary-font);font-size:14px;line-height:22px;color:var(--blue);font-weight:400;padding:0 0 0 16px;border-left:2px solid transparent;transition:all 0.5s ease;text-decoration:none;position:relative}.blog-toc a:hover{color:var(--orange)}.blog-toc a.active{color:var(--orange);border-left-color:transparent}.blog-toc a.active::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background-color:var(--orange);border-radius:50%}.blog-content-middle{min-width:0;padding:0 40px}.blog-content-middle h1,.blog-content-middle h2,.blog-content-middle h3,.blog-content-middle h4,.blog-content-middle h5,.blog-content-middle h6{font-family:var(--title-font);color:var(--blue);text-align:left;margin-bottom:20px}.blog-content-middle h1,.blog-content-middle h2,.blog-content-middle h3{font-size:32px;line-height:1.2;font-weight:500;text-align:left}.blog-content-middle h4,.blog-content-middle h5,.blog-content-middle h6{font-size:24px;line-height:1.2;font-weight:500;text-align:left}.blog-section{margin-bottom:40px;scroll-margin-top:140px}.blog-section p,.blog-section li{width:100%;display:inline-block;font-family:var(--primary-font);font-size:16px;line-height:1.5;color:#334155;margin-bottom:15px}.blog-section p strong{color:var(--blue)}.blog-section ul{width:100%;display:flex;flex-direction:column;row-gap:10px;padding:0 0 20px 15px;margin:0;list-style-type:disc}.blog-section li{margin-bottom:0;position:relative}.blog-section li:before{content:"";width:5px;height:5px;display:block;position:absolute;left:-15px;top:10px;background-color:var(--blue);border-radius:50%}.blog-section figure,.blog-section p figure{width:100%;display:inline-block;margin:10px 0 20px;padding:0;display:block;text-align:center}.blog-section figure img,.blog-section p figure img{width:auto;height:auto;display:block;object-fit:cover;max-width:100%}.lead-text{font-size:18px;line-height:30px;color:var(--blue);font-weight:500}.section-title{font-family:var(--title-font);font-size:32px;line-height:42px;font-weight:700;color:var(--blue);margin-bottom:24px;position:relative}.blog-content-middle code{display:inline;font-family:'Courier New',Courier,monospace;font-size:14px;font-weight:600;color:var(--orange);background-color:rgba(239,131,84,.08);border:1px solid rgba(239,131,84,.2);border-radius:4px;padding:1px 6px}.conclusion-summary{background:#F8FAFC;border-left-color:var(--blue)}.summary-icon{color:var(--blue);font-size:14px;margin-top:5px;flex-shrink:0}.share-article-wrapper{display:flex;align-items:center;gap:20px;padding:0 0;margin:40px 0}.share-title{font-family:var(--title-font);font-weight:700;color:var(--blue);font-size:24px}.share-social-list{display:flex;gap:12px}.social-share-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid var(--orange);color:#fff;transition:all 0.3s ease;text-decoration:none;background:var(--orange)}.social-share-btn i{font-size:23px}.social-share-btn>img{max-width:23px;height:14px}.social-share-btn:hover{color:#FFF;transform:translateY(-2px)}.social-share-btn.fb:hover{background:#1877F2;border-color:#1877F2}.social-share-btn.tw:hover{background:#000;border-color:#000}.social-share-btn.li:hover{background:#0A66C2;border-color:#0A66C2}.social-share-btn.insta:hover{background:#E1306C;border-color:#E1306C}.blog-sidebar-right{width:100%;max-width:480px;display:flex;flex-direction:column;gap:40px;padding:0 40px}.sidebar-widget{background:#FFF;border:1px solid #A29494;border-radius:16px;padding:28px 25px;box-shadow:0 4px 15px rgba(0,0,0,.01)}.sidebar-widget .widget-title{font-family:var(--title-font);font-size:24px;line-height:1.2;font-weight:700;color:var(--blue);margin-bottom:24px;display:inline-block}.capabilities-widget{background:#F0F8FF;border-color:#F0F8FF}.capabilities-widget.for-desktop{height:100%}.capabilities-list{width:100%;display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.capabilities-list li{list-style:none;padding:0}.capabilities-list li:last-child{margin-bottom:0}.capabilities-list li,.capabilities-list a{font-size:20px;color:#475569;font-weight:500}.capabilities-list a{display:block;font-family:var(--primary-font);color:#475569;transition:all 0.3s ease;text-decoration:none;padding:10px 0}.capabilities-list a:hover,.capabilities-list a.active{color:var(--orange)}.popular-posts-list{padding:0;margin:0;list-style:none}.popular-post-item{margin-bottom:20px;list-style:none;padding:0}.popular-post-item:last-child{margin-bottom:0}.popular-post-item a{display:flex;gap:18px;text-decoration:none}.post-thumb{width:102px;height:85px;border-radius:8px;overflow:hidden;flex-shrink:0}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.popular-post-item:hover .post-thumb img{transform:scale(1.1)}.post-details{display:flex;flex-direction:column;justify-content:center}.post-heading{font-family:var(--title-font);font-size:16px;line-height:1.3;font-weight:500;color:#373737;margin-bottom:5px;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0}.post-date{font-family:var(--primary-font);font-size:12px;color:#64748B}.category-list{padding:0;margin:0 0 30px 0;list-style:none;display:flex;flex-direction:column;row-gap:20px}.category-list li{margin-bottom:0;padding-bottom:0;list-style:none}.category-list li:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.category-list a{display:flex;justify-content:space-between;align-items:center;font-family:var(--title-font);font-size:20px;color:#373737;font-weight:500;transition:all 0.3s ease;text-decoration:none;letter-spacing:2%}.category-list a:hover{color:var(--orange)}.category-count{background:#F1F5F9;padding:2px 8px;border-radius:12px;font-size:11px;color:#475569;font-weight:600}.blog-detail-related{margin-top:40px}.related-heading{font-family:var(--title-font);font-size:48px;color:var(--blue);font-weight:500;margin-bottom:40px}.blog-detail-related .blog-listing .blog-box{padding-bottom:0}.blog-detail-related .blog-listing .blog-box .pic{padding-bottom:0;margin-bottom:20px;overflow:hidden;border-radius:16px}.blog-detail-related .blog-listing .blog-box .pic img{width:100%;transition:transform 0.3s ease}.blog-detail-related .blog-listing .blog-box:hover .pic img{transform:scale(1.1)}@media (min-width:768px){.capabilities-widget.for-mobile{display:none}}@media (max-width:1600px){.blog-detail-title,.related-heading{font-size:38px}.blog-detail-grid,.blog-detail-col-wrap{margin:0 -20px}.blog-detail-content-wrapper{padding:0 20px}.blog-sidebar-left{width:340px;padding:0 20px}.blog-sidebar-right{max-width:385px;padding:0 20px}.blog-detail-featured{max-height:455px}.capabilities-list li,.capabilities-list a,.category-list a{font-size:18px}.capabilities-list a{padding:8px 0}.post-thumb{width:88px;height:75px}.category-list{row-gap:15px}.blog-detail-header{row-gap:25px;margin-bottom:40px}.blog-detail-subtitle{font-size:20px}.related-heading{line-height:1.3}}@media (max-width:1440px){.blog-detail-title,.related-heading{font-size:32px}.blog-detail-subtitle{font-size:17px}.blog-content-middle h1,.blog-content-middle h2,.blog-content-middle h3{font-size:28px}.blog-section p,.blog-section li{font-size:14px}.sidebar-widget .widget-title{font-size:22px;margin-bottom:20px}.capabilities-list li,.capabilities-list a,.category-list a{font-size:16px}.capabilities-list a{padding:6px 0}.sidebar-widget{padding:24px 20px}.blog-toc a{font-size:12px}.blog-sidebar-left{width:302px;padding:0 20px}.blog-sidebar-right{max-width:340px}.post-thumb{width:80px;height:66px}.post-heading{font-size:14px}.blog-detail-featured{max-height:405px}.share-title{font-size:18px}.social-share-btn{width:40px;height:40px}.social-share-btn i{font-size:16px}.social-share-btn img{height:16px}.blog-detail-title,.related-heading{font-size:28px}.related-heading{margin-bottom:20px}}@media (max-width:1280px){.blog-content-middle h1,.blog-content-middle h2,.blog-content-middle h3{font-size:28px}.blog-detail-related .blog-listing .blog-box .blog-title{font-size:16px}.blog-listing .blog-box .date-time{padding-top:8px;font-size:14px}}@media (max-width:1199px){.capabilities-list li,.capabilities-list a,.category-list a{font-size:14px}.capabilities-list a{padding:2px 0}}@media (min-width:768px) and (max-width:1198px){.blog-sidebar-left{padding-bottom:100px}.blog-sidebar-right{max-width:100%;width:100%;display:flex;flex-direction:row}.blog-sidebar-right>*{flex:1}.blog-sidebar-left{width:235px}.blog-toc a{line-height:1.3}.category-list{row-gap:8px}.blog-detail-subtitle{width:100%;max-width:100%}.capabilities-widget.for-desktop{margin-top:30px}.capabilities-widget.for-desktop .capabilities-list{width:100%;display:flex;flex-direction:row;gap:6px;flex-wrap:wrap}.capabilities-widget.for-desktop .capabilities-list li{width:30%}}@media (max-width:991px){.blog-detail-related .blog-listing .blog-box{width:33%}.share-article-wrapper{flex-direction:column;align-items:flex-start}body:has(.blog-detail-content-section){overflow-y:visible!important}}@media (max-width:767px) and (min-width:481px){.capabilities-widget.for-mobile{margin-top:30px}.capabilities-widget.for-mobile .capabilities-list{width:100%;display:flex;flex-direction:row;gap:6px;flex-wrap:wrap}.capabilities-widget.for-mobile .capabilities-list li{width:48%}}@media (max-width:767px){.capabilities-widget.for-desktop{display:none}.blog-toc-mobile-arrow-btn{display:flex}.blog-detail-grid.bottom-grid .blog-detail-content-wrapper{padding-top:0}.blog-sidebar-left{width:100%;padding:0 20px}.sidebar-widget{width:100%}.blog-content-middle{padding:0 20px}.blog-detail-meta{font-size:14px;flex-direction:column;align-items:flex-start;gap:1px}.blog-detail-meta .meta-divider{display:none}.blog-content-middle .blog-section h1,.blog-content-middle .blog-section h2,.blog-content-middle .blog-section h3{padding-bottom:0}.blog-section{margin-bottom:20px}.blog-detail-header{row-gap:12px;margin-bottom:30px}.blog-detail-grid.top-grid .blog-sidebar-right{display:none}.blog-detail-subtitle{max-width:100%;font-size:14px}.blog-detail-col-wrap{flex-direction:column}.blog-detail-grid.bottom-grid .blog-sidebar-right{max-width:100%;flex-direction:row;flex-wrap:wrap}.sidebar-widget.popular-posts-widget,.sidebar-widget.category-widget{flex:1}.category-list{row-gap:5px;margin:0}.blog-sidebar-left{position:sticky;top:60px;z-index:1;margin-bottom:20px}.blog-toc-mobile-arrow-btn{top:11px;right:6px;z-index:991}.blog-toc-mobile-arrow-btn>img{transition:all ease 0.5s}.blog-toc{padding:10px 15px;border:#ededed solid 1px;border-radius:10px;transition:height ease 0.5s}.blog-toc.active{width:100%;height:calc(100% - 140px);background:#fff}.blog-toc.active .blog-toc-mobile-arrow-btn>img{transform:rotate(180deg)}.blog-toc ul{padding-right:0;display:flex;flex-direction:column;position:relative;z-index:1}.blog-toc ul li{height:0;overflow:hidden;transition:height 0.3s ease;margin:0;opacity:0}.blog-toc a{width:100%;font-size:16px;padding-top:5px;padding-bottom:5px;padding-right:30px}.blog-toc a.active::before{top:13px}.blog-toc ul li:has(.active){height:auto;opacity:1}.blog-toc.active ul li{height:auto;opacity:1}}@media (max-width:680px){.blog-detail-related .blog-listing .blog-box{width:50%}.blog-detail-grid.bottom-grid .blog-sidebar-right{flex-direction:column}}@media (max-width:480px){.blog-detail-related .blog-listing .blog-box{width:100%}}