main.alpha-container{min-height:100vh;margin-top:2rem}.course-header{height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--white);border-radius:16px;padding:0 1rem;width:100%;position:relative}.course-header::before{border-radius:16px;content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.3)}.course-header .banner{display:flex;border-radius:50px;overflow:hidden;width:fit-content;position:unset;z-index:1}.amount{font-size:30px!important}.course-title{z-index:1;color:var(--black)}.course-details{z-index:1}.course-header img{width:32px}.course-body{margin:2rem 0;position:relative}.unit,.exam{padding:1rem;border-radius:15px}.lesson{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;background-color:var(--light-primary);border-radius:10px;padding:10px 24px}.lessons-container .lesson{margin:1rem 0}.lesson div:nth-child(1) span{font-size:14px;font-weight:600;color:var(--black)}.lesson div:nth-child(1) span:nth-child(4){color:var(--body);font-size:14px;font-weight:400}.unit-icon{width:24px;align-self:self-start}.details{color:var(--secondary-2);font-size:13px;font-weight:400}.unit-arrow{padding:.5rem 0;width:17px;align-self:self-start}.course-time{margin-top:.5rem;color:var(--body)}.course-price-section{color:var(--primary-3)}.course-price-details,.course-teacher-details{border:1px solid var(--light-primary);box-shadow:0 4px 16px 0 #10182814;border-radius:16px;padding:1.5rem;background-color:var(--gray-0);z-index:10}.course-price-details .course-name{font-size:20px;font-weight:700;padding-top:1rem}.course-teacher-details>span{align-self:center}.course-price-num{color:var(--lime-2)}.details-to-buy,.details-of-units{padding:2rem 0;border-bottom:1px solid var(--light-primary);border-top:1px solid var(--light-primary)}.one-detail{color:var(--body);font-size:14;font-weight:400}.one-detail img{margin-left:7px;width:20px}.course-teacher-details img{width:88px;height:70px;border-radius:17px}.about-course-text{padding:1rem;border:1px solid var(--light-primary);color:var(--body);border-radius:15px;line-height:30px}.alpha-unit-accordion{background-color:var(--white);border:1px solid var(--light-primary);overflow:hidden;transition:all .3s ease;border-radius:15px}.alpha-unit-accordion-header{cursor:pointer;font-size:16px;font-weight:700;padding:10px;display:flex;justify-content:space-between;align-items:center}.alpha-unit-accordion-header:hover{background-color:var(--light-gray)}.alpha-unit-accordion-content{text-align:start;padding:1rem;display:none;color:var(--body)}.alpha-unit-accordion.active{border:1px solid var(--primary-1);padding:1rem;border-radius:15px}.alpha-unit-accordion.active .alpha-unit-accordion-content{display:block;font-size:14px;font-weight:400;display:flex;flex-direction:column;gap:1rem}.alpha-unit-accordion .icon{font-size:22px}.alpha-unit-accordion.active .icon{color:var(--primary-2);font-size:22px;transition:transform .3s ease}.alpha-unit-accordion.active .icon{transform:rotate(180deg)}.progress-bar-box{padding:24px;border:1px solid #e6f0f1;border-radius:15px;width:100%;display:flex;flex-direction:column}.progress{width:100%}.unit-lesson{gap:.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:12px;transition:all .3s ease;cursor:pointer}.unit-lesson.disabled{color:#aaa;cursor:not-allowed}.unit-lesson .check-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .3s ease}.course-tag{width:100%;padding:.5rem 1rem;border-radius:24px;margin-bottom:2rem}.course-tag.live-tag{background-color:var(--light-green);color:var(--green)}.course-tag.record-tag{background-color:var(--light-secondary);color:var(--secondary-2)}.course-tag a{color:var(--primary-2);font-size:14px;font-weight:500}.stage{background-color:var(--light-secondary);color:var(--secondary-2);padding:.5rem 1rem;border-radius:24px;border:1px solid var(--secondary-2)}.course-subject{color:var(--primary-2);padding:.5rem 1rem}.course-grade{color:var(--secondary-3);padding:.5rem 1rem}.sub-title{font-size:18px;font-weight:800}@media(min-width:1024px){main.alpha-container{margin-top:0;min-height:149vh}.alpha-container.course-details{padding:0 6%;margin-bottom:10rem}.course-body{display:flex;flex:1.2 1;justify-content:space-between}.course-content{width:60%}.course-price-section{width:360px;position:absolute;top:-132px}:lang(ar) .course-price-section{left:0}:lang(en) .course-price-section{right:0}.course-price-details{width:100%}.progress{width:50%}.progress-bar-box{display:flex;flex-direction:row;justify-content:space-between}}@media(min-width:1250px){:lang(ar) .course-price-section{left:58px}:lang(en) .course-price-section{right:58px}}.alpha-btn.disabled{pointer-events:none;opacity:.6}.overflow-hidden-hover{transition:all .3s ease;position:relative}.overflow-hidden-hover div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;transition:all .3s ease}.overflow-hidden-hover:hover div{overflow:visible;white-space:normal;max-width:none;background-color:var(--white);padding:.2rem;border-radius:8px;z-index:10;position:relative}