body,body#layout{width:100%}body#layout .mainContainer{display:flex}body#layout .header{width:100%}body#layout .mainbar{width:65%}body#layout .sidebar{width:35%}body#layout div#HTML2,body#layout div#HTML3{width:calc(50% - 4px);float:left}body#layout div#HTML3{float:right}body#layout div.section:after{content:'';display:block;clear:both}.comment-box{border:1px solid hsl(0,0%,20%);border-radius:10px;padding:20px;margin-bottom:20px;background-color:hsl(0,0%,10%)}.avatar{display:inline-block;width:30px;height:30px;background-color:#ddd;color:#48525C;font-weight:700;border-radius:50%;text-align:center;line-height:30px;margin-right:10px}.comment-content{color:#fefefe;font-weight:600;font-size:1.1em}.comment-text{padding-top:10px;color:#bbb;font-size:1em;margin:5px 0 10px}.comment-date{font-size:.85em;color:#989b9f;margin-left:5px}.comment-options button{background:0 0;border:none;color:#005AF0;cursor:pointer;font-size:.9em;margin-right:10px;transition:color .3s ease}.comment-options button:hover{color:#409cff;text-decoration:underline}.vote-count{color:#005AF0;font-weight:500;font-size:.9em;margin-right:10px}.reply-indent{margin-left:30px;border-left:2px solid #333;padding-left:15px;margin-top:15px}hr{border:none;border-top:1px solid #2d2d30;margin:15px 0}.submit-button{padding:8px 16px;background-color:hsl(0,0%,10%);color:hsl(0,0%,95%);text-decoration:none;border-radius:5px;cursor:pointer;font-size:16px;outline:0;border:1px solid hsl(0,0%,20%)}.submit-button:hover{border:2px solid hsl(0,0%,20%);background-color:hsl(0,0%,15%)}.download-button{position:relative;display:inline-block;padding:10px 25px 10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;cursor:pointer;font-size:16px;text-align:center}.download-button:hover{color:#f3f3f3}.loading{display:none;position:absolute;right:3px;top:30%;transform:translateY(-50%);border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.download-button.loading .loading{display:block}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.Blog article .post-info .exam-section{font-size:1.7rem}.Blog article .post-info .exam-action a{-webkit-transition:all .2s ease;transition:all .2s ease;color:#005af0;text-decoration:none}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Nunito Sans Regular'),local('NunitoSans-Regular'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cfe5.woff) format('woff'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2')}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Nunito Sans Bold'),local('NunitoSans-Bold'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBv5p.woff) format('woff'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2')}@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Nunito Sans Italic'),local('NunitoSans-Italic'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4I90.woff) format('woff'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9lKdg.woff2) format('woff2')}@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Nunito Sans Bold Italic'),local('NunitoSans-BoldItalic'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe01MImSLYBIv1o4X1M8cce4G2JvU1c.woff) format('woff'),url(https://fonts.gstatic.com/s/nunitosans/v6/pe01MImSLYBIv1o4X1M8cce4G2JvY1MIUg.woff2) format('woff2')}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local('Poppins-Bold'),url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7V1g.woff) format('woff'),url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2')}@font-face{font-family:'Fira Mono';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Mono Regular'),local('FiraMono-Regular'),url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'),url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2')}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}a{-webkit-transition:all .2s ease;transition:all .2s ease;color:#005af0;text-decoration:none}a:hover{color:#767676}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;font-family:Poppins,sans-serif;color:#fefefe}table{border-spacing:0}iframe{width:100%;border:0}input,button,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;vertical-align:baseline}img{display:block;position:relative;max-width:100%;font-size:10px;color:transparent}svg{width:22px;height:22px;vertical-align:middle;fill:#fefefe}svg .svg-c{fill:#005af0}svg.line{fill:none;stroke:#fefefe;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}svg.line .svg-c{fill:none;stroke:#005af0}.hidden,.replaced{display:none}.invisible{visibility:hidden}.clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}.full-close{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:0 0;opacity:0;visibility:hidden}html,#nav-widget,.Blog pre,.Blog pre code{scrollbar-width:thin}html{scroll-behavior:smooth;overflow-x:hidden}body{position:relative;margin:0;padding:0;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#989b9f;background-color:#1e1e1e;-webkit-font-smoothing:antialiased}main{display:block;padding:30px 10px 30px 245px;-webkit-transition:all .2s ease;transition:all .2s ease}main>*:not(:last-child),.sidebar>*:not(:last-child){margin-bottom:40px}#nav-widget{position:fixed;top:0;left:0;background-color:#2d2d30;width:220px;height:100%;padding:75px 0 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}#nav-widget:hover{overflow-y:auto}#nav-widget:before{content:'';position:fixed;top:0;left:0;width:220px;height:60px;background-color:#2d2d30;z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}#nav-widget .widget{padding-bottom:90px}#add-widget{padding-top:40px}#large-ads{width:100%;padding:0 30px 0 245px;-webkit-transition:all .2s ease;transition:all .2s ease}#large-ads .widget{margin:30px 0 10px}.mainContainer{display:flex;justify-content:space-between;flex-wrap:wrap}.mainIner:before{content:'';display:block;width:100%;padding-top:60px}.asideIner{position:absolute;left:0;bottom:0;width:100%}.mainbar{min-height:100vh;width:calc(100% - 360px)}.sidebar{background-color:transparent;width:360px;padding:30px;flex:0 0 auto}#sidebar-sticky{position:sticky;top:80px}.header{position:fixed;top:0;left:0;display:flex;width:100%;height:60px;padding:0 30px 0 25px;background-color:#2d2d30;color:#fefefe;fill:#fefefe;z-index:50;box-shadow:0 2px 10px 0 rgba(0,0,0,.07);-webkit-transition:all .2s ease;transition:all .2s ease}.header #header-widget{flex:0 0 auto;display:flex;align-items:center;height:100%;width:173px;padding:0 0 0 23px;overflow:hidden}.header .widget{margin:auto 0;background-repeat:no-repeat;background-size:100%;background-position:center}.header .header-inner img{max-width:142px;max-height:30px}.header .header-inner h1,#header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}.header .navicon.right{margin-left:auto}.header .navicon.search{display:flex;width:22px;position:absolute;top:-100%;right:10px;padding:0;border:0;outline:0;background:0 0;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}.header .navicon.search>*{cursor:default;fill:#989b9f}.header .navicon>*{margin:auto 0;width:20px;cursor:pointer}.header .navicon>svg{width:20px;fill:#fefefe}.header .navicon .nav{height:20px;padding:3px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.header .navicon .nav i{position:relative;display:block;width:60%;height:2px;background-color:#fefefe;margin:0 0 4px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:2px}.header .navicon>* .fas{font-size:20px}.header .navicon .nav i:nth-child(2){width:100%;margin:0;z-index:2}.header .navicon .nav i:nth-child(3){width:60%;background-color:#005af0;margin:4px 0 0 auto}.header .navicon .nav.home{display:none}.header .navicon .navSearch{margin-left:15px;display:none}.header .searchbar{flex:0 0 auto;display:flex;align-items:center;width:50%;height:100%;max-width:550px;padding:0 0 0 25px}.header .searchbar form{position:relative;display:flex;align-items:center;width:100%;margin:auto 0}.header .searchbar .search-button{position:absolute;top:0;left:15px;display:flex;height:100%;align-items:center;padding:0;border:0;outline:0;background:0 0;cursor:pointer}.header .searchbar .search-button svg{width:18px;height:18px;fill:#989b9f;-webkit-transition:all .3s ease;transition:all .3s ease}.header .searchbar input[type=text]{background-color:#252526;outline:0;border:0;padding:12px 20px 12px 45px;border-radius:5px;width:100%;transition:box-shadow .3s;-webkit-transition:box-shadow .3s}.header .searchbar input[type=text]:focus{box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}.header .searchbar input[type=text]:focus+.search-button svg{fill:#005af0}.header .searchbar input[type=text]:focus+.search-button+.navicon.search{top:0;opacity:1;visibility:visible}.navigation-menu,.navigation-mobile{list-style:none;margin:0;padding:0;color:#fefefe;fill:#fefefe;font-size:90%}.navigation-menu>li{position:relative;padding:10px 20px 10px 25px}.navigation-menu>li:before{content:'';position:absolute;top:0;left:0;display:block;width:2px;height:42px;border-radius:0 3px 3px 0}.navigation-menu>li:hover:before{background-color:#005af0}.navigation-menu>li.break:after{content:'';display:block;width:100%;border-bottom:1px solid rgba(255,255,255,.1);margin-top:20px}.navigation-menu li .link{display:flex;align-items:center}.navigation-menu li .link svg{height:20px;flex:0 0 auto;fill:inherit}.navigation-menu li .link svg.name{flex:0 0 auto;width:14px;height:14px;margin-left:auto}.navigation-menu li .link span.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.navigation-menu li .link span.new:after{content:'New!';margin-left:5px;font-size:85%;font-weight:400;color:#005af0}.navigation-menu li .link .name{display:block;margin-left:21px}.navigation-menu li a{display:block;color:inherit;white-space:nowrap}.navigation-menu ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}.navigation-menu ul li{height:0;padding:0 20px 0 43px;-webkit-transition:inherit;transition:inherit;opacity:0;visibility:hidden}.navigation-menu .close{display:none;position:fixed;top:0;left:0;margin-left:-100%;padding:20px;width:85%;max-width:480px;background:#2d2d30;-webkit-transition:all .2s ease;transition:all .2s ease}.navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:#2d2d30;-webkit-transition:all .2s ease;transition:all .2s ease}.navigation-menu .sosmed:before,.navigation-menu .close:before{top:10px}.navigation-menu .sosmed .link{display:none}.navigation-menu .sosmed .link svg{width:22px;height:22px}.navigation-menu .sosmed ul{display:flex}.navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}.navigation-menu .sosmed ul svg{fill:#fefefe}.navigation-menu .sub-menu:checked+.link+ul{padding:10px 0 0}.navigation-menu .sub-menu:checked+.link+ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}.navigation-menu .sub-menu:checked+.link svg.name{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-menu:checked+.mainWrapper .mainIner #large-ads,.nav-menu:checked+.mainWrapper .mainIner main,.nav-menu:checked+.mainWrapper .mainIner .footbar{padding-left:90px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article,.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(25% - 15px)}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}.nav-menu:checked+.mainWrapper .asideIner #nav-widget,.nav-menu:checked+.mainWrapper .asideIner #nav-widget:before,.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed{width:68px}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed .link{display:block}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu li>*.name,.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed ul{display:none}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu ul{padding:0}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu ul li{height:0;padding:0 20px 0 43px;opacity:0;visibility:hidden}.nav-menu:checked+.mainWrapper .mainIner.singleItem main,.nav-menu:checked+.mainWrapper .mainIner.singleItem .footbar{padding-right:40px;padding-left:150px}.nav-menu:checked+.mainWrapper .mainIner.singleItem .footbar{padding-right:30px}.navigation-mobile{display:flex;align-items:center;justify-content:space-evenly;position:fixed;left:0;bottom:-50px;width:100%;height:50px;padding:0 25px;background-color:#2d2d30;z-index:-1;border-radius:20px 20px 0 0}.navigation-mobile li{visibility:hidden;opacity:0;width:20%;text-align:center}.navigation-mobile a{display:block}.navigation-mobile svg{fill:#fefefe;height:20px;width:20px}.navigation-mobile svg.line{fill:none;stroke:#fefefe}.navigation-mobile .top-link,.navigation-mobile .ai-generate{visibility:visible;opacity:1}.navigation-mobile .ai-generate a{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:70px;width:45px;height:45px;background-color:#2d2d30;border-radius:20px;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}.navigation-mobile .top-link a{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:20px;width:45px;height:45px;background-color:#2d2d30;border-radius:20px;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}.navigation-mobile .top-link svg.line,.navigation-mobile .ai-generate label svg.line{stroke:#fefefe}.widget-title,.sidebar .title,.related-posts .title,.comments .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;font-size:15px}.widget-title>*{font-size:inherit}.widget-title a{font-size:85%;color:#989b9f}.widget:not(:last-child){margin-bottom:50px}.widget .post-thumb{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.widget input[type=email],.widget input[type=text],.widget textarea{width:100%;padding:8px 12.5px;outline:0;border:0;border-radius:3px;line-height:22px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);background-color:#252526;color:#fefefe}.widget input[type=submit],.widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background-color:#005af0;color:#fefefe;cursor:pointer;font-size:90%;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}.widget input[type=button]{padding:8px 30px}.sidebar ul,.sidebar ol{list-style:none;margin:0;padding:0}.multipleItem .Blog .blog-posts{display:flex;flex-wrap:wrap}.multipleItem .Blog .blog-posts article{width:calc(33.333% - 13.333px);margin-right:20px}.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:0}.Blog article,.FeaturedPost article{display:block;background-color:#2d2d30;margin:0 0 20px;padding:10px 10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}.Blog article .post-thumbnail{margin-bottom:15px}.Blog article .post-thumbnail a,.FeaturedPost article .item-thumbnail a,.PopularPosts article .item-thumbnail a,.Blog .related-posts li .item-thumbnail>*{position:relative;display:block;width:100%;padding-top:52.5%;background-color:#252526;border-radius:4px;overflow:hidden}.Blog article .post-label{font-size:11px;line-height:1.58em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Blog article .post-label a{color:#005af0}.Blog article .post-label a:before{content:'#';font-size:80%}.Blog article .post-label a:not(:last-child):after,.FeaturedPost article .item-label>*:not(:last-child):after,.PopularPosts article .item-label a:not(:last-child):after{content:',';margin-right:3px}.Blog article .post-label a:hover,.Blog article .post-info .post-author a:hover{text-decoration:underline}.Blog article .post-title{font-size:90%;margin-bottom:0.3rem}.Blog article .post-title a,.Blog article .post-info .post-author a,.FeaturedPost article a,.PopularPosts article a{color:hsl(0,0%,95%)}.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:#989b9f}.Blog article .post-info,.FeaturedPost article .item-header,.PopularPosts article .item-header{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;font-size:11px;color:#989b9f}.Blog article .post-info .post-author,.FeaturedPost article .item-label,.PopularPosts article .item-label{font-size:11px;line-height:1.58em}.Blog article .post-info .post-header,.FeaturedPost article .item-header .item-info,.PopularPosts article .item-header .item-info{width:calc(100% - 65px)}.Blog article .post-info .post-header .post-timestamp,.Blog article .post-info .post-author .post-authorName,.FeaturedPost article .item-header .item-timestamp,.FeaturedPost article .item-header .item-label,.PopularPosts article .item-header .item-timestamp,.PopularPosts article .item-header .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Blog article .post-info .post-author .post-authorName{display:block}.Blog article .post-info .post-comment,.FeaturedPost article .item-comment,.PopularPosts article .item-comment{display:flex;width:65px;flex-shrink:0;justify-content:flex-end}.Blog article .post-info .post-comment>*,.FeaturedPost article .item-comment>*,.PopularPosts article .item-comment>*{display:flex;align-items:flex-end;color:inherit}.Blog article .post-info .post-comment>svg,.FeaturedPost article .item-comment>svg,.PopularPosts article .item-comment>svg{width:20px;height:20px;fill:#989b9f;margin-left:5px}.Blog article .post-info .post-comment>svg.line,.FeaturedPost article .item-comment>svg.line,.PopularPosts article .item-comment>svg.line{fill:none;stroke:#989b9f}.Blog article .post-info .post-comment>.post-shareIcon svg{height:18px}.Blog article.noThumbnail .post-thumb{color:#989b9f;font-size:10px}.Blog article.post{margin:0 15px 30px;padding:0;box-shadow:none;background:0 0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.Blog article.post h1,.Blog article.post h2,.Blog article.post h3,.Blog article.post h4,.Blog article.post h5,.Blog article.post h6{margin:1.7em 0 20px;line-height:1.3em}.Blog article.post h1:target,.Blog article.post h2:target,.Blog article.post h3:target,.Blog article.post h4:target,.Blog article.post h5:target,.Blog article.post h6:target{padding-top:70px;margin-top:0}.Blog article.post img{display:inline-block;border-radius:3px}.Blog article.post .post-headline{margin-bottom:2.5rem}.Blog article.post .post-thumbnail{margin-bottom:20px}.Blog article.post .post-thumbnail a{padding-top:34.61%}.Blog article.post .post-title{font-size:24px;margin:0}.Blog article.post .post-info{margin-top:25px;color:#989b9f}.Blog article.post .post-info .post-author{font-size:inherit;color:#989b9f}.Blog article.post .post-info .post-author .post-authorName:before{content:attr(data-text)}.Blog article.post .post-info .post-timestamp .publish{display:none}.Blog article.post .post-info .post-timestamp .publish:before{content:attr(data-text)}.Blog article.post .post-info .post-timestamp .publish:after{content:'\2027';margin:0 5px}.Blog article.post .post-info .post-timestamp .updated:before{content:'published on : '}.Blog article.post .post-info .post-header{width:calc(100% - 125px)}.Blog article.post .post-info .post-comment{width:125px}.Blog article.post .post-entry{font-size:16px;line-height:1.58em}.Blog article.post .post-entry p{margin:1.7em 0}.Blog article.post .post-labels{display:flex;flex-wrap:wrap;margin:30px 0;padding:0;font-size:13px}.Blog article.post .post-labels a{margin:0 10px 10px 0}.Blog article.post .post-labels a:before{content:'#';font-size:80%}.Blog article.post .post-labels a:not(:last-child):after{content:','}.Blog article.post .post-share{position:relative;display:flex;flex-wrap:wrap;margin:20px 0 30px;font-size:13px;line-height:22px}.Blog article.post .post-share:before{display:block;content:'Share this article';width:100%;margin-bottom:20px;font-size:14px;font-weight:700;font-family:Poppins,sans-serif}.Blog article.post .post-share .share-icon{flex-grow:1}.Blog article.post .post-share .share-icon:not(:first-child){margin-left:10px}.Blog article.post .post-share .share-icon>*{display:flex;align-items:center;padding:12px;border-radius:3px;background-color:#2d2d30;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}.Blog article.post .post-share .share-icon>a{padding:12px 15px;color:#fefefe}.Blog article.post .post-share .share-icon>a svg{fill:#fefefe}.Blog article.post .post-share .share-icon svg{width:20px;fill:#767676}.Blog article.post .post-share .facebookThis a{background-color:#3059b0}.Blog article.post .post-share .facebookThis a:after{content:'Facebook';margin-left:15px}.Blog article.post .post-share .twitterThis a{background-color:#55acef}.Blog article.post .post-share .twitterThis a:after{content:'Twitter';margin-left:15px}.Blog article.post .post-share .whatsappThis a{background-color:#25D366}.Blog article.post .post-share .whatsappThis a:after{content:'Whatsapp';margin-left:15px}.Blog article.post .post-share .shareThis{flex-grow:0}.Blog article.post .post-share .share-popup,.Profile .team .all-member,.Blog .post-font .post-fontContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:50;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}.Blog article.post .post-share .share-notif{display:flex;position:fixed;left:0;right:0;bottom:0;margin-bottom:25px}.Blog article.post .post-share .share-notif span{position:relative;bottom:-200px;display:block;width:240px;margin:0 auto;padding:10px;border-radius:3px;background-color:#48525c;color:#fefefe;font-size:13px;line-height:22px;text-align:center;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-animation:slidein 2s ease forwards;animation:slidein 2s ease forwards}.Blog article.post .post-share .share-check:checked+.share-popup,.Profile .team .all-team:checked+.all-member,.Blog .post-font .post-fontContainer.active{opacity:1;visibility:visible}.Blog article.post .post-share .share-check:checked+.share-popup ul,.Profile .team .all-team:checked+.all-member .all-memberBox,.Blog .post-font .post-fontContainer.active ul{margin:0 auto}.Blog article.post .post-share .share-check:checked+.share-popup .full-close,.Profile .team .all-team:checked+.all-member .full-close,.Blog .post-font .post-fontContainer.active .full-close{background:rgba(0,0,0,.35);opacity:1;visibility:visible}.Blog article.post .post-share ul,.Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#2d2d30;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}.Blog article.post .post-share ul:before,.Blog .post-font .post-fontContainer ul:before{content:'Share this article';display:block;width:100%;margin:0 0 15px;font-size:15px;font-family:Poppins,sans-serif;font-weight:700;text-align:center;color:#fefefe}.Blog article.post .post-share li{position:relative;width:calc(25% - 15px);margin-right:20px}.Blog article.post .post-share li:nth-of-type(4n){margin-right:0}.Blog article.post .post-share li>*{display:block;margin:8px 0;text-align:center;color:inherit;cursor:pointer}.Blog article.post .post-share li>* span{display:block;margin:5px 0 0;font-size:90%;color:#989b9f}.Blog article.post .post-share li>svg{width:48px;height:48px;fill:#989b9f;padding:13px;background-color:#1e1e1e;border-radius:18px}.Blog article.post .post-share li>svg.line{fill:none;stroke:#989b9f;padding:16px}.Blog article.post .post-share li input{margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0}.Blog article.post .post-share li.share-close,.navigation-mobile .share-close,.Profile .team .all-member .member-close,.Blog .post-font .post-fontContainer .close{width:30px;height:30px;margin:0;position:absolute;top:20px;right:-15px;z-index:1}.Blog article.post .post-share li.share-close>*,.navigation-mobile .share-close>*,.Profile .team .all-member .member-close label,.Blog .post-font .post-fontContainer .close>*{margin:0;display:flex;align-items:center;justify-content:center;height:100%;background-color:#005af0;border-radius:50%}.Blog article.post .post-share li.share-close>svg,.navigation-mobile .share-close>svg,.Blog .post-font .post-fontContainer .close>svg{width:22px;height:22px;padding:0;margin:0;background:0 0;fill:#fefefe}.Blog .separate{display:block;margin:20px 0}.Blog .separate:before{content:'\2027 \2027 \2027';display:block;color:#989b9f;text-align:center;font-size:28px;font-style:normal;letter-spacing:.6em;text-indent:.6em;clear:both}.Blog blockquote{position:relative;font-size:15px}.Blog blockquote.style-1{margin-left:0;margin-right:0;padding:30px 25px 30px 90px;border-radius:4px;border:2px solid rgba(255,255,255,.1)}.Blog blockquote.style-1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;font-family:Poppins,sans-serif;top:7px;left:25px;line-height:normal;color:#989b9f}.Blog blockquote.style-1 ul{font-size:90%}.Blog table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}.Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}.Blog table.tr-caption-container tr:nth-child(2n+1) td,.Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background:0 0}.Blog table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:#767676;background-color:transparent;border:0}.Blog table{min-width:70%;margin:0 auto;border:0;overflow:hidden;font-size:14px}.Blog table th{background-color:transparent;padding:15px 20px;border:1px solid rgba(255,255,255,.1);border-top:0;border-left:0;font-family:Poppins,sans-serif;font-size:13px}.Blog table th:last-child,.Blog table tr td:last-child,.Blog table tr:nth-child(2n) td:last-child{border-right:0}.Blog table td{padding:15px 20px;border:1px solid rgba(255,255,255,.1);border-left:0;border-top:0;vertical-align:middle}.Blog table tr:nth-child(2n+1) td{background-color:rgba(0,0,0,.1)}.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth}.Blog pre{font-size:13px;position:relative;width:100%;background-color:rgba(0,0,0,.1);color:rgba(255,255,255,.9);border-radius:3px;padding:20px;margin:25px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;font-family:'Fira Mono',monospace;line-height:1.5em}.Blog pre code{display:block;padding:0;white-space:pre;font-family:'Fira Mono',monospace}.Blog pre span{color:#e6db74}.Blog pre span.block{color:#fff;background:#3a7bd5}.Blog pre i{color:#519bd6;font-style:normal}.Blog pre i.comment,.Blog pre i.tag{color:#75715e;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text}.Blog pre i.tag{color:#f15a5a}.Blog .code{display:inline;padding:2px 4px;font-size:85%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family:'Fira Mono',monospace}.Blog .daftar-isi,.Blog .spoiler{border:2px solid rgba(255,255,255,.1);border-left:0;border-right:0;padding:25px 15px;margin:30px 0;font-size:15px}.Blog .daftar-isi .isi-judul,.Blog .spoiler .spoiler-judul{outline:0;font-weight:700;font-family:Poppins,sans-serif;color:#fefefe;display:flex}.Blog .daftar-isi .isi-judul:after{content:' Hide all ';font-weight:400;font-size:85%;font-family:'Nunito Sans',sans-serif;color:#989b9f;margin-left:auto}.Blog .daftar-isi .isi-content{max-height:1000vh;transition:all .4s ease;-webkit-transition:all .4s ease;overflow:hidden}.Blog .daftar-isi .isi-content a{font-weight:400;color:#fefefe}.Blog .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none;font-size:14px}.Blog .daftar-isi .isi-content ol ol{width:100%;margin-bottom:10px;padding-left:26px}.Blog .daftar-isi .isi-content ol li,.Blog .post-tocContent ol li{display:flex;flex-wrap:wrap}.Blog .daftar-isi .isi-content ol li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Blog .daftar-isi .isi-content li ul li a{max-width:none}.Blog .daftar-isi .isi-content ol li a:before,.Blog .post-tocContent ol li a:before{content:counters(daftar-count,'.')'. ';counter-increment:daftar-count;display:inline-block;min-width:20px;margin-right:5px;color:#989b9f;flex-shrink:0;font-weight:700;font-family:Poppins,sans-serif}.Blog .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}.Blog .daftar-isi .isi-content ol ul li{display:list-item}.Blog .daftar-isi .isi-content ol ul li:before{display:none}.Blog .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}.Blog .daftar-isi .isi-input:checked+.isi-judul+.isi-content{max-height:0}.Blog .daftar-isi .isi-input:checked+.isi-judul:after{content:' Show all '}.Blog .post-toc{width:360px;height:calc(100% - 60px);padding:30px;background-color:#1e1e1e;position:absolute;top:60px;right:0;z-index:2;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease}.Blog .post-tocContainer{position:sticky;top:80px}.Blog .post-tocHeader{position:relative}.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;font-family:Poppins,sans-serif;margin:0;color:#fefefe}.Blog .post-tocHeader label svg.drop{margin-left:auto;width:18px;height:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .2s ease;transition:all .2s ease;fill:#989b9f}.Blog .post-tocHeader label .show{width:50px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#2d2d30;border-radius:50px 0 0 50px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);position:absolute;top:0;left:-80px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}.Blog .post-tocContent ol{padding:0;list-style:none;font-size:14px;font-weight:400;line-height:1.9em;counter-reset:toc-count}.Blog .post-tocContent ol li a:before{content:counters(toc-count,'.')'. ';counter-increment:toc-count}.Blog .post-tocContent ol ol{width:100%;padding-left:26px;margin-bottom:10px}.Blog .post-tocContent a{color:#fefefe;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Blog .toc-menu:checked+.post-toc{right:-360px}.Blog .toc-menu:checked+.post-toc .post-tocHeader label .show{opacity:1;visibility:visible}.Blog .spoiler{padding:20px 15px}.Blog .spoiler .spoiler-judul{align-items:center}.Blog .spoiler .spoiler-judul .button{margin:0 0 0 auto;padding:5px 15px;font-size:11px;font-weight:400;font-family:'Nunito Sans',sans-serif}.Blog .spoiler .spoiler-judul .button:before{content:' Show all'}.Blog .spoiler .spoiler-isi{max-height:0;margin-top:0;transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden}.Blog .spoiler .spoiler-isi p,.Blog article.post .spoiler .spoiler-isi p{margin-top:10px}.Blog .spoiler .spoiler-isi pre{margin:10px auto 0}.Blog .spoiler .spoiler-input:checked+.spoiler-judul .button:before{content:' Hide all'}.Blog .spoiler .spoiler-input:checked+.spoiler-judul+.spoiler-isi{max-height:1000vh;margin-top:1em}.Blog .post-font>span,.Blog .post-shareIcon label{margin-left:7px}.Blog .post-font .post-fontContainer ul:before{content:'Change text size'}.Blog .post-font .post-fontContainer li{width:33.333%;text-align:center}.Blog .post-font .post-fontContainer li label{display:block;margin:0 auto;cursor:pointer}.Blog .post-font .post-fontContainer li label:before{content:'A';font-size:35px;font-weight:700;font-family:Poppins,sans-serif;color:#ddd;line-height:60px}.Blog .post-font .post-fontContainer li label:hover:before{color:#fefefe}.Blog .post-font .post-fontContainer li:nth-child(1) label:before{font-size:25px}.Blog .post-font .post-fontContainer li:nth-child(3) label:before{font-size:45px}.Blog article .post-info .post-comment .post-fontContainer .close>svg{fill:#fefefe}.font-size1:checked+.font-size2+.font-size3+article .post-font .post-fontContainer li:nth-child(1) label:before,.font-size2:checked+.font-size3+article .post-font .post-fontContainer li:nth-child(2) label:before,.font-size3:checked+article .post-font .post-fontContainer li:nth-child(3) label:before{color:#fefefe}.font-size1:checked+.font-size2+.font-size3+article .post-entry{font-size:14px}.font-size3:checked+article .post-entry{font-size:18px}.Blog .post-tabs .post-tabsHeader{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:30px;font-size:13px}.Blog .post-tabs .post-tabsHeader>*:not(:last-child){margin-right:7px}.Blog .post-tabs .post-tabsHeader>*{padding:8px 15px;border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:4px 4px 0 0;position:relative}.Blog .post-tabs .post-tabsHeader>*:after{content:'';display:block;width:100%;height:2px;background-color:#1e1e1e;position:absolute;left:0;bottom:-1px;visibility:hidden;opacity:0}.Blog .post-tabs .post-tabsContent{position:relative}.Blog .post-tabs .post-tabsContent>*{display:none;transition:all .2s ease;-webkit-transition:all .2s ease}.Blog .post-tabs .post-tabsContent>*:not(:first-child){width:100%}.Blog .post-tabs .post-tabsContent>* p:first-child{margin-top:0}.tab-1:checked+.tab-2+.post-tabs .post-tabsHeader>*:first-child:after,.tab-2:checked+.post-tabs .post-tabsHeader>*:nth-child(2):after{opacity:1;visibility:visible}.tab-1:checked+.tab-2+.post-tabs .post-tabsContent>*:first-child,.tab-2:checked+.post-tabs .post-tabsContent>*:nth-child(2){display:block}.Blog .post-pagenav>*{padding:6px 15px}.Blog .post-pagenav>*:not(:last-child){margin-right:12px}.Blog .blog-pager,.Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;font-size:12px;color:#fefefe;line-height:22px}.Blog .blog-pager>*,.Blog .post-pagenav>*{display:flex;align-items:center;padding:8px 15px;border-radius:3px;background-color:#005af0;color:#fefefe;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}.Blog .blog-pager>svg{width:20px;fill:#fefefe}.Blog .blog-pager>svg.line{fill:none;stroke:#fefefe}.Blog .blog-pager .no-post,.Blog .post-pagenav .current{cursor:not-allowed;background-color:#2d2d30;color:#989b9f}.Blog .blog-pager .newer-link{margin-right:auto}.Blog .blog-pager .older-link{margin-left:auto}.Blog .blog-pager .js-load svg{margin-right:10px}.Blog .blog-pager .js-load.error{background-color:#f15a5a}.Blog .blog-pager>span{margin:0 10px 10px 0}.Blog .blog-pager>span:last-child{margin-right:0}.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px;font-size:11px;font-weight:700;font-family:Poppins,sans-serif;color:#767676}.Blog .breadcrumbs>*:first-child{display:none}.Blog .breadcrumbs>*:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px}.Blog .breadcrumbs>*{flex-shrink:0}.Blog .breadcrumbs>.title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#767676}.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:14px}.Blog .accordion li{width:100%;padding:20px 0;border-bottom:2px solid rgba(255,255,255,.1)}.Blog .accordion .accor-title{display:flex;align-items:center}.Blog .accordion .accor-title .accor-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:15px;position:relative}.Blog .accordion .accor-title .accor-icon:before,.Blog .accordion .accor-title .accor-icon:after{content:'';display:block;width:60%;height:2px;border-radius:2px;background-color:#fefefe}.Blog .accordion .accor-title .accor-icon:after{position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-family:Poppins,sans-serif;color:#fefefe}.Blog .accordion .accor-menu:checked+.accor-title .title{color:#005af0}.Blog .accordion .accor-menu:checked+.accor-title .accor-icon:before,.Blog .accordion .accor-menu:checked+.accor-title .accor-icon:after{background-color:#005af0}.Blog .accordion .accor-menu:checked+.accor-title .accor-icon:after{visibility:hidden;opacity:0}.Blog .accordion .accor-menu:checked+.accor-title+.content{max-height:100vh;padding-top:15px;padding-bottom:8px}.Blog .accordion .content{margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease}.Blog .download-info{display:flex;align-items:center;margin:1.7em 0;padding:15px;border:2px solid rgba(255,255,255,.1);border-radius:3px;font-size:13px}.Blog .download-info .file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;border-radius:15px;color:#fefefe;background:#ebeced linear-gradient(225deg,#00dcc0 0,#005af0 75%);font-weight:700;font-family:Poppins,sans-serif}.Blog .download-info .file-text{padding:0 12px;width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Blog .download-info .file-link{flex-shrink:0;display:flex;font-size:11px;margin:0 0 0 auto;padding:6px 10px}.Blog .download-info .file-link .m-icon{width:15px;height:15px}.Blog .author-posts{display:flex;align-items:center;margin:30px 15px;position:relative;padding:15px;border-radius:4px;background:#2d2d30;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:13px}.Blog .author-posts .authorImage{flex-shrink:0;margin-right:15px}.Blog .author-posts .authorImage div{position:relative;width:50px;padding-top:100%;background-color:#252526;border-radius:20px}.Blog .author-posts .authorInfo{flex-grow:1}.Blog .author-posts .author-name{font-weight:700;font-family:Poppins,sans-serif;color:#fefefe;font-size:13px}.Blog .author-posts .author-name:before{content:attr(data-text);display:none}.Blog .author-posts .author-desc{color:#989b9f;margin-top:2px}.Blog .author-posts .author-link{list-style:none;margin:0;background-color:#2d2d30}.Blog .author-posts a,.Blog .related-posts a,.Blog .comments a{color:inherit}.Blog .related-posts{margin:60px 15px 30px}.Blog .related-posts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.Blog .related-posts li{width:calc(33.333% - 13.333px);margin-right:20px;margin-bottom:20px;padding:10px 10px 18px;background-color:#2d2d30;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}.Blog .related-posts li:nth-of-type(3n){margin-right:0}.Blog .related-posts li .item-thumbnail{margin-bottom:12px}.Blog .related-posts li .item-thumbnail>*{padding-top:60%;background-color:#252526}.Blog .related-posts li .item-thumbnail>*:before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#989b9f;font-size:10px}.Blog .related-posts li .item-title{padding:0 5px;font-size:12px;font-weight:700;font-family:Poppins,sans-serif;color:#fefefe}.Blog .related-post.style-1 a:before{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.025);border-radius:70px 0 5px 0}.Blog #disqus_thread{margin:30px 15px}.Blog .show-comment{margin:30px 15px;font-size:13px}.Blog .show-comment label{display:block;margin:0;padding:15px;text-align:center;border:2px solid rgba(255,255,255,.1)}.Blog .show-comment+.comments{height:0;overflow:hidden}.Blog .all-comment:checked+.show-comment{display:none}.Blog .all-comment:checked+.show-comment+.comments{height:auto;overflow:visible}.Blog .comments{margin:30px 15px 0;height:auto}.Blog .comments .avatar-image-container{width:52px}.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background-color:#252526;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}.Blog .comments .comment-header,.Blog .comments .comment-header>*{display:flex;align-items:center}.Blog .comments .comment-header .user{font-weight:700;font-size:13px;font-family:Poppins,sans-serif}.Blog .comments .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.Blog .comments .comment-header .user svg{width:16px;height:16px;margin-left:5px;fill:#519bd6}.Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:#989b9f}.Blog .comments .comment-content{margin-top:15px}.Blog .comments .comment-thread .thread-toggle{margin:0 0 0 25px;font-size:13px}.Blog .comments .comment-thread .thread-chrome{margin:15px 0 0}.Blog .comments .comment-add .button{display:block;margin:20px 0 0 25px;text-align:center;cursor:pointer}.Blog .comments .comment-form{margin-left:26px}.Blog .comments ol,.Blog .comments ul{list-style:none;margin:0;padding:0}.Blog .comments ol>li{position:relative;margin:0 0 20px 26px;padding:15px 0 0;background-color:#2d2d30;border-radius:12px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}.Blog .comments ol>li>.avatar-image-container{position:absolute;top:10px;left:-26px}.Blog .comments ol>li>.comment-block{padding:10px 15px 0 40px}.Blog .comments ol>li>.comment-actions{padding:12px 15px 15px 40px;font-size:13px;color:#767676}.Blog .comments ol>li>.comment-actions a,.Blog .comments .comment-reply a,.Blog .comments .comment-thread .thread-toggle{display:inline-flex;align-items:center;color:#989b9f}.Blog .comments ol>li>.comment-actions svg,.Blog .comments .comment-reply svg,.Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:#989b9f}.Blog .comments ol>li>.comment-replies+.comment-actions{display:none}.Blog .comments ol>li>.comment-replies{padding:12px 15px;margin-top:15px;background-color:#252526;border-radius:0 0 12px 12px}.Blog .comments ol>li>.comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}.Blog .comments ol>li>.comment-replybox-single{padding:0 15px 0 40px}.Blog .comments li li{position:relative}.Blog .comments li li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed rgba(255,255,255,.1)}.Blog .comments li li .avatar-image-container{position:absolute;top:0;left:0;width:32px}.Blog .comments li li .avatar-image-container div{box-shadow:none}.Blog .comments li li .comment-block{padding:5px 0 0 46px}.Blog .comments li li .comment-content{margin-top:10px}.Blog .comments .thread-show:checked+.comment-thread .thread-chrome,.Blog .comments .thread-show:checked+.comment-thread+.comment-reply{display:none}.Blog .comments .thread-show:checked+.comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;border:2px solid rgba(255,255,255,.1)}.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}.Blog .sitemaps .judul{margin-top:0;font-size:14px;color:#fefefe}.Blog .sitemaps .judul:before{content:'Label: ';margin-right:5px}.Blog .sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:panduan-count}.Blog .sitemaps li:not(:last-child){margin-bottom:10px}.Blog .sitemaps li{display:flex}.Blog .sitemaps li:before{content:counter(panduan-count)'.';counter-increment:panduan-count;flex-shrink:0;width:40px;font-size:22px;font-family:Poppins,sans-serif;line-height:normal;color:#989b9f}.Blog .sitemaps li a{color:#fefefe;font-size:90%;font-weight:700;font-family:Poppins,sans-serif}.Blog .sitemaps li a:after{content:'Read more';display:block;margin-top:2px;color:#989b9f;font-size:11px;font-family:'Nunito Sans',sans-serif;font-weight:400;line-height:1.58em}.Blog .sitemaps li a:hover:after{text-decoration:underline}.page .Blog article.post{border:0}.page .Blog .breadcrumbs>*:first-child{display:block}.FeaturedPost article:after{content:'';display:block;min-width:25px;padding:4px 0;background-color:#005af0;position:absolute;top:0;right:0;border-radius:0 0 0 3px}.FeaturedPost article .item-thumbnail{flex:0 0 auto;width:310px;margin-right:20px}.FeaturedPost article .item-content{flex:1 0;padding:8px 8px 8px 0;width:calc(100% - 330px)}.FeaturedPost article .item-label a:hover,.PopularPosts article .item-label a:hover,.Label li .label-title:hover{text-decoration:underline}.FeaturedPost article .item-title{font-size:105%;line-height:1.48em}.FeaturedPost article .item-entry{margin-top:12px;font-size:90%}.sidebar .FeaturedPost article{display:block;padding:0;box-shadow:none}.sidebar .FeaturedPost article .item-content{padding:15px 0 0}.sidebar .FeaturedPost article .item-title,.PopularPosts article .item-title{font-size:90%}.PopularPosts{counter-reset:popular-count}.PopularPosts article:not(:last-child){margin-bottom:25px}.PopularPosts article .item-thumbnail{margin-bottom:15px}.PopularPosts article .item-thumbnail a{padding-top:34.61%;background-color:#252526;border-radius:3px}.PopularPosts article .item-header{margin-top:5px;color:#989b9f}.PopularPosts article.no-thumbnail{display:flex}.PopularPosts article.no-thumbnail:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:45px;font-weight:700;font-size:22px;font-family:Poppins,sans-serif;color:#989b9f}.PopularPosts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}.Label .widget-content{font-size:90%;color:#fefefe}.Label ul,.Label .cloud-label,.Label .cloud-label .label-all{display:flex;flex-wrap:wrap}.Label li{width:calc(50% - 12.5px);margin-bottom:13px}.Label li:nth-child(2n+1){margin-right:25px}.Label li a{display:flex;align-items:center;color:inherit}.Label li a svg{flex-shrink:0;width:20px;height:20px;margin-left:5px;fill:#989b9f}.Label li a:hover svg{fill:#005af0}.Label li:nth-child(2n+1).label-show{margin:0}.Label .label-show{width:100%;margin:0}.Label .label-show ul,.Label .cloud-label .label-all{margin:0;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}.Label .label-show label{display:flex;align-items:center;justify-content:center;margin-top:4px;padding:4px 0;color:#989b9f;cursor:pointer}.Label .label-show label:before{content:attr(data-show);margin-right:5px;display:none}.Label .label-show label span{margin-right:10px}.Label .label-show label svg{fill:#989b9f;height:14px}.Label .label-input:checked+.label-all ul,.Label .cloud-label .label-input:checked+.label-all{max-height:100vh}.Label .label-input:checked+.label-all+label:before{content:attr(data-hide)}.Label .label-input:checked+.label-all+label svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Label .label-title{margin-right:auto;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Label .label-count{flex-shrink:0;font-size:11px;color:#989b9f}.Label .cloud-label .label-show label{margin:0 10px 0 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#252526;color:#989b9f}.Label .cloud-label>*,.Label .cloud-label .label-all>*{display:block;flex:1 0 auto}.Label .cloud-label a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#252526;color:#989b9f}.Profile .widget-content{font-size:13px}.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:12px 15px;border-radius:4px;background:#2d2d30;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:20px;background-color:#252526}.Profile .individual .profile-image .profile-g{position:relative;padding-top:100%}.Profile .individual .profile-image img,.Blog .author-posts .authorImage div img{border-radius:20px}.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-left:15px}.Profile .individual .profile-link{color:#fefefe;font-weight:700;font-size:13px}.Profile .individual .profile-text{font-size:11px;margin:4px 0 0;color:#989b9f;line-height:1.4em}.Profile .individual .profile-media,.Blog .author-posts .author-link{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#2d2d30;padding:15px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2}.Profile .individual .profile-media li:not(:last-child) a,.Blog .author-posts .author-link li:not(:last-child) a{margin-right:10px}.Profile .individual .profile-media li a,.Blog .author-posts .author-link li a{display:block;padding:5px}.Profile .individual .profile-media li a:hover svg,.Blog .author-posts .author-link li a:hover svg{fill:#005af0}.Profile .individual .profile-media li svg,.Blog .author-posts .author-link li svg{width:24px;height:24px;fill:#989b9f}.Profile .team ul{display:flex;flex-wrap:wrap}.Profile .team ul li{width:60px;margin:0 15px 20px 0}.Profile .team .team-member>*,.Profile .team .more-member>*,.Profile .team .more-member{display:block;position:relative}.Profile .team .team-member>*.profile-image{position:relative;padding-top:100%;background-color:#2d2d30;border-radius:28px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}.Profile .team .team-member>*.profile-image svg{fill:#989b9f}.Profile .team .team-member>*.profile-image>*{border-radius:28px}.Profile .team .team-member>*.profile-image:after,.Profile .individual .profile-g:after,.Blog .author-posts .authorImage div:after{content:'+';display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#2d2d30;color:#005af0;border-radius:50%;position:absolute;right:0;bottom:-2px;box-shadow:0 4px 10px 0 rgba(30,30,30,.08);-webkit-transition:all .1s ease;transition:all .1s ease}.Profile .team .team-member>*.profile-name,.Profile .team .more-member>span{position:absolute;width:100%;text-align:center;color:#fefefe;font-size:80%;line-height:1.3em;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Profile .team .team-member>*:hover .profile-image,.Profile .team .more-member:hover>.profile-more{transform:translateY(-8px);-webkit-transform:translateY(-8px)}.Profile .team .team-member>*:hover .profile-image:after,.Profile .individual .profile-image:hover .profile-g:after,.Blog .author-posts .authorImage:hover div:after{opacity:0;visibility:hidden}.Profile .team .team-member>*:hover .profile-name,.Profile .team .more-member:hover>span,.Profile .individual .profile-image:hover .profile-media,.Blog .author-posts .authorImage:hover .author-link{opacity:1;visibility:visible}.Profile .team .more-member>*{padding-top:calc(100% - 4px);border-radius:28px;border:2px dashed rgba(255,255,255,.1)}.Profile .team .more-member>* svg{fill:#005af0}.Profile .team .more-member>.profile-more{-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}.Profile .team .more-member>span{padding:0;border:0;border-radius:0}.Profile .team .all-member .all-memberBox{position:relative;width:95%;height:45%;max-width:500px;margin:0 auto -50%;background-color:#2d2d30;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}.Profile .team .all-member .all-memberBox:before{content:'All authors / contributors';width:100%;display:block;padding:25px 25px 5px;border-radius:30px 30px 0 0;background-color:#2d2d30;font-size:15px;font-weight:700;font-family:Poppins,sans-serif;color:#fefefe;position:absolute;z-index:1}.Profile .team .all-member ul{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:65px 10px 10px 25px}.Profile .team .all-member ul li{margin:0 20px 25px 0}.Profile .team .all-member .member-close svg{fill:#fefefe}.FollowByEmail{position:relative;padding:18px 20px 25px;border:2px solid rgba(255,255,255,.1);border-radius:4px;font-size:90%}.FollowByEmail:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:60px;background:rgba(0,0,0,.01);border-radius:0 0 0 100px}.FollowByEmail .title{font-size:14px;margin-bottom:15px;color:#fefefe}.FollowByEmail .follow-by-email-text{display:block;margin-bottom:15px;color:#989b9f}.FollowByEmail .follow-by-email-label{position:absolute;right:0;display:inline-block;padding:8px 12.5px;cursor:pointer;background-color:#005af0;border-radius:3px}.FollowByEmail .follow-by-email-label svg{fill:#fefefe}.FollowByEmail form,.FollowByEmail>*{position:relative;z-index:1}.FollowByEmail input[type=email]{width:calc(100% - 60px)}.FollowByEmail input[type=email]:focus+input+label,.FollowByEmail .follow-by-email-label:hover{box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}.FollowByEmail input[type=submit]{display:none;margin-top:10px}.ContactForm{font-size:14px;margin-top:30px;max-width:480px}.ContactForm form>*:not(:last-child){margin-bottom:15px}.ContactForm label{display:inline-block;margin-bottom:8px}.ContactForm div p{display:flex;align-items:center;margin-bottom:0}@keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}@keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}@keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}100%{scroll-snap-align:center}}@media (hover:hover){.carousel-snapper{animation-name:tonext,snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite}.carousel-slide:last-child .carousel-snapper{animation-name:tostart,snap}}@media (prefers-reduced-motion:reduce){.carousel-snapper{animation-name:none}}.carousel{position:relative;padding-top:30%;border-radius:5px;overflow:hidden}.carousel ol{list-style:none;margin:0;padding:0;scrollbar-color:transparent transparent;scrollbar-width:0}.carousel ol::-webkit-scrollbar{height:0}.carousel-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel-slide{display:flex;align-items:center;position:relative;flex:0 0 100%;width:100%;background-color:#2d2d30;outline:0}.carousel-slide:nth-child(even){background-color:#252526}.carousel-snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}.carousel-navigation{position:absolute;right:0;bottom:5px;left:0;text-align:center}.carousel-navigation-list{display:flex;align-items:center;justify-content:center}.carousel-navigation-button{display:block;width:18px;height:12px;background-color:#fff;background-clip:content-box;border:.25rem solid transparent;border-radius:10px;-webkit-transition:all .1s ease;transition:all .1s ease}.carousel-navigation-button:hover{width:30px}.carousel-prev,.carousel-next{position:absolute;width:4rem;height:4rem;outline:0;z-index:2;cursor:default}.carousel-prev,.carousel:hover:before{left:0;opacity:1;visibility:visible}.carousel-next,.carousel:hover:after{right:0;opacity:1;visibility:visible}.carousel:hover .carousel-snapper,.carousel:focus-within .carousel-snapper{animation-name:none}.carousel:before{left:-1em}.carousel:after{right:-1em}.carousel:before,.carousel:after{content:'';z-index:1;background-size:1.5rem 1.5rem;background-repeat:no-repeat;background-position:center center;position:absolute;width:3rem;height:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}.carousel:before{background-image:url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z" fill="%23fff"/></svg>')}.carousel:after{background-image:url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" fill="%23fff"/></svg>')}.footbar{margin-top:0;padding:30px 30px 20px 245px;color:#989b9f;font-size:85%;-webkit-transition:all .2s ease;transition:all .2s ease}.footbar .credit p{margin:20px 0 0;overflow:hidden;white-space:nowrap}.footbar .credit a:hover{text-decoration:underline}.footbar .credit .creator{opacity:0}.mainIner.error-404{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}.mainIner.error-404:before{display:none}.error-container{margin:auto;width:90%;max-width:500px}.error-container h3{font-size:1.414rem}.error-container h3 span{display:block;font-size:140px;line-height:.8;margin-bottom:-2.4rem;color:rgba(0,0,0,.2)}.error-container p{margin:15px 5% 30px;font-size:16px;line-height:1.4em;color:#989b9f}.error-container .button{margin:0;padding:1em 2em;font-size:1em;font-weight:700;font-family:Poppins,sans-serif;line-height:1.2em;color:#fefefe}.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:#005af0;border-radius:3px;font-size:13px;line-height:22px}.button.outline{color:#989b9f;background-color:transparent;border:1px solid #fefefe}.button.whatsapp{background-color:#25D366}.button:hover{color:#fefefe;opacity:.75}.button.outline:hover{color:#005af0;border-color:#005af0}.button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}.button-info>*{margin:0 12px 12px 0}.button-info>*:last-child{margin-right:0}.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.3%;cursor:pointer;border-radius:3px}.lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}.lazy-youtube .play-button{width:60px;height:60px;z-index:1;opacity:.98;border-radius:50px;border:2px solid rgba(255,255,255,.8);cursor:pointer}.lazy-youtube .play-button:hover{border-color:#3a7bd5}.lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}.lazy-youtube .play-button:before{content:'';border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent rgba(255,255,255,.8);border-radius:3px;margin-left:1px}.lazy-youtube img,.lazy-youtube iframe,.lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}.lazy-youtube .play-button,.lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.lazy-youtube iframe{height:100%;width:100%;top:0;left:0}.lazy-youtube .playBut{display:inline-block;position:absolute;width:70px;height:70px;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-webkit-transition:all .5s ease;transition:all .5s ease}.lazy-youtube .playBut svg{width:inherit;height:inherit}.lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}.lazy-youtube .circle{stroke:rgba(255,255,255,.8);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:.3}.lazy-youtube .triangle{stroke:rgba(255,255,255,.8);stroke-dasharray:240;stroke-dashoffset:480;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}.lazy-youtube .playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fefefe;animation:nudge .7s ease-in-out;-webkit-animation:nudge .7s ease-in-out}.lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}.iklan-atas+.widget,.iklan-bawah+.widget,.post-entry .widget{margin:30px 0}.Blog pre .widget,.Blog pre code .widget,#main-widget>#HTML4{display:none}.post pre code i{user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.m-icon{display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center}.m-icon.download{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fefefe" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><polyline points="8 12 12 16 16 12"/><line x1="12" x2="12" y1="2" y2="16"/></svg>')}.m-icon.whatsapp{background-image:url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M16,3A13,13,0,0,0,4.53,22.13L3,27.74a1,1,0,0,0,.27,1A1,1,0,0,0,4,29a.84.84,0,0,0,.27,0l5.91-1.65a1,1,0,0,0-.53-1.93L5.42,26.56l1.15-4.3a1,1,0,0,0-.1-.76A11,11,0,1,1,16,27a11.23,11.23,0,0,1-1.84-.15,1,1,0,0,0-1.15.82,1,1,0,0,0,.82,1.15A13,13,0,1,0,16,3Z' fill='%23fff'/><path d='M15,11.21l-1.16-1.6a2.06,2.06,0,0,0-1.5-.84,2.08,2.08,0,0,0-1.62.6l-1.2,1.2a2.81,2.81,0,0,0-.8,2.08c0,1.77,1.36,4,4,6.6,3.09,3,5.23,4,6.69,4a2.7,2.7,0,0,0,2-.81l1.2-1.2a2,2,0,0,0-.24-3.11L20.8,17a2.09,2.09,0,0,0-1.83-.3l-1.49.47a.53.53,0,0,1-.26-.09,11.42,11.42,0,0,1-2.35-2.26.31.31,0,0,1,0-.11c.13-.44.35-1.15.5-1.64A2,2,0,0,0,15,11.21Zm1.29,7.63a2.33,2.33,0,0,0,1.75.2l1.54-.46,1.61,1.25L20,21c-.48.47-2.25.33-5.86-3.21-3-2.91-3.41-4.5-3.41-5.18A.89.89,0,0,1,11,12l1.28-1.19,1.18,1.65c-.16.49-.39,1.22-.51,1.65A2.12,2.12,0,0,0,13,15.51,11.24,11.24,0,0,0,16.33,18.84Z' fill='%23fff'/></svg>")}@-webkit-keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}@keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.45)}::-webkit-scrollbar-thumb:active{background-color:rgba(255,255,255,.45)}}@media screen and (max-width:1100px){.header #header-widget{width:155px}.sidebar{width:300px;padding:30px 25px 50px}.mainbar{width:calc(100% - 300px)}#nav-widget,#nav-widget:before,.navigation-menu .sosmed{width:200px}#large-ads,main,.footbar{padding-left:225px}#large-ads,.footbar{padding-right:25px}.nav-menu:checked+.mainWrapper .mainIner.singleItem main,.nav-menu:checked+.mainWrapper .mainIner.singleItem .footbar{padding-left:120px}.nav-menu:checked+.mainWrapper .mainIner.singleItem .footbar{padding-right:25px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article,.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(33.333% - 13.333px)}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:20px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(3n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(6n){margin-right:0}.FeaturedPost article .item-thumbnail{width:240px}.FeaturedPost article .item-content{width:calc(100% - 260px)}.FeaturedPost article .item-title{font-size:97%}.Blog article.post,.Blog .breadcrumbs,.Blog .related-posts,.Blog .author-posts,.Blog .show-comment,.Blog #disqus_thread{margin-right:0;margin-left:0}.Blog article.post .post-title{font-size:22px}.Blog article.post .post-share .twitterThis{display:none}.Blog .related-posts li{width:calc(50% - 10px)}.Blog .related-posts li .item-thumbnail>*{padding-top:57%}.Blog .post-toc{width:300px;padding-left:25px;padding-right:25px}.Blog .post-tocHeader label .show{left:-75px}.Blog .toc-menu:checked+.post-toc{right:-300px}.multipleItem .Blog .blog-posts article{width:calc(50% - 10px)}.multipleItem .Blog .blog-posts article:nth-of-type(3n),.Blog .related-posts li:nth-of-type(3n){margin-right:20px}.multipleItem .Blog .blog-posts article:nth-of-type(2n),.multipleItem .Blog .blog-posts article:nth-of-type(6n),.Blog .related-posts li:nth-of-type(2n),.Blog .related-posts li:nth-of-type(6n){margin-right:0}}@media screen and (max-width:768px){.header{padding:0 25px}.mainbar,.asideIner{width:100%;position:relative}.sidebar{width:100%;padding:0 25px 30px 225px;-webkit-transition:all .2s ease;transition:all .2s ease}main{padding-right:25px}.nav-menu:checked+.mainWrapper .mainIner .sidebar{padding-left:90px}.nav-menu:checked+.mainWrapper .mainIner .PopularPosts .item-popular{display:flex;flex-wrap:wrap}.nav-menu:checked+.mainWrapper .mainIner .PopularPosts .item-popular article,.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 10px);margin-right:20px}.nav-menu:checked+.mainWrapper .mainIner .PopularPosts .item-popular article:nth-of-type(2n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}.nav-menu:checked+.mainWrapper .mainIner.singleItem .sidebar{padding:0 50px 30px 120px}.nav-menu:checked+.mainWrapper .mainIner.singleItem .footbar{padding-right:50px}.Blog .post-toc{width:100%;height:auto;padding:15px 20px;margin-bottom:30px;position:relative;top:0;background-color:#2d2d30;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px}.Blog .post-tocContent{-webkit-transition:all .3s ease;transition:all .3s ease;max-height:0;overflow:hidden}.Blog .toc-menu:checked+.post-toc{right:0}.Blog .toc-menu:checked+.post-toc .post-tocHeader label .show{visibility:hidden;opacity:0}.Blog .toc-menu:checked+.post-toc .post-tocHeader label svg.drop{-webkit-transform:rotate(0);transform:rotate(0)}.Blog .toc-menu:checked+.post-toc .post-tocContent{max-height:1000vh}}@media screen and (max-width:640px){.header{padding:0 20px;position:absolute}.header .header-inner h1,#header-widget .header-inner h2{font-size:16px}.header #header-widget{width:auto;max-width:220px}.header .searchbar{position:fixed;top:0;left:0;width:100%;height:auto;max-width:none;padding:0 20px;z-index:10}.header .searchbar input[type=text]{background-color:#2d2d30;margin-top:-100px;padding:20px 20px 20px 55px;width:100%;z-index:3;border-radius:18px;-webkit-transition:all .3s ease;transition:all .3s ease}.header .searchbar .search-button{top:-100px;left:20px;padding-top:20px;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}.header .searchbar input[type=text]:focus{margin-top:20px}.header .searchbar input[type=text]:focus+.search-button,.header .searchbar input[type=text]:focus+.search-button+.navicon.search{top:0}.header .searchbar input[type=text]:focus+.search-button+.navicon.search+.full-close.search{background:rgba(0,0,0,.25);opacity:1;visibility:visible}.header .navicon.search{top:-100px;padding-top:20px}.singleItem.post .header{background-color:#2d2d30}.singleItem .navicon .nav{display:none;transform:rotate(180deg);-webkit-transform:rotate(180deg)}.singleItem .navicon .nav.home{display:block}.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:55%;-webkit-transform:translateY(3px) rotate(40deg);transform:translateY(3px) rotate(40deg)}.singleItem .navicon .nav i:nth-child(2){width:95%;margin-left:0}.singleItem .navicon .nav i:nth-child(3){width:10%;margin-left:62.5%;background-color:transparent;-webkit-transform:translateY(0) rotate(-40deg);transform:translateY(0) rotate(-40deg)}.widget:not(:last-child){margin-bottom:40px}#large-ads,main,.sidebar,.footbar{padding-left:20px;padding-right:20px}.footbar{padding-bottom:70px}#nav-widget:before,.navigation-menu .home{display:none}#nav-widget{width:100%;padding:0;background:0 0;box-shadow:none;z-index:49;margin-left:-100%}.navigation-menu{position:fixed;top:0;left:0;background-color:#2d2d30;max-width:480px;width:85%;height:100%;margin-left:-100%;padding:75px 0 90px;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035);border-radius:0 20px 20px 0}.navigation-menu .sosmed{max-width:480px;width:85%;margin-left:-100%;border-radius:0 0 20px 0}.navigation-menu .close{display:block;background-color:#2d2d30;border-radius:0 20px 0 0}.navigation-menu:hover{overflow-y:auto}.navigation-mobile{background-color:#2d2d30;box-shadow:0 -10px 20px 0 rgba(30,30,30,.05);bottom:0}.navigation-mobile li{visibility:visible;opacity:1}.navigation-mobile .top-link a,.navigation-mobile .ai-generate a{display:block;position:relative;right:auto;bottom:auto;width:auto;height:auto;background-color:transparent;box-shadow:none}.nav-menu:checked+.mainWrapper .mainIner #large-ads,.nav-menu:checked+.mainWrapper .mainIner main,.nav-menu:checked+.mainWrapper .mainIner .sidebar,.nav-menu:checked+.mainWrapper .mainIner .footbar{padding-left:20px}.nav-menu:checked+.mainWrapper .asideIner .full-close.nav-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}.nav-menu:checked+.mainWrapper .asideIner #nav-widget{width:100%;margin-left:0;z-index:50}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed{width:85%}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu,.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed,.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .close{margin-left:0}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu li>*.name{display:block}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed .link{display:none}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed ul{display:flex}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sub-menu:checked+.link+ul{padding:10px 0 0}.nav-menu:checked+.mainWrapper .asideIner .navigation-menu .sub-menu:checked+.link+ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}.nav-menu:checked+.mainWrapper .mainIner.singleItem main,.nav-menu:checked+.mainWrapper .mainIner.singleItem .sidebar,.nav-menu:checked+.mainWrapper .mainIner.singleItem .footbar{padding-left:20px;padding-right:20px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article,.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:15px}.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}.nav-menu:checked+.mainWrapper .mainIner .PopularPosts .item-popular{display:block}.nav-menu:checked+.mainWrapper .mainIner .PopularPosts .item-popular article{width:100%;margin-right:0}.multipleItem .Blog .blog-pager{margin:40px 0 0}.multipleItem .Blog .blog-posts article{width:calc(50% - 7.5px);margin-right:15px}.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:15px}.multipleItem .Blog .blog-posts article:nth-of-type(2n),.multipleItem .Blog .blog-posts article:nth-of-type(4n),.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}.Blog article.post .post-info .post-timestamp .updated:before{content:'Disunting: '}.Blog article.post .post-share .share-popup,.Profile .team .all-member,.Blog .post-font .post-fontContainer{align-items:flex-end;z-index:60}.Blog article.post .post-share ul,.Profile .team .all-member .all-memberBox,.Blog .post-font .post-fontContainer ul{width:100%;max-width:none;margin-left:20px;margin-right:20px}.Blog article.post .post-share .share-check:checked+.share-popup ul,.Profile .team .all-team:checked+.all-member .all-memberBox,.Blog .post-font .post-fontContainer.active ul{margin:0 20px 20px}.Blog blockquote.style-1{padding:20px 20px 20px 70px}.Blog blockquote.style-1:before{top:0;left:15px}.Blog .author-posts,.iklan-atas+.widget,.iklan-bawah+.widget,.Blog .show-comment{margin:30px 0}.Blog .author-posts .author-desc{font-size:11px;line-height:1.3em}.Blog .related-posts{margin:60px 0 30px}.Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px;padding:8px 8px 15px}.Blog .related-posts li:nth-of-type(3n){margin-right:15px}.Blog .related-posts li:nth-of-type(6n){margin-right:0}.Blog .post-pagenav>*{padding:4px 12px}.Blog .comments{margin:30px 0 0}.Blog .comments ol>li,.Blog .related-posts .title{font-size:13px}.Blog .breadcrumbs,.Blog article.post .post-info,.Blog article.post .post-share li>* span,.Blog .comments .comment-header .datetime,.Blog .author-posts .author-link a{font-size:10px}.Blog article.post .post-share,.Blog .blog-pager,.Blog .related-posts li .item-title,.Blog .post-pagenav,.Blog .comments .comment-thread .thread-toggle,.Blog .comments ol>li>.comment-replies .comment-reply,.Blog .comments ol>li>.comment-actions{font-size:11px}.Blog .author-posts .author-name,.Blog .comments .comment-header .user{font-size:12px}.FeaturedPost article .item-title,.sidebar .FeaturedPost article .item-title,.PopularPosts article .item-title{font-size:97%}.carousel{padding-top:35%}}@media screen and (max-width:480px){.multipleItem .Blog .blog-posts article,.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article,.Blog .related-posts li,.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 5px);margin-right:10px}.multipleItem .Blog .blog-posts article:nth-of-type(3n),.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),.Blog .related-posts li:nth-of-type(3n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:10px}.multipleItem .Blog .blog-posts article:nth-of-type(6n),.nav-menu:checked+.mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),.Blog .related-posts li:nth-of-type(6n),.nav-menu:checked+.mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}.multipleItem .Blog article,.Blog .related-posts li{padding:8px 8px 12px;margin-bottom:10px}.multipleItem .Blog article .post-title{font-size:80%}.multipleItem .Blog article .post-info .post-author,.FeaturedPost article:after{display:none}.multipleItem .Blog article .post-label{font-size:10px}.multipleItem .Blog article .post-info,.multipleItem .Blog article .post-info .post-author{font-size:9px}.multipleItem .Blog article .post-info .post-comment>svg{width:16px}.FeaturedPost article{padding:8px}.FeaturedPost article .item-thumbnail{width:100%;margin:0 0 15px}.FeaturedPost article .item-thumbnail a{padding-top:50%}.FeaturedPost article .item-content{padding:0 5px 8px;width:100%}.button-info>*{flex-grow:1;justify-content:center}.button-info>*:last-child{flex-grow:0;flex-shrink:0}.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}}.wvC{position:absolute;bottom:0;width:100%;z-index:-1}.wvS{position:relative}.wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px}.wvH{position:relative;height:0;background:#343435;animation:waveHd 7s infinite}.plx>use{fill:#343435;animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite}.plx>use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s}.plx>use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s}.plx>use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s}.plx>use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s}@media(max-width:896px){.wvH{animation:waveHm 7s infinite}}@keyframes waveMove{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@keyframes waveHm{0%{height:0}35%,65%{height:200px}100%{height:0}}@keyframes waveHd{0%{height:0}35%,65%{height:100px}100%{height:0}}.aigenerate-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;z-index:1000;transition:all .2s ease;opacity:0;visibility:hidden;pointer-events:none;background:rgba(0,0,0,.18)}.offaigenerate-check:checked~.aigenerate-popup{opacity:1;visibility:visible;pointer-events:auto}.aigenerate-popup-box{position:relative;display:block;width:95%;max-width:400px;margin:0 auto;padding:28px 28px 22px;background:#2d2d30;border-radius:22px;box-shadow:0 4px 24px rgba(30,30,30,.13);z-index:3;transition:all .2s ease}.aigenerate-popup-box h2{font-size:1em;font-weight:400;color:#fefefe;margin-bottom:14px;text-align:center;letter-spacing:.01em;font-family:Poppins,sans-serif;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.aigenerate-popup-box ul{list-style:none;padding:0;margin:0}.aigenerate-popup .aigenerate-popup-box ul li{background:#252526;border-radius:10px;margin-bottom:10px;padding:12px 16px;font-size:.8em;font-family:'Poppins',sans-serif;transition:background .2s,box-shadow .2s;list-style:none}.ai-generate-popup .aigenerate-popup-box ul li a{color:#90caf9}.aigenerate-popup-box ul li:last-child{margin-bottom:0}.aigenerate-popup-box ul li:hover{background:#3a3a3a;box-shadow:0 4px 16px rgba(0,0,0,.2)}.aigenerate-close{position:absolute;top:24px;right:18px;font-size:2.2em;color:#aaa;cursor:pointer;background:0 0;border:none;z-index:10;line-height:1;width:20px;height:20px;text-align:center;border-radius:50%;transition:background .2s;opacity:.8}.aigenerate-close:hover{background:#444;color:#fefefe;opacity:1}/* Custom Page Styles */ .message-info {background-color: #DBEAFE;width:100%;text-align:center;border-radius: 6px;} .message-info p {padding: .98em .5em .98em .5em;color: #1E40AF;font-size: 1em;line-height: 1.2em;} /* Login Page */ .login-message{display:flex;flex-direction:column;gap:5px;margin:10px 5% 25px;} .login-message .positive-message, .login-message .negative-message{padding:.8em 1.6em;font-size:1em;font-weight:700;line-height:1.2em;border-radius:6px;} .login-message .positive-message{display:none;background-color:#005AF0;color:#fafafc;} .login-message .negative-message{display:none;background-color:#f87171;color:#fafafc;} .mainIner.login{display:flex;align-items:center;justify-content:center;height:100vh} .mainIner.login:before{display:none} .login-container{margin:auto;width:90%;max-width:500px;padding:15px;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius: 8px;}  .login-container{background-color: #2d2d30;} .login-container h3{margin-top:-1em;font-size:1.414rem;text-align:center;font-family:Poppins, sans-serif;} .login-container .input-fields{margin:20px 5% 30px;} .login-container .input-fields p{font-size:1em;line-height:1.4em;font-family:'Nunito Sans', sans-serif;font-weight:700;} .login-container select, .login-container .input-fields input[type=number], .login-container .input-fields input[type=text], .login-container .input-fields textarea{font-weight:600;font-size:1em;width: 100%;box-shadow:none;outline:0;border:1px solid #e0e0e0;padding:12px 20px 12px 12px;border-radius:10px;font-family: 'Nunito Sans', sans-serif;}  .login-container select,  .login-container .input-fields input[type=number],  .login-container .input-fields input[type=text],  .login-container .input-fields textarea {color:#fff;background-color: oklch(37% 0.013 285.805);} .login-container input[type=text]:focus, .login-container input[type=number]:focus, .login-container textarea:focus{border:2px solid #99f;} .login-container .login-buttons{display:flex;flex-direction:column;align-items:center;margin:20px 5% 30px;font-family:Poppins, sans-serif;} .login-container .login-content .button{margin:0;padding:.8em 1.6em;font-size:1em;font-weight:700;line-height:1.2em;background-color:#99f;border-radius:6px;cursor:pointer;} .login-assist{margin-top:15px;display:flex;justify-content:space-between;text-decoration:none;color:#005AF0;} .divider{display:flex;align-items:center;text-align:center;margin:1em 0;color:#666;font-size:14px} .divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid #ddd;margin:0 8px} .google-login-button{display:inline-flex;align-items:center;} .google-login-button svg{margin-right:8px;fill:#fff} .google-login-button span{display:inline-block} .agreement-container, .remember-container{margin-top:10px;display:flex;align-items:center;gap:5px;font-family:'Nunito Sans', sans-serif;} .agreement-container input[type=checkbox], .remember-container input[type=checkbox]{cursor:pointer;} .space-between{display:flex;align-items:center;justify-content:space-between;} .flex-wrap{flex-wrap:wrap;}