.main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f7f9fecc}.guide{width:99%;margin:15px auto 50px;overflow:hidden}.guide .bg{z-index:9999999;width:100%;height:100vh;transition:all .3s;display:none;position:fixed;top:0;left:0;background-color:#26314066!important}.guide nav{z-index:99999;background:#fff;border-left:1px solid #f1f4fe;width:245px;min-height:100vh;max-height:550px;padding-top:106px;padding-bottom:30px;padding-right:15px;position:fixed;top:0;right:0;overflow-y:auto}.guide nav::-webkit-scrollbar{width:2px}.guide nav::-webkit-scrollbar-track{background:#fafafa}.guide nav::-webkit-scrollbar-thumb{background:0 0;border-radius:10px}.guide nav:hover::-webkit-scrollbar-thumb{background:#ddd}.guide nav h3{color:#777;border-radius:30px;margin-bottom:18px;padding:0;font-size:13px;font-weight:400;position:relative}.guide nav h3:after{content:"";background:#fafafa;width:100%;height:1px;position:absolute;top:13px;right:0}.guide nav h3 span{z-index:99;background-color:#fff;padding-left:7px;position:relative}.guide nav ul{margin-left:15px;list-style:none}.guide nav ul li{cursor:pointer;border-radius:8px;margin-bottom:5px;padding:8px 10px;transition:all .3s}.guide nav ul li a{display:block}.guide nav ul li.active,.guide nav ul li:hover{background:#f8f8f8;transition:all .3s}.guide nav input[type=checkbox]{width:17px;height:17px;margin-left:10px;position:relative;top:4px}.guide nav li svg{vertical-align:middle;margin-left:10px}.guide .products{margin-bottom:20px;padding-bottom:0}.guide .content{float:left;width:calc(100% - 245px);padding-top:30px}.guide.guide-single .content{width:calc(100% - 246px)}.guide .content input{height:60px}.guide .content form{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:50%;margin:0 auto 40px;display:flex;position:sticky}.guide .content form input[type=text]{border:none;border-radius:10px;flex:1;padding:15px;font-family:inherit;font-size:17px}.guide .content form>svg{cursor:pointer;position:relative;top:16px;left:16px}.guide .suggestions{background-color:#fff;border:1px solid #ddd;border-radius:8px;width:100%;max-height:400px;margin-top:10px;padding:10px;display:none;position:absolute;top:60px;overflow-y:auto}.guide .suggestions ul{list-style:none}.guide .suggestions li{cursor:pointer;border-radius:8px;padding:10px;font-size:15px}.guide .suggestions li:hover{background:#f1f4fe}.guide .suggestions svg{vertical-align:middle;margin-left:5px}.guide .pinned_video{cursor:pointer;margin-top:50px;margin-bottom:35px;padding-right:30px;transition:all .2s;display:flex}.guide .pinned_video:hover h4{color:#0898cb;transition:all .2s}.guide .pinned_video img{cursor:pointer;border-radius:15px;margin-left:24px}.guide .pinned_video h4{padding-top:0;font-size:17px;font-weight:400}.guide .pinned_video p{color:#444;max-width:85%;margin-top:10px;font-size:14px;line-height:30px}.guide .pinned_video .tags{color:#666;margin-top:9px;font-size:13px}.guide .pinned_video .tags span{cursor:pointer;margin-left:5px}.guide .pinned_video .tags span:hover{color:#8a2be2}.guide .tagged_video{border-bottom:3px solid #f7f7f7;margin-bottom:30px;padding:78px 35px 25px}.guide .tagged_video:last-child{border-bottom:0}.guide .tagged_video h3{color:#292a33;font-size:18px;font-weight:400}.guide .tagged_video h3 a.all{float:left;color:#000;border:1px solid #ccc;border-radius:5px;padding:6px 11px 6px 0;font-size:16px;font-weight:400;transition:all .3s}.guide .tagged_video h3 a.all:hover{color:#00008b;border-color:#00008b;transition:all .3s}.guide .tagged_video h3 a.all:hover svg path{stroke:#00008b;transition:all .3s}.guide .tagged_video h3 svg{vertical-align:middle;margin-left:7px;position:relative}.tagged_video_content{flex-wrap:wrap;gap:20px;margin-top:25px;display:flex}.tagged_video_content article{cursor:pointer;width:calc(33.33% - 14px);margin-bottom:15px;position:relative;overflow:hidden}.tagged_video_content article img{border-radius:10px;width:100%}.tagged_video_content article h4{margin-top:4px;padding-left:40px;padding-right:5px;font-size:17px;font-weight:400;line-height:30px;transition:all .2s}.tagged_video_content article:hover h4{color:#0898cb;transition:all .2s}.tagged_video_content article .tags{color:#666;margin-top:5px;padding-right:5px;font-size:13px}.tagged_video_content article .tags span{cursor:pointer;margin-left:5px}.tagged_video_content article .tags span:hover{color:#8a2be2}.guide .play_video{text-align:center;margin-top:60px;margin-bottom:50px;padding-bottom:35px;line-height:45px}.guide .play_video video{cursor:pointer;border-radius:15px;width:96%;height:auto}html{scroll-behavior:smooth}.guide .play_video h1{color:#000;margin-top:0;margin-bottom:10px;padding:15px 25px;font-size:23px;font-weight:400}.guide .play_video h2{color:#005;margin-top:15px;margin-bottom:15px;padding:15px 20px;font-size:23px;position:relative}.guide .play_video h3{color:#000;margin-top:15px;margin-bottom:-5px;padding:15px 20px;font-size:22px;position:relative}.guide .play_video .heading-link{position:absolute;right:-1px}.guide .play_video p{margin-bottom:10px;padding:0 25px;font-size:18px}.guide .play_video img{border-radius:10px;max-width:100%;margin-top:15px}.guide .play_video figure{text-align:center;border:10px solid #f5f5f5;border-radius:8px;max-width:88%;margin:35px auto 40px}.guide .play_video figcaption{text-align:center;background:#fafafa}.guide .play_video p a,.guide .play_video .lead a{color:#00008b;text-underline-offset:10px;text-decoration-line:underline;text-decoration-style:dashed}.guide .play_video h2,.guide .play_video #video{scroll-margin-top:100px}.guide .play_video .lead{background:#f0f8ff;border-radius:15px;margin:20px 25px 22px;padding:25px;scroll-margin-top:130px;font-size:18px}.guide .play_video ol{margin-top:12px;margin-bottom:12px;padding-right:0;font-size:18px;line-height:45px;list-style-type:none}.guide .play_video .goto-box{background:#f1efff;border-radius:8px;margin:15px 25px;padding:10px;font-size:18px}.guide .play_video .goto-title{color:#000;background:#fff;border-radius:8px;margin-left:14px;padding:8px 12px 8px 8px}.guide .play_video .highlight{text-align:center;color:#006400;background-color:#e5ffda;border-left:4px solid #90ee90;border-right:4px solid #90ee90;border-radius:4px;margin:20px 25px;padding:15px;font-size:19px}.guide .main-title{text-align:center;color:#485a83;font-size:25px}.guide .main-desc{text-align:center;color:#485a83;margin-top:15px;font-size:18px}.guide .main-svg{text-align:center;margin-top:20px;margin-bottom:20px}.table-of-content{background:#fcf9ff;border:1px solid #eee;border-radius:10px;margin:0 25px 20px;padding-bottom:15px;overflow:hidden}.table-of-content>div:first-child{color:#c500ff;background-color:#f6efff;margin-bottom:15px;padding:10px 20px;font-size:18px}.table-of-content ul{padding-right:20px;line-height:45px;list-style:none}.table-of-content ul li{cursor:pointer;font-size:17px}.table-of-content ul li a{color:#000;transition:all .2s}.table-of-content ul li a:hover{color:#c500ff;transition:all .2s}.table-of-content ul li a:hover svg path{stroke:#c500ff;transition:all .2s}.table-of-content ul li svg{vertical-align:middle}.guide-progress{z-index:9999999;background:#e5e7eb;border-radius:10px;width:100%;height:5px;position:fixed;top:90px;overflow:hidden}.guide-progress-bar{background:#00bfff;border-radius:10px;width:0%;height:100%}@media (width<=768px){.guide nav{width:100%;position:inherit;min-height:auto;padding-bottom:0}.guide .content{float:none;padding-top:0;width:100%!important}.guide .play_video h1{padding:15px;font-size:22px}.guide .play_video{margin-top:0}.table-of-content{margin:0 15px 20px}.tagged_video_content article{width:100%}.guide .tagged_video{padding:20px 15px 15px}.guide-progress{top:69px}}