@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,1000&display=swap";root{--primary-color: #507DBC;--secondary-color: #04080F;--tertiary-color: #A1C6EA;--bg-color: #DAE3E5;--text-color: #212121;--screen-light-color: #FBFBFB}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans;border:none;outline:none;text-decoration:none}*::-webkit-scrollbar{width:0px}body{width:100%;padding:15px 15px 64px;font-family:Nunito Sans;background:linear-gradient(180deg,#fafafa 0%,#ffffff 100%)}.secrete_logo{display:none}.text-linker{color:var(--Primary, #507DBC);text-align:left;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px;margin:16px}.hr-v{width:30px;height:.5px;border:none;background-color:var(--Primary, #507DBC55);transform:rotate(90deg);border-radius:100%;transition:all .3s ease-in-out}.glower{height:16px;width:18px;background-color:var(--Primary, #507DBC);border-radius:10;margin:0 auto;filter:blur(18px)}.button1{width:100%;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:100px;background:var(--Primary, #507DBC);color:#fff;cursor:pointer}.btn-diss{width:100%;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:100px;background:#e1e1e1;color:var(--Primary, #b0b0b0)}.button2{align-items:center;gap:8px;border-radius:100px;border:1px solid var(--Primary, #507DBC);padding:6px 18px;font-size:12px;color:var(--Primary, #507DBC);background:var(--Primary, #507DBC18);cursor:pointer}.button3{display:inline-flex;padding:4px;align-items:flex-start;gap:10px;border-radius:6px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10.5px);backdrop-filter:blur(10.5px);cursor:pointer}.button3 img{transform:rotate(180deg)}.button4{width:100%;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:100px;color:var(--Primary, #507DBC);border:1px solid #507DBC;background:none;cursor:pointer}.Action{display:flex;width:100%;gap:12px}.Heading1{color:var(--secondary-color);font-family:Nunito Sans;font-size:24px;font-style:normal;font-weight:700;line-height:28px}.Heading2{color:var(--Secondary, #04080F);font-family:Nunito Sans;font-size:22px;font-style:normal;font-weight:800;line-height:28px}.Heading3{color:var(--Secondary, #04080F);font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.Heading4{color:var(--Secondary, #04080F);font-family:Nunito Sans;font-size:20px;font-style:normal;font-weight:700;line-height:32px}.Heading5{color:#000;font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.Para1{color:#212121;font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;opacity:.5}.Para-sm{color:#000;font-family:Nunito Sans;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.text-highlight{color:var(--primary-color, #507DBC)}.details-login{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:18px 0}input,.select-inp,.non_input{background:none;width:100%;padding:12px}.input-box{display:flex;width:100%;border-radius:100px;border:1px solid var(--Primary, #507DBC18);background:rgba(4,8,15,.05);align-items:center;padding:0 12px;cursor:pointer}.input-box:hover{border:1px solid var(--primary-color, #507DBC)}.input-box-active{display:flex;width:100%;border-radius:100px;border:1px solid var(--Primary, #507DBC);background:rgba(4,8,15,.05);align-items:center;padding:0 12px;border:1px solid var(--primary-color, #507DBC)}.TopSec1{display:flex;align-items:center;gap:18px;margin-bottom:18px}#Button{margin:16px 0}.Home-App-Bar{padding-top:44px}.Notice-Container{display:flex;width:100%;padding:12px 14px;justify-content:space-between;align-items:center;border-radius:8px;border:.5px solid var(--Other, rgba(161, 198, 234, .82));background:rgba(80,125,188,.05);margin:18px 0;flex-wrap:wrap-reverse;gap:12px}.ActionButton2{display:flex;width:30px;height:30px;padding:6px;justify-content:center;align-items:center;flex-shrink:0;border-radius:6px;background:rgba(80,125,188,.18)}.HomeHeading{display:flex;justify-content:space-between;align-items:center}.HomeHeading p{background:#507DBC18;padding:5px 18px;border-radius:8px}.HomeHeading p a{opacity:1;color:#507dbc}.State_Container{width:100%}.State_Container .State_Image{width:100%;display:flex;justify-content:center}.State_Container .State_Image img{width:100%;padding:26% 20% 12%}.State_Container .EmptyStatus{width:100%;padding:20px;text-align:center}.State_Container .EmptyStatus h1{font-size:24px}.TopAppBar_Home{padding-bottom:22px;transition:all .2s ease-in-out}.TopAppBar_Home button{display:inline-flex;padding:8px;align-items:flex-start;gap:10px;border-radius:8px;background:#F2F2F2;-webkit-backdrop-filter:blur(10.5px);backdrop-filter:blur(10.5px);margin:18px 0}.TopAppBar_Home h1{color:var(--Secondary, #04080F);font-family:Nunito Sans;font-size:24px;font-style:normal;font-weight:800;line-height:28px;width:100%}.TopAppBar_Home_scrolled{position:fixed;top:0;left:0;background:#ffffffD4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;padding:12px 18px;display:flex;gap:12px;align-items:center;z-index:20}.TopAppBar_Home_scrolled button{margin:0;background:#ffffff04;padding:6px}.TopAppBar_Home_scrolled h1{font-size:18px}.wizard{position:relative;width:100%;height:22px;display:flex;align-items:center}.ProgressBar{width:100%;height:6px;background:#507DBC1F;margin:0 22px}.ProgressIndicate{width:0%;height:6px;background:#507DBC;transition:all .5s ease-in-out}.wizard .Wizard-btns{position:absolute;top:0%;left:0%;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;width:100%;opacity:1}.Alt-Screen,.PopUpSceen{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.3) 100%);position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:flex-end;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);transition:all .5s ease-in-out}.Atl-Box{width:100%;border-radius:8px 8px 0 0;background:#FFF;box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;gap:16px;padding:28px 18px 20px}.Atl-Box .Icon{display:inline-flex;padding:8px;align-items:flex-start;gap:10px;border-radius:8px;background:#F2F2F2;-webkit-backdrop-filter:blur(10.5px);backdrop-filter:blur(10.5px)}.Atl-Box .Icon .Content{display:inline-flex;flex-direction:column;align-items:center;gap:7px;padding:20px}.Atl-Box .Content h2{color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.Atl-Box .Content p{color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.BottomAppBar{display:flex;width:375px;height:58px;padding:8px 20px;justify-content:space-between;align-items:top;flex-shrink:0;position:fixed;bottom:0;left:0;width:100%;background:#ffffffD8;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:100}.BottomAppBar .Tab{height:24px;text-align:center;cursor:pointer}.BottomAppBar .Tab img{margin:0 auto}.BottomAppBar .Tab p{width:100%;font-size:10px;font-style:normal;font-weight:400;line-height:normal;opacity:.6px}.FAB_Tab{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transform:translateY(-16px);transition:all .5s ease-in-out}.FAB_Tab img{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--Primary, #507DBC);box-shadow:0 4px 11.4px #507dbc17;transition:all .5s ease-in-out}.FAB_Tab p{font-size:10px;font-style:normal;font-weight:600;line-height:normal}.FabOptions{display:flex;align-items:center;justify-content:center;padding:20px;width:100%;margin-bottom:88px;flex-direction:column;gap:12px}.FabOptions div{width:auto;height:auto;gap:8px;flex-direction:row}.FabOptions div img{width:24px;height:24px}.Splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--bg-color)}.Splash .logo{height:100px;width:100px}.Splash .logo img{width:100%;height:100%}.Splash .Cradit{position:fixed;bottom:20px}.Splash .Cradit p{color:var(--text-color);font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.5px;opacity:.6}.Splash .Design1{position:fixed;top:15%;right:0%}.Splash .Design2{position:fixed;bottom:10%;left:0%}.img-box-onboarding{width:100%;height:100%;padding:48px 23px}.img-box-onboarding .img-onboadring{width:100%;height:100%}.Action-onboarding a{width:100%}.Action-onboarding{display:flex;flex-direction:column;align-items:flex-end;gap:16px;padding-top:5px;width:100%;margin-top:28px}.login-screen,.Registration-Section{padding-top:24px;display:flex;width:100%;flex-direction:column}.login-screen .back,.Registration-Section .back{width:62px}.gender-reg{display:flex;width:100%;justify-content:center;align-items:center;gap:16px}.mForm{display:flex;width:100%;padding:10px 0 0;flex-direction:column;align-items:flex-start;gap:16px}.mForm a{width:100%}.mForm .up_image{width:100%;display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center;padding-bottom:18px;position:relative}.mForm .up_image img{width:68px;height:68px;border-radius:100%;border:.5px solid rgba(0,0,0,.2);padding:8px}.mForm .up_image p{color:var(--Secondary, #04080F);text-align:center;font-family:Nunito Sans;font-size:13px;font-style:normal;font-weight:600;line-height:normal}.mForm .up_image .img_placeholder{background-color:#00000053;position:absolute;display:flex;align-items:center;justify-content:center;padding:18px}.g-box{display:inline-flex;padding:8px 12px;flex-direction:column;align-items:center;gap:1px;border-radius:6px;border:.5px solid rgba(4,8,15,.3);background:#F7F7F7;width:60px;height:71px}.g-box img{width:100%}.g-box p{color:var(--Secondary, #04080F);text-align:center;font-family:Nunito Sans;font-size:13px;font-style:normal;font-weight:600;line-height:normal}input[class=reg-gender]:hover+.g-box,input[class=reg-gender]:checked+.g-box,input[class=reg-gender]:focus+.g-box{display:inline-flex;padding:8px 12px;flex-direction:column;align-items:center;gap:1px;border-radius:6px;border:1px solid var(--Primary, #507DBC);background:rgba(80,125,188,.12);width:60px;height:71px}input[class=reg-gender]:hover+.g-box p,input[class=reg-gender]:checked+.g-box p,input[class=reg-gender]:focus+.g-box p{color:var(--Primary, #507DBC);text-align:center;font-family:Nunito Sans;font-size:13px;font-style:normal;font-weight:600;line-height:normal}.TermsBox{display:flex;gap:16px}.TermsBox p{color:var(--Secondary, #04080F);font-family:Nunito Sans;font-size:13px;font-style:normal;font-weight:400;line-height:normal;width:100%}.TermsBox input{width:auto}.c-box{width:18px;height:18px;flex-shrink:0;border-radius:4px;border:.5px solid rgba(0,0,0,.5);background:#F7F7F7}.ch-true{height:8px;width:8px;background:#507DBC;transition:all .5s ease-in-out}.ch-true img{width:100%}input[class=checkBox]:checked+.ch-true{background:#2c3644}.Dashboard-Container{display:flex;padding:10px;justify-content:flex-start;align-items:center;border-radius:12px;border:.5px solid var(--Other, rgba(161, 198, 234, .82));background:rgba(80,125,188,.05);flex-wrap:wrap;gap:15px;margin-bottom:24px}.Dashboard-Container .Progress{display:flex;width:100%;align-items:flex-start;gap:10px;flex-wrap:wrap}.Dashboard-Container .Progress .set{display:flex;padding:0 10px;align-items:center;gap:12px;flex:1 0 0;border-radius:8px;background:#FFF;box-shadow:0 4px 11px #507dbc0f}.Dashboard-Container .Progress .set .graph{width:44px;height:44px;flex-shrink:0}.Dashboard-Container .Progress .set .details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;flex:1 0 0;padding:10px 0}.Dashboard-Container .Performance{display:flex;width:324px;justify-content:space-between;align-items:center;flex-wrap:wrap}.Dashboard-Container .Performance .blow{display:flex;flex-direction:column;align-items:center;text-align:left;gap:3px}.Dashboard-Container .Performance .blow h2,.Dashboard-Container .Performance .blow p{width:100%}.Myskills{display:flex;width:100%;align-items:center;gap:12px;overflow-x:scroll;margin:12px 0 24px}.Myskills::-webkit-scrollbar{display:none;padding:0}.card-skil{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:8px;border:.5px solid rgba(0,0,0,.12);background:#FFF;flex-shrink:0;width:230px}.card-skil .Image-skill{display:inline-flex;padding:8px;align-items:flex-start;gap:10px;border-radius:6px;background:#9e9e9e}.card-skil .card-content{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.card-skil .card-content h2{color:#000;font-family:Nunito Sans;font-size:15px;font-style:normal;font-weight:700;line-height:normal}.card-skil .card-content p{color:#000;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.card-skil .card-content b{color:#000;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.CategoryList{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:12px 0 24px}.Category-skil{display:flex;padding:10px;align-items:top;gap:10px;align-self:stretch;justify-content:space-between;border-radius:8px;border:.5px solid rgba(0,0,0,.12);background:#FFF}.Category-skil .blow{display:flex;justify-content:center;align-items:top;gap:12px;align-self:stretch}.Category-skil .blow h2{color:#000;font-family:Nunito Sans;font-size:15px;font-style:normal;font-weight:700;line-height:normal}.Category-skil .blow p{color:#000;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.Category-skil .blow .Image-skill{display:flex;width:38px;height:38px;padding:8px;justify-content:center;align-items:center;gap:10px;border-radius:6px;background:rgba(80,125,188,.12)}.List_Categorys{width:100%;display:flex;flex-direction:column;gap:42px;margin:18px 0}.Category_Card{border-radius:8px;border:.5px solid rgba(4,8,15,.15);background:#FFF;padding:12px}.Category_Card .TopSec_Category_Card{display:flex;align-items:bottom;justify-content:space-between;position:relative}.Category_Card .TopSec_Category_Card .Icon{display:flex;width:54px;height:54px;padding:15px;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;position:absolute;background:#f0f0f0;top:-36px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.Category_Card .Category_Card_Details{display:flex;flex-direction:column;gap:16px;padding:0 3px}.Category_Card .Category_Card_Details .Category_Card_Info h1{color:var(--Secondary, #04080F);font-size:16px;font-style:normal;font-weight:600;line-height:normal}.Category_Card .Category_Card_Details .Category_Card_Info p{color:var(--Secondary, #04080F70);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.Category_Card .Category_Card_Details .Category_Card_Skills{display:flex;width:100%;align-items:center;gap:10px;overflow-x:scroll;padding:0}.Category_Card .Category_Card_Details .Category_Card_Skills p{display:flex;padding:5px 16px;justify-content:center;align-items:center;gap:10px;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal;border-radius:4px;background:#f0f0f0;flex-shrink:0;width:max-content}.List-Product-Cards{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%}.project-Crad-Big{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:.5px solid rgba(0,0,0,.12);padding-bottom:8px;width:100%}.project-Crad-Big .project-big-img{width:100%;height:10%;flex-shrink:0;position:relative;overflow:hidden}.project-Crad-Big .project-big-img .img{width:100%;height:200px;border-radius:8px;object-fit:cover;object-position:top}.project-Crad-Big .project-big-img .ProjectType-Badge{display:inline-flex;padding:6px 10px;align-items:center;gap:5px;border-radius:100px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(11.5px);backdrop-filter:blur(11.5px);position:absolute;top:10px;left:10px}.project-Crad-Big .project-big-img .ProjectType-Badge img{width:18px;height:18px}.project-Crad-Big .project-big-img .ProjectType-Badge p{font-size:12px;font-style:normal;font-weight:700;line-height:normal}.project-Crad-Big .project-big-cotent{display:flex;flex-direction:column;align-items:flex-start;gap:5px;align-self:stretch}.project-Crad-Big .project-big-cotent h1{font-size:18px;font-style:normal;font-weight:700;line-height:normal}.project-Crad-Big .project-big-cotent p{font-size:14px;font-style:normal;font-weight:400;line-height:normal;opacity:.6}.project-Crad-Big .project-big-cotent .project-big-cotent-info{display:flex;padding:8px 0;justify-content:space-between;align-items:flex-start;flex:1 0 0;align-self:stretch}.project-Crad-Big .project-big-cotent .project-big-cotent-info p{font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.5}.images_container{display:flex;width:100%;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:.5px solid rgba(80,125,188,.2);background:rgba(80,125,188,.09)}.images_container .container_heading{display:flex;gap:10px}.images_container .add_image{display:flex;align-items:center;gap:12px}.images_container .add_image .image_add{display:flex;padding:6px;align-items:flex-start;gap:10px;border-radius:4px;background:var(--BG, #DAE3E5)}.images_container .add_image .image_view{display:flex;gap:8px;flex-wrap:wrap}.images_container .add_image .image_view .image_box{width:36px;height:36px;flex-shrink:0;border-radius:6px;border:.5px solid var(--Primary, #507DBC);overflow:none;padding:1px;position:relative}.images_container .add_image .image_view .image_box img{border-radius:3px;width:100%;height:100%;object-fit:cover}.images_container .add_image .image_view .image_box .image_delete{position:absolute;top:0;right:0;background:var(--Primary, #507DBC);height:10px;width:10px;display:flex;align-items:center;justify-content:center;padding:1px}.images_container .add_image .image_view .image_box .image_delete img{width:100%;height:100%}.AdSection{width:100%;margin:12px 0 24px}.AdSection img{width:100%;border-radius:8px;background:url(<path-to-image>),lightgray 50% / contain no-repeat}.Foot{margin:26px 0;text-align:center}.allSkills{flex-wrap:wrap}.allSkills .card-skil{margin:0;width:100%;flex-direction:row;height:auto}.ContainerSkill{width:100%;display:flex;gap:18px;flex-wrap:wrap}.ContainerSkill .SkillThumbnail{width:100%;height:210px;padding:10px;position:relative;border-radius:12px;overflow:hidden;margin-bottom:18px;background-image:url(https://skillsbank.online/assets/Logos/Logo.png);background-size:contain;background-repeat:no-repeat}.ContainerSkill .SkillThumbnail img{width:100%;border-radius:8px}.ContainerSkill .SkillThumbnail .AddButton{padding:12px 18px;justify-content:center;align-items:center;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10.5px);backdrop-filter:blur(10.5px);position:absolute;bottom:0;left:0;width:100%}.ContainerSkill .SkillThumbnail .AddButton h2{text-align:center;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.1px;color:var(--text-color, #212121)}.SkillDetails{display:flex;width:100%;align-items:flex-start;align-content:flex-start;gap:18px;flex-wrap:wrap;margin:16px 0 18px}.SkillDetails .progress{margin:16px 0;width:100%}.SkillDetails .progress .bar{width:100%;height:5px;background:rgb(221,221,221);overflow:hidden;border-radius:5px}.SkillDetails .progress .bar .indicator{height:5px;width:0%;background:var(--primary-color, #507DBC)}.SkillDetails .progress p{font-size:15px;margin:6px 0}.SkillDetails .container{display:flex;align-items:flex-start;gap:9px}.SkillDetails .container img{display:flex;width:38px;height:38px;justify-content:center;align-items:center;border-radius:6px;padding:8px}.SkillDetails .container .details h1{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.SkillDetails .container .details p{color:#000;font-size:15px;font-style:normal;font-weight:700;line-height:normal;margin-top:2px}.SkillDetails .KeyPoints .KeyFeaturesList{padding:12px 0;display:flex;flex-wrap:wrap;gap:12px 28px}.SkillDetails .KeyPoints .KeyFeature{display:flex;align-items:flex-start;gap:9px}.SkillDetails .KeyPoints .KeyFeature img{display:flex;width:38px;height:38px;padding:10px;justify-content:center;align-items:center;border-radius:6px;background:rgba(111,207,151,.16)}.SkillDetails .KeyPoints .KeyFeature .FeatureDetails h1{font-size:15px;font-style:normal;font-weight:700;line-height:normal}.SkillDetails .KeyPoints .KeyFeature .FeatureDetails p{font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.8}.MoreDetails{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:18px}.MoreDetails h1{font-size:18px;font-style:normal;font-weight:800;line-height:20px;letter-spacing:.1px}.MoreDetails p{font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px}.CourseAd{padding:16px 0}.CourseAd .Ad-Course{display:flex;align-items:center;gap:11px}.CourseAd .Ad-Course img{width:100px;height:56px;border-radius:6px;border:.5px solid rgba(4,8,15,.3);background:lightgray 50% / cover no-repeat}.CourseAd .Ad-Course .card-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.CourseAd .Ad-Course .card-content h2{color:#000;font-family:Nunito Sans;font-size:15px;font-style:normal;font-weight:700;line-height:normal}.CourseAd .Ad-Course .card-content p{color:#000;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;opacity:.7;line-height:normal}.skillBox{cursor:pointer;border-radius:8px;padding:10px 12px 10px 3px}.InputField .OptiosBx .Option{font-size:14px;padding:8px 10px;display:flex;align-items:center;gap:12px;cursor:pointer}.InputField .OptiosBx .Option .rdBag #active{height:8px;width:8px;display:block;background:#507DBC}.skillBox .Skill-Topic{display:flex;width:345px;padding:12px;align-items:center;gap:12px;font-size:16px}.skillBox img{transform:rotate(90deg)}.InputField{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;box-sizing:border-box}.OptiosBox{display:flex;width:100%;padding:15px 8px;flex-direction:column;align-items:flex-start;border-radius:8px;background:#F2F3F3;display:none;height:0px;overflow:hidden;transition:all .5s ease-in-out;margin-bottom:8px}.OptiosBox .Option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px}.OptiosBox .Option label{width:100%;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.rdBag{height:20px;width:20px;border-radius:50%;background:#DAE3E5;display:flex;align-items:center;justify-content:center}.rdBag .rdInd{height:0px;width:10px;border-radius:50%;background:var(--primary-color, #507DBC);transition:all .3s ease-in-out}.OptiosBox .Option input[type=radio]:checked+label .rdInd{height:10px;width:10px;background:var(--primary-color, #507DBC)}.optionBox_sm{display:flex;gap:16px}.PopUpSceen .PopUpSceen_Content{width:100%;padding:15px;border-radius:8px 8px 0 0;background:#FFF;transition:all .5s ease-in-out}.PopUpSceen .PopUpSceen_Content .PopUpCloseBar{width:100%;background:#FFF;transition:all .5s ease-in-out}.PopUpSceen .PopUpSceen_Content .PopUpCloseBar .indicBard{width:40px;height:4px;background:#bfbfbf;border-radius:50px;margin:0 auto}.PopUpSceen .PopUpSceen_Content .PopUpCloseBar .indicBard:hover{background:#507DBC;width:45px}.PopUpSceen_Content .cat_skill_list{display:flex;flex-direction:column;gap:12px;height:480px;overflow:scroll;padding:0 0 24px;margin:16px 0;transition:all .5s ease-in-out}.PopUpSceen_Content .cat_skill_list .Cat_Skill_View{display:flex;width:100%;padding:12px;flex-direction:column;align-items:flex-start;gap:3px;border-radius:8px;border:.5px solid rgba(4,8,15,.15);background:#F8F8F8}.PopUpSceen .PopUpSceen_Content .cat_skill_list .Cat_Skill_View h3{color:var(--Secondary, #04080F);font-size:16px;font-style:normal;font-weight:700;line-height:normal}.PopUpSceen .PopUpSceen_Content .cat_skill_list .Cat_Skill_View p{color:var(--Secondary, #04080F88);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.Profile_Contents{width:100%;display:inline-flex;flex-direction:column;align-items:flex-start;margin:36px 0}.Profile_Contents .TopView{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.Profile_Contents .View_Information{width:100%;display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin:23px 0;position:relative;padding-bottom:40px;overflow:hidden;transition:all .5s ease-in-out}.Profile_Contents .TopView .profile_pic{width:68px;height:68px;border-radius:8px;border:.5px solid rgba(4,8,15,.15);background:url(https://skillsbank.online/assets/Logos/Logo.png),rgb(210,210,210) 50% / cover no-repeat;overflow:hidden}.Profile_Contents .View_Information .hr_h{height:.2px;width:100%;border:none;background:rgb(216,216,216);display:block}.Profile_Contents .View_Information .view_controle{display:flex;width:100%;gap:12px;align-items:center;position:absolute;bottom:0;background:white}.Profile_Contents .View_Information .view_controle span{flex-shrink:0}.Profile_Contents .View_Information .Information_Details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex-shrink:0}.Profile_Contents .View_Information .Information_Details .h_container{display:flex;gap:4px;flex-shrink:0;align-items:center;justify-content:center}.Profile_Contents .View_Information .Information_Details .h_container .hr{width:.5px;height:12px;border:none;background:rgb(142,142,142);display:block;margin:0 5px}.Profile_Contents .View_Information .Information_Details h1{font-size:20px;font-style:normal;font-weight:700;line-height:normal}.Profile_Contents .View_Information .Information_Details p{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.Profile_Contents .TopView .View_Action{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.Profile_Contents .TopView .View_Action div{display:flex;padding:5px 12px;align-items:center;gap:10px}.Profile_Contents .TopView .View_Action div img{width:18px;height:18px}.Profile_Contents .TopView .View_Action div p{font-size:14px;font-style:normal;font-weight:400;line-height:normal}.Profile_Contents .Performance_View{width:100%;height:76px;overflow:scroll}.Profile_Contents .Performance_View .items_scroll{height:auto;display:flex;gap:12px}.Profile_Contents .Performance_View .View_Item{width:100%;display:flex;padding:6px;align-items:flex-start;border-radius:4px;border:.5px solid rgba(4,8,15,.12);background:#FFF}.Profile_Contents .Performance_View .View_Item svg{display:none}.Profile_Contents .Performance_View .View_Item_active{border:.5px solid var(--Primary, #507DBC);position:relative}.Profile_Contents .Performance_View .View_Item .icon{display:flex;padding:8px;align-items:center;gap:10px;border-radius:4px;background:rgba(80,125,188,.12)}.Profile_Contents .Performance_View .View_Item_active .icon{display:flex;padding:8px;align-items:center;gap:10px;border-radius:4px;background:var(--Primary, #507DBC);transition:all .15s ease-in-out}.Profile_Contents .Performance_View .View_Item_active svg{display:block;position:absolute;bottom:-8px;z-index:-10}.Profile_Contents .Performance_View .View_Item .icon img{width:22px;height:22px}.Profile_Contents .Performance_View .View_Item .info{display:flex;height:38px;flex-direction:column;align-items:flex-start;padding:0 8px}.Profile_Contents .Performance_View .View_Item .info h4{color:#212121;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.Profile_Contents .Performance_View .View_Item_active .info h4{color:var(--Primary, #507DBC);font-size:16px;font-style:normal;font-weight:800;line-height:normal}.Profile_Contents .Performance_View .View_Item .info p{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.Profile_Contents .Action_View{display:flex;width:100%;flex-direction:column;align-items:flex-start;border-top:.5px solid rgba(4,8,15,.12);margin-top:18px}.Profile_Contents .Action_View .Action_Item{display:flex;padding:16px 0;justify-content:space-between;align-items:center;align-self:stretch;gap:12px;border-bottom:.5px solid rgba(4,8,15,.12)}.Profile_Contents .Details_View{width:100%}.Profile_Contents .Action_View .Action_Item p{width:100%;font-size:16px;font-style:normal;font-weight:600}.Profile_Contents .skill_smBox{width:100%;display:flex;gap:10px;flex-wrap:nowrap;align-items:center;box-sizing:border-box;overflow:scroll}.Profile_Contents .skill_smBox .skill_body{display:flex;padding:5px 16px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:rgba(80,125,188,.12);height:28px}.Profile_Contents .skill_smBox .skill_body p{color:var(--Primary, #507DBC);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.Profile_Contents .Details_View .project_smBox{width:100%;display:flex;align-items:flex-start;gap:10px}.Profile_Contents .project_smBox .project_body{width:100%;display:flex;flex-direction:column;gap:8px}.Profile_Contents .Details_View .project_body .icon{display:flex;width:41px;height:41px;padding:.5px 0;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0;border-radius:6px}.Profile_Contents .Details_View .project_body .icon img{width:100%;height:100%}.Profile_Contents .Details_View .project_body .info h3{font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.1px}.Profile_Contents .Details_View .project_body .info p{font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px}.Sub_card{display:flex;width:180px;padding:6px;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;border-radius:8px;border:.5px solid rgba(0,0,0,.12);background:#FFF}.Sub_card .thumbnail{width:100%;height:78px;border-radius:6px;background:url(<path-to-image>) lightgray 50% / cover no-repeat;cursor:pointer}.Sub_card .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:8px}.Sub_card .details h1{width:100%;font-family:Nunito Sans;font-size:15px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:3px}.Sub_card .details p{font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.subcard{display:flex;width:100%;padding:12px 0;align-items:flex-start;flex-wrap:wrap;gap:10px;border-bottom:.5px solid rgba(0,0,0,.12)}.subcard .thumbnail{height:152px;width:100%;overflow:hidden;border-radius:6px;background:url(<path-to-image>) lightgray 50% / cover no-repeat}.subcard .thumbnail img{width:100%;height:100%;object-fit:cover}.subcard .details h1{font-size:15px;font-style:normal;font-weight:700;line-height:normal}.subcard .details p{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.Preview_Project_Container{display:flex;flex-direction:column;align-items:flex-start}.Preview_Project_Container .Details_Project{display:flex;width:345px;align-items:center;gap:12px}.Preview_Project_Container .Details_Project .Logo{width:68px;height:68px;flex-shrink:0;border-radius:6px;border:.5px solid rgba(4,8,15,.12);overflow:hidden;object-fit:cover}.Preview_Project_Container .Details_Project .Logo img{width:100%;object-fit:cover}.Preview_Project_Container .Details_Project .Text_data h3{font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:800;line-height:20px;letter-spacing:.1px}.Preview_Project_Container .Details_Project .Text_data p{color:var(--Primary, #507DBC);font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.Preview_Project_Container .Project_Prev_images{display:flex;width:100%;align-items:flex-start;gap:10px;overflow-x:scroll;padding-top:18px}.Preview_Project_Container .Project_Prev_images img{width:300px;height:224px;flex-shrink:0;border-radius:8px;object-fit:cover;background:lightgray 50% / cover no-repeat;transition:all 1px ease-in-out}.Preview_Project_Container .Project_Prev_images .big_Image_preview{position:fixed;height:100%;width:100%;background-color:#0004;top:0;right:0;background-size:contain}.Preview_Project_Container .Project_Prev_images button{position:absolute;z-index:3;top:5%;right:5%}.Preview_Project_Container .More_Details{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.Preview_Project_Container .More_Details p{font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px}.Preview_Project_Container .More_Details .Prev_link{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:100px;border:1px solid var(--Primary, #507DBC);padding:5px 18px;background:rgba(80,125,188,.12)}.Preview_Project_Container .More_Details .Prev_link a{color:var(--Primary, #507DBC);text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.1px}.subject_list{width:100%;display:flex;align-items:flex-start;gap:12px;overflow:scroll;margin:12px 0 24px}.Headder{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:all .5s ease-in;cursor:pointer}.Headder .thumbnail{width:100%;height:161px;box-sizing:border-box;position:relative}.Headder .thumbnail .back_button{position:absolute;top:12px;left:12px}.Headder .thumbnail img{width:100%;height:100%;flex-shrink:0;border-radius:6px;object-fit:cover}.Headder .details h1{font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin:4px 0}.Headder .details p{font-family:Nunito Sans;font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin:4px 0}.Headder .details a{font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.skill_list{width:100%;display:grid;align-items:flex-start;gap:12px}.skill_list .head{width:100%;display:flex;padding:10px;align-items:center;gap:10px;align-self:stretch;border-radius:8px;border:.5px solid rgba(4,8,15,.12);background:#FFF;transition:all .2s ease-in-out}.skill_list .head:hover{border:1px solid var(--Secondary, #507DBC);box-shadow:0 8px 12px #507dbc1a;z-index:3}.skill_list .head img{display:flex;height:120px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:6px;background:rgba(80,125,188,.12);border:none}.skill_list .head svg{margin-left:auto}.skill_list .head .details h3{font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin:0}.skill_list .head .details p{font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.skill_list .list_topics{margin-top:12px}.skill_list .list_topics .Cat_Skill_View{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:3px;align-self:stretch;border-radius:8px;background:#F8F8F8;border:.5px solid rgba(100,100,100,.15);margin:6px 0}.skill_list .list_topics .Cat_Skill_View h3{font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin:0}.skill_list .list_topics .Cat_Skill_View p{font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.List-Alerts-Cards{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.List-Alerts-Cards .alert_card{padding:8px;border-radius:12px;border:.5px solid #95959553;display:flex;align-items:flex-start;width:100%;gap:12px}.List-Alerts-Cards .alert_card .type{padding:12px;background:rgb(230,233,240);border-radius:8px}.skillBox p{width:100%;color:#000;font-size:13px;padding:0 12px}@media only screen and (max-width: 1200px) and (min-width: 600px){body{padding:18px 55px}}@media only screen and (max-width: 600px) and (min-width: 500px){body{padding:18px 55px}}@media only screen and (max-width: 2600px) and (min-width: 1500px){body{padding:18px 184px}.Dashboard-Container{display:flex;flex-direction:row;gap:32px;flex-wrap:nowrap;width:100%}.Alt-Screen,.PopUpSceen{align-items:center}.Alt-Screen .Atl-Box,.PopUpSceen .Atl-Box{width:30%}.mForm{width:50%}.State_Container,.img-box-onboarding{width:40%;margin:0 auto}.Action-onboarding{display:flex;flex-direction:row;width:35%}.HomeHeading{width:70%}.Dashboard-Container .Progress .Para-sm{width:75%}.Dashboard-Container .Progress{width:max-content}.Dashboard-Container .Performance{width:450px}.Dashboard-Container .Progress .set{width:580px}.BottomAppBar{top:0;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;gap:62px;left:0;width:58px;height:100%;border-right:.5px solid rgb(171,171,171);padding-right:60px;padding-left:30px}.BottomAppBar .Tab{width:24px}.BottomAppBar .FAB_Tab{width:24px;transform:translateY(0)}.secrete_logo{display:block;height:38px;width:38px;margin-top:28px}.secrete_logo img{width:100%;height:100%}.PopUpSceen{justify-content:flex-end;padding:0 8%}.PopUpSceen .PopUpSceen_Content{width:45%;height:90%}.PopUpSceen_Content .cat_skill_list{height:100%}.AdSection{width:400px;height:170px}.Performance .blow h2{font-size:22px}.Performance .blow p{font-size:16px}.Progress h2{font-size:22px}.Progress p{font-size:16px}.Myskills{width:70%}.skill_list .head{width:50%}.card-skil{display:flex;gap:18px;height:auto}.card-skil img{width:48px;height:48px;border-radius:18px}.card-skil .card-content h2{font-size:18px}.card-skil .card-content p,.card-skil .card-content b{font-size:16px}.allSkills{display:flex;flex-direction:row;align-items:flex-start;height:100%}.allSkills .card-skil{width:400px;padding-right:32px;height:100%}.ContainerSkill .SkillThumbnail{width:45%}.CategoryList{width:50%;flex-direction:row;flex-wrap:wrap}.CategoryList .Category-skil{gap:58px}.List-Product-Cards{flex-direction:row;flex-wrap:wrap}.List-Product-Cards .project-Crad-Big{width:30%;border:.5px solid #d2d2d2;padding:8px;border-radius:12px}.desk_view{display:flex;gap:28px;margin-bottom:28px}.desk_view .details h1{font-size:22px}.desk_view .details p{font-size:16px}.subject_list{width:70%}.skill_list{display:flex;flex-wrap:wrap}.skill_list .head{width:30%;display:flex;padding:10px;align-items:center;gap:10px;align-self:stretch;border-radius:8px;border:.5px solid rgba(4,8,15,.12);background:#FFF}.list_subjects{display:flex;flex-wrap:wrap;gap:28px}.list_subjects .subcard{width:346px}.Profile_Contents .View_Information{height:auto}.Profile_Contents .View_Information .Information_Details p{font-size:18px}.Profile_Contents .View_Information .Information_Details h5{font-size:20px}.Profile_Contents .View_Information .Information_Details h1{font-size:28px}.SkillDetails{gap:28px;align-items:center}.SkillDetails .progress{margin:16px 0}.SkillDetails .container{gap:22px}.SkillDetails .container .details h1{font-size:18px}.SkillDetails .container .details p{font-size:22px}.SkillDetails .container img{height:54px;width:54px;padding:12px}.ContainerSkill .details .MoreDetails p{font-size:16px;margin-bottom:14px}.MoreDetails h1{font-size:22px}.skillBox_i p{font-size:16px}.InputField .Option_i{scale:1.2}}@media only screen and (max-width: 5600px) and (min-width: 2000px){body{padding:18px 355px}.Dashboard-Container{display:flex;flex-direction:row;gap:18px;flex-wrap:nowrap;width:800px}.HomeHeading{width:50%}.Dashboard-Container .Progress .Para-sm{width:75%}.Dashboard-Container .Progress{width:max-content}.Dashboard-Container .Progress .set{width:380px}.BottomAppBar{top:0;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;gap:62px;left:0;width:58px;height:100%;border-right:.5px solid rgb(171,171,171);padding-right:70px;padding-left:40px}.BottomAppBar .Tab{width:24px}.BottomAppBar .FAB_Tab{width:24px;transform:translateY(0)}.secrete_logo{display:block;height:48px;width:48px;margin-top:28px}.secrete_logo img{width:100%;height:100%}.PopUpSceen{justify-content:flex-end;padding:0 8%}.PopUpSceen .PopUpSceen_Content{width:45%;height:90%}.PopUpSceen_Content .cat_skill_list{height:100%}.myad_desk{position:absolute;bottom:5%;right:10%}.AdSection{width:400px;height:170px}.skill_list .head{width:50%}.skill_list{display:flex;flex-wrap:wrap}.skill_list .head{width:30%;display:flex;padding:10px;align-items:center;gap:10px;align-self:stretch;border-radius:8px;border:.5px solid var(--Primary, #507DBC);background:#FFF}.list_subjects{display:flex;flex-wrap:wrap;gap:28px}.list_subjects .subcard{width:346px}.Profile_Contents .View_Information .Information_Details p{font-size:18px}.Profile_Contents .View_Information .Information_Details h5{font-size:20px}.Profile_Contents .View_Information .Information_Details h1{font-size:28px}}@media only screen and (max-width: 1600px) and (min-width: 1300px){body{padding:18px 120px}}@media only screen and (max-width: 1500px) and (min-width: 1000px){body{padding:18px 110px}.Dashboard-Container{display:flex;flex-direction:row;gap:32px;flex-wrap:nowrap;width:100%}.Alt-Screen,.PopUpSceen{align-items:center}.Alt-Screen .Atl-Box,.PopUpSceen .Atl-Box{width:40%}.State_Container,.img-box-onboarding{width:55%;margin:0 auto}.Action-onboarding{display:flex;flex-direction:row;width:55%}.HomeHeading{width:100%}.Dashboard-Container .Progress .Para-sm{width:75%}.Dashboard-Container .Progress{width:max-content}.Dashboard-Container .Performance{width:450px}.Dashboard-Container .Progress .set{width:580px}.BottomAppBar{top:0;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;gap:62px;left:0;width:58px;height:100%;border-right:.5px solid rgb(171,171,171);padding-right:60px;padding-left:30px}.BottomAppBar .Tab{width:24px}.BottomAppBar .FAB_Tab{width:24px;transform:translateY(0)}.secrete_logo{display:block;height:38px;width:38px;margin-top:28px}.secrete_logo img{width:100%;height:100%}.PopUpSceen{justify-content:flex-end;padding:0 8%}.PopUpSceen .PopUpSceen_Content{width:45%;height:90%}.PopUpSceen_Content .cat_skill_list{height:100%}.AdSection{width:400px;height:170px}.Performance .blow h2{font-size:22px}.Performance .blow p{font-size:16px}.Progress h2{font-size:22px}.Progress p{font-size:16px}.card-skil{display:flex;gap:18px;height:auto}.card-skil img{width:48px;height:48px;border-radius:18px}.card-skil .card-content h2{font-size:18px}.card-skil .card-content p,.card-skil .card-content b{font-size:16px}.allSkills{display:flex;flex-direction:row;align-items:flex-start;height:100%}.allSkills .card-skil{width:400px;padding-right:32px;height:100%}.ContainerSkill{display:flex;gap:18px;flex-wrap:wrap}.ContainerSkill .SkillThumbnail{width:100%}.CategoryList{width:50%;flex-direction:row;flex-wrap:wrap}.CategoryList .Category-skil{gap:58px}.List-Product-Cards{flex-direction:row;flex-wrap:wrap}.List-Product-Cards .project-Crad-Big{width:30%;border:.5px solid #d2d2d2;padding:8px;border-radius:12px}.subject_list{flex-wrap:wrap}.skill_list{display:flex;flex-wrap:wrap}.skill_list .head{width:30%;display:flex;padding:10px;align-items:center;gap:10px;align-self:stretch;border-radius:8px;border:.5px solid rgba(4,8,15,.12);background:#FFF}.skill_list .head .list_topics{display:flex;flex-wrap:wrap}.desk_view{display:flex;gap:28px;margin-bottom:28px}.desk_view .details h1{font-size:22px}.desk_view .details p{font-size:16px}.list_subjects{display:flex;flex-wrap:wrap;gap:28px}.list_subjects .subcard{width:346px}.Profile_Contents .View_Information .Information_Details p{font-size:18px}.Profile_Contents .View_Information .Information_Details h5{font-size:20px}.Profile_Contents .View_Information .Information_Details h1{font-size:28px}.skillBox_i p{font-size:16px}.InputField .Option_i{scale:1.2}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}