#cssVarCompatRoot{-var--color-primary:#172e51;--color-primary:#172e51;-var--color-secondary:#e66f0f;--color-secondary:#e66f0f;-var--color-tertiary:#e4e4e4;--color-tertiary:#e4e4e4;-var--color-state:#e66f0f;--color-state:#e66f0f;-var--color-state-hover:#fff;--color-state-hover:#fff;-var--color-state-focus:#fff;--color-state-focus:#fff;-var--color-state-active:#e66f0f !important;--color-state-active:#e66f0f !important;-var--color-state-highlight:#e66f0f;--color-state-highlight:#e66f0f;-var--color-state-highlight-neutral:#d7d7d7;--color-state-highlight-neutral:#d7d7d7;-var--color-state-disabled:#7c7c7c40;--color-state-disabled:#7c7c7c40;-var--color-neutral-1:#fff;--color-neutral-1:#fff;-var--color-neutral-2:#eff6fb;--color-neutral-2:#eff6fb;-var--color-neutral-3:#d7d7d7;--color-neutral-3:#d7d7d7;-var--color-neutral-4:#e0e0e0;--color-neutral-4:#e0e0e0;-var--color-neutral-5:#7c7c7c40;--color-neutral-5:#7c7c7c40;-var--color-neutral-6:#c1c1c1;--color-neutral-6:#c1c1c1;-var--color-neutral-7:#204e82;--color-neutral-7:#204e82;-var--color-neutral-8:#f3f3f3;--color-neutral-8:#f3f3f3;-var--color-background:#fff;--color-background:#fff;-var--color-border:#7c7c7c40;--color-border:#7c7c7c40;-var--color-text:#204e82;--color-text:#204e82;-var--color-text-disabled:#7c7c7c40;--color-text-disabled:#7c7c7c40;-var--color-text-hint:#c1c1c1;--color-text-hint:#c1c1c1;-var--btn-bg-color:#e66f0f;--btn-bg-color:#e66f0f;-var--btn-text-color:#fff;--btn-text-color:#fff;-var--btn-bg-color-focus:#fff;--btn-bg-color-focus:#fff;-var--btn-text-color-focus:#e66f0f;--btn-text-color-focus:#e66f0f;-var--btn-border-color:#e66f0f;--btn-border-color:#e66f0f;-var--link-color:#204e82;--link-color:#204e82;-var--link-color-hover:#164478;--link-color-hover:#164478;-var--nav-bg-color:#fff;--nav-bg-color:#fff;-var--nav-text-color:#172E51;--nav-text-color:#172E51;-var--footer-bg-color:#e66f0f;--footer-bg-color:#e66f0f;-var--footer-text-color:#fff;--footer-text-color:#fff;-var--footer-text-color-hover:#ffffff;--footer-text-color-hover:#ffffff;-var--btn-accent-color:#204e82;--btn-accent-color:#204e82;-var--btn-accent-color-active:#053367;--btn-accent-color-active:#053367;-var--btn-accent-color-focus:#164478;--btn-accent-color-focus:#164478;-var--btn-accent-color-disabled:#7c7c7c40;--btn-accent-color-disabled:#7c7c7c40;-var--btn-prim-accent-color:#204e82;--btn-prim-accent-color:#204e82;-var--btn-prim-accent-color-active:#053367;--btn-prim-accent-color-active:#053367;-var--btn-prim-accent-color-focus:#164478;--btn-prim-accent-color-focus:#164478;-var--btn-prim-accent-color-disabled:#7c7c7c40;--btn-prim-accent-color-disabled:#7c7c7c40;-var--btn-prim-bg-color-focus:#fff;--btn-prim-bg-color-focus:#fff;-var--btn-prim-text-color-focus:#e66f0f;--btn-prim-text-color-focus:#e66f0f;}.my-learning-item{display:flex;flex-direction:column}.my-learning-item__img{position:relative;border-radius:5px;overflow:hidden}.my-learning-item__img img{transition:transform 0.4s ease-in-out;width:287px;height:171px;object-fit:cover}.my-learning-item__img:hover img{transform:scale(1.2)}.my-learning-item__img h4{position:absolute;z-index:1;top:2%;left:5%;width:180px;font-weight:700;color:#fff;text-shadow:0px 2px 6px rgba(0, 0, 0, 0.5);line-height:24px}.my-learning-item__img span{position:absolute;z-index:1;left:5%;bottom:5%;color:#fff;font-size:12px;font-weight:400}.my-learning-item__img span:hover{color:#fff}.my-learning-item__progress{display:flex;gap:5px;align-items:center}.my-learning-item__progress>span{font-weight:700}.my-learning-item__progress>span.orange{color:#e66f0f}.my-learning-item__progress__bar{width:100%;height:9px;border:1px solid transparent;border-radius:5px;margin:1rem 0;background:#f3f3f3}.my-learning-item__progress__bar__value{background-color:#e66f0f;width:0%;height:100%;border-top-left-radius:9px;border-bottom-left-radius:9px}.my-learning-item__details{margin:0;display:flex;flex-direction:column;gap:5px}.my-learning-item__details li{display:flex;align-items:center;gap:10px;list-style:none}.my-learning-item__details li img{width:14px}.my-learning-item__details li:first-of-type img{width:16px;margin-left:-3px}.my-learning-item__details li.dateTime{font-weight:bold}@media (max-width:1500px){.my-learning-item__img{height:auto}.my-learning-item__img img{width:254px}}@media (max-width:1200px){.my-learning-item__img img{width:200px}}.pagination{display:flex;align-items:center;gap:8px}.pagination__bar{flex-grow:1;background-color:#e0e0e0;height:2px;position:relative}.pagination__bar__default{width:100%;height:100%;background-color:#e0e0e0;position:absolute;top:0;left:0}.pagination__bar__active{height:100%;background-color:#e66f0f;position:absolute;top:0;transition:width 0.3s ease-in-out, right 0.3s ease-in-out}.pagination button{width:32px;height:32px;border:1px solid #172e51;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.pagination button i{color:#172e51;font-size:18px;margin-left:2px}.pagination button i.fa-angle-left{margin-right:2px;margin-left:0}.pagination button:disabled{opacity:0.5;cursor:not-allowed}.my-learning-boxes{display:flex;width:100%;flex-direction:column}.my-learning-boxes__container{display:flex;flex-direction:row;gap:22px;height:330px}@media (max-width:768px){.my-learning-boxes{flex-direction:column;width:100%}.my-learning-boxes__container{flex-direction:column;width:100%;height:auto}}.my-learning{display:flex;flex-direction:column;gap:10px;min-width:1215px}.my-learning h3{font-weight:bold;text-transform:initial}.my-learning__header{display:flex;justify-content:space-between;align-items:center}.my-learning__header>a{display:flex;justify-content:center;align-items:center;width:181px;height:41px;border:2px solid #e66f0f;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none;color:#e66f0f;cursor:pointer}.my-learning__header>a:hover{box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2);background-color:#e66f0f;color:#fff}.my-learning__no-courses h4{font-weight:400;font-style:italic;padding-bottom:5rem}@media (max-width:1500px){.my-learning{min-width:90%}}.my-badges{height:320px;background-color:#172e51;display:flex;align-items:center;gap:5rem;flex-direction:column}.my-badges__head{display:flex;align-items:center;gap:15px;margin-top:5rem}.my-badges__head h3{color:#fff;margin:0}.my-badges__head__buttons{display:flex;gap:5px}.my-badges__head__buttons button{width:32px;height:32px;border:1px solid #fff;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center}.my-badges__head__buttons button i{color:#fff;font-size:18px;margin-left:2px}.my-badges__head__buttons button i.fa-angle-left{margin-right:2px;margin-left:0}.my-badges__head__buttons button:disabled{opacity:0.5;cursor:not-allowed}.my-badges__container{display:flex;gap:3rem}.my-badges__container img{width:113px}@media (max-width:768px){.my-badges{height:auto}.my-badges__container{flex-direction:column}}.homepage{display:flex;flex-direction:column;padding-top:50px;gap:14rem}.homepage__my-learning{display:flex;align-items:center;justify-content:center}.homepage__scroll-down{width:44px;margin:0 auto;cursor:pointer}@media (max-width:1500px){.homepage{padding:10px}}.recently-added-item{display:flex;flex-direction:column}.recently-added-item:hover,.recently-added-item:focus,.recently-added-item:visited{text-decoration:none}.recently-added-item:hover .recently-added-item__card img{transform:scale(1.2)}.recently-added-item__card{position:relative;overflow:hidden;width:287px;height:269px;border-radius:5px}.recently-added-item__card h4{position:absolute;top:5%;left:5%;line-height:24px;color:#fff;text-shadow:0px 2px 6px rgba(0, 0, 0, 0.5);z-index:1}.recently-added-item__card img{width:100%;height:100%;transition:transform 0.4s ease-in-out;object-fit:cover}.recently-added-boxes{display:flex;gap:20px;width:100%;flex-direction:column}.recently-added-boxes__container{display:flex;flex-direction:row;gap:20px}@media (max-width:768px){.recently-added-boxes{flex-direction:column;width:100%}.recently-added-boxes__container{flex-direction:column;width:100%;height:auto}}.recently-added{display:flex;flex-direction:column;gap:10px;min-width:1215px;margin:14rem 0}.recently-added h3{font-weight:bold;text-transform:initial}.recently-added__no-courses h4{font-weight:400;font-style:italic;padding-bottom:5rem}@media (max-width:1500px){.recently-added{min-width:100%}}.welcome-card{min-width:391px;height:632px;border-top-left-radius:14px;border-bottom-left-radius:14px;background-color:#fff;box-shadow:0 4px 20px 0 #7c7c7c40;padding:6rem 4rem;display:flex;flex-direction:column;justify-content:space-between;font-family:'Aller'}.welcome-card__init{display:flex;gap:1rem;flex-direction:column}.welcome-card__init__subtitle{font-family:'IBM Plex Sans';font-weight:700;color:#e66f0f;font-size:16px}.welcome-card__init__username{font-weight:700;font-size:50px;margin:0}.welcome-card__quickLinks{display:flex;flex-direction:column;gap:1rem}.welcome-card__quickLinks>span{font-weight:700;font-size:16px;letter-spacing:1px;color:#e66f0f}.welcome-card .sofico-button{border:2px solid #e66f0f;background-color:#fff;color:#e66f0f;border-radius:9px;padding-left:25px;width:100%;height:50px;font-weight:700;text-transform:capitalize;text-align:start}.welcome-card .sofico-button:hover{color:#fff;background-color:#e66f0f}.welcome-card .form{width:100%;position:relative}.welcome-card .form .search{border:2px solid #e66f0f;border-radius:9px;height:50px;width:100%;margin:0 75px 0 0;padding-left:25px}.welcome-card .form .search::-webkit-input-placeholder{color:#c1c1c1}.welcome-card .form .search:-ms-input-placeholder{color:#c1c1c1}.welcome-card .form .search::placeholder{color:#c1c1c1}.welcome-card .form .search:focus{box-shadow:0 4px 10px 0 #7c7c7c40}.welcome-card .form .search-icon{display:flex;justify-content:center;background-color:#e66f0f;position:absolute;top:0;right:0px;height:50px;width:50px;border-top-right-radius:9px;border-bottom-right-radius:9px;cursor:pointer}.welcome-card .form .search-icon img{width:40%}.welcome-card .form .close-icon{position:absolute;cursor:pointer;top:50%;transform:translateY(-50%);right:65px}