.video-wrapper{grid-area:video;background:#1c1c1c;padding:20px 0}.video-container{width:100%;max-width:1000px;margin:0 auto}.video-inner{position:relative;width:100%;padding-top:56.25%}.video-inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.lecture-container{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;background-color:#fff;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;box-sizing:border-box;height:3rem;width:100%}.lecture-link{width:100%;height:100%}.lecture-container:hover,.lecture-link.active{background-color:#c3d3cc}a{text-decoration:none}.lecture-link{display:flex;flex-direction:row;justify-content:space-between}.lecture-details{display:flex;flex-direction:column;justify-content:space-around;margin-left:10px}.lecture-title{margin:0;font-size:.9rem;font-weight:700;color:#000;padding:5px}.lecture-time{margin:0;font-size:12px;color:#555;display:flex;align-items:center}.time-icon{margin-right:5px;padding-bottom:5px}.resources{display:flex;flex-direction:row;align-items:center}.resources-button{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#333;border:1px solid #333;border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s;margin:10px;padding:5px}.resources-button:hover{background-color:#b56060;border-color:#666}.resources-icon{font-size:14px;color:#000}.arrow-icon{font-size:12px}@media (min-width: 560px){.lecture-container{height:4rem}}.content-container{display:flex;overflow-y:auto;flex-direction:column;grid-area:courseContent;direction:rtl;text-align:right}.content-container__title{margin:0;padding:5px;text-align:center;border:none;font-weight:700;border-bottom:1px gainsboro solid;cursor:pointer;font-size:1.5rem;background-color:#9edbc5;position:sticky;z-index:10;top:0;border:1px #3f574e solid;cursor:auto}@media (min-width: 786px){.content-container{margin-top:3.5rem;right:0;z-index:9;position:fixed;width:calc(100% * (2 / 7));grid-area:courseContent;width:2fr;height:calc(100vh - 3.5rem);box-shadow:0 4px 12px #00000080}}.footer{background-color:#171817;color:#fff;text-align:center;grid-area:footer;margin-top:30px}.footer__content{display:flex;flex-direction:column;justify-content:center;gap:2rem}.footer__section h3{margin-bottom:1rem;font-size:1.25rem;font-weight:700}.footer__section p,.footer__section ul{font-size:1rem;color:#ccc}.footer__section ul{padding:0;list-style:none}.footer__section ul li{margin:.5rem 0}.footer__section ul li a{color:tomato;text-decoration:none}.footer__section ul li a:hover{text-decoration:underline}.footer__bottom{background-color:#171817;padding:1rem 0}.footer__bottom p{font-size:.875rem;margin:0}.social-links a{color:tomato;font-size:1.1rem;text-decoration:none}.social-links a:hover{color:#ff4500}@media (min-width: 560px){.footer__content{flex-direction:row}}.share-button{display:flex;align-items:center;gap:8px;background:#9edbc5;color:#2c3e50;font-weight:700;font-size:14px;border:2px solid #2c3e50;padding:8px;cursor:pointer;border-radius:5px;transition:background .3s ease-in-out}.share-button:hover{background:#6ca992;stroke:#e3e3e6}.share-icon{width:16px;height:16px;stroke:#2c3e50;transition:stroke .3s ease-in-out}.header{position:fixed;z-index:10;width:100%;display:flex;flex-direction:row;justify-content:space-between;background:#9edbc5;height:3.5rem;padding:0;grid-area:header}.logo{width:6rem;height:3.5rem}.navigation-links{display:flex;justify-content:center;align-items:center;gap:20px;padding-right:10px}.header__whatsapp-link{border-radius:5px;padding:2px;transition:background .3s ease-in-out}.header__whatsapp-link:hover{background:#6ca992}.whatsapp-icon-svg{width:35px;height:35px}.nav-container{display:flex;justify-content:end;background-color:#9edbc5;grid-area:navbar}.button-prev-next{display:flex;background-color:#9edbc5;cursor:pointer;font-size:.9rem;border:1px solid black;border-radius:5px;font-weight:700;color:#202926;align-items:center;justify-content:center;width:100px}.disabled-btn{background-color:gray;color:#fff;cursor:not-allowed;opacity:.6}.button-prev-next:hover{color:#f7fcf8;background-color:#3f574e}.loading-container{display:flex;justify-content:center;align-items:center}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}.course-container{display:grid;grid-template-columns:100%;grid-template-rows:3.5rem auto auto auto;grid-template-areas:"header" "video" "navbar" "courseContent" "overview" "footer"}video{width:100%;height:100%;grid-area:video}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.loading-video{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#555;background-color:#f0f0f0;grid-area:video;width:100%;height:100%}.loading-box{grid-area:video;width:100%;height:100%;display:flex;aspect-ratio:16/9;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background:#000}@media (min-width: 786px){.course-container{display:grid;grid-template-columns:5fr 2fr;grid-template-rows:3.5rem auto auto auto auto;grid-template-areas:"header header" "video courseContent" "navbar courseContent" "overview courseContent" "footer courseContent"}}.course-overview{grid-area:overview;width:100%}.flex-container{display:flex;justify-content:center;background-color:#9edbc5;border-bottom:1px #3f574e solid}.overview-container{margin:1rem;direction:rtl;padding:0 3rem}.course-description{color:#333;margin-bottom:20px;line-height:1.2;font-size:1.2rem;font-weight:700}.course-description p{font-size:2.5rem}.course-description ul{margin:10px 0 0 20px}.course-description li{margin-bottom:10px;margin-left:20px}.course-total,.course-lectures{font-size:1.3em;color:#555;margin-bottom:10px}.course-item{align-self:center;justify-self:center;text-align:center;background-color:#fff;width:100%;display:flex;flex-direction:column;overflow:hidden;align-items:center;justify-content:space-between;border-radius:10px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;padding:0!important;margin:30px}.not-available{pointer-events:none;opacity:.5;cursor:not-allowed!important;position:relative}.course-item:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 6px 18px #0003}.course-link{width:100%}.course-item__image{width:100%;height:300px}.course-item__name{display:block;background-color:#2c3e50;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem;align-self:stretch;height:100%;margin:0}.course-item__description{display:flex;flex-direction:column;list-style:none;color:#2c3e50;font-size:1.3rem;padding:0;font-weight:700;margin:1rem}.duration-lectures-container{width:100%;display:flex;justify-content:space-around;align-items:end}.course-item__lectures,.course-item__duration{color:#2c3e50;font-size:.9rem}.course-item__lectures,.course-item__duration{font-size:.9rem;display:flex;align-items:center;gap:5px;direction:rtl}@media (min-width: 600px){.course-item{width:100%;height:600px}.course-item__image{width:100%;height:350px;object-fit:cover}.course-item__name{font-size:1.5rem;padding:50px}.course-item__description{font-size:1.2rem}}.courses{display:flex;flex-direction:column;flex-wrap:wrap;align-self:center;grid-area:courses;justify-content:sp;padding-top:10px;width:100%;align-items:center;margin:20px}.title-container{display:flex;align-items:center;direction:rtl}.title{font-size:3rem;padding-bottom:1rem;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.1);justify-self:end;color:#34495e;margin:0;margin-bottom:2rem;padding-bottom:5px}#courses-list{width:80%;max-width:90rem;list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr;gap:30px}@media (min-width: 600px){#courses-list{width:100%;grid-template-columns:repeat(2,1fr)}}@media (min-width: 1000px){.title{font-size:4rem;margin-top:2rem;margin-bottom:2rem}#courses-list{grid-template-columns:repeat(3,1fr)}}.course-item{width:90%;margin:0}.hero-container{display:flex;flex-direction:column;align-items:center;align-self:center;max-width:90rem;width:95%;justify-content:space-around;margin-top:4rem;animation:fadeIn 1s ease-in-out}.hero-left{flex:1;display:flex;flex-direction:column;gap:50px}.hero-logo{max-width:350px;display:none;height:auto;border-radius:10px}.links-container{display:flex;flex-direction:column;gap:15px;justify-content:space-around}.whatsapp-link{display:flex;padding-top:5px;padding-bottom:5px;font-size:1.7rem;color:#2c3e50;background-color:#fff;text-align:center;border-radius:10px;border:1px solid #2c3e50;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;justify-content:space-around;align-items:center;max-width:350px;height:fit-content}.whatsapp-link svg{width:24px;height:24px;flex-shrink:0}.whatsapp-link h5{margin:0;padding-right:10px}.whatsapp-link:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 6px 18px #0003}.hero-right{flex:2;text-align:right;direction:rtl;padding:0 30px}.hero-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}.hero-icon{font-size:2.5rem;color:#2c3e50}.hero-item h2{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.hero-item p{font-size:1.2rem;color:#34495e;margin:0;padding-bottom:5px}.hero-link{font-size:1rem;color:#6a5acd;text-decoration:none;font-weight:700;border-bottom:2px solid slateblue;transition:color .3s ease-in-out}.hero-link:hover{color:#897fc9;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 860px){.hero-container{padding:60px;flex-direction:row}.hero-logo{display:block}.whatsapp-link{display:flex;justify-content:baseline}}html{width:100%}body{margin:0;width:100%;font-family:Arial,sans-serif;background-color:#f7fcf8}#root{width:100%}.homepage{display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;width:100%;max-width:100%}.error-container{background-color:#b0d9c1;color:#000;text-align:center;padding:50px;border-radius:10px;max-width:600px;margin:50px auto;box-shadow:0 4px 10px #0000001a}h1{font-size:24px;margin-bottom:10px}p{font-size:18px;margin-bottom:20px}.error-message{color:red;font-weight:700}.back-home{background-color:#4a7f67;color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;display:inline-block}.back-home:hover{background-color:#3a6b55}