*{margin:0;padding:0;font-family:Poppins,sans-serif;position:relative}.container-navbar{width:100%;height:80px;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;min-width:320px}.wrapper-navbar{width:90%;height:90%;display:flex;max-width:1440px}.left-navbar{width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center}.left-navbar img{width:150px;height:auto;object-fit:cover}.right-navbar{width:50%;height:100%;display:flex;justify-content:flex-end;align-items:center}.right-navbar Link{text-transform:none;color:#000}.right-navbar Button{width:100%;height:100%;text-transform:none;font-weight:400;font-size:16px;color:#fff;border-radius:100px;background-color:#0d221b}.right-navbar Button:hover{background-color:#34725d}.profile{width:100%;height:100%;justify-content:flex-end;align-items:center;display:flex;gap:2%;font-size:16px}.MuiMenuItem-root .menu-item-text{font-size:16px!important}@media only screen and (max-width:1024px){.container-navbar{width:100%;height:70px;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1}.wrapper-navbar{width:90%;height:90%;display:flex}.left-navbar{width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center}.left-navbar img{width:130px;height:auto;object-fit:cover}.right-navbar{width:50%;height:100%;display:flex;justify-content:flex-end;align-items:center}.right-navbar Link{text-transform:none;color:#000}.right-navbar Button{width:100%;height:100%;text-transform:none;font-weight:400;font-size:14px;color:#fff;border-radius:100px;background-color:#0d221b}.right-navbar Button:hover{background-color:#34725d}.profile{width:100%;height:100%;justify-content:flex-end;align-items:center;display:flex;gap:2%}.MuiMenuItem-root .menu-item-text{font-size:14px!important}}@media only screen and (max-width:768px){.container-navbar{width:100%;height:60px;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1}.wrapper-navbar{width:90%;height:90%;display:flex}.left-navbar{width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center}.left-navbar img{width:100px;height:auto;object-fit:cover}.right-navbar{width:50%;height:100%;display:flex;justify-content:flex-end;align-items:center}.right-navbar Link{text-transform:none;color:#000}.right-navbar Button{width:100%;height:100%;text-transform:none;font-weight:400;font-size:12px;color:#fff;border-radius:100px;background-color:#0d221b}.right-navbar Button:hover{background-color:#34725d}.profile{width:100%;height:100%;justify-content:flex-end;align-items:center;display:flex;gap:2%;font-size:12px}.MuiMenuItem-root .menu-item-text{font-size:12px!important}}.container-carousel{width:100%;height:684px;overflow:hidden;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-carousel{width:100%;height:100%;display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;height:100%;display:flex;width:100%}.left-carousel{flex:1;height:100%;display:flex;min-width:45%}.right-carousel{flex:1;height:100%;display:flex;justify-content:flex-start;min-width:55%;align-items:center}.wrapper-left-carousel{width:100%;height:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}.wrapper-left-carousel .images{width:70%;height:100%;object-fit:contain;border-radius:10px}.wrapper-right-carousel{width:90%;height:100%;display:flex;flex-direction:column}.wrapper-right-carousel h1{font-size:72px;font-weight:600;line-height:1;letter-spacing:1px;width:100%;height:50%;display:flex;justify-content:center;align-items:center}.wrapper-right-carousel p{font-size:24px;font-weight:400;line-height:1.5;color:#fff;height:auto}.wrapper-right-carousel .button-right-carousel{width:160px;height:42px;color:#fff;border-radius:100px;text-transform:none;box-shadow:0 0 1px #ffac46;font-size:16px;font-weight:400;border:1px solid #FFFFFF;margin-top:20px}.wrapper-right-carousel .button-right-carousel:hover{background-color:#dd7a01}.button-next-carousel{position:absolute;width:100%;height:50px;top:90%;display:flex;flex-direction:column}.button-next-carousel .radio-button{width:100%;height:100%;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.container-carousel{width:100%;height:534px;overflow:hidden;display:flex;justify-content:center;align-items:center}.wrapper-carousel{width:100%;display:flex;height:100%;transition:transform .5s ease-in-out}.slide{min-width:100%;height:100%;display:flex;width:100%}.left-carousel{flex:1;height:100%;display:flex;min-width:45%}.right-carousel{flex:1;height:100%;display:flex;justify-content:flex-start;min-width:55%;align-items:center}.wrapper-left-carousel{width:100%;height:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}.wrapper-left-carousel .images{width:70%;height:100%;object-fit:contain;border-radius:10px}.wrapper-right-carousel{width:90%;height:100%;display:flex;flex-direction:column}.wrapper-right-carousel h1{font-size:48px;font-weight:600;line-height:1.2;letter-spacing:1px;width:100%;height:50%;display:flex;justify-content:center;align-items:center}.wrapper-right-carousel p{font-size:16px;font-weight:400;line-height:1.5;color:#fff;height:auto}.wrapper-right-carousel .button-right-carousel{width:150px;height:38px;color:#fff;border-radius:100px;text-transform:none;box-shadow:0 0 1px #ffac46;font-size:14px;font-weight:400;border:1px solid #FFFFFF;margin-top:20px}.wrapper-right-carousel .button-right-carousel:hover{background-color:#dd7a01}.button-next-carousel{position:absolute;width:100%;height:50px;top:90%;display:flex;flex-direction:column}.button-next-carousel .radio-button{width:100%;height:100%;justify-content:center;align-items:center}}@media only screen and (max-width:768px){.container-carousel{width:100%;height:384px;overflow:hidden;display:flex;justify-content:center;align-items:center}.wrapper-carousel{width:100%;display:flex;height:100%;transition:transform .5s ease-in-out}.slide{min-width:100%;height:100%;display:flex;width:100%}.left-carousel{flex:1;height:100%;display:flex;min-width:45%}.right-carousel{flex:1;height:100%;display:flex;justify-content:flex-start;min-width:55%;align-items:center}.wrapper-left-carousel{width:100%;height:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}.wrapper-left-carousel .images{width:70%;height:100%;object-fit:contain;border-radius:10px}.wrapper-right-carousel{width:90%;height:100%;display:flex;flex-direction:column}.wrapper-right-carousel h1{font-size:36px;font-weight:600;line-height:1.1;letter-spacing:1px;width:100%;height:50%;display:flex;justify-content:center;align-items:center}.wrapper-right-carousel p{font-size:12px;font-weight:400;line-height:1.5;color:#fff;height:auto}.wrapper-right-carousel .button-right-carousel{width:130px;height:30px;color:#fff;border-radius:100px;text-transform:none;box-shadow:0 0 1px #ffac46;font-size:12px;font-weight:400;border:1px solid #FFFFFF;margin-top:20px}.wrapper-right-carousel .button-right-carousel:hover{background-color:#dd7a01}.button-next-carousel{position:absolute;width:100%;height:20px;top:90%;display:flex;flex-direction:column}.button-next-carousel .radio-button{width:100%;height:100%;justify-content:center;align-items:center}}@media only screen and (max-width:540px){.container-carousel{width:100%;height:234px;overflow:hidden;display:flex;justify-content:center;align-items:center}.wrapper-carousel{width:100%;display:flex;height:100%;transition:transform .5s ease-in-out}.slide{min-width:100%;height:100%;display:flex;width:100%}.left-carousel{flex:1;height:100%;display:flex;min-width:45%}.right-carousel{flex:1;height:100%;display:flex;justify-content:flex-start;min-width:55%;align-items:center}.wrapper-left-carousel{width:100%;height:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}.wrapper-left-carousel .images{width:70%;height:100%;object-fit:contain;border-radius:10px}.wrapper-right-carousel{width:80%;height:100%;display:flex;flex-direction:column}.wrapper-right-carousel h1{font-size:16px;font-weight:600;line-height:1.2;letter-spacing:0px;width:100%;height:42%;display:flex;justify-content:flex-start;align-items:flex-end}.wrapper-right-carousel p{font-size:9px;font-weight:300;line-height:1.4;color:#fff;height:auto;display:flex;justify-content:center;align-items:flex-start;margin-top:20px}.wrapper-right-carousel .button-right-carousel{width:100px;height:20px;color:#fff;border-radius:100px;text-transform:none;box-shadow:0 0 1px #ff4646;font-size:9px;font-weight:400;border:.5px solid #FFFFFF;margin-top:20px}.wrapper-right-carousel .button-right-carousel:hover{background-color:#dd7a01}.button-next-carousel{position:absolute;width:100%;height:50px;top:80%;display:none;flex-direction:column}.button-next-carousel .radio-button{width:100%;height:100%;justify-content:center;align-items:center;color:#00f}}.container-events{width:100%;height:560px;background-color:#fff;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-events{width:90%;height:95%;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1440px}.title-events{height:25%;width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.title-events span{font-size:24px;font-weight:400;text-align:center}.title-events h1{font-size:36px;font-weight:600;text-align:center}.content-events{width:100%;height:75%;display:flex;justify-content:center;align-items:center;gap:2%}.content-events img{width:90%;height:100%;object-fit:contain;border-radius:10px;cursor:pointer}.content-events img:hover{width:92%;height:99%}.content-events img:active{width:90%;height:100%;box-shadow:0 0 25px #fff}@media only screen and (max-width:1024px){.container-events{width:100%;height:380px;background-color:#fff;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-events{width:90%;height:95%;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1440px}.title-events{height:25%;width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.title-events span{font-size:16px;font-weight:400;text-align:center}.title-events h1{font-size:24px;font-weight:600;text-align:center}.content-events{width:100%;height:75%;display:flex;justify-content:center;align-items:center;gap:2%}.content-events img{width:90%;height:100%;object-fit:contain;border-radius:10px;cursor:pointer}.content-events img:hover{width:92%;height:99%}.content-events img:active{width:90%;height:100%;box-shadow:0 0 25px #fff}}@media only screen and (max-width:768px){.container-events{width:100%;height:280px;background-color:#fff;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-events{width:90%;height:95%;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1440px}.title-events{height:25%;width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.title-events span{font-size:12px;font-weight:400;text-align:center}.title-events h1{font-size:16px;font-weight:600;text-align:center}.content-events{width:100%;height:75%;display:flex;justify-content:center;align-items:center;gap:2%}.content-events img{width:90%;height:100%;object-fit:contain;border-radius:10px;cursor:pointer}.content-events img:hover{width:92%;height:99%}.content-events img:active{width:90%;height:100%;box-shadow:0 0 25px #fff}}@media only screen and (max-width:540px){.container-events{width:100%;height:180px;background-color:#fff;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-events{width:90%;height:95%;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1440px}.title-events{height:30%;width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.title-events span{font-size:10px;font-weight:300;text-align:center}.title-events h1{font-size:14px;font-weight:600;text-align:center}.content-events{width:100%;height:70%;display:flex;justify-content:center;align-items:center;gap:2%}.content-events img{width:100%;height:100%;object-fit:contain;border-radius:10px;cursor:pointer}.content-events img:hover{width:92%;height:99%}.content-events img:active{width:90%;height:100%;box-shadow:0 0 25px #fff}}.container-programs{width:100%;height:850px;background-color:#0d221b;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-programs{width:90%;height:90%}.title-programs{width:100%;height:15%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5%}.title-programs h1{font-size:36px;color:#fff;font-weight:600}.title-programs span{font-size:24px;color:#fff;font-weight:400}.content-programs{width:100%;height:75%;gap:5%}.content-programs .wrapper-button-content-programs{width:100%;height:20%;display:flex;justify-content:center;align-items:center;gap:2%}.content-programs .wrapper-button-content-programs Button{background-color:#fff;text-transform:none;color:#000;font-size:16px;font-weight:500;border:black .5px solid;padding:.5% 2%;border-radius:100px}.content-programs .wrapper-button-content-programs Button.active-category{background-color:#f50;color:#fff;border:none}.content-programs .wrapper-button-content-programs Button:hover{background-color:#f50;color:#fff;border:none}.card-button-content-programs{width:100%;height:80%;display:flex;justify-content:center;align-items:center}.wrapper-card-button-content-programs{width:100%;height:100%;overflow:scroll;flex-wrap:wrap;display:flex;justify-content:center;gap:2%}.wrapper-card-button-content-programs::-webkit-scrollbar{display:none}.button-programs{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.button-programs Button{text-transform:none;color:#fff;font-size:16px;font-weight:500;background-color:#0d221b;border-radius:100px;padding:20px;width:141px;height:36px;border:1px solid white}.button-programs Button:hover{background-color:#ff671b}.coming-soon-programs-home h1{padding:20px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:36px}@media only screen and (max-width:1100px){.container-programs{width:100%;height:770px;background-color:#0d221b;display:flex;justify-content:center;align-items:center}.wrapper-programs{width:90%;height:90%}.title-programs{width:100%;height:15%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5%}.title-programs h1{font-size:24px;color:#fff;font-weight:600}.title-programs span{font-size:16px;color:#fff;font-weight:400}.content-programs{width:100%;height:75%;gap:5%}.content-programs .wrapper-button-content-programs{width:100%;height:20%;display:flex;justify-content:center;align-items:center;gap:2%}.content-programs .wrapper-button-content-programs Button{background-color:#fff;text-transform:none;color:#000;font-size:12px;line-height:1.3;font-weight:500;border:black .5px solid;border-radius:100px;padding:10px}.content-programs .wrapper-button-content-programs Button.active-category{background-color:#f50;color:#fff;border:none}.content-programs .wrapper-button-content-programs Button:hover{background-color:#f50;color:#fff;border:none}.card-button-content-programs{width:100%;height:80%;display:flex;justify-content:center;align-items:center}.wrapper-card-button-content-programs{width:100%;height:100%;overflow:scroll;flex-wrap:wrap;display:flex;justify-content:center;gap:2%}.wrapper-card-button-content-programs::-webkit-scrollbar{display:none}.button-programs{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.button-programs Button{text-transform:none;color:#fff;font-size:14px;font-weight:400;background-color:#0d221b;border-radius:100px;padding:20px;width:111px;height:10px;border:1px solid white}.button-programs Button:hover{background-color:#ff671b}.coming-soon-programs-home h1{padding:20px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px}}@media only screen and (max-width:768px){.container-programs{width:100%;height:570px;background-color:#0d221b;display:flex;justify-content:center;align-items:center}.wrapper-programs{width:90%;height:90%}.title-programs{width:100%;height:15%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5%}.title-programs h1{font-size:16px;color:#fff;font-weight:600}.title-programs span{font-size:12px;color:#fff;font-weight:400}.content-programs{width:100%;height:75%;gap:5%}.content-programs .wrapper-button-content-programs{width:100%;height:20%;display:flex;justify-content:center;align-items:center;gap:2%}.content-programs .wrapper-button-content-programs Button{background-color:#fff;text-transform:none;color:#000;font-size:10px;line-height:1.3;font-weight:500;border:black .5px solid;border-radius:100px;padding:7px}.content-programs .wrapper-button-content-programs Button.active-category{background-color:#f50;color:#fff;border:none}.content-programs .wrapper-button-content-programs Button:hover{background-color:#f50;color:#fff;border:none}.card-button-content-programs{width:100%;height:80%;display:flex;justify-content:center;align-items:center}.wrapper-card-button-content-programs{width:100%;height:100%;overflow:scroll;flex-wrap:wrap;display:flex;justify-content:center;gap:2%}.wrapper-card-button-content-programs::-webkit-scrollbar{display:none}.button-programs{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.button-programs Button{text-transform:none;color:#fff;font-size:14px;font-weight:400;background-color:#0d221b;border-radius:100px;padding:10px;width:121px;height:36px;border:1px solid white}.button-programs Button:hover{background-color:#ff671b}.coming-soon-programs-home h1{padding:20px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px}}@media only screen and (max-width:640px){.container-programs{width:100%;height:700px;background-color:#0d221b;display:flex;justify-content:center;align-items:center}.wrapper-programs{width:90%;height:93%}.title-programs{width:100%;height:10%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:5%}.title-programs h1{font-size:14px;color:#fff;font-weight:500}.title-programs span{font-size:10px;color:#fff;font-weight:300;text-align:center}.content-programs{width:100%;height:85%;gap:4%;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-programs .wrapper-button-content-programs{width:85%;height:10px;display:flex;justify-content:flex-start;align-items:center;gap:2%;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-snap-type:x mandatory}.content-programs .wrapper-button-content-programs::-webkit-scrollbar{display:none}.content-programs .wrapper-button-content-programs Button{min-width:160px;background-color:#fff;text-transform:none;color:#000;font-size:10px;line-height:0;font-weight:500;border:black .5px solid;padding:15px 10px;border-radius:10px}.content-programs .wrapper-button-content-programs Button.active-category{background-color:#f50;color:#fff;border:none}.content-programs .wrapper-button-content-programs Button:hover{background-color:#f50;color:#fff;border:none}.card-button-content-programs{width:100%;height:90%;display:flex;justify-content:center;align-items:center}.wrapper-card-button-content-programs{width:100%;height:100%;overflow:scroll;flex-wrap:wrap;display:flex;justify-content:center;gap:2%}.wrapper-card-button-content-programs::-webkit-scrollbar{display:none}.button-programs{width:100%;height:8%;display:flex;justify-content:center;align-items:center}.button-programs Button{text-transform:none;color:#fff;font-size:10px;font-weight:400;background-color:#0d221b;border-radius:100px;padding:10px;width:91px;height:26px;border:1px solid white}.button-programs Button:hover{background-color:#ff671b}.coming-soon-programs-home h1{padding:20px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px}}.container-cardCourse{width:380px;height:427px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardCourse:hover{background-color:#e6e6e6}.wrapper-cardCourse{width:85%;height:90%}.image-cardCourse{width:100%;height:60%}.image-cardCourse img{width:100%;height:95%;object-fit:cover;background-color:#ddd}.desc-cardCourse{width:100%;height:30%}.desc-cardCourse .title-cardCourse{width:100%;height:100%}.desc-cardCourse .title-cardCourse h1{font-size:24px;line-height:2.2rem}.desc-cardCourse .title-cardCourse h3{font-size:16px;line-height:1.5rem;font-weight:400;text-align:justify}.price-cardCourse{width:100%;height:10%;display:flex}@media only screen and (max-width:1024px){.container-cardCourse{width:330px;height:357px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardCourse:hover{background-color:#e6e6e6}.wrapper-cardCourse{width:85%;height:90%}.image-cardCourse{width:100%;height:60%}.image-cardCourse img{width:100%;height:95%;object-fit:cover;background-color:#ddd}.desc-cardCourse{width:100%;height:35%}.desc-cardCourse .title-cardCourse{width:100%;height:100%}.desc-cardCourse .title-cardCourse h1{font-size:16px;line-height:1.2}.desc-cardCourse .title-cardCourse h3{font-size:14px;line-height:1.3rem;font-weight:300!important}.price-cardCourse{width:100%;height:10%;display:flex;font-size:12px}}@media only screen and (max-width:768px){.container-cardCourse{width:230px;height:277px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:5px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardCourse:hover{background-color:#e6e6e6}.wrapper-cardCourse{width:90%;height:90%}.image-cardCourse{width:100%;height:60%}.image-cardCourse img{width:100%;height:90%;object-fit:cover;border-radius:5px;background-color:#ddd}.desc-cardCourse{width:100%;height:30%}.desc-cardCourse .title-cardCourse{width:100%;height:100%;text-justify:justify}.desc-cardCourse .title-cardCourse h1{font-size:14px;line-height:1.7!important;font-weight:500}.desc-cardCourse .title-cardCourse h3{font-size:10px!important;line-height:1.1rem!important;font-weight:300!important}.price-cardCourse{width:100%;height:10%;display:flex;font-size:12px}.price-cardCourse .number-cardCourse{display:flex;justify-content:center;align-items:center}}@media only screen and (max-width:540px){.container-cardCourse{width:230px;height:277px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:5px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardCourse:hover{background-color:#e6e6e6}.wrapper-cardCourse{width:90%;height:90%}.image-cardCourse{width:100%;height:60%}.image-cardCourse img{width:100%;height:95%;object-fit:cover;border-radius:5px;background-color:#ddd}.desc-cardCourse{width:100%;height:30%}.desc-cardCourse .title-cardCourse{width:100%;height:100%;text-justify:justify}.desc-cardCourse .title-cardCourse h1{font-size:12px;line-height:1.5!important;font-weight:500}.desc-cardCourse .title-cardCourse h3{font-size:9px!important;line-height:1rem!important;font-weight:300}.price-cardCourse{width:100%;height:10%;display:flex;font-size:12px}.price-cardCourse .number-cardCourse h3{display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:500}}.container-loading{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#f3f3f3;color:#000}.container-loading img{width:var(--loading-image-size, 150px);height:auto;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}@media only screen and (max-width : 1024px){.container-loading{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#f3f3f3;color:#000}.container-loading img{width:var(--loading-image-size, 120px);height:auto;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}}@media only screen and (max-width : 768px){.container-loading{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#f3f3f3;color:#000}.container-loading img{width:var(--loading-image-size, 90px);height:auto;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}}@media only screen and (max-width : 540px){.container-loading{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#f3f3f3;color:#000}.container-loading img{width:var(--loading-image-size, 70px);height:auto;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}}.container-footer{width:100%;height:340px;min-width:320px}.top-footer{width:100%;height:80%;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-top-footer{width:80%;height:85%;display:flex;flex-direction:row}.wrap-top-footer{width:25%;height:100%;display:flex;flex-direction:column;gap:5%;justify-content:center}.wraper-top-footer{width:33%;height:100%;display:flex;flex-direction:column}.title-footer{width:100%;height:30%;display:flex;align-items:center}.title-footer h3{font-size:16px;font-weight:600;color:#000}.image-top-footer{width:80%;height:50%}.image-top-footer img{width:100%;height:100%}.desc-top-footer{width:100%;height:60%;display:flex;flex-direction:column;gap:3%;justify-content:flex-start}.desc-top-footer .Link{text-decoration:none;font-size:14px;font-weight:500;color:#000}.bottom-footer{width:100%;height:20%;background-color:#fff;display:flex;justify-content:center}.wrapper-bottom-footer{width:80%;height:100%;display:flex}.image-bottom-footer{width:40%;height:100%;display:flex;justify-content:flex-start;align-items:center}.image-bottom-footer img{width:150px;height:37px;object-fit:cover}.cp-bottom-footer{width:60%;height:100%;display:flex;justify-content:flex-end;align-items:center}.cp-bottom-footer span{font-size:16px;color:#414141;text-decoration:underline;font-weight:400}.mobile-logo-qonnectiq{display:none}.wrap-mobile-desc{display:flex;width:100%;height:100%}@media screen and (max-width:1024px){.container-footer{width:100%;height:390px}.top-footer{width:100%;height:80%;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-top-footer{width:90%;height:85%;display:flex;flex-direction:column}.mobile-logo-qonnectiq{display:none}.wrap-mobile-desc{display:flex;width:100%;height:75%}.wrap-top-footer{width:25%;height:100%;display:flex;flex-direction:column;gap:5%}.title-footer{width:100%;height:30%}.title-footer h3{font-size:14px;font-weight:600;color:#000}.image-top-footer{width:80%;height:50%}.image-top-footer img{width:100%;height:100%;object-fit:cover}.desc-top-footer{width:100%;height:90%;display:flex;flex-direction:column;gap:3%}.desc-top-footer .Link{text-decoration:none;font-size:12px;font-weight:500;color:#000}.bottom-footer{width:100%;height:20%;background-color:#fff;display:flex;justify-content:center}.wrapper-bottom-footer{width:90%;height:100%;display:flex}.image-bottom-footer{width:40%;height:100%;display:none;justify-content:flex-start;align-items:center}.image-bottom-footer img{width:fit-content;height:fit-content;object-fit:cover}.cp-bottom-footer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cp-bottom-footer span{font-size:18px;color:#414141;text-decoration:underline;font-weight:700}}@media screen and (max-width:768px){.container-footer{width:100%;height:310px}.top-footer{width:100%;height:90%;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-top-footer{width:95%;height:90%;display:flex;flex-direction:column;align-items:center}.mobile-logo-qonnectiq{display:flex;width:100%;height:15%;justify-content:center}.mobile-logo-qonnectiq img{width:81px;height:20px;object-fit:cover}.wrap-mobile-desc{display:flex;width:90%;height:90%;flex-wrap:wrap}.wrap-top-footer{width:50%;height:50%;display:flex;flex-direction:column;gap:3%}.title-footer{width:100%;height:20%;display:flex;align-items:flex-start}.title-footer h3{font-size:10px;font-weight:400;color:#000}.image-top-footer{width:80%;height:70%}.image-top-footer img{width:100%;height:100%;object-fit:cover}.desc-top-footer{width:100%;height:80%;display:flex;flex-direction:column;gap:1%}.desc-top-footer .Link{text-decoration:none;font-size:9px;font-weight:300;color:#000}.bottom-footer{width:100%;height:10%;background-color:#fff;display:flex;justify-content:center}.wrapper-bottom-footer{width:90%;height:100%;display:flex}.image-bottom-footer{width:40%;height:100%;display:none;justify-content:flex-start;align-items:center}.image-bottom-footer img{width:fit-content;height:fit-content;object-fit:cover}.cp-bottom-footer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cp-bottom-footer span{font-size:10px;color:#414141;text-decoration:underline;font-weight:500}}.container-login{width:100%;height:1052px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-login{width:80%;height:90%}.title-login{width:100%;height:20%}.title-login h1{font-size:55px;font-weight:700}.content-login{width:100%;height:80%;display:flex}.left-content-login{width:50%;height:100%;display:flex;flex-direction:column;gap:5%}.left-content-login span{color:#0d221b}.left-content-login .icon-button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:35px;margin-right:2px}.left-content-login Button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:50px}.left-content-login Button:hover{background-color:#304941}.left-content-login .error{color:red}.right-content-login{width:50%;height:100%;display:flex;justify-content:center}.wrapper-right-content-login{width:80%;height:30%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #9e9e9e33}.wrapper-wrap-right-content-login{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.wrapper-right-content-login span{font-size:24px;font-weight:400}.wrapper-right-content-login Button{width:100%;text-transform:none;background-color:#0d221b;color:#fff;height:50px;font-size:14px}.wrapper-right-content-login Button:hover{background-color:#304941}.forget-password-login{color:#0d221b;text-decoration:none;cursor:pointer;font-size:16px}.forget-password-login:hover{color:#3f574f}@media only screen and (max-width:1024px){.container-login{width:100%;height:852px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-login{width:90%;height:90%}.title-login{width:100%;height:20%}.title-login h1{font-size:48px;font-weight:700;line-height:1.3}.content-login{width:100%;height:80%;display:flex}.left-content-login{width:50%;height:100%;display:flex;flex-direction:column;gap:5%}.left-content-login span{color:#0d221b}.left-content-login .icon-button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:35px;margin-right:2px}.left-content-login Button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:50px}.left-content-login Button:hover{background-color:#304941}.left-content-login .error{color:red}.right-content-login{width:50%;height:100%;display:flex;justify-content:center}.wrapper-right-content-login{width:80%;height:30%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #9e9e9e33}.wrapper-wrap-right-content-login{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.wrapper-right-content-login span{font-size:20px;font-weight:400}.wrapper-right-content-login Button{width:100%;text-transform:none;background-color:#0d221b;color:#fff;height:50px;font-size:14px}.wrapper-right-content-login Button:hover{background-color:#304941}.forget-password-login{color:#0d221b;text-decoration:none;cursor:pointer;font-size:16px}.forget-password-login:hover{color:#3f574f}}@media only screen and (max-width:768px){.container-login{width:100%;height:752px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-login{width:90%;height:90%}.title-login{width:100%;height:20%}.title-login h1{font-size:36px;font-weight:600;line-height:1.3}.content-login{width:100%;height:80%;display:flex;flex-direction:column}.left-content-login{width:100%;height:50%;display:flex;flex-direction:column;gap:5%}.left-content-login span{color:#0d221b}.left-content-login .icon-button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:35px;margin-right:2px}.left-content-login Button{background-color:#0d221b;text-transform:none;font-size:12px;color:#fff;height:40px}.left-content-login Button:hover{background-color:#304941}.left-content-login .error{color:red}.right-content-login{width:100%;height:50%;display:flex;justify-content:center;align-items:center}.wrapper-right-content-login{width:100%;height:fit-content;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #9e9e9e33;padding:5%}.wrapper-wrap-right-content-login{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.wrapper-right-content-login span{font-size:16px;font-weight:400}.wrapper-right-content-login Button{width:100%;text-transform:none;background-color:#0d221b;color:#fff;height:40px;font-size:12px}.wrapper-right-content-login Button:hover{background-color:#304941}.forget-password-login{color:#0d221b;text-decoration:none;cursor:pointer;font-size:14px}.forget-password-login:hover{color:#3f574f}}@media only screen and (max-width:540px){.container-login{width:100%;height:552px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-login{width:90%;height:90%}.title-login{width:100%;height:15%}.title-login h1{font-size:16px;font-weight:500;line-height:1.3}.content-login{width:100%;height:80%;display:flex;flex-direction:column}.left-content-login{width:100%;height:70%;display:flex;flex-direction:column;gap:5%}.left-content-login span{color:#0d221b}.left-content-login .icon-button{background-color:#0d221b;text-transform:none;font-size:12px;color:#fff;height:30px;margin-right:2px}.left-content-login Button{background-color:#0d221b;text-transform:none;font-size:12px;color:#fff;height:30px}.left-content-login Button:hover{background-color:#304941}.left-content-login .error{color:red}.right-content-login{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.wrapper-right-content-login{width:100%;height:fit-content;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #9e9e9e33;padding:5%}.wrapper-wrap-right-content-login{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.wrapper-right-content-login span{font-size:12px;font-weight:400}.wrapper-right-content-login Button{width:100%;text-transform:none;background-color:#0d221b;color:#fff;height:40px;font-size:12px}.wrapper-right-content-login Button:hover{background-color:#304941}.forget-password-login{color:#0d221b;text-decoration:none;cursor:pointer;font-size:12px}.forget-password-login:hover{color:#3f574f}.input-login label,.input-login .MuiInputBase-input{font-size:12px}}.container-forget-password{width:100%;height:50vh;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-forget-password{width:40%;height:80%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 2px 4px #9c9c9c0d}.title-forget-password{width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-forget-password h1{color:#000;font-size:36px;font-weight:700;text-align:center}.title-forget-password span{color:#0d221b;font-size:16px;font-weight:500;text-align:center}.wrapper-forget-password #outlined-basic{width:300px}.wrapper-forget-password .error-message{margin-top:5px;color:red}.wrapper-forget-password Button{width:130px;background-color:#0d221b;color:#fff;margin-top:20px;text-transform:none}.wrapper-forget-password Button:hover{background-color:#13251f}@media only screen and (max-width:1024px){.container-forget-password{width:100%;height:40vh;display:flex;justify-content:center;align-items:center}.wrapper-forget-password{width:70%;height:80%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 2px 4px #9c9c9c0d}.title-forget-password{width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-forget-password h1{color:#000;font-size:24px;font-weight:600;text-align:center}.title-forget-password span{color:#0d221b;font-size:14px;font-weight:500;text-align:center}.wrapper-forget-password #outlined-basic{width:300px;height:20px}.wrapper-forget-password .error-message{margin-top:5px;color:red}.wrapper-forget-password Button{width:130px;background-color:#0d221b;color:#fff;margin-top:20px;text-transform:none}.wrapper-forget-password Button:hover{background-color:#13251f}}@media only screen and (max-width:768px){.container-forget-password{width:100%;height:35vh;display:flex;justify-content:center;align-items:center}.wrapper-forget-password{width:90%;height:95%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 2px 4px #9c9c9c0d}.title-forget-password{width:100%;height:30%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-forget-password h1{color:#000;font-size:16px;font-weight:500;text-align:center}.title-forget-password span{color:#0d221b;font-size:12px;font-weight:300;text-align:center}.wrapper-forget-password #outlined-basic{font-size:12px}.wrapper-forget-password .MuiTextField-root{width:250px;font-size:12px}.wrapper-forget-password .MuiInputLabel-root,.wrapper-forget-password .MuiInputBase-input{font-size:12px}.wrapper-forget-password Button{width:130px;height:30px;background-color:#0d221b;color:#fff;margin-top:20px;text-transform:none}.wrapper-forget-password Button:hover{background-color:#13251f}}.container-forget-password-success{width:100%;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2%}.container-forget-password-success .mail-icon{width:200px;height:200px}.container-forget-password-success span{color:#000;font-size:18px;font-weight:400}.container-forget-password-success h3{color:#000;font-size:18px;font-weight:500}@media only screen and (max-width:1024px){.container-forget-password-success{width:100%;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2%}.container-forget-password-success .mail-icon{width:180px;height:180px}.container-forget-password-success span{color:#000;font-size:16px;font-weight:400}.container-forget-password-success h3{color:#000;font-size:16px;font-weight:500}}@media only screen and (max-width:768px){.container-forget-password-success{width:100%;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2%}.container-forget-password-success .mail-icon{width:150px;height:150px}.container-forget-password-success span{color:#000;font-size:14px;font-weight:300}.container-forget-password-success h3{color:#000;font-size:14px;font-weight:400}}@media only screen and (max-width:540px){.container-forget-password-success{width:100%;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2%}.container-forget-password-success .mail-icon{width:120px;height:120px}.container-forget-password-success span{color:#000;font-size:12px;font-weight:300}.container-forget-password-success h3{color:#000;font-size:12px;font-weight:400}}.container-register{width:100%;height:100vh;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-register{width:35%;height:80%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:3%;padding:3%;max-width:1440px}.wrapper-register .icon-button{background-color:#0d221b;text-transform:none;color:#fff;height:35px;margin-right:2px}.wrapper-register Button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:45px}.wrapper-register button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:45px}.wrapper-register Button:hover{background-color:#13251f}.wrapper-register span .log-in{color:#0d221b}.wrapper-register .error{color:red}.text-field .MuiInputBase-input,.text-field label,.span-already-registered{font-size:16px}@media only screen and (max-width:1024px){.container-register{width:100%;height:100vh;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-register{width:50%;height:80%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:3%;padding:3%;max-width:1440px}.wrapper-register .icon-button{background-color:#0d221b;text-transform:none;color:#fff;height:35px;margin-right:2px}.wrapper-register Button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:45px}.wrapper-register button{background-color:#0d221b;text-transform:none;font-size:14px;color:#fff;height:45px}.wrapper-register Button:hover{background-color:#13251f}.wrapper-register span .log-in{color:#0d221b}.wrapper-register .error{color:red}.text-field .MuiInputBase-input,.text-field label,.span-already-registered{font-size:14px}}@media only screen and (max-width:768px){.container-register{width:100%;height:750px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-register{width:70%;height:80%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:3%;padding:3%}.wrapper-register .icon-button{background-color:#0d221b;text-transform:none;color:#fff;height:35px;margin-right:2px}.wrapper-register Button{background-color:#0d221b;text-transform:none;font-size:12 px;color:#fff;height:45px}.wrapper-register button{background-color:#0d221b;text-transform:none;font-size:12px;color:#fff;height:45px}.wrapper-register Button:hover{background-color:#13251f}.wrapper-register span .log-in{color:#0d221b}.wrapper-register .error{color:red}.text-field .MuiInputBase-input,.text-field label,.span-already-registered{font-size:12px}}@media only screen and (max-width:540px){.container-register{width:100%;height:550px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-register{width:80%;height:90%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;gap:3%;padding:5%}.wrapper-register .icon-button{background-color:#0d221b;text-transform:none;color:#fff;height:35px;margin-right:2px}.wrapper-register Button{background-color:#0d221b;text-transform:none;font-size:12 px;color:#fff;height:45px}.wrapper-register button{background-color:#0d221b;text-transform:none;font-size:12px;color:#fff;height:45px}.wrapper-register Button:hover{background-color:#13251f}.wrapper-register span .log-in{color:#0d221b}.wrapper-register .error{color:red}.text-field .MuiOutlinedInput-root{height:45px}.text-field .MuiInputBase-input,.text-field label,.span-already-registered{font-size:12px}}.container-verify-email{width:100%;height:45vh;display:flex;justify-content:center;align-items:center;min-width:320px}.container-verify-email .box-verify-email{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6%}.container-verify-email .box-verify-email .button-verify-email{width:100%;height:40px;display:flex;justify-content:center;gap:20px}.container-verify-email .box-verify-email .button-verify-email Button{background-color:#0d221b;width:150px;color:#fff}.container-verify-email .box-verify-email .button-verify-email .button-resend-code{background-color:#0d221b;width:150px;color:#fff}.container-verify-email .box-verify-email .title-otp{font-size:36px;font-weight:600}.container-verify-email .box-verify-email .explain-otp{font-size:16px;font-weight:400}@media only screen and (max-width:1024px){.container-verify-email{width:100%;height:45vh;display:flex;justify-content:center;align-items:center}.container-verify-email .box-verify-email{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:6%}.container-verify-email .box-verify-email .button-verify-email{width:100%;height:40px;display:flex;justify-content:center;gap:20px}.container-verify-email .box-verify-email .button-verify-email Button{background-color:#0d221b;width:140px;color:#fff;text-decoration:none;font-size:16px}.container-verify-email .box-verify-email .button-verify-email .button-resend-code{background-color:#0d221b;width:140px;color:#fff;font-size:16px}.container-verify-email .box-verify-email .title-otp{font-size:30px;font-weight:600}.container-verify-email .box-verify-email .explain-otp{font-size:14px;font-weight:400}}@media only screen and (max-width:768px){.container-verify-email{width:100%;height:40vh;display:flex;justify-content:center;align-items:center}.container-verify-email .box-verify-email{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container-verify-email .box-verify-email .button-verify-email{width:100%;height:33px;display:flex;justify-content:center;gap:18px}.container-verify-email .box-verify-email .button-verify-email Button{background-color:#0d221b;width:130px;color:#fff;text-decoration:none;font-size:12px;text-transform:capitalize}.container-verify-email .box-verify-email .button-verify-email .button-resend-code{background-color:#0d221b;width:130px;font-size:12px;color:#fff}.container-verify-email .box-verify-email .title-otp{font-size:24px;font-weight:600}.container-verify-email .box-verify-email .explain-otp{font-size:14px;font-weight:400}}@media only screen and (max-width:540px){.container-verify-email{width:100%;height:30vh;display:flex;justify-content:center;align-items:center}.container-verify-email .box-verify-email{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:5%}.container-verify-email .box-verify-email .button-verify-email{width:100%;height:33px;display:flex;justify-content:center;gap:15px}.container-verify-email .box-verify-email .button-verify-email Button{background-color:#0d221b;width:110px;color:#fff;text-decoration:none;font-size:12px;text-transform:capitalize;height:30px;margin-top:5px}.container-verify-email .box-verify-email .button-verify-email .button-resend-code{background-color:#0d221b;width:110px;font-size:12px;color:#fff;margin-top:5px}.container-verify-email .box-verify-email .title-otp{font-size:16px;font-weight:500}.container-verify-email .box-verify-email .explain-otp{font-size:10px;font-weight:300}}.container-programdetails{width:100%;height:120vh;display:flex;justify-content:center;align-items:center;background:-webkit-linear-gradient(top,rgb(255,255,255) 50%,#0D221B 50%);min-width:320px}.wrapper-programdetails{width:90%;height:90%;display:flex}.left-programdetails{width:55%;height:100%;display:flex;flex-direction:column}.card-left-programdetails{width:95%;height:80%;overflow:scroll}.card-left-programdetails::-webkit-scrollbar{display:none}.payment-method-left-programdetails{width:90%;height:20%;display:flex;flex-direction:column;gap:20px;justify-content:center}.payment-method-left-programdetails h1{font-size:24px;font-weight:600;color:#fff}.list-payment-method-left-programdetails{width:100%;height:30%;display:flex;justify-content:flex-start;align-items:center;gap:20px}.list-payment-method-left-programdetails img{width:fit-content;height:fit-content;object-fit:cover}.right-programdetails{width:45%;height:100%;display:flex;flex-direction:column}.img-right-programdetails{width:100%;height:50%;display:flex;justify-content:center;align-items:start}.img-right-programdetails img{width:90%;height:85%;object-fit:cover;border-radius:10px}.wrapper-img-right-programdetails{width:100%;height:100%}.facilitator-right-programdetails{width:100%;height:50%;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}.title-facilitator-right-programdetails{width:90%;height:25%;display:flex;justify-content:center;align-items:center}.title-facilitator-right-programdetails h2{font-size:24px;font-weight:600;line-height:1.25}.card-facilitator{width:90%;height:75%;display:flex;justify-content:center;align-items:center}.wrapper-card-facilitator{width:100%;height:100%;background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center}.wrapper-card-facilitator:hover{background-color:#eee}.data-trainer-card-facilitator{width:85%;height:80%}.top-data-trainer-card-facilitator{width:100%;height:50%;display:flex;gap:10px}.image-top-data-trainer-card-facilitator{width:30%;height:100%}.image-top-data-trainer-card-facilitator img{width:100%;height:100%;object-fit:cover}.desc-top-data-trainer-card-facilitator{width:70%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:10px}.desc-top-data-trainer-card-facilitator h3{font-size:24px;font-weight:600;color:#000}.desc-top-data-trainer-card-facilitator h4{font-size:14px;font-weight:300;color:#747272}.desc-top-data-trainer-card-facilitator .link-trainer-socmed{font-size:10px;font-weight:400;color:#006fb3;width:100%;height:20%;display:flex;align-items:center;gap:5px}.bottom-data-trainer-card-facilitator{width:100%;height:50%;display:flex;justify-content:center;align-items:center;overflow:scroll}.bottom-data-trainer-card-facilitator::-webkit-scrollbar{display:none}.bottom-data-trainer-card-facilitator p{width:100%;height:80%;font-size:14px;color:#747272}@media only screen and (max-width:1024px){.container-programdetails{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:-webkit-linear-gradient(top,rgb(255,255,255) 50%,#0D221B 50%)}.wrapper-programdetails{width:90%;height:90%;display:flex;flex-direction:column}.left-programdetails{width:100%;height:60%;display:flex;flex-direction:column;padding:10px}.card-left-programdetails{width:100%;height:70%;overflow:scroll}.payment-method-left-programdetails{width:100%;height:30%;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px}.payment-method-left-programdetails h1{font-size:24px;font-weight:600;color:#0d221b}.list-payment-method-left-programdetails{width:100%;height:30%;display:flex;justify-content:flex-start;align-items:center;gap:20px}.list-payment-method-left-programdetails img{width:fit-content;height:fit-content;object-fit:cover}.right-programdetails{width:100%;height:40%;display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px;margin-top:30px}.wrapper-img-right-programdetails{width:50%;height:100%}.img-right-programdetails{width:100%;height:20%;display:flex;justify-content:center;align-items:start}.img-right-programdetails img{width:100%;height:100%;object-fit:cover;border-radius:10px}.facilitator-right-programdetails{width:100%;height:20%;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}.title-facilitator-right-programdetails{width:90%;height:10%;display:flex;justify-content:center;align-items:center}.title-facilitator-right-programdetails h2{font-size:24px;font-weight:600;line-height:1.25;padding-bottom:20px}.card-facilitator{width:90%;height:75%;display:flex;justify-content:center;align-items:center}.wrapper-card-facilitator{width:100%;height:100%;background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:30px}.wrapper-card-facilitator:hover{background-color:#eee}.data-trainer-card-facilitator{width:100%;height:100%}.top-data-trainer-card-facilitator{width:100%;height:50%;display:flex;gap:10px}.image-top-data-trainer-card-facilitator{width:30%;height:100%}.image-top-data-trainer-card-facilitator img{width:100%;height:100%;object-fit:cover}.desc-top-data-trainer-card-facilitator{width:70%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:10px}.desc-top-data-trainer-card-facilitator h3{font-size:16px;font-weight:600;color:#000}.desc-top-data-trainer-card-facilitator h4{font-size:12px;font-weight:300;color:#747272}.desc-top-data-trainer-card-facilitator .link-trainer-socmed{font-size:10px;font-weight:400;color:#006fb3;width:100%;height:20%;display:flex;align-items:center;gap:5px}.bottom-data-trainer-card-facilitator{width:100%;height:50%;display:flex;justify-content:center;align-items:center;overflow:scroll}.bottom-data-trainer-card-facilitator p{width:100%;height:80%;font-size:12px;color:#747272}}@media only screen and (max-width:768px){.container-programdetails{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:-webkit-linear-gradient(top,rgb(255,255,255) 50%,#0D221B 50%)}.wrapper-programdetails{width:90%;height:90%;display:flex;flex-direction:column}.left-programdetails{width:100%;height:60%;display:flex;flex-direction:column;padding:10px}.card-left-programdetails{width:100%;height:70%;overflow:scroll}.payment-method-left-programdetails{width:100%;height:30%;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px}.payment-method-left-programdetails h1{font-size:16px;font-weight:600;color:#0d221b}.list-payment-method-left-programdetails{width:100%;height:30%;display:flex;justify-content:flex-start;align-items:center;gap:20px}.list-payment-method-left-programdetails img{width:7%;height:10%;object-fit:cover}.right-programdetails{width:100%;height:40%;display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px;margin-top:30px}.wrapper-img-right-programdetails{width:50%;height:100%}.img-right-programdetails{width:100%;height:20%;display:flex;justify-content:center;align-items:start}.img-right-programdetails img{width:100%;height:100%;object-fit:cover;border-radius:10px}.facilitator-right-programdetails{width:100%;height:20%;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column}.title-facilitator-right-programdetails{width:90%;height:10%;display:flex;justify-content:center;align-items:center}.title-facilitator-right-programdetails h2{font-size:16px;font-weight:500;line-height:1.25;padding-bottom:20px;text-align:center}.card-facilitator{width:90%;height:75%;display:flex;justify-content:center;align-items:center}.wrapper-card-facilitator{width:100%;height:100%;background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:30px}.wrapper-card-facilitator:hover{background-color:#eee}.data-trainer-card-facilitator{width:100%;height:100%}.top-data-trainer-card-facilitator{width:100%;height:50%;display:flex;gap:10px}.image-top-data-trainer-card-facilitator{width:30%;height:100%}.image-top-data-trainer-card-facilitator img{width:100%;height:100%;object-fit:cover}.desc-top-data-trainer-card-facilitator{width:70%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:10px}.desc-top-data-trainer-card-facilitator h3{font-size:14px;font-weight:500;color:#000}.desc-top-data-trainer-card-facilitator h4{font-size:10px;font-weight:300;color:#747272}.desc-top-data-trainer-card-facilitator .link-trainer-socmed{font-size:10px;font-weight:400;color:#006fb3;width:100%;height:20%;display:flex;align-items:center;gap:5px}.bottom-data-trainer-card-facilitator{width:100%;height:50%;display:flex;justify-content:center;align-items:center;overflow:scroll}.bottom-data-trainer-card-facilitator p{width:100%;height:80%;font-size:10px;color:#747272}}@media only screen and (max-width:540px){.container-programdetails{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff}.wrapper-programdetails{width:90%;height:90%;display:flex;flex-direction:column}.left-programdetails{width:100%;height:100%;display:flex;flex-direction:column;padding:5px;background-color:#fff}.card-left-programdetails{width:100%;height:100%;overflow:scroll}.payment-method-left-programdetails{width:100%;height:30%;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px}.payment-method-left-programdetails h1{font-size:16px;font-weight:500;color:#0d221b}.list-payment-method-left-programdetails{width:100%;height:30%;display:flex;justify-content:flex-start;align-items:center;gap:10px}.list-payment-method-left-programdetails img{width:7%;height:10%;object-fit:cover}.right-programdetails{width:100%;height:40%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 0;margin-top:10px;border-radius:10px;background-color:#0d221b}.wrapper-img-right-programdetails{width:50%;height:100%}.img-right-programdetails{width:100%;height:20%;display:flex;justify-content:center;align-items:start}.img-right-programdetails img{width:100%;height:100%;object-fit:cover;border-radius:10px}.facilitator-right-programdetails{width:100%;height:20%;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column;margin-bottom:10px}.title-facilitator-right-programdetails{width:90%;height:10%;display:flex;justify-content:center;align-items:center}.title-facilitator-right-programdetails h2{font-size:14px;font-weight:500;line-height:1.25;padding-bottom:10px;text-align:center}.card-facilitator{width:90%;height:75%;display:flex;justify-content:center;align-items:center}.wrapper-card-facilitator{width:100%;height:100%;background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:30px}.wrapper-card-facilitator:hover{background-color:#eee}.data-trainer-card-facilitator{width:100%;height:100%}.top-data-trainer-card-facilitator{width:100%;height:50%;display:flex;gap:10px}.image-top-data-trainer-card-facilitator{width:30%;height:100%}.image-top-data-trainer-card-facilitator img{width:100%;height:100%;object-fit:cover}.desc-top-data-trainer-card-facilitator{width:70%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:10px}.desc-top-data-trainer-card-facilitator h3{font-size:12px;font-weight:500;color:#000}.desc-top-data-trainer-card-facilitator h4{font-size:9px;font-weight:300;color:#747272}.desc-top-data-trainer-card-facilitator .link-trainer-socmed{font-size:9px;font-weight:400;width:100%;height:20%;display:flex;align-items:center;gap:5px}.bottom-data-trainer-card-facilitator{width:100%;height:50%;display:flex;justify-content:center;align-items:center;overflow:scroll}.bottom-data-trainer-card-facilitator p{width:100%;height:80%;font-size:10px;color:#747272}}.container-cardPrograms{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #0003;border-radius:10px;min-width:320px}.wrapper-cardPrograms{width:85%;height:100%;display:flex;flex-direction:column;gap:20px}.type-cardPrograms{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:20px}.type-cat-cardPrograms .chip-cardPrograms{background-color:#f50;color:#fff;font-size:14px}.type-cardPrograms span{font-size:14px;font-weight:500}.description-cardPrograms{width:100%;height:auto;display:flex;flex-direction:column;gap:10px}.description-cardPrograms h1{font-size:36px;font-weight:600;line-height:1.1}.description-cardPrograms h2{font-size:16px;font-weight:300;line-height:1.3}.keypoint-cardPrograms{width:100%;height:auto}.keypoint-cardPrograms span{font-size:18px;font-weight:600}.keypoint-cardPrograms ul{font-size:14px;font-weight:400}.facilitator-cardPrograms{width:100%;height:auto}.facilitator-cardPrograms h3{font-size:18px;font-weight:600}.facilitator-cardPrograms h4{font-size:16px;font-weight:400}.price-cardPrograms{width:100%;height:auto}.price-cardPrograms h3{font-size:18px;font-weight:700}.button-cardPrgrams{display:flex;gap:10px;width:100%;height:auto}.button-button-cardPrgrams{background-color:#0d221b!important;color:#fff;width:auto;height:100%;display:flex;font-size:14px!important}@media only screen and (max-width:1024px){.container-cardPrograms{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #0003;border-radius:10px}.wrapper-cardPrograms{width:85%;height:100%;display:flex;flex-direction:column;gap:20px}.type-cardPrograms{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:20px}.type-cat-cardPrograms .chip-cardPrograms{background-color:#f50;color:#fff;font-size:12px}.type-cardPrograms span{font-size:12px;font-weight:500}.description-cardPrograms{width:100%;height:auto;display:flex;flex-direction:column;gap:10px}.description-cardPrograms h1{font-size:24px;font-weight:600;line-height:1.1}.description-cardPrograms h2{font-size:14px;font-weight:300;line-height:1.3}.keypoint-cardPrograms{width:100%;height:auto}.keypoint-cardPrograms span{font-size:16px;font-weight:600}.keypoint-cardPrograms ul{font-size:14px;font-weight:400}.facilitator-cardPrograms{width:100%;height:auto}.facilitator-cardPrograms h3{font-size:16px;font-weight:600}.facilitator-cardPrograms h4{font-size:14px;font-weight:400}.price-cardPrograms{width:100%;height:auto}.price-cardPrograms h3{font-size:16px;font-weight:700}.button-cardPrgrams{display:flex;gap:10px;width:100%;height:auto}.button-button-cardPrgrams{background-color:#0d221b!important;color:#fff;width:auto;height:100%;display:flex;font-size:14px!important}}@media only screen and (max-width:768px){.container-cardPrograms{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #0003;border-radius:10px}.wrapper-cardPrograms{width:90%;height:100%;display:flex;flex-direction:column;gap:10px}.type-cardPrograms{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:20px}.type-cat-cardPrograms .chip-cardPrograms{background-color:#f50;color:#fff;font-size:12px}.type-cardPrograms span{font-size:12px;font-weight:500}.description-cardPrograms{width:100%;height:auto;display:flex;flex-direction:column;gap:10px}.description-cardPrograms h1{font-size:16px;font-weight:600;line-height:1.1}.description-cardPrograms h2{font-size:12px;font-weight:300;line-height:1.2}.keypoint-cardPrograms{width:100%;height:auto}.keypoint-cardPrograms span{font-size:14px;font-weight:500}.keypoint-cardPrograms ul{font-size:12px;font-weight:300}.facilitator-cardPrograms{width:100%;height:auto}.facilitator-cardPrograms h3{font-size:14px;font-weight:500}.facilitator-cardPrograms h4{font-size:12px;font-weight:300}.price-cardPrograms{width:100%;height:auto}.price-cardPrograms h3{font-size:14px;font-weight:600}.button-cardPrgrams{display:flex;gap:10px;width:100%;height:auto}.button-button-cardPrgrams{background-color:#0d221b!important;color:#fff;width:auto;height:100%;display:flex;font-size:12px!important}}@media only screen and (max-width:540px){.container-cardPrograms{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #0003;border-radius:10px}.wrapper-cardPrograms{width:90%;height:100%;display:flex;flex-direction:column;gap:10px}.type-cardPrograms{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;gap:20px}.type-cat-cardPrograms .MuiChip-label{background-color:#f50;color:#fff;font-size:10px!important;font-weight:300}.type-cardPrograms span{font-size:10px;font-weight:400}.description-cardPrograms{width:100%;height:auto;display:flex;flex-direction:column;gap:10px}.description-cardPrograms h1{font-size:16px;font-weight:600;line-height:1}.description-cardPrograms h2{font-size:12px;font-weight:300;line-height:1.3}.keypoint-cardPrograms{width:100%;height:auto}.keypoint-cardPrograms span{font-size:14px;font-weight:500}.keypoint-cardPrograms ul{font-size:12px;font-weight:300;line-height:1.3}.facilitator-cardPrograms{width:100%;height:auto}.facilitator-cardPrograms h3{font-size:14px;font-weight:500}.facilitator-cardPrograms h4{font-size:12px;font-weight:300}.price-cardPrograms{width:100%;height:auto}.price-cardPrograms h3{font-size:14px;font-weight:500}.button-cardPrgrams{display:flex;gap:10px;width:100%;height:auto}.button-button-cardPrgrams{background-color:#0d221b!important;color:#fff;width:auto;height:100%;display:flex;font-size:10px!important}}.container-order{width:100%;height:80vh;display:flex;justify-content:center;align-items:center;background-color:#f8f6f6;min-width:320px}.wrapper-order{width:90%;height:80%;display:flex;justify-content:center;align-items:center}.left-wrapper-order{width:70%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.left-wrapper-order h1{font-size:36px;font-weight:700;padding-bottom:10px}.left-wrapper-order span{font-size:24px;font-weight:500;padding-left:10px}.wrapper-course-order{width:100%;height:100%;display:flex;margin-left:10px;margin-top:7px}.wrapper-course-order .image-course-order{width:30%;height:100%}.wrapper-course-order .image-course-order img{width:100%;height:30%;border-radius:5px;object-fit:cover;cursor:pointer}.wrapper-course-order .desc-course-order{width:70%;height:100%}.wrapper-course-order .desc-course-order ol{padding-left:30px}.wrapper-course-order .wrapper-detail-course ol li{font-size:16px;font-weight:300}.right-wrapper-order{width:30%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.top-right-wrapper-order{width:100%;height:100%;display:flex;flex-direction:column;gap:5%}.top-right-wrapper-order h1{font-size:36px;font-weight:700;padding-bottom:10px}.container-verify-discount{width:100%;height:5%;gap:10px;color:#0d221b;display:flex;justify-content:space-between}.container-agree-verify-discount{display:flex;justify-content:center;align-items:center;gap:10px}.items-price-right-wrapper-order{width:100%;display:flex;justify-content:space-between}.promo-code-right-wrapper-order{width:100%;height:15%;display:flex;align-items:center;justify-content:space-between}.promo-code-right-wrapper-order .textField{width:50%}.promo-code-right-wrapper-order .MuiButton-root{width:30%;height:60%;background-color:#0d221b;font-size:16px}.terms-condition span{font-size:16px}.top-right-wrapper-order .MuiButton-root{background-color:#0d221b;font-size:16px}@media only screen and (max-width:1024px){.container-order{width:100%;height:80vh;display:flex;justify-content:center;align-items:center;background-color:#f8f6f6}.wrapper-order{width:90%;height:80%;display:flex;justify-content:center;align-items:center}.left-wrapper-order{width:70%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.left-wrapper-order h1{font-size:24px;font-weight:600;padding-bottom:10px}.left-wrapper-order span{font-size:16px;font-weight:500;padding-left:10px}.wrapper-course-order{width:100%;height:100%;display:flex;margin-left:10px;margin-top:7px}.wrapper-course-order .image-course-order{width:30%;height:100%}.wrapper-course-order .image-course-order img{width:100%;height:30%;border-radius:5px;object-fit:cover;cursor:pointer}.wrapper-course-order .desc-course-order{width:70%;height:100%}.wrapper-course-order .desc-course-order ol{padding-left:30px}.wrapper-course-order .wrapper-detail-course ol li{font-size:14px;font-weight:300}.right-wrapper-order{width:30%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.top-right-wrapper-order{width:100%;height:100%;display:flex;flex-direction:column;gap:5%}.top-right-wrapper-order h1{font-size:24px;font-weight:600;padding-bottom:10px}.container-verify-discount{width:100%;height:5%;gap:10px;color:#0d221b;display:flex;justify-content:space-between}.container-agree-verify-discount{display:flex;justify-content:center;align-items:center;gap:10px}.items-price-right-wrapper-order{width:100%;display:flex;justify-content:space-between;font-size:14px}.promo-code-right-wrapper-order{width:100%;height:15%;display:flex;align-items:center;justify-content:space-between}.promo-code-right-wrapper-order .textField{width:50%}.promo-code-right-wrapper-order Button{width:30%;height:60%;background-color:#0d221b}.promo-code-right-wrapper-order .MuiButton-root{width:30%;height:60%;background-color:#0d221b;font-size:14px}.terms-condition span{font-size:14px}.top-right-wrapper-order .MuiButton-root{background-color:#0d221b;font-size:14px}}@media only screen and (max-width:768px){.container-order{width:100%;height:auto;display:flex;justify-content:center;align-items:flex-start;background-color:#f8f6f6}.wrapper-order{width:95%;height:90%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-wrapper-order{width:90%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.left-wrapper-order h1{font-size:16px;font-weight:500;padding-bottom:10px}.left-wrapper-order span{font-size:14px;font-weight:400;padding-left:10px}.wrapper-course-order{width:100%;height:100%;display:flex;margin-left:10px;margin-top:7px}.wrapper-course-order .image-course-order{width:30%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-course-order .image-course-order img{width:100%;height:30%;border-radius:5px;object-fit:cover;cursor:pointer}.wrapper-course-order .desc-course-order{width:70%;height:100%}.wrapper-course-order .desc-course-order ol{padding-left:30px}.wrapper-course-order .wrapper-detail-course ol li{font-size:12px;font-weight:300}.right-wrapper-order{width:90%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.top-right-wrapper-order{width:100%;height:100%;display:flex;flex-direction:column;gap:10px}.top-right-wrapper-order h1{font-size:16px;font-weight:500;padding-bottom:10px}.container-verify-discount{width:100%;height:5%;gap:10px;color:#0d221b;display:flex;justify-content:space-between}.container-agree-verify-discount{display:flex;justify-content:center;align-items:center;gap:10px}.items-price-right-wrapper-order{width:100%;display:flex;justify-content:space-between;font-size:12px}.promo-code-right-wrapper-order{width:100%;height:10%;display:flex;align-items:center;justify-content:space-between}.promo-code-right-wrapper-order .promo-code-right-wrapper-order .textField{width:50%}.promo-code-right-wrapper-order Button{width:30%;height:60%;background-color:#0d221b}.promo-code-right-wrapper-order .MuiButton-root{width:30%;height:60%;background-color:#0d221b;font-size:12px}.terms-condition span{font-size:12px}.top-right-wrapper-order .MuiButton-root{background-color:#0d221b;font-size:12px}.textField .MuiInputBase-input{font-size:12px;height:10px}.textField .MuiInputLabel-root{font-size:12px}}@media only screen and (max-width:540px){.container-order{width:100%;height:auto;display:flex;justify-content:center;align-items:flex-start;background-color:#f8f6f6}.wrapper-order{width:95%;height:90%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.left-wrapper-order{width:85%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.left-wrapper-order h1{font-size:16px;font-weight:500;padding-bottom:10px}.left-wrapper-order span{font-size:14px;font-weight:400;padding-left:0}.wrapper-course-order{width:100%;height:100%;display:flex;flex-direction:column;margin-left:0;margin-top:7px}.wrapper-course-order .image-course-order{width:95%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-course-order .image-course-order img{width:100%;height:50%;border-radius:5px;object-fit:cover;cursor:pointer}.wrapper-course-order .desc-course-order{width:90%;height:100%;margin:10px}.wrapper-course-order .desc-course-order ol{padding-left:10px}.wrapper-course-order .wrapper-detail-course ol li{font-size:12px;font-weight:300}.right-wrapper-order{width:85%;height:100%;background-color:#fff;padding:20px;margin:10px;border-radius:10px;box-shadow:0 0 20px #d1d1d1}.top-right-wrapper-order{width:100%;height:100%;display:flex;flex-direction:column;gap:10px}.top-right-wrapper-order h1{font-size:16px;font-weight:500;padding-bottom:10px}.container-verify-discount{width:100%;height:5%;gap:10px;color:#0d221b;display:flex;justify-content:space-between}.container-agree-verify-discount{display:flex;justify-content:center;align-items:center;gap:10px}.items-price-right-wrapper-order{width:100%;display:flex;justify-content:space-between;font-size:12px}.promo-code-right-wrapper-order{width:100%;height:10%;display:flex;align-items:center;justify-content:space-between}.promo-code-right-wrapper-order .promo-code-right-wrapper-order .textField{width:50%}.promo-code-right-wrapper-order Button{width:30%;height:60%;background-color:#0d221b}.promo-code-right-wrapper-order .MuiButton-root{width:30%;height:60%;background-color:#0d221b;font-size:12px}.terms-condition span{font-size:12px}.top-right-wrapper-order .MuiButton-root{background-color:#0d221b;font-size:12px}.textField .MuiInputBase-input{font-size:12px;height:10px}.textField .MuiInputLabel-root{font-size:12px}}.container-detail-course{width:100%;height:70vh;display:flex;min-width:320px}.left-detail-course{width:35%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-left-detail-course{width:100%;height:100%;overflow:scroll}.wrapper-left-detail-course::-webkit-scrollbar{display:none}.wrapper-left-detail-course .box-left-detail-course{width:75%;height:auto;display:flex;flex-direction:column}.wrapper-left-detail-course .box-left-detail-course .title-detail-course{width:100%;height:10%}.wrapper-left-detail-course .box-left-detail-course .title-detail-course h1{font-weight:700;font-size:36px;line-height:1.2;margin-bottom:20px}.wrapper-left-detail-course .list-detail-course{width:100%;height:60%}.wrapper-left-detail-course .list-detail-course .list-ds .MuiStepLabel-label{font-size:16px;cursor:pointer}.wrapper-left-detail-course .list-detail-course .MuiStepIcon-text{font-size:16px;cursor:pointer;color:#0d221b}.right-detail-course{width:65%;height:90%;display:flex;align-items:center;justify-content:center}.wrapper-right-detail-course{width:80%;height:80%;background-color:#0d221b;color:#fff;border-radius:10px;padding:10px;box-shadow:0 4px 8px #0000001a}.wrapper-right-detail-course h6{font-size:18px;line-height:1.6;font-weight:500;text-align:justify}.wrapper-right-detail-course .MuiTypography-subtitle1{display:flex;align-items:center;font-size:16px}.wrapper-right-detail-course .MuiSvgIcon-root{margin-right:8px;color:gold}.list-detail-course .MuiStepConnector-line{min-height:15px}@media only screen and (max-width:1024px){.container-detail-course{width:100%;height:60vh;display:flex}.left-detail-course{width:45%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-left-detail-course{width:90%;height:100%}.wrapper-left-detail-course .box-left-detail-course{width:75%;height:auto;display:flex;flex-direction:column}.wrapper-left-detail-course .box-left-detail-course .title-detail-course{width:100%;height:10%}.wrapper-left-detail-course .box-left-detail-course .title-detail-course h1{font-weight:600;font-size:24px;line-height:1.2;margin-bottom:10px}.wrapper-left-detail-course .list-detail-course{width:100%;height:60%}.wrapper-left-detail-course .list-detail-course .list-ds .MuiStepLabel-label,.wrapper-left-detail-course .list-detail-course .MuiStepIcon-text{font-size:14px}.list-detail-course .MuiStepConnector-line{min-height:10px}.right-detail-course{width:55%;height:90%;display:flex;align-items:center;justify-content:center}.wrapper-right-detail-course{width:90%;height:80%;background-color:#0d221b;color:#fff;border-radius:10px;padding:5px;box-shadow:0 4px 8px #0000001a}.wrapper-right-detail-course h6{font-size:14px;line-height:1.8;font-weight:400;text-align:justify}.wrapper-right-detail-course .MuiTypography-subtitle1{display:flex;align-items:center;font-size:14px}.wrapper-right-detail-course .MuiSvgIcon-root{margin-right:8px;color:gold}}@media only screen and (max-width:768px){.container-detail-course{width:100%;height:60vh;display:flex}.left-detail-course{width:40%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-left-detail-course{width:90%;height:100%}.wrapper-left-detail-course .box-left-detail-course{width:75%;height:auto;display:flex;flex-direction:column}.wrapper-left-detail-course .box-left-detail-course .title-detail-course{width:100%;height:10%}.wrapper-left-detail-course .box-left-detail-course .title-detail-course h1{font-weight:600;font-size:16px;line-height:1.2;margin-bottom:10px}.wrapper-left-detail-course .list-detail-course{width:100%;height:60%}.wrapper-left-detail-course .list-detail-course .list-ds .MuiStepLabel-label,.wrapper-left-detail-course .list-detail-course .MuiStepIcon-text{font-size:12px}.list-detail-course .MuiStepConnector-line{min-height:5px}.right-detail-course{width:55%;height:90%;display:flex;align-items:center;justify-content:center}.wrapper-right-detail-course{width:90%;height:85%;background-color:#0d221b;color:#fff;border-radius:10px;padding:3px;box-shadow:0 4px 8px #0000001a}.wrapper-right-detail-course h6{font-size:12px;line-height:1.6;font-weight:300;text-align:justify}.wrapper-right-detail-course .MuiTypography-subtitle1{display:flex;align-items:center;font-size:12px}.wrapper-right-detail-course .MuiSvgIcon-root{margin-right:8px;color:gold}}@media only screen and (max-width:540px){.container-detail-course{width:100%;height:60vh;display:flex;flex-direction:column}.left-detail-course{width:100%;height:auto;display:flex;justify-content:center;align-items:center;order:2}.wrapper-left-detail-course{width:100%;height:100%}.wrapper-left-detail-course .box-left-detail-course{width:85%;height:auto;display:flex;flex-direction:column}.wrapper-left-detail-course .box-left-detail-course .title-detail-course{width:100%;height:10%}.wrapper-left-detail-course .box-left-detail-course .title-detail-course h1{font-weight:600;font-size:16px;line-height:1.2;margin-bottom:5px}.wrapper-left-detail-course .list-detail-course{width:100%;height:60%}.wrapper-left-detail-course .list-detail-course .list-ds .MuiStepLabel-label,.wrapper-left-detail-course .list-detail-course .MuiStepIcon-text{font-size:10px}.list-detail-course .MuiStepConnector-line{min-height:3px}.right-detail-course{width:100%;height:90%;display:flex;align-items:center;justify-content:center;order:1}.wrapper-right-detail-course{width:90%;height:auto;background-color:#0d221b;color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.wrapper-right-detail-course h6{font-size:10px;line-height:1.6;font-weight:300;text-align:justify}.wrapper-right-detail-course .MuiTypography-subtitle1{display:flex;align-items:center;font-size:10px}.wrapper-right-detail-course .MuiSvgIcon-root{margin-right:8px;color:gold}}.container-allprograms{width:100%;height:1000px;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-allprograms{width:90%;height:90%;display:flex}.left-allprograms{width:20%;height:100%;display:flex}.wrapper-left-allprograms{width:90%;height:100%}.wrapper-left-allprograms h2{font-size:24px;font-weight:600}.wrapper-left-allprograms span{font-size:16px;font-weight:400}.right-allprograms{width:90%;height:95%}.wrapper-right-allprograms{width:100%;height:100%;display:flex;gap:20px;flex-direction:row;overflow-y:auto;flex-wrap:wrap}.cardEvents-allprograms{height:fit-content}.wrapper-right-allprograms::-webkit-scrollbar{display:none}.pagination-allprograms{width:100%;height:150px;display:flex;justify-content:center}@media only screen and (max-width:1024px){.container-allprograms{width:100%;height:800px;display:flex;justify-content:center;align-items:center}.wrapper-allprograms{width:90%;height:90%;display:flex}.left-allprograms{width:30%;height:100%;display:flex}.wrapper-left-allprograms{width:100%;height:100%}.wrapper-left-allprograms h2{font-size:18px;font-weight:600}.wrapper-left-allprograms span{font-size:14px;font-weight:400}.right-allprograms{width:60%;height:90%}.wrapper-right-allprograms{width:100%;height:100%;display:flex;gap:20px;flex-direction:row;overflow-y:auto;flex-wrap:wrap}.cardEvents-allprograms{height:fit-content}.wrapper-right-allprograms::-webkit-scrollbar{display:none}.pagination-allprograms{width:100%;height:150px;display:flex;justify-content:center}}@media only screen and (max-width:768px){.container-allprograms{width:100%;height:800px;display:flex;justify-content:center;align-items:center}.wrapper-allprograms{width:90%;height:90%;display:flex}.left-allprograms{width:30%;height:100%;display:flex}.wrapper-left-allprograms{width:100%;height:100%}.wrapper-left-allprograms h2{font-size:14px;font-weight:500}.wrapper-left-allprograms span{font-size:10px;font-weight:300}.right-allprograms{width:70%;height:90%}.wrapper-right-allprograms{width:100%;height:100%;display:flex;gap:20px;flex-direction:row;overflow-y:auto;flex-wrap:wrap}.cardEvents-allprograms{height:fit-content}.wrapper-right-allprograms::-webkit-scrollbar{display:none}.pagination-allprograms{width:100%;height:150px;display:flex;justify-content:center}}@media only screen and (max-width:540px){.container-allprograms{width:100%;height:800px;display:flex;justify-content:center;align-items:center}.wrapper-allprograms{width:90%;height:90%;display:flex}.left-allprograms{width:30%;height:100%;display:flex}.wrapper-left-allprograms{width:100%;height:100%}.wrapper-left-allprograms h2{font-size:12px;font-weight:500}.wrapper-left-allprograms span{font-size:9px;font-weight:300}.right-allprograms{width:75%;height:90%}.wrapper-right-allprograms{width:100%;height:100%;display:flex;gap:10px;flex-direction:row;overflow-y:auto;flex-wrap:wrap}.cardEvents-allprograms{height:fit-content}.wrapper-right-allprograms::-webkit-scrollbar{display:none}.pagination-allprograms{width:100%;height:150px;display:flex;justify-content:center}.MuiCheckbox-root{width:30px;height:30px}.MuiCheckbox-root svg{width:20px;height:20px}}.container-edit-profile{width:100%;height:35%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-profile{width:90%;height:90%}.wrapper-edit-profile h1{font-size:24px;font-weight:500}.title-wrapper-edit-profile{width:100%;height:10%}.input-wrapper-edit-profile{width:100%;height:75%}.edit-profile{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:14px;color:#726f6f;font-weight:300}.edit-profile .MuiInputBase-input{width:70%;height:10px;font-size:14px}.button-wrapper-edit-profile{width:100%;height:10%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-profile Button{width:70px;height:35px;font-size:14px;text-transform:capitalize}.Box-modal-edit-profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:40%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-profile{width:100%;height:80%}.modal-wrapper-edit-profile h1{font-size:24px;font-weight:500}.modal-title-wrapper-edit-profile{width:100%;height:20%}.modal-input-wrapper-edit-profile{width:100%;height:80%}.edit-profile{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:14px;color:#726f6f;font-weight:300;width:30%}.modal-button-wrapper-edit-profile{display:flex;justify-content:flex-end;align-items:flex-end;height:15%;width:100%}.modal-button-wrapper-edit-profile Button{width:70px;height:35px;text-transform:capitalize;font-size:14px;background-color:#0d221b}@media only screen and (max-width:1024px){.container-edit-profile{width:100%;height:35%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-profile{width:90%;height:90%}.wrapper-edit-profile h1{font-size:20px;font-weight:500}.title-wrapper-edit-profile{width:100%;height:10%}.input-wrapper-edit-profile{width:100%;height:75%}.edit-profile{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:12px;color:#726f6f;font-weight:300}.edit-profile .MuiInputBase-input{width:70%;height:10px;font-size:12px!important}.button-wrapper-edit-profile{width:100%;height:10%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-profile Button{width:60px;height:35px;font-size:12px;text-transform:capitalize}.Box-modal-edit-profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:35%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-profile{width:100%;height:90%}.modal-wrapper-edit-profile h1{font-size:20px;font-weight:500}.modal-title-wrapper-edit-profile{width:100%;height:15%}.modal-input-wrapper-edit-profile{width:100%;height:80%}.edit-profile{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:12px;color:#726f6f;font-weight:300;width:30%}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:12px!important;box-sizing:border-box}.modal-button-wrapper-edit-profile{display:flex;justify-content:flex-end;align-items:flex-end;height:15%;width:100%}.modal-button-wrapper-edit-profile Button{width:60px;height:35px;text-transform:capitalize;font-size:12px;background-color:#0d221b}}@media only screen and (max-width:768px){.container-edit-profile{width:100%;height:35%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-profile{width:90%;height:90%}.wrapper-edit-profile h1{font-size:16px;font-weight:400}.title-wrapper-edit-profile{width:100%;height:10%}.input-wrapper-edit-profile{width:100%;height:75%}.edit-profile{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:10px;color:#726f6f;font-weight:300}.edit-profile .MuiInputBase-input{width:70%;height:10px;font-size:10px!important}.button-wrapper-edit-profile{width:100%;height:10%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-profile Button{width:50px;height:30px;font-size:10px;text-transform:capitalize}.Box-modal-edit-profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:35%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-profile{width:100%;height:90%}.modal-wrapper-edit-profile h1{font-size:16px;font-weight:400}.modal-title-wrapper-edit-profile{width:100%;height:15%}.modal-input-wrapper-edit-profile{width:100%;height:80%}.edit-profile{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:10px;color:#726f6f;font-weight:300;width:30%}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:30px;font-size:10px!important;box-sizing:border-box}.modal-button-wrapper-edit-profile{display:flex;justify-content:flex-end;align-items:flex-end;height:15%;width:100%}.modal-button-wrapper-edit-profile Button{width:50px;height:30px;text-transform:capitalize;font-size:10px;background-color:#0d221b}}@media only screen and (max-width:540px){.container-edit-profile{width:100%;height:35%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-profile{width:90%;height:90%}.wrapper-edit-profile h1{font-size:14px;font-weight:400}.title-wrapper-edit-profile{width:100%;height:10%}.input-wrapper-edit-profile{width:100%;height:75%}.edit-profile{width:100%;height:45px!important;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:9px;color:#726f6f;font-weight:300}.edit-profile .MuiInputBase-input{width:60%;height:20px!important;font-size:9px!important}.button-wrapper-edit-profile{width:100%;height:10%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-profile Button{width:40px;height:25px;font-size:9px;text-transform:capitalize}.Box-modal-edit-profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:40%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:20px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-profile{width:100%;height:90%}.modal-wrapper-edit-profile h1{font-size:14px;font-weight:400}.modal-title-wrapper-edit-profile{width:100%;height:15%}.modal-input-wrapper-edit-profile{width:100%;height:70%}.edit-profile{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.edit-profile span{font-size:9px;color:#726f6f;font-weight:300;width:30%}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:30px;font-size:9px!important;box-sizing:border-box}.modal-button-wrapper-edit-profile{display:flex;justify-content:flex-end;align-items:flex-end;height:15%;width:100%}.modal-button-wrapper-edit-profile Button{width:40px;height:25px;text-transform:capitalize;font-size:9px;background-color:#0d221b}}.container-profileUser{width:100%;height:1190px;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-profileUser{width:80%;height:90%;display:flex}.left-profileUser{width:30%;height:100%}.image-left-profileUser{width:95%;height:40%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-image-left-profileUser{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.wrapper-image-left-profileUser .image-profile-picture{width:218px;height:218px;border-radius:100%;object-fit:cover;font-size:150px}.wrapper-image-left-profileUser Button{width:80%;height:10%;background-color:#0d221b;color:#fff;text-transform:capitalize}.wrapper-image-left-profileUser span{width:80%;color:#000;font-size:14px;font-weight:400}.right-profileUser{width:70%;height:100%;display:flex;flex-direction:column;gap:1%}.centered-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:200px;background-color:var(--background-paper, white);box-shadow:0 4px 24px #0000001f;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px}.option-profile{width:100%;height:30%;display:flex;justify-content:center;align-items:center;gap:20px}.option-profile .MuiButtonBase-root{font-size:14px!important;font-weight:400}.save-changes-profile{width:100%;height:35%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:400}.save-changes-profile .MuiButtonBase-root{font-size:14px!important;font-weight:400}.explanation-changes-profile{width:100%;height:25%;color:#000;display:flex;justify-content:center;align-items:center}.explanation-changes-profile span{width:90%;color:#000;font-size:14px;font-weight:400}@media only screen and (max-width:1024px){.container-profileUser{width:100%;height:1190px;display:flex;justify-content:center;align-items:center}.wrapper-profileUser{width:90%;height:90%;display:flex}.left-profileUser{width:35%;height:100%}.image-left-profileUser{width:95%;height:40%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-image-left-profileUser{width:90%;height:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.wrapper-image-left-profileUser .image-profile-picture{width:178px;height:178px;border-radius:100%;object-fit:cover;font-size:90px}.wrapper-image-left-profileUser Button{width:80%;height:10%;background-color:#0d221b;color:#fff;font-size:14px}.wrapper-image-left-profileUser span{width:80%;color:#000;font-size:12px;font-weight:300}.right-profileUser{width:65%;height:100%;display:flex;flex-direction:column;gap:1%}.option-profile{width:100%;height:30%;display:flex;justify-content:center;align-items:center;gap:20px}.save-changes-profile{width:100%;height:35%;display:flex;justify-content:center;align-items:center}.explanation-changes-profile{width:100%;height:25%;color:#000;display:flex;justify-content:center;align-items:center}}@media only screen and (max-width:768px){.container-profileUser{width:100%;height:1090px;display:flex;justify-content:center;align-items:center}.wrapper-profileUser{width:90%;height:95%;display:flex}.left-profileUser{width:35%;height:100%}.image-left-profileUser{width:95%;height:30%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.centered-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:180px;background-color:var(--background-paper, white);box-shadow:0 4px 24px #0000001f;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px}.wrapper-image-left-profileUser{width:90%;height:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.wrapper-image-left-profileUser .image-profile-picture{width:128px;height:128px;border-radius:100%;object-fit:cover;font-size:60px}.wrapper-image-left-profileUser Button{width:80%;height:10%;background-color:#0d221b;color:#fff;font-size:12px}.wrapper-image-left-profileUser span{width:80%;color:#000;font-size:10px;font-weight:300}.right-profileUser{width:65%;height:100%;display:flex;flex-direction:column;gap:1%}.option-profile .MuiButtonBase-root{font-size:12px!important;font-weight:400}.option-profile{width:100%;height:30%;display:flex;justify-content:center;align-items:center;gap:20px}.save-changes-profile{width:100%;height:35%;display:flex;justify-content:center;align-items:center}.save-changes-profile .MuiButtonBase-root{font-size:12px!important;font-weight:400}.explanation-changes-profile{width:100%;height:25%;color:#000;display:flex;justify-content:center;align-items:center}.explanation-changes-profile span{width:90%;color:#000;font-size:12px;font-weight:400}}@media only screen and (max-width: 540px){.container-profileUser{width:100%;height:890px;display:flex;justify-content:center;align-items:center}.wrapper-profileUser{width:90%;height:95%;display:flex}.left-profileUser{width:35%;height:100%}.image-left-profileUser{width:95%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.centered-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:160px;background-color:var(--background-paper, white);box-shadow:0 4px 24px #0000001f;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px}.wrapper-image-left-profileUser{width:90%;height:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.wrapper-image-left-profileUser .image-profile-picture{width:78px;height:78px;border-radius:100%;object-fit:cover;font-size:30px}.wrapper-image-left-profileUser Button{width:90%;height:10%;background-color:#0d221b;color:#fff;font-size:8px;font-weight:400}.wrapper-image-left-profileUser span{width:90%;color:#000;font-size:7px;font-weight:300}.right-profileUser{width:65%;height:100%;display:flex;flex-direction:column;gap:1%}.option-profile{width:100%;height:30%;display:flex;justify-content:center;align-items:center;gap:20px}.option-profile .MuiButtonBase-root{font-size:10px!important;font-weight:300}.save-changes-profile{width:100%;height:35%;display:flex;justify-content:center;align-items:center}.save-changes-profile .MuiButtonBase-root{font-size:10px!important;font-weight:300}.explanation-changes-profile{width:100%;height:25%;color:#000;display:flex;justify-content:center;align-items:center}.explanation-changes-profile span{width:90%;color:#000;font-size:10px;font-weight:300}}.container-edit-contact{width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-contact{width:90%;height:90%}.wrapper-edit-contact h1{font-size:24px;font-weight:500}.title-wrapper-edit-contact{width:100%;height:20%}.input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-contact .textfield{width:70%;height:40px}.button-wrapper-edit-contact{width:100%;height:20%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-contact Button{width:70px;height:35px;text-transform:capitalize;font-size:14px;background-color:#0d221b}.Box-modal-edit-contact{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:20%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-contact{width:100%;height:90%}.modal-wrapper-edit-contact h1{font-size:24px;font-weight:500}.modal-title-wrapper-edit-contact{width:100%;height:20%}.modal-input-wrapper-edit-contact{width:100%;height:50%}.edit-contact{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-contact span{font-size:14px;color:#726f6f;font-weight:300}.modal-button-wrapper-edit-contact{width:100%;height:20%;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-contact Button{width:70px;height:35px;text-transform:capitalize!important;font-size:14px;background-color:#0d221b}@media only screen and (max-width:1024px){.container-edit-contact{width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-contact{width:90%;height:90%}.wrapper-edit-contact h1{font-size:20px;font-weight:500}.title-wrapper-edit-contact{width:100%;height:20%}.input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-contact .textfield{width:70%;height:40px}.button-wrapper-edit-contact{width:100%;height:20%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-contact Button{width:60px;height:35px;text-transform:capitalize;font-size:12px;background-color:#0d221b}.Box-modal-edit-contact{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:20%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-contact{width:100%;height:100%}.modal-wrapper-edit-contact h1{font-size:20px;font-weight:500}.modal-title-wrapper-edit-contact{width:100%;height:20%}.modal-input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-contact span{font-size:12px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:12px;box-sizing:border-box}.modal-button-wrapper-edit-contact{width:100%;height:15%!important;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-contact Button{width:60px;height:35px;text-transform:capitalize!important;font-size:12px;background-color:#0d221b}}@media only screen and (max-width:768px){.container-edit-contact{width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-contact{width:90%;height:90%}.wrapper-edit-contact h1{font-size:16px;font-weight:400}.title-wrapper-edit-contact{width:100%;height:20%}.input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-contact .textfield{width:70%;height:40px}.button-wrapper-edit-contact{width:100%;height:20%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-contact Button{width:50px;height:30px;text-transform:capitalize;font-size:10px;background-color:#0d221b}.Box-modal-edit-contact{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:20%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-contact{width:100%;height:100%}.modal-wrapper-edit-contact h1{font-size:16px;font-weight:400}.modal-title-wrapper-edit-contact{width:100%;height:20%}.modal-input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-contact span{font-size:10px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:10px;box-sizing:border-box}.modal-button-wrapper-edit-contact{width:100%;height:15%!important;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-contact Button{width:50px;height:30px;text-transform:capitalize!important;font-size:10px;background-color:#0d221b}}@media only screen and (max-width: 540px){.container-edit-contact{width:100%;height:20%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-contact{width:90%;height:90%}.wrapper-edit-contact h1{font-size:14px;font-weight:400}.title-wrapper-edit-contact{width:100%;height:20%}.input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:45px!important;display:flex;justify-content:space-between;align-items:center}.edit-contact .MuiInputBase-input{width:60%;height:20px!important;font-size:9px!important}.edit-contact .textfield{width:70%;height:40px}.button-wrapper-edit-contact{width:100%;height:20%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-contact Button{width:40px;height:25px;text-transform:capitalize;font-size:9px;background-color:#0d221b}.Box-modal-edit-contact{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:25%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:20px;border-radius:9px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-contact{width:100%;height:100%}.modal-wrapper-edit-contact h1{font-size:14px;font-weight:400}.modal-title-wrapper-edit-contact{width:100%;height:20%}.modal-input-wrapper-edit-contact{width:100%;height:60%}.edit-contact{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-contact span{font-size:9px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:9px;box-sizing:border-box}.modal-button-wrapper-edit-contact{width:100%;height:15%!important;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-contact Button{width:40px;height:25px;text-transform:capitalize!important;font-size:9px;background-color:#0d221b}}.container-edit-information{width:100%;height:45%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-information{width:90%;height:90%}.wrapper-edit-information h1{font-size:24px;font-weight:500}.title-wrapper-edit-information{width:100%;height:10%}.input-wrapper-edit-information{width:100%;height:75%}.edit-information{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-information .textfield{width:70%;height:40px}.button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-information Button{width:70px;height:35px;font-size:14px;text-transform:capitalize}.Box-modal-edit-information{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:50%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-information{width:100%;height:90%}.modal-wrapper-edit-information h1{font-size:24px;font-weight:500}.modal-title-wrapper-edit-information{width:100%;height:10%}.modal-input-wrapper-edit-information{width:100%;height:60%}.edit-information{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-information span{font-size:14px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:14px;box-sizing:border-box}.modal-button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-information Button{width:60px;height:35px;text-transform:capitalize;font-size:14px;background-color:#0d221b}@media only screen and (max-width:1024px){.container-edit-information{width:100%;height:45%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-information{width:90%;height:90%}.wrapper-edit-information h1{font-size:20px;font-weight:500}.title-wrapper-edit-information{width:100%;height:10%}.input-wrapper-edit-information{width:100%;height:75%}.edit-information{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-information .textfield{width:70%;height:40px}.button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-information Button{width:70px;height:35px;font-size:12px;text-transform:capitalize}.Box-modal-edit-information{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;height:50%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-information{width:100%;height:90%}.modal-wrapper-edit-information h1{font-size:20px;font-weight:500}.modal-title-wrapper-edit-information{width:100%;height:10%}.modal-input-wrapper-edit-information{width:100%;height:60%}.edit-information{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-information span{font-size:12px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:12px;box-sizing:border-box}.modal-button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-information Button{width:60px;height:35px;text-transform:capitalize;font-size:12px;background-color:#0d221b}}@media only screen and (max-width:768px){.container-edit-information{width:100%;height:45%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-information{width:90%;height:90%}.wrapper-edit-information h1{font-size:16px;font-weight:400}.title-wrapper-edit-information{width:100%;height:10%}.input-wrapper-edit-information{width:100%;height:75%}.edit-information{width:100%;height:55px!important;display:flex;justify-content:space-between;align-items:center}.edit-information .textfield{width:70%;height:40px}.button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-information Button{width:60px;height:35px;font-size:10px;text-transform:capitalize}.Box-modal-edit-information{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:50%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:10px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-information{width:100%;height:90%}.modal-wrapper-edit-information h1{font-size:16px;font-weight:400}.modal-title-wrapper-edit-information{width:100%;height:10%}.modal-input-wrapper-edit-information{width:100%;height:60%}.edit-information{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-information span{font-size:10px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:10px;box-sizing:border-box}.modal-button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-information Button{width:60px;height:35px;text-transform:capitalize;font-size:10px;background-color:#0d221b}}@media only screen and (max-width:768px){.container-edit-information{width:100%;height:45%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #d1d1d1;border-radius:10px}.wrapper-edit-information{width:90%;height:90%}.wrapper-edit-information h1{font-size:14px;font-weight:400}.title-wrapper-edit-information{width:100%;height:10%}.input-wrapper-edit-information{width:100%;height:75%}.edit-information{width:100%;height:45px!important;display:flex;justify-content:space-between;align-items:center}.edit-information .MuiInputBase-input{width:60%;height:20px!important;font-size:9px!important}.edit-information .textfield{width:70%;height:40px}.button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.button-wrapper-edit-information Button{width:40px;height:25px;font-size:9px;text-transform:capitalize}.Box-modal-edit-information{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:50%;background-color:#fff;box-shadow:0 4px 24px #0003;padding:32px;border-radius:9px;z-index:999999;display:flex;flex-direction:column}.modal-wrapper-edit-information{width:100%;height:90%}.modal-wrapper-edit-information h1{font-size:16px;font-weight:400}.modal-title-wrapper-edit-information{width:100%;height:10%}.modal-input-wrapper-edit-information{width:100%;height:60%}.edit-information{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}.edit-information span{font-size:9px;color:#726f6f;font-weight:300}.textfield,.textfield .MuiInputBase-input,.textfield .MuiSelect-select{width:100%;height:40px;font-size:9px;box-sizing:border-box}.modal-button-wrapper-edit-information{width:100%;height:15%;display:flex;justify-content:flex-end;align-items:flex-end}.modal-button-wrapper-edit-information Button{width:40px;height:25px;text-transform:capitalize;font-size:9px;background-color:#0d221b}}.container-optionsdashboard{width:100%;height:600px;background-color:#fff;min-width:320px}.wrapper-optionsdashboard{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-optionsdashboard .box-wrapper-optionsdashboard{width:100%;height:20%;display:flex;justify-content:center;align-items:center;gap:2%}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button{width:180px;height:50px;text-transform:none;font-size:16px;font-weight:600}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button:hover{background-color:#026da7}.wrapper-optionsdashboard .description-optionsdashboard{width:100%;height:80%}.wrapper-optionsdashboard .description-optionsdashboard .wrapper-description-optionsdashboard{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:1024px){.container-optionsdashboard{width:100%;height:550px;background-color:#fff}.wrapper-optionsdashboard{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-optionsdashboard .box-wrapper-optionsdashboard{width:100%;height:20%;display:flex;justify-content:center;align-items:center;gap:2%}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button{width:160px;height:40px;text-transform:none;font-size:14px;font-weight:500}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button:hover{background-color:#026da7}.wrapper-optionsdashboard .description-optionsdashboard{width:100%;height:80%}.wrapper-optionsdashboard .description-optionsdashboard .wrapper-description-optionsdashboard{width:100%;height:100%;display:flex;justify-content:center;align-items:center}}@media only screen and (max-width:768px){.container-optionsdashboard{width:100%;height:470px;background-color:#fff}.wrapper-optionsdashboard{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-optionsdashboard .box-wrapper-optionsdashboard{width:100%;height:20%;display:flex;justify-content:center;align-items:center;gap:2%}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button{width:140px;height:35px;text-transform:none;font-size:12px;font-weight:500}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button:hover{background-color:#026da7}.wrapper-optionsdashboard .description-optionsdashboard{width:100%;height:80%}.wrapper-optionsdashboard .description-optionsdashboard .wrapper-description-optionsdashboard{width:100%;height:100%;display:flex;justify-content:center;align-items:center}}@media only screen and (max-width:540px){.container-optionsdashboard{width:100%;height:420px;background-color:#fff}.wrapper-optionsdashboard{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-optionsdashboard .box-wrapper-optionsdashboard{width:100%;height:10%;display:flex;justify-content:center;align-items:center;gap:2%}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button{width:110px;height:30px;text-transform:none;font-size:9px;font-weight:300}.wrapper-optionsdashboard .box-wrapper-optionsdashboard Button:hover{background-color:#026da7}.wrapper-optionsdashboard .description-optionsdashboard{width:100%;height:80%}.wrapper-optionsdashboard .description-optionsdashboard .wrapper-description-optionsdashboard{width:100%;height:100%;display:flex;justify-content:center;align-items:center}}.program-mydashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:320px}.container-program-mydashboard{width:80%;height:100%;display:flex;flex-direction:row;overflow-x:auto;gap:20px;padding:10px;scroll-behavior:smooth;justify-content:flex-start}.container-program-mydashboard>*{flex:0 0 auto}.container-program-mydashboard::-webkit-scrollbar{display:none}.container-program-mydashboard::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.no-orders{text-align:center;font-size:16px;color:#777}.box-ready-to-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:300px;background-color:var(--background-paper, #fff);box-shadow:0 4px 6px #0000001a;padding:50px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:5%}.box-ready-to-start .title-box-ready-to-start{font-size:24px;font-weight:500}.box-ready-to-start ol li{font-size:16px;font-weight:400;line-height:1.7}.box-ready-to-start .MuiButtonBase-root{font-size:16px}@media only screen and (max-width:1024px){.box-ready-to-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:300px;background-color:var(--background-paper, #fff);box-shadow:0 4px 6px #0000001a;padding:50px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:5%}.box-ready-to-start .title-box-ready-to-start{font-size:24px;font-weight:500}.box-ready-to-start ol li{font-size:16px;font-weight:400;line-height:1.7}.box-ready-to-start .MuiButtonBase-root{font-size:14px}}@media only screen and (max-width:768px){.box-ready-to-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:200px;background-color:var(--background-paper, #fff);box-shadow:0 4px 6px #0000001a;padding:50px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:5%}.box-ready-to-start .title-box-ready-to-start{font-size:16px;font-weight:500}.box-ready-to-start ol li{font-size:12px;font-weight:400;line-height:1.7}.box-ready-to-start .MuiButtonBase-root{font-size:12px}}@media only screen and (max-width:540px){.box-ready-to-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:200px;background-color:var(--background-paper, #fff);box-shadow:0 4px 6px #0000001a;padding:50px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:5%}.box-ready-to-start .title-box-ready-to-start{font-size:14px;font-weight:500}.box-ready-to-start ol li{font-size:10px;font-weight:300;line-height:1.7}.box-ready-to-start .MuiButtonBase-root{font-size:10px}}.container-cardMyProgram{width:380px;height:427px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardMyProgram:hover{background-color:#e6e6e6}.wrapper-cardMyProgram{width:85%;height:90%}.image-cardMyProgram{width:100%;height:60%}.image-cardMyProgram img{width:100%;height:95%;object-fit:cover}.desc-cardMyProgram{width:100%;height:30%}.desc-cardMyProgram .title-cardMyProgram{width:100%;height:100%}.desc-cardMyProgram h1{font-size:20px;line-height:2rem}.desc-cardMyProgram h3{font-size:15px;font-weight:400;text-align:justify}.price-cardMyProgram{width:100%;height:10%;display:flex}.number-cardMyProgram h3{font-size:24px;color:#0d221b}.number-cardMyProgram h3:hover{color:#285848}@media only screen and (max-width:1024px){.container-cardMyProgram{width:330px;height:377px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardMyProgram:hover{background-color:#e6e6e6}.wrapper-cardMyProgram{width:90%;height:90%}.image-cardMyProgram{width:100%;height:60%}.image-cardMyProgram img{width:100%;height:95%;object-fit:cover;background-color:#000}.desc-cardMyProgram{width:100%;height:30%}.desc-cardMyProgram .title-cardMyProgram{width:100%;height:100%}.desc-cardMyProgram h1{font-size:16px;line-height:2rem}.desc-cardMyProgram h3{font-size:14px;line-height:1.4;text-align:justify}.price-cardMyProgram{width:100%;height:10%;display:flex}.number-cardMyProgram h3{font-size:16px;color:#0d221b;margin-top:10px}.number-cardMyProgram h3:hover{color:#285848}}@media only screen and (max-width:768px){.container-cardMyProgram{width:280px;height:327px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardMyProgram:hover{background-color:#e6e6e6}.wrapper-cardMyProgram{width:90%;height:90%}.image-cardMyProgram{width:100%;height:52%}.image-cardMyProgram img{width:100%;height:95%;object-fit:cover;background-color:#000}.desc-cardMyProgram{width:100%;height:40%}.desc-cardMyProgram .title-cardMyProgram{width:100%;height:100%}.desc-cardMyProgram h1{font-size:14px;line-height:2rem}.desc-cardMyProgram h3{font-size:12px;line-height:1.2rem;text-align:justify}.price-cardMyProgram{width:100%;height:10%;display:flex}.number-cardMyProgram h3{font-size:14px;color:#0d221b;margin-top:10px}.number-cardMyProgram h3:hover{color:#285848}}@media only screen and (max-width:540px){.container-cardMyProgram{width:220px;height:237px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px #D9D9D9 solid;border-radius:10px;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}.container-cardMyProgram:hover{background-color:#e6e6e6}.wrapper-cardMyProgram{width:90%;height:90%}.image-cardMyProgram{width:100%;height:60%}.image-cardMyProgram img{width:100%;height:95%;object-fit:cover;background-color:#000}.desc-cardMyProgram{width:100%;height:30%}.desc-cardMyProgram .title-cardMyProgram{width:100%;height:100%}.desc-cardMyProgram h1{font-size:12px;line-height:1.3rem;font-weight:500}.desc-cardMyProgram h3{font-size:9px;line-height:1.2;font-weight:200}.price-cardMyProgram{width:100%;height:10%;display:flex}.number-cardMyProgram h3{font-size:12px;color:#0d221b;margin-top:0;font-weight:500}.number-cardMyProgram h3:hover{color:#285848}}.transaction-history{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-transaction-history{width:80%;height:90%;overflow-y:scroll;overflow-x:hidden;padding:10px}.transaction-history::-webkit-scrollbar{display:none}.order-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;display:flex;width:100%;height:230px;padding-top:20px;padding-bottom:20px}.order-item:last-child{border-bottom:none}.order-info{display:flex;flex-direction:column;width:100%;height:220px;border:1px solid white;border-radius:10px;box-shadow:0 2px 15px #79797933;background-color:#fff;justify-content:center;align-items:center}.top-order-info{width:90%;height:30%;display:flex;justify-content:flex-start;padding-left:0;align-items:center;gap:5%}.icon-title-top-order-info{width:20%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:5px}.icon-title-top-order-info .MuiSvgIcon-root{width:40px;height:20px}.icon-title-top-order-info .span-top-order-info,.top-order-info .span-top-order-info{font-size:16px;font-weight:500}.top-order-info .order-status{font-size:16px;font-weight:300;padding:10px;text-transform:uppercase;box-shadow:0 2px 15px #cfcfcf33}.bottom-order-info{width:90%;height:70%;display:flex;justify-content:center;align-items:center;gap:5%}.wrapper-bottom-order-info{width:90%;height:90%;display:flex;gap:5%}.image-wrapper-bottom-order-info{width:25%;height:100%}.image-wrapper-bottom-order-info img{width:100%;height:100%;object-fit:cover}.course-details-wrapper-bottom-order-info{width:50%;height:100%;display:flex;flex-direction:column;overflow:scroll}.course-details-wrapper-bottom-order-info h3{font-size:20px;font-weight:600;line-height:1.6}.course-details-wrapper-bottom-order-info span{font-size:14px;font-weight:400;line-height:1.5}.course-details-wrapper-bottom-order-info::-webkit-scrollbar{display:none}.price-wrapper-bottom-order-info{width:25%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5%}.price-wrapper-bottom-order-info Button{text-transform:none;color:#fff;font-size:16px}.price-wrapper-bottom-order-info h4,.price-wrapper-bottom-order-info .total-price-bottom-order-info{font-size:20px;font-weight:600;line-height:1.6}.bottom-order-info img{width:180px;height:130px;border-radius:10px}.order-info span{margin-bottom:5px;font-size:14px}.order-info .order-status{font-weight:700}.order-status-success{color:green;background-color:#cfc;padding:5px;border-radius:10px}.order-status-failed{color:maroon;background-color:#fcc;padding:5px;border-radius:10px}.no-orders{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.box-modal-description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:35%;width:35%;background-color:#fff;border-radius:8px;box-shadow:0 4px 30px #0000001a;padding:35px;overflow:hidden;transition:all .3s ease-in-out;gap:20%!important}.wrapper-description-order-details{width:100%;height:80%;gap:10%}.modal-title{font-weight:700;color:#333;font-size:24px!important;font-weight:500!important}.order-info-row{display:flex;justify-content:space-between;margin-top:15px}.order-info-row .MuiTypography-root{font-size:16px!important}.order-info-label{flex:1;font-weight:400;font-size:16px}.order-info-value{flex:2;text-align:left;font-weight:500;font-size:16px;padding-left:20px}.invoice-button{margin-top:20px!important;background-color:#0d221b!important;color:#fff;font-size:14px;text-transform:capitalize!important}@media only screen and (max-width : 1024px){.transaction-history{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-transaction-history{width:90%;height:90%;overflow-y:scroll;overflow-x:hidden}.transaction-history::-webkit-scrollbar{display:none}.order-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;display:flex;width:100%;height:210px;padding-top:15px;padding-bottom:15px}.order-item:last-child{border-bottom:none}.order-info{display:flex;flex-direction:column;width:100%;height:220px;border:1px solid white;border-radius:10px;box-shadow:0 2px 15px #79797933;background-color:#fff;justify-content:center;align-items:center}.top-order-info{width:95%;height:30%;display:flex;justify-content:flex-start;padding-left:0;align-items:center;gap:7%}.icon-title-top-order-info{width:20%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:5px}.icon-title-top-order-info .MuiSvgIcon-root{width:30px;height:15px}.icon-title-top-order-info .span-top-order-info,.top-order-info .span-top-order-info{font-size:14px;font-weight:500}.top-order-info .order-status{font-size:14px;font-weight:300;padding:10px;text-transform:uppercase;box-shadow:0 2px 15px #cfcfcf33}.bottom-order-info{width:95%;height:70%;display:flex;justify-content:center;align-items:center;gap:5%}.wrapper-bottom-order-info{width:90%;height:90%;display:flex;gap:5%}.image-wrapper-bottom-order-info{width:25%;height:100%}.image-wrapper-bottom-order-info img{width:90%;height:90%;object-fit:cover}.course-details-wrapper-bottom-order-info{width:50%;height:100%;display:flex;flex-direction:column;overflow:scroll}.course-details-wrapper-bottom-order-info h3{font-size:16px;font-weight:600;line-height:1.6}.course-details-wrapper-bottom-order-info span{font-size:12px;font-weight:400;line-height:1.5}.price-wrapper-bottom-order-info{width:25%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5%}.price-wrapper-bottom-order-info Button{text-transform:none;color:#fff;font-size:12px}.price-wrapper-bottom-order-info h4{font-size:14px;font-weight:600;line-height:1.6}.price-wrapper-bottom-order-info .total-price-bottom-order-info{font-size:16px;font-weight:600;line-height:1.6}.bottom-order-info img{width:150px;height:100px;border-radius:10px}.order-info span{margin-bottom:5px;font-size:12px}.order-info .order-status{font-weight:700}.order-status-success{color:green;background-color:#cfc;padding:5px;border-radius:10px}.order-status-failed{color:maroon;background-color:#fcc;padding:5px;border-radius:10px}.no-orders{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.box-modal-description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:35%;width:45%;background-color:#fff;border-radius:8px;box-shadow:0 4px 30px #0000001a;padding:35px;overflow:hidden;transition:all .3s ease-in-out;gap:20%!important}.wrapper-description-order-details{width:100%;height:80%;gap:10%}.modal-title{font-weight:700;color:#333;font-size:20px!important;font-weight:500!important}.order-info-row{display:flex;justify-content:space-between;margin-top:15px}.order-info-row .MuiTypography-root{font-size:14px!important}.order-info-label{flex:1;font-weight:400;font-size:14px!important}.order-info-value{flex:2;text-align:left;font-weight:500;font-size:14px!important;padding-left:20px}.invoice-button{margin-top:20px!important;background-color:#0d221b!important;color:#fff;font-size:14px!important;text-decoration:none!important}}@media only screen and (max-width : 760px){.transaction-history{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-transaction-history{width:95%;height:95%;overflow-y:scroll;overflow-x:hidden}.transaction-history::-webkit-scrollbar{display:none}.order-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;display:flex;width:100%;height:180px;padding-top:10px;padding-bottom:10px}.order-item:last-child{border-bottom:none}.order-info{display:flex;flex-direction:column;width:100%;height:180px;border:1px solid white;border-radius:10px;box-shadow:0 2px 15px #79797933;background-color:#fff;justify-content:center;align-items:center}.top-order-info{width:95%;height:30%;display:flex;justify-content:flex-start;padding-left:0;align-items:center;gap:2%}.icon-title-top-order-info{width:20%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:5px}.icon-title-top-order-info .MuiSvgIcon-root{width:30px;height:15px}.icon-title-top-order-info .span-top-order-info,.top-order-info .span-top-order-info{font-size:12px;font-weight:400}.top-order-info .order-status{font-size:12px;font-weight:300;padding:10px;text-transform:uppercase;box-shadow:0 2px 15px #cfcfcf33}.bottom-order-info{width:100%;height:70%;display:flex;justify-content:center;align-items:center;gap:5%}.wrapper-bottom-order-info{width:95%;height:90%;display:flex;gap:5%}.image-wrapper-bottom-order-info{width:25%;height:100%}.image-wrapper-bottom-order-info img{width:90%;height:90%;object-fit:cover}.course-details-wrapper-bottom-order-info{width:50%;height:100%;display:flex;flex-direction:column;overflow:scroll}.course-details-wrapper-bottom-order-info h3{font-size:14px;font-weight:500;line-height:1.6}.course-details-wrapper-bottom-order-info span{font-size:10px;font-weight:300;line-height:1.5}.price-wrapper-bottom-order-info{width:25%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5%}.price-wrapper-bottom-order-info Button{text-transform:none;color:#fff;font-size:10px}.price-wrapper-bottom-order-info h4{font-size:12px;font-weight:500;line-height:1.6}.price-wrapper-bottom-order-info .total-price-bottom-order-info{font-size:14px;font-weight:500;line-height:1.6}.bottom-order-info img{width:130px;height:80px;border-radius:10px}.order-info span{margin-bottom:5px;font-size:10px}.order-info .order-status{font-weight:600}.order-status-success{color:green;background-color:#cfc;padding:5px;border-radius:10px}.order-status-failed{color:maroon;background-color:#fcc;padding:5px;border-radius:10px}.no-orders{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.box-modal-description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:32%;width:65%;background-color:#fff;border-radius:8px;box-shadow:0 4px 30px #0000001a;padding:35px;overflow:hidden;transition:all .3s ease-in-out;gap:20%!important}.wrapper-description-order-details{width:100%;height:80%;gap:10%}.modal-title{font-weight:700;color:#333;font-size:16px!important;font-weight:400!important}.order-info-row{display:flex;justify-content:space-between;margin-top:10px}.order-info-row .MuiTypography-root{font-size:14px!important}.order-info-label{flex:1;font-weight:400;font-size:14px!important}.order-info-value{flex:2;text-align:left;font-weight:500;font-size:12px!important;padding-left:20px}.invoice-button{margin-top:15px!important;background-color:#0d221b!important;color:#fff;font-size:12px!important;text-decoration:none!important}}@media only screen and (max-width : 540px){.transaction-history{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.wrapper-transaction-history{width:95%;height:95%;overflow-y:scroll;overflow-x:hidden}.transaction-history::-webkit-scrollbar{display:none}.order-item{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;display:flex;width:100%;height:130px;padding-top:10px;padding-bottom:10px}.order-item:last-child{border-bottom:none}.order-info{display:flex;flex-direction:column;width:100%;height:130px;border:1px solid white;border-radius:10px;box-shadow:0 2px 15px #79797933;background-color:#fff;justify-content:center;align-items:center}.top-order-info{width:95%;height:30%;display:flex;justify-content:flex-start;padding-left:0;align-items:center;gap:1%}.icon-title-top-order-info{width:20%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:3px}.icon-title-top-order-info .MuiSvgIcon-root{width:20px;height:12px}.icon-title-top-order-info .span-top-order-info,.top-order-info .span-top-order-info{font-size:9px;font-weight:300}.top-order-info .order-status{font-size:9px;font-weight:300;padding:4px;text-transform:uppercase;box-shadow:0 2px 15px #cfcfcf33}.bottom-order-info{width:100%;height:70%;display:flex;justify-content:center;align-items:center;gap:3%}.wrapper-bottom-order-info{width:95%;height:90%;display:flex;gap:3%}.image-wrapper-bottom-order-info{width:25%;height:100%}.image-wrapper-bottom-order-info img{width:90%;height:90%;object-fit:cover}.course-details-wrapper-bottom-order-info{width:50%;height:100%;display:flex;flex-direction:column;overflow:scroll}.course-details-wrapper-bottom-order-info h3{font-size:10px;font-weight:500;line-height:1.5}.course-details-wrapper-bottom-order-info span{font-size:9px!important;font-weight:300;line-height:1.2}.price-wrapper-bottom-order-info{width:25%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3%}.price-wrapper-bottom-order-info Button{text-transform:none;color:#fff;font-size:9px}.price-wrapper-bottom-order-info h4{font-size:9px;font-weight:300;line-height:1.3}.price-wrapper-bottom-order-info .total-price-bottom-order-info{font-size:10px;font-weight:500;line-height:1.5}.bottom-order-info img{width:80px;height:40px;border-radius:6px}.order-info span{margin-bottom:5px;font-size:10px}.order-info .order-status{font-weight:700}.order-status-success{color:green;background-color:#cfc;padding:5px;border-radius:6px}.order-status-failed{color:maroon;background-color:#fcc;padding:5px;border-radius:10px}.no-orders{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.box-modal-description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:25%;width:65%;background-color:#fff;border-radius:8px;box-shadow:0 4px 30px #0000001a;padding:20px;overflow:hidden;transition:all .3s ease-in-out;gap:20%!important}.wrapper-description-order-details{width:100%;height:80%;gap:10%}.modal-title{color:#333;font-size:12px!important;font-weight:500!important}.order-info-row{display:flex;justify-content:space-between;margin-top:10px}.order-info-row .MuiTypography-root{font-size:10px!important}.order-info-label{flex:1;font-weight:300;font-size:10px!important}.order-info-value{flex:2;text-align:left;font-weight:500;font-size:10px!important;padding-left:10px}.invoice-button{margin-top:15px!important;background-color:#0d221b!important;color:#fff;font-size:10px!important;text-decoration:none!important}}.container-certificate{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.wrapper-certificate{width:90%;border-radius:8px;padding:20px;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.certificate-preview{background-color:#fff;border-radius:10px;padding:15px;width:250px;height:300px;box-shadow:0 4px 12px #0000001a;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.certificate-preview h2{font-size:18px;margin-bottom:10px;color:#333}.certificate-content{display:flex;flex-direction:column;align-items:center;gap:10px}.certificate-image{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:8px}.download-btn{display:inline-block;padding:8px 12px;background-color:#004288;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.download-btn:hover{background-color:#0056b3}@media only screen and (max-width: 540px){.container-certificate{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px}.wrapper-certificate{width:100%;border-radius:8px;padding:10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.certificate-preview{background-color:#fff;border-radius:10px;padding:10px;width:200px;height:auto;box-shadow:0 4px 12px #0000001a;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.certificate-preview h2{font-size:14px;margin-bottom:5px;color:#333}.certificate-content{display:flex;flex-direction:column;align-items:center;gap:5px}.certificate-image{width:100%;height:auto;object-fit:contain;border-radius:8px!important}.download-btn{display:inline-block;padding:6px 10px;background-color:#004288;color:#fff;text-decoration:none;border-radius:5px;font-size:12px;transition:background-color .3s}.download-btn:hover{background-color:#0056b3}}.container-profile{width:100%;height:282px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-width:320px}.wrapper-profile{width:90%;height:70%;display:flex}.data-profile{width:100%;height:100%;display:flex;align-items:center;gap:20px}.profile-description{display:flex;flex-direction:column;justify-content:center;gap:2px}.profile-description h1{font-size:24px;font-weight:700}.profile-description h2{font-size:20px;font-weight:500}.edit-data-profile{display:flex;gap:10px;color:#000}.edit-data-profile .MuiSvgIcon-root{width:20px;height:20px}.edit-data-profile:hover{color:#9b9b9b}.link-edit-profile{text-decoration:none;color:#000;font-size:16px}.link-edit-profile:hover{color:#9b9b9b}.data-profile .avatar{width:175px;height:175px;text-transform:capitalize;font-size:72px}@media only screen and (max-width:1024px){.container-profile{width:100%;height:252px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-profile{width:90%;height:70%;display:flex}.data-profile{width:100%;height:100%;display:flex;align-items:center;gap:20px}.profile-description{display:flex;flex-direction:column;justify-content:center;gap:5px}.profile-description h1{font-size:20px;font-weight:600}.profile-description h2{font-size:14px;font-weight:400}.edit-data-profile{display:flex;gap:8px;color:#000;font-size:16px}.edit-data-profile .MuiSvgIcon-root{width:20px;height:20px}.edit-data-profile:hover{color:#9b9b9b}.link-edit-profile{text-decoration:none;color:#000;font-size:14px}.data-profile .avatar{width:150px;height:150px;text-transform:capitalize;font-size:64px}}@media only screen and (max-width:768px){.container-profile{width:100%;height:202px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-profile{width:90%;height:70%;display:flex}.data-profile{width:100%;height:100%;display:flex;align-items:center;gap:20px}.profile-description{display:flex;flex-direction:column;justify-content:center;gap:5px}.profile-description h1{font-size:16px;font-weight:600}.profile-description h2{font-size:10px;font-weight:400}.edit-data-profile{display:flex;gap:8px;color:#000;font-size:16px}.edit-data-profile .MuiSvgIcon-root{width:15px;height:15px}.edit-data-profile:hover{color:#9b9b9b}.link-edit-profile{text-decoration:none;color:#000;font-size:10px}.data-profile .avatar{width:110px;height:110px;text-transform:capitalize;font-size:36px}}@media only screen and (max-width:540px){.container-profile{width:100%;height:152px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.wrapper-profile{width:90%;height:70%;display:flex}.data-profile{width:100%;height:100%;display:flex;align-items:center;gap:10px}.profile-description{display:flex;flex-direction:column;justify-content:center;gap:5px}.profile-description h1{font-size:14px;font-weight:500}.profile-description h2{font-size:10px;font-weight:300}.edit-data-profile{display:flex;gap:8px;color:#000;font-size:16px}.edit-data-profile .MuiSvgIcon-root{width:15px;height:15px}.edit-data-profile:hover{color:#9b9b9b}.link-edit-profile{text-decoration:none;color:#000;font-size:10px;font-weight:300}.data-profile .avatar{width:70px;height:70px;text-transform:capitalize;font-size:36px}}.container-mydashboard{width:100%;height:auto;background-color:#fff}.container-order-status{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.wrapper-order-status{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3%}.wrapper-order-status h2{font-size:48px}.wrapper-order-status p{font-size:16px}@media only screen and (max-width:1024px){.container-order-status{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.wrapper-order-status{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3%}.wrapper-order-status h2{font-size:36px}.wrapper-order-status p{font-size:14px}}@media only screen and (max-width:768px){.container-order-status{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.wrapper-order-status{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3%}.wrapper-order-status h2{font-size:24px}.wrapper-order-status p{font-size:12px}}@media only screen and (max-width:540px){.container-order-status{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.wrapper-order-status{width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3%}.wrapper-order-status h2{font-size:16px}.wrapper-order-status p{font-size:10px}}