.features-container{height:100%;gap:6.875rem}.feature-card{display:flex;flex:row;gap:1.25rem}.feature-icon-container{width:4.875rem;height:4.875rem;padding:1.25rem;border-radius:.938rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.feature-icon{max-width:200%;max-height:200%}.feature-title{font-family:Poppins;font-weight:700;font-size:1.5rem;line-height:120%;margin-bottom:10px}.feature-subtitle{font-family:Poppins;font-weight:500;font-size:.938rem;line-height:120%}.courses-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(394px,1fr));gap:20px;margin-top:40px}.course-card{background:#fff;padding:20px 20px 70px;border-radius:14px;box-shadow:0 4px 25px #0000001a;width:100%;height:max-content;position:relative;margin-bottom:30px}.course-image-container{width:100%}.btn-join-program{position:absolute;width:max-content;bottom:-20px;left:50%;transform:translate(-50%);background:#007e8f;border-radius:96px;padding:12px 20px;font-family:Poppins;font-weight:500;font-size:22px;line-height:100%;color:#fff;cursor:pointer}@media (max-width: 640px){.course-card{width:85%;margin-top:20px}}.enrollment-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(394px,1fr));gap:20px;margin-top:40px}.enrollment-card{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 25px #0000001a;width:100%;height:max-content;position:relative;cursor:pointer}.enrollment-image-container{width:100%}.enrollment-level{width:max-content;padding:3px 10px;border-radius:10px}.enrollment-title{font-family:Poppins;font-weight:500;font-size:20px;line-height:100%;color:#1a202c;margin:10px 0}.separator{border-top:1px dashed #acacac;height:16px;align-self:center}@media (max-width: 640px){.enrollment-card{width:85%;margin-top:20px}}.btn-next{width:max-content;height:40;border-radius:8px;padding:8px 12px;background:#007e8f;font-family:Poppins;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;color:#fff;margin-left:10px}.container-circle-card{box-shadow:0 0 4px #0000001a;width:100%;height:max-content;border-radius:15px;padding:20px}.container-circle-card .title{font-family:Poppins;font-weight:600;font-size:16px;line-height:100%;letter-spacing:0%;color:#1a202c;margin-bottom:10px}.card-program-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(394px,1fr));gap:20px;margin-top:40px}.program-card{background:#fff;padding:20px 20px 70px;border-radius:14px;box-shadow:0 4px 25px #0000001a;width:394px;height:max-content;position:relative;margin-top:15px}.program-title{font-family:Poppins;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 0;color:#1a202c}.program-content{font-family:Poppins;font-weight:400;font-size:16px;line-height:100%;letter-spacing:2%;color:#1a202c}.btn-join-program{position:absolute;width:max-content;bottom:-20px;left:50%;transform:translate(-50%);background:#007e8f;border-radius:96px;padding:12px 20px;font-family:Poppins;font-weight:500;font-size:22px;line-height:100%;color:#fff}@media (max-width: 640px){.program-card{width:85%;margin-top:20px}}.container-publication{position:relative}.search-filter-container{position:absolute;top:-80px;display:flex;align-items:center;width:100%;gap:20px;padding:10px}.search-container{background:#fff;display:flex;align-items:center;width:100%;max-width:100%;border-radius:62px;box-shadow:0 0 4px #00000040;overflow:hidden;padding:10px}.search-input{flex:1;border:none!important;outline:none;font-size:14px;width:100%}.search-container button{padding:8px 32px;background:#007e8f;color:#fff;border:none;border-radius:62px;cursor:pointer;font-family:Poppins;font-weight:500;font-size:clamp(16px,2vw,20px);line-height:144%;letter-spacing:2%}.filter-container{margin-top:-10px;display:flex;align-items:center;gap:10px;padding:8px 32px;background:#007e8f;color:#fff;border:none;border-radius:62px;cursor:pointer;font-family:Poppins;font-weight:500;font-size:clamp(16px,2vw,20px);line-height:144%;letter-spacing:2%}.card-publication-container{display:grid;grid-template-columns:repeat(2,minmax(394px,1fr));gap:20px;margin-top:40px;padding-top:30px}.publication-image-container{width:100%;height:100%;flex:0 0 150px;overflow:hidden;border-radius:8px}.publication-image{width:100%;height:100%;object-fit:cover;object-position:center}.publication-card{display:flex;background:#fff;height:max-content;padding:20px;border-radius:14px;box-shadow:0 4px 25px #0000001a;position:relative;margin-top:15px;gap:20px}.publication-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}.publication-title{font-family:Poppins;font-weight:600;font-size:clamp(18px,2vw,22px);line-height:100%;letter-spacing:0%;margin-bottom:30px;color:#1a202c;cursor:pointer}.publication-content{font-family:Poppins;font-weight:400;font-size:clamp(12px,2vw,14px);line-height:100%;letter-spacing:0%;margin-bottom:20px;color:#1a202c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.publication-info-content div{display:flex;align-items:center;gap:4px}.publication-info-content p{font-family:Poppins;font-weight:400;font-style:italic;font-size:10px;line-height:100%;letter-spacing:0%;color:#a0aec0}.btn-action{width:42;height:42;padding:8px 12px;border-radius:8px;border:1px solid #0000000d;cursor:pointer;color:#0ea5e9}.search-container{margin-bottom:16px;display:flex;justify-content:center}.search-input{width:300px;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px}@media (max-width: 768px){.search-filter-container{position:static;flex-direction:column;gap:10px}.search-container{width:100%;max-width:100%}.filter-container{width:100%;justify-content:center}.card-publication-container{grid-template-columns:repeat(1,minmax(200px,1fr))}.publication-title{margin-bottom:20px}.publication-card{flex-direction:column}.publication-image{height:auto;max-height:150px;object-fit:contain}}.detail-publication-container{box-shadow:0 4px 25px #0000001a;width:100%;height:max-content;gap:40px;border-radius:14px;padding:30px;display:flex;background:#fff}.detail-publication-image-container{width:100%;height:100%;flex:0 0 150px;overflow:hidden;border-radius:8px}.detail-publication-info-content div{display:flex;align-items:center;gap:4px}.detail-publication-info-content p{font-family:Poppins;font-weight:400;font-style:italic;font-size:10px;line-height:100%;letter-spacing:0%;color:#a0aec0;margin-bottom:1em!important;line-height:1.5!important;text-align:justify}.detail-publication-content p:empty{display:block;height:.5em;content:""}.detail-publication-image{width:100%;height:100%;object-fit:cover;object-position:center}.detail-publication-title{font-family:Poppins;font-weight:600;font-size:clamp(22px,2vw,24px);line-height:100%;letter-spacing:0%;margin-bottom:30px;color:#1a202c;cursor:pointer}.detail-publication-content{font-family:Poppins;font-weight:400;font-size:clamp(14px,2vw,16px);line-height:150%;color:#1a202c;margin-top:0;margin-bottom:1em;line-height:1.7;text-align:justify}@media (max-width: 768px){.detail-publication-container{flex-direction:column}.detail-publication-image{height:auto;max-height:150px;object-fit:contain}.container-btn{margin-top:20px;display:flex;justify-content:center}}.card-recommendation-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(394px,1fr));gap:20px}.recommendation-card{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 25px #0000001a;margin-top:15px;gap:20px}.recommendation-title{font-family:Poppins;font-weight:600;font-size:14px;line-height:100%;letter-spacing:0%;color:#1a202c;margin-bottom:20px}.recommendation-content{font-family:Poppins;font-weight:400;font-size:12px;line-height:100%;letter-spacing:2%;color:#1a202c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px}.recommendation-info-content{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:50px}.recommendation-info-content div{display:flex;align-items:center;gap:4px;color:#0ea5e9}.recommendation-info-content p{font-family:Poppins;font-weight:400;font-style:italic;font-size:10px;line-height:100%;letter-spacing:0%;color:#1d2939}.tags{font-family:Poppins;font-weight:400;font-style:italic;font-size:10px;line-height:28px;letter-spacing:0%}@media (max-width: 768px){.card-recommendation-container{grid-template-columns:repeat(1,minmax(200px,1fr))}.recommendation-info-content{gap:10px}}.courses-buy-container{box-shadow:0 4px 25px #0000001a;width:100%;height:max-content;border-radius:14px;padding:20px;background:#fff}.original-price{font-family:Poppins;font-weight:600;font-size:20px;line-height:100%;letter-spacing:0%;text-decoration:line-through;color:#a0aec0}.final-price{font-family:Poppins;font-weight:600;font-size:20px;line-height:100%;color:#ed8936}.separator-solid{border-top:1px solid #718096;align-self:center}.info-item{display:flex;align-items:center;gap:6px;padding-top:15px}.section-info-title{font-family:Poppins;font-weight:400;font-size:12px;line-height:100%;color:#acacac}.btn-buy-course{width:100%;background:#007e8f;border-radius:10px;margin-top:10px;padding:12px 20px;font-family:Poppins;font-weight:500;font-size:14px;line-height:100%;color:#fff;cursor:pointer}.list-user-container{box-shadow:0 0 2px #00000040;padding:10px;border-radius:10px;margin-bottom:10px;display:flex;justify-content:space-between}.courses-detail-container{box-shadow:0 4px 25px #0000001a;width:100%;height:max-content;border-radius:14px;padding:20px;background:#fff}.course-level{width:max-content;padding:3px 10px;border-radius:10px}.star-rating{position:relative}.stars{display:flex;gap:2px}.rating{position:absolute;top:0}.course-title{font-family:Poppins;font-weight:500;font-size:20px;line-height:100%;color:#1a202c;margin:10px 0}.course-desc{font-family:Poppins;font-weight:400;font-size:16px;line-height:100%;letter-spacing:2%;color:#1a202c}.courses-content-container{box-shadow:0 4px 25px #0000001a;width:100%;height:max-content;border-radius:14px;padding:20px;background:#fff}.courses-content-container .title{font-family:Poppins;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;color:#1a202c}.courses-content-container .info-content{display:flex;align-items:center;gap:6px;padding-top:15px}.courses-content-container .expand-all{font-family:Poppins;font-weight:500;font-size:12px;line-height:100%;letter-spacing:0%;color:#4299e1;padding-top:15px;cursor:pointer}.breadcrumb-no-active{font-family:Poppins;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0%;color:#007e8f;pointer-events:auto!important;position:relative;z-index:2}.breadcrumb-active{font-family:Poppins;font-weight:700;font-size:14px;line-height:100%;letter-spacing:0%;color:#007e8f}.header-container{width:100%;height:max-content;background-image:url(/assets/background_header.svg);background-repeat:no-repeat;background-position:center;background-size:cover}.header-container .title{font-family:Poppins;font-weight:600;font-size:40px;line-height:130%;letter-spacing:0px;color:#007e8f}.header-container .sub-title{font-family:Poppins;font-weight:400;font-size:24px;line-height:100%;letter-spacing:0px;color:#007e8f}.footer-container{background-color:#fdf8ee;margin-top:100px;padding:20px}.footer-container>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px}.footer-header{font-family:Poppins;font-weight:600;font-size:25px;line-height:100%;color:#00052e;margin-bottom:20px}.footer-content{font-family:Poppins;font-weight:400;font-size:14px;line-height:230%;color:#606060;margin-bottom:16px}.copyright-footer{border-top:1px solid #b7b7b7;text-align:center;color:#606060;padding-top:20px;font-size:14px;margin-top:20px;width:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.footer-container>div{flex-direction:column;align-items:center;text-align:center}.footer-container>div>div{width:100%}.section-logo img{margin:0 auto}}.navbar-container{height:85px;display:flex;box-shadow:0 3px 6px #00000040;justify-content:space-between;align-items:center;background-image:url(/assets/background_nav.svg);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10000}.nav-active{width:max-content;height:44;border-radius:20px;background:#007e8f;padding:10px 25px;color:#fff;font-family:Poppins;font-weight:400;font-size:16px;line-height:24px}.nav-inactive{font-family:Poppins;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0%;color:#000}.container-auth{width:max-content;height:44;border-radius:20px;background:#007e8f;padding:10px 15px;font-family:Poppins;font-weight:400;font-size:16px;line-height:24px;color:#fff}.form-label{font-family:Poppins;font-weight:500;font-size:16px;line-height:24px;letter-spacing:0px;color:#2d3748}.form-text-field-container{border:1px solid #e2e8f0;height:40;border-radius:4px;border-width:1px}.form-text-field{font-family:Poppins;font-weight:500;font-size:14px;line-height:100%;color:#a0aec0}.form-prefix{background:#f7f8f9;width:43;padding:8px;font-family:Poppins;font-weight:400;font-size:14px;line-height:24px;color:#a0aec0}.form-icon-prefix{width:43;display:flex;color:#a0aec0;margin-left:5px;margin-right:5px}.form-textbox{border:1px solid #e2e8f0;height:174px;gap:4px;border-radius:4px;padding:15px;border-width:1px}.customer-consent .label{font-family:Poppins;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px;color:#2e3032}.btn-submit{margin-top:12px;width:100%;height:52;padding:16px;gap:5px;border-radius:25px;background:#007e8f;font-family:Poppins;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;vertical-align:middle;color:#fff;cursor:pointer}.form-field-auth{border:1px solid #cbd5e0;height:48;border-radius:4px;border-width:1px}.custom-button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s;border:none;width:100%;padding:16px}.primary{background-color:#007e8f;color:#fff}.secondary{box-shadow:0 0 2px #00000040;background-color:#fff;color:#1a202c;font-family:Poppins;font-weight:500;font-size:16px;line-height:100%}.disabled{background-color:#ccc;cursor:not-allowed}.icon{display:flex;align-items:center}.label{white-space:nowrap}.container-sidebar{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:220px;transition:width .3s;background:#007e8f;padding:1rem 1.25rem;overflow:hidden}.container-sidebar.collapsed{width:max-content}.container-sidebar.collapsed .menu{justify-content:center;padding:12px 0}.container-sidebar.collapsed .menu span{display:none}.menu svg{min-width:18px;min-height:18px}.sidebar-inner{display:flex;flex-direction:column}.sidebar-menu{margin-top:1rem}.avatar-section{padding:0 .25rem}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.logo-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1rem}.logo-img{width:32px;height:auto}.sidebar-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.toggle-btn-wrapper{cursor:pointer;padding:.25rem;border-radius:6px;transition:background .2s;color:#fff}.toggle-btn-wrapper:hover{background:#fff3}.username-text{font-family:Poppins;font-weight:600;font-size:16px;line-height:100%;color:#fff;margin-bottom:5px}.email-text{font-family:Poppins;font-weight:400;font-size:12px;line-height:100%;color:#fff}.menu{display:flex;align-items:center;gap:.75rem;width:100%;font-family:Poppins;font-weight:500;font-size:14px;line-height:100%;color:#fff;border-radius:8px;padding:12px 8px;margin-bottom:12px;opacity:.8;cursor:pointer}.menu:hover,.active{color:#007e8f;background:#fff}.editor-container{border:1px solid #ccc;padding:1rem;border-radius:8px;margin:0 auto}.control-group{margin-bottom:1rem}.button-group{display:flex;flex-wrap:wrap;gap:8px}.button-group button{background:#f3f3f3;border:1px solid #ccc;padding:6px 10px;cursor:pointer;border-radius:4px;font-size:14px}.button-group .is-active{background:#007e8f;color:#fff;border-color:#007e8f}.editor-content{height:max-content;min-height:600px;border:1px solid #ccc}.container-tabs{box-shadow:0 0 4px #0000001a;border-radius:15px;padding:20px}.active-tabs{font-family:Poppins;font-weight:400;font-size:14px;line-height:100%;color:#007e8f;border-bottom:2px solid #007e8f}.no-active-tabs{font-family:Poppins;font-weight:400;font-size:14px;line-height:100%;color:#1a202c}