a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline; outline: 0; background: transparent;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clear{ clear:both; line-height:0px; margin:0; padding:0;}*{ box-sizing:border-box; transition-duration:.2s;}body{ background: #fff; font-size: 16px; line-height: 36px;color: #000; font-weight: 400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }#main_wrap{ position:relative; width:100%; float:left; user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;}p,h1,h2,h3,h4,h5,h6{margin-bottom: 10px;}h1,h2,h3,h4,h5,h6{font-weight:700; position:relative;}.nobl{ border-left:none;}a{color: #b20103; text-decoration:none;}a:hover{ color:#ec2c3e; }p{ font-size: 16px;line-height: 26px;}h1{ font-size: 36px;line-height: 46px;}h2{ font-size: 32px;line-height: 42px;}h3{ font-size: 28px;line-height: 38px;}h4{ font-size: 24px;line-height: 34px;}h5{ font-size: 20px;line-height: 30px;}h6{ font-size: 16px;line-height: 26px;}strong{ font-size:inherit; font-weight:700;}iframe,img{max-width:100%;}figure{ text-align:center;}.round{border-radius:10%;-moz-border-radius:10%;-webkit-border-radius:10%;-ms-border-radius:10%;}.container{display: block;width: 1140px; margin: 0px auto; position:relative;}.main_bar{ width: 800px;float: left;position: relative;}.side_bar{ width: 320px;float: right; max-width: 100%;}@media(max-width:1280px){.container{width: 100%;  padding: 0 10px;}    .main_bar{ width: calc(100% - 340px);}}@media(max-width:1080px){    .main_bar{ width:100%; margin-bottom:15px;}    .side_bar{ width:100%;}}@media(max-width:800px){    .container{padding: 0 8px;}}header{width: 100%;height: 52px;background: #ffffff;box-shadow: 0 2px 0 0 #f5f5f5; position: relative;}header .logo_wrap{float: left;width: 24%;height: 52px;line-height: 52px;}header #nav_wrap{float: left;width: 76%;}header .logo_wrap img.logo{ vertical-align: middle;} header #nav_wrap ul.main_nav{ float:left; width:100%; text-align: right; height:52px;}header #nav_wrap ul.main_nav li{ position:relative; display: inline-block;}header #nav_wrap ul.main_nav li a{float: left;height: 52px;line-height: 52px;padding: 0 12px;color: #333333;font-size: 15px; font-weight:bold;}header #nav_wrap ul.main_nav li img{margin-right: 4px; vertical-align:middle;}header #nav_wrap ul.main_nav li:hover > a{ background-color: #fafafa;color: #3273dc;}header #nav_wrap ul.main_nav li>ul{ display:none; position: absolute;left: 0;top: 52px;background: #ffffff;min-width: 180px; z-index:9999; border:solid 1px #fafafa;}header #nav_wrap ul.main_nav li>ul li{ float:left; width:100%; border-bottom: solid 1px #f5f5f5;}header #nav_wrap ul.main_nav li>ul li a{float: left;width: 100%;padding: 10px;line-height: 22px;height: auto; text-align:left;}header #nav_wrap ul.main_nav li:hover > ul{ display:block;}.lang_box{background: #fafafa;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;box-shadow: 0 8px 8px rgba(10,10,10,.1);right: 0;left: auto !important;border: none !important;width: 320px;padding: 6px;}.lang_box li{ float:left; width:50% !important; border-bottom:none !important;}.lang_box li a{ font-weight:normal !important;}header .menu_hndlr{ display:none;position:absolute; left:0; top:0; padding: 6px 12px; cursor:pointer;vertical-align: middle;height: 52px;}header .menu_hndlr img, header .menu_hndlr svg{ vertical-align:middle;}@media(max-width:1320px){   header #nav_wrap ul.main_nav li a{ padding:0 10px;}}@media(max-width:1200px){    header .logo_wrap{ width:100%; text-align:center;}header .menu_hndlr{ display:block;}header #nav_wrap{display:none; position: fixed;width: 250px;background: #ffffff;top: 0px;left: 0;height: 100%;overflow-y: auto;box-shadow: 5px 0 12px rgba(18,26,33,.1);padding-bottom: 52px; z-index:999999;}header #nav_wrap ul.main_nav{background: #ffffff;}header #nav_wrap ul.main_nav li {width: 100%;border-bottom: 1px solid #f5f5f5; text-align:left;}header #nav_wrap ul.main_nav li:last-child{ border-bottom:none !important;}header #nav_wrap ul.main_nav li a{ padding: 8px;float: left;width: 100%;font-size: 15px;line-height: 23px;height: auto;}header #nav_wrap ul.main_nav li>ul{ display:inline-block; width:100%;  position: static; background: #ffffff; border-bottom:none  !important;}header #nav_wrap ul.main_nav li>ul li{padding-left:15px;}header #nav_wrap ul.main_nav li>ul li:last-child{ border-bottom:none  !important;}.lang_box{ padding:0;}.lang_box li{width: 100% !important;padding-left: 0 !important;border-bottom: 1px solid #f5f5f5 !important;}.lang_box li a{ padding:8px !important;}}@media(max-width:600px){header .logo_wrap{ width:70%; padding-left:45px;} header .logo_wrap img.logo{ max-width:180px !important;}}@media(max-width:400px){header .logo_wrap img.logo{ max-width:120px !important;}}.mob_menu_close{ background: #26272b;margin-bottom: 0;height: 50px; display:none;}.mob_menu_close i{padding: 15px;color: #fff;font-size: 18px;}header .show_mob_menu{ display:block !important;}header .show_mob_menu .mob_menu_close{ display:block;}.bread_crumb{}.bread_crumb a{display: inline-block; color:#595959; font-size:14px;}.bread_crumb a.active, .bread_crumb a.hover{ color:#B20103;}.bread_crumb a:after{ content:"»"; margin:0 10px; color:#999999;}.bread_crumb a:last-child:after{ content:""; margin:0;}footer{width: 100%; z-index: 1;color: #4f5464; padding:15px; background:#fafafa; margin-top:15px;}footer .ftr_social_box{ float:left; width:100%; text-align:center; margin-bottom:15px;}footer .ftr_social_box a{ display:inline-block; width:45px; height:45px; text-align:center; border-radius:50%; line-height:45px; margin:4px; background:#4f5464;}footer .ftr_social_box a i{ font-size: 20px;line-height: 45px;color: #ffffff;}footer .ftr_social_box a:hover{background:#222222;}footer .ftr_social_box a:hover > i{ color:#ffffff;}footer .ftr_link_box{ text-align:center; margin-bottom:15px;}footer .ftr_link_box a{display: inline-block;margin: 5px;font-size: 16px;line-height: 24px;color: #4f5464;}footer .ftr_link_box a:after{content: "|";margin-left: 10px;color: #afafaf;font-size: 14px;}footer .ftr_link_box a:last-child:after{ content:"";}footer .ftr_txt p{ text-align:center; margin-bottom:0;}#ScrollToTop {display: none;position: fixed;bottom: 95px;right: 30px;z-index: 99;font-size: 18px;border: none;outline: none;background: #195fd6;color: #ffffff;cursor: pointer;width: 40px;height: 40px;text-align: center;line-height: 35px;vertical-align: middle; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;}#ScrollToTop:hover {background:#222222;color:#ffffff;}.youtube_embed {background-color: #000;margin-bottom: 30px;position: relative;padding-top: 56.25%;overflow: hidden;cursor: pointer;}.youtube_embed img {width: 100%;top: -16.82%;left: 0;opacity: 0.7;}.youtube_embed .yt_play_btn {width: 90px;height: 60px;background-color: #333;box-shadow: 0 0 30px rgba( 0,0,0,0.6 );z-index: 1;opacity: 0.8;border-radius: 6px;}.youtube_embed .yt_play_btn:before {content: "";border-style: solid;border-width: 15px 0 15px 26.0px;border-color: transparent transparent transparent #fff;}.youtube_embed img, .youtube_embed .yt_play_btn {cursor: pointer;}.youtube_embed img, .youtube_embed iframe, .youtube_embed .yt_play_btn, .youtube_embed .yt_play_btn:before {position: absolute;}.youtube_embed .yt_play_btn, .youtube_embed .yt_play_btn:before {top: 50%;left: 50%;transform: translate3d( -50%, -50%, 0 );}.youtube_embed iframe {height: 100%;width: 100%;top: 0;left: 0;}.cnt_box i{ font-style:italic;}.cnt_box u{text-decoration:underline;}.cnt_box a{text-decoration: underline !important;}.cnt_box ol, .cnt_box ul{ padding-left:20px !important; margin-bottom: 10px !important; text-align:left;}.cnt_box ol{list-style: decimal !important;}.cnt_box ul{list-style: disc !important;}.shad_box {width: 100%;padding: 10px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);box-sizing: border-box; background:#fff; margin-bottom:20px;}.show{ display:block !important;}.hide{ display:none !important;}.full{ width:100% !important;}.fl{ float:left !important;}.fr{ float:right !important;}.mb0{ margin-bottom:0px !important; }.mb10{ margin-bottom:10px !important; }.mb15{ margin-bottom:15px !important; }.mb20{ margin-bottom:20px !important; }.mb25{ margin-bottom:25px !important; }.mb30{ margin-bottom:30px !important; }.mb50{ margin-bottom:50px !important; }.mt0{ margin-top:0px !important; }.mt10{ margin-top:10px !important; }.mt15{ margin-top:15px !important; }.mt20{ margin-top:20px !important; }.mt25{ margin-top:25px !important; }.mt30{ margin-top:30px !important; }.pb0{ padding-bottom:0px !important; }.pb10{ padding-bottom:10px !important; }.pb15{ padding-bottom:15px !important; }.pb20{ padding-bottom:20px !important; }.pb25{ padding-bottom:25px !important; }.pb30{ padding-bottom:30px !important; }.pt0{ padding-top:0px !important; }.pt10{ padding-top:10px !important; }.pt15{ padding-top:15px !important; }.pt20{ padding-top:20px !important; }.pt25{ padding-top:25px !important; }.pt30{ padding-top:30px !important; }.vam{ vertical-align:middle;}.ac{ text-align:center !important;}.aj{ text-align:justify !important;}.db{ display:block !important;}.dib{ display: inline-block !important;}.rtl{ direction:rtl !important;}.ltr{ direction:ltr !important;}.pad10{ padding:10px;}.pad15{ padding:15px;}.hide {display: none;}.show {display: block;}.fs17{ font-size:17px;}.txt_red{ color:#C14D44 !important;}.txt_green{ color:#063F4F !important;}.txt_suc{ color:#0ba50b !important;}.txt_err{ color:#C14D44 !important;}.txt_blue{ color:#084888 !important;}.txt_gray{ color:#646f78 !important;}.txt_white{ color:#fff !important;}.txt_black{ color:#000 !important;}.txt_orange{ color:#f29423  !important;}.blue_bg{ background:#F1F5FD; float: left;width: 100%;padding: 15px 0;}.hwa{ height: auto !important; width:auto !important;}</style><style>.hero_box{background: linear-gradient(135deg, #5940F0 0%, #CC01FE 100%); padding:60px 0;}.hero_box h1{text-align: center;color: #ffffff;font-size: 48px;line-height:58px;font-weight: 600;}.hero_box h2{text-align:center; color:#ffffff;font-size: 20px;line-height: 24px;font-weight: 600;}.hero_box .hform{display: block;width: 100%;max-width: 760px; margin: 2rem auto 0;position: relative;}.hero_box form{display:flex;gap:8px}.hf_urli_wrap{verflow: hidden;width: 100%;position: relative;}.hf_urli{-moz-appearance: none;padding: 15px 0.75rem;border: none;margin: 0;border-radius: 4px;outline: 0;font-size: 1rem;color: #212529;font-weight: 600;line-height: 18px;width: 100%;}.hf_btn_paste{display: flex;justify-content: center;align-items: center;position: absolute;right: 6px;top: 6.5px;padding: 8px 12px 8px 14px;background: #dae4ff;border-radius: 6px;border: none;font-weight: 500;font-size: 14px;line-height: 20px;color: #0423ee; cursor:pointer;}.hf_btn_clear{display: flex;justify-content: center;align-items: center;position: absolute;right: 6px;top: 6.5px;padding: 8px 12px 8px 14px;background: #dae4ff;border-radius: 6px;border: none;font-weight: 500;font-size: 14px;line-height: 20px;color: #0423ee;background: #49495acf;color: #fff; cursor:pointer;}.hf_btn_down{background: #5940F1;box-shadow: none;padding: 12px;gap: 4px;font-size: 18px;line-height: 22px;border: none;display: flex;justify-content: center;align-items: center;border-color: transparent;color: #ffffff;transition-property: all;transition-timing-function: cubic-bezier(0.4,0,0.2,1);transition-duration: 150ms;position: relative;border-radius: 4px; cursor:pointer;}@media(max-width:1020px){.hero_box h1{font-size: 34px;line-height:44px;}.hero_box h2{font-size: 18px;line-height: 28px;}}@media(max-width:750px){.hero_box h1{font-size: 24px;line-height:34px;}.hero_box h2{font-size: 16px;line-height: 26px;}.hero_box form{ display:block;}.hf_btn_down{ width:100%; margin:15px auto 0 auto;}}.download-box{display: flex;flex-wrap: wrap;}.video-header {padding: 8px;gap: 12px;background: #e8e8f1;border-radius: 8px;display: flex;align-items: center;gap: 8px;height: fit-content;flex: 0 0 auto;width: 50%;}.mb-3 {margin-bottom: 0.75rem;}.video-header .avatar {border-radius: 8px;width: 75px;height: 75px;object-fit: cover;background-color: #00000014;min-width: 75px;}.video-header .info {overflow: hidden;}.video-header .video-title {font-size: 16px;line-height: 18px;color: #16161d;margin-bottom: 4px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.video-header .info span {font-size: 14px;line-height: 15px;color: #49495a;margin-bottom: 8px;}.video-links {flex: 0 0 auto;width: 33.33333333%;margin-left: 16.66666667%;display: flex;flex-wrap: inherit;justify-content: end;}.vid_dbtn{background: #5940F1;color: #ffffff;width: 100%;font-size: 17px;line-height: 27px;padding: 12px;border: none;height: fit-content;max-width: 340px;text-align:center; border-radius: 4px;cursor: pointer;margin-bottom:12px;}.vid_dbtn:hover{background: #5940F1;color: #ffffff;}.vid_obtn, .vid_obtn:hover{ background:#000 !important; color:#fff !important;}@media(max-width:1080px){.video-header{ width:100%;}.video-links{ width:100%; margin-left:0;}.vid_dbtn{ max-width:100%;}}.vid_err{color: #983834 !important;font-size: 22px;line-height: 32px;font-weight: bold; text-align:center;}









@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.loading-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#error-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  font-size: 16px;
}