*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{direction:rtl;background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.back-link{justify-content:flex-start;width:400px;display:flex}.back-link a{color:#0f172a;align-items:center;gap:5px;text-decoration:none;display:flex}@media (width<=425px){.back-link{width:200px}}.navigation{background-color:#f8fafc;justify-content:space-between;align-items:center;padding:20px;display:flex}.navigation #linkbox{order:2;justify-content:space-between;align-items:center;gap:10px;display:flex}.navigation #linkbox a{color:#0f172a;order:2;font-size:1.2rem;font-weight:600;text-decoration:none}.navigation #linkbox svg{order:1}.navigation #logobox{flex-wrap:wrap;order:1;justify-content:center;align-items:center;gap:10px;display:flex}.navigation #logobox img{border-radius:50%;order:1;width:50px;height:50px}.navigation #logobox h1{order:2}.home .home-content{flex-direction:column;align-items:center;gap:20px;display:flex}.home .home-content .home-description{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home .home-content .home-description{color:#64748b;text-align:center;width:75%;margin-top:40px;font-size:1.2rem;font-weight:600}@media (width<=768px){.home .home-content .home-description{width:100%;margin-top:auto;font-size:1rem}}.home .home-title{text-align:center;margin-top:40px;font-size:4rem;animation:.3s ease-in-out fadeIn}@media (width<=768px){.home .home-title{font-size:2rem}}.home .home-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:100px 30px;animation:.3s ease-in-out fadeIn;display:flex}.home .home-cards h2{color:#0f172a;font-size:2rem;font-weight:600}.home .home-cards .home-card-description{color:#64748b;text-align:center;font-size:1.2rem;font-weight:600}.home .home-cards .link{color:#0f172a;text-align:center;font-size:1.2rem;font-weight:600}.home .home-cards .home-card{border:1px solid #7e7e7e;border-radius:24px;flex-flow:column wrap;justify-content:center;align-items:center;gap:20px;width:350px;height:350px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.home .home-cards .home-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000014}@media (width<=768px){.home .home-cards .home-card{width:100%;height:auto}}.home .home-card-icon{color:#fff;border-radius:50%;flex-wrap:wrap;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;display:flex}.home .home-card-icon svg{width:35px;height:35px}.home .home-card:hover .home-card-icon{transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1.1)rotate(5deg)}.home .home-card-link{color:inherit;text-decoration:none}.home .link-wrapper,.home .uniform-link-wrapper{color:#0f172a;align-items:center;gap:8px;margin-top:10px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.home .link-wrapper .link,.home .uniform-link-wrapper .link{font-size:1.1rem}.home .link-wrapper svg,.home .uniform-link-wrapper svg{transition:transform .3s}.home .home-card:hover .link-wrapper svg,.home .uniform-card:hover .uniform-link-wrapper svg{transform:translate(-5px)}.home .uniform-card-container{width:100%;max-width:1100px;margin:40px auto 100px;padding:0 30px}.home .uniform-card-link{color:inherit;text-decoration:none}.home .uniform-card{direction:rtl;background-color:#e2e8f0;border:1px solid #0f172a;border-radius:24px;justify-content:space-between;align-items:center;padding:30px 60px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-in-out fadeIn;display:flex;box-shadow:0 4px 20px #0000000d}.home .uniform-card:hover{background-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.home .uniform-card .uniform-card-content{text-align:right;flex:1;margin-right:30px}.home .uniform-card .uniform-card-content .uniform-card-title{color:#0f172a;margin-bottom:5px;font-size:1.8rem;font-weight:800}.home .uniform-card .uniform-card-content .uniform-card-description{color:#64748b;font-size:1.1rem;font-weight:600}.home .uniform-card .uniform-card-icon-wrapper .uniform-card-icon{color:#fff;background-color:#0f172a;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.home .uniform-card .uniform-card-icon-wrapper .uniform-card-icon svg{width:32px;height:32px}.home .uniform-card .uniform-link-wrapper{order:1;margin-top:0}.home .uniform-card .uniform-link-wrapper .link{font-size:1.2rem}@media (width<=425px){.home .uniform-card{flex-direction:column;gap:20px;padding:20px}}.form-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:100px 30px;display:flex}.form-container .back-link{justify-content:flex-start;width:400px;display:flex}.form-container .back-link a{color:#0f172a;text-decoration:none}@media (width<=425px){.form-container .back-link{width:200px}}.form-container .form-description{color:#64748b;text-align:center;font-size:1.2rem;font-weight:600}.form-container form{border:1px solid #7e7e7e;border-radius:24px;flex-flow:column wrap;justify-content:center;align-items:center;gap:20px;width:454px;height:auto;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.form-container form #Enter{color:#fff;background-color:#0f172a;border:1px solid #7e7e7e;border-radius:12px;width:350px;padding:15px;font-size:1.2rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d}.form-container form #Enter:hover{box-shadow:0 10px 30px #00000014}.form-container form .title{flex-direction:column;align-items:center;gap:10px;display:flex}.form-container form .title .icon{color:#0f172a;background-color:#e2e2e2;border-radius:50%;flex-wrap:wrap;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.form-container form .title h1{color:#0f172a;font-size:1.5rem;font-weight:600}.form-container form .inputs{flex-direction:column;gap:10px;margin-top:20px;display:flex}.form-container form .inputs label{color:#0f172a;font-weight:600}.form-container form .inputs input{border:1px solid #7e7e7e;border-radius:12px;width:350px;padding:15px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d}.form-container form .inputs input:hover{box-shadow:0 10px 30px #00000014}.form-container form .form-footer{text-align:right;background-color:#ddd;border-radius:12px;padding:10px}.form-container form .form-footer p{color:#0f172a}.form-container form .inputs select{border:1px solid #7e7e7e;border-radius:12px;width:350px;padding:15px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d}.form-container form .inputs select:hover{box-shadow:0 10px 30px #00000014}@media (width<=425px){.form-container form .inputs select{width:218px}.form-container form{width:100%}.form-container form .back-link{justify-content:center}.form-container form #Enter,.form-container form .inputs input,.form-container form .form-footer,.form-container form span,.form-container form span p,.form-container form .form-container{width:100%}}.about{animation:.3s ease-in-out apper}@keyframes apper{0%{opacity:0}to{opacity:1}}.about{justify-content:center;display:flex}.about .about-container{flex-direction:column;justify-content:center;align-items:center;width:69%;margin:100px 30px;display:flex}.about .about-container .back-link{width:100%}.about .about-container .back-link a{color:#0f172a;text-align:right;text-decoration:none}@media (width<=425px){.about .about-container .back-link{width:200px}}.about .about-container .about-content{flex-direction:column;gap:20px;margin-top:20px;display:flex}.about .about-container .about-content h1{color:#0f172a;font-size:1.5rem;font-weight:600}.about .about-container .about-content p{color:#64748b;text-align:right;font-size:1.2rem;font-weight:500}.about .about-container .about-content .about-cards{justify-content:center;align-items:center;gap:30px;display:flex}.about .about-container .about-content .about-cards .about-card{background-color:#e7e7e7;border-radius:12px;flex-flow:column wrap;justify-content:center;align-items:center;gap:10px;width:auto;height:auto;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.about .about-container .about-content .about-cards .about-card:hover{box-shadow:0 10px 30px #00000014}.about .about-container .about-content .about-cards .about-card .about-card-icon{justify-content:flex-start;width:100%;display:flex}.about .about-story{border:1px solid #7e7e7e;border-radius:12px;flex-direction:column;gap:20px;margin-top:50px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.about .about-story h2{color:#0f172a;text-align:right;font-size:1.5rem;font-weight:600}.about .about-story p{color:#64748b;text-align:right;font-size:1.2rem;font-weight:500}.about .about-story .SDGs{align-items:center;gap:20px;display:flex}.about .about-story .SDGs b{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.about .about-story .SDGs b #subP{color:#64748b;text-align:right;font-size:1rem;font-weight:500}.about .about-story .SDGs ul li{margin-top:20px;margin-right:25px}@media screen and (width<=768px){.about .about-container .about-content .about-cards{flex-wrap:wrap}.about .about-container .about-story{width:auto}}.uniform{justify-content:center;width:100%;animation:.3s ease-in-out apper;display:flex}.uniform .uniform-cards{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-top:20px;display:grid}@media (width<=768px){.uniform .uniform-cards{grid-template-columns:1fr}}.uniform .uniform-cards .uniform-card{background-color:#f3f3f3;border:1px solid #64748b;border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.uniform .uniform-cards .uniform-card .uniform-card-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.uniform .uniform-cards .uniform-card:hover:not(.focused){background-color:#e2e2e2;transform:scale(1.02);box-shadow:0 10px 30px #00000014}.uniform .uniform-cards .uniform-card.focused{background-color:#fff;border:2px solid #0f172a;transform:scale(1.02);box-shadow:0 10px 30px #00000014}.uniform .uniform-cards .uniform-card.focused:after{content:"✓";color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;animation:.3s ease-in-out apper;display:flex;position:absolute;top:15px;left:15px}.uniform .uniform-cards .uniform-card{cursor:pointer;position:relative;overflow:hidden}.uniform .uniform-cards .uniform-card .uniform-card-icon{color:#fff;display:flex}.uniform .uniform-cards .uniform-card .uniform-card-content .price{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-container .uniform-size{width:100%}.uniform .uniform-container .uniform-size .uniform-size-cards{flex-flow:wrap;gap:10px;display:flex}.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card{background-color:#f5f5f5;border:1px solid #0f172a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:calc(16.66% - 10px);min-width:100px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}@media (width<=768px){.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card{width:calc(33.33% - 10px)}}@media (width<=480px){.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card{width:calc(50% - 10px)}}.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card:hover:not(.focused1){transform:scale(1.05);box-shadow:0 10px 30px #00000014}.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card.focused1{background-color:#000;border:2px solid #000;transform:scale(1.05);box-shadow:0 10px 30px #00000014}.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card.focused1 h2,.uniform .uniform-container .uniform-size .uniform-size-cards .uniform-size-card.focused1 p{color:#fff}.uniform .uniform-container{margin:100px 30px}@media (width<=768px){.uniform .uniform-container{margin:40px 15px}}.uniform .uniform-container p{color:#64748b;text-align:right;margin-top:10px;font-size:1rem;font-weight:500}.uniform .uniform-container .uniform-content .uniform-title{justify-content:flex-start;align-items:center;gap:20px;margin-top:20px;display:flex}.uniform .uniform-container .uniform-content .uniform-title .icon{color:#0f172a;background-color:#e2e2e2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.uniform .uniform-container .uniform-content .uniform-title h1{color:#0f172a;font-size:1.5rem;font-weight:600}.uniform .uniform-container .link-back{width:100%}.uniform .uniform-container .link-back a{color:#0f172a;text-align:right;align-items:center;gap:5px;text-decoration:none;display:flex}@media (width<=425px){.uniform .uniform-container .link-back{width:200px}}.uniform .uniform-counter{width:100%}.uniform .uniform-counter .uniform-counter-content{background-color:#f5f5f5;border:1px solid #64748b;border-radius:12px;justify-content:flex-start;align-items:center;gap:20px;width:100%;margin-top:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.uniform .uniform-counter .uniform-counter-content button{color:#0f172a;cursor:pointer;background-color:#e2e2e2;border:none;border-radius:12px;width:50px;height:50px}.uniform .uniform-counter .uniform-counter-content button:hover{background-color:#d2d2d2}.uniform .uniform-counter .uniform-counter-content p{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form{width:100%}.uniform .uniform-form .uniform-form-content{background-color:#f5f5f5;border:1px solid #64748b;border-radius:12px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px;width:100%;height:100%;margin-top:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.uniform .uniform-form .uniform-form-content .uniform-input-box{flex-direction:column;gap:10px;width:calc(50% - 10px);display:flex}@media (width<=768px){.uniform .uniform-form .uniform-form-content .uniform-input-box{width:100%}}.uniform .uniform-form .uniform-form-content .uniform-input-box label{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-form-content .uniform-input-box input{color:#0f172a;border:1px solid #64748b;border-radius:12px;outline:none;width:100%;padding:10px;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-form-content .uniform-input-box input:focus{border-color:#0f172a}.uniform .uniform-form .uniform-form-content .uniform-input-box select{color:#0f172a;border:1px solid #64748b;border-radius:12px;outline:none;width:100%;padding:10px;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-form-content .uniform-input-box select:focus{border-color:#0f172a}.uniform .uniform-form #btn-submit{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:12px;width:100%;margin-top:20px;padding:10px;font-size:1.2rem;font-weight:500}.uniform .uniform-form #btn-submit:hover{transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1.02)}.uniform .uniform-form .uniform-total{background-color:#e4e4e4;border:1px solid #64748b;border-radius:12px;flex-direction:column;gap:10px;width:100%;margin-top:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.uniform .uniform-form .uniform-total h2{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-total p{color:#64748b;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-total-content{justify-content:space-between;align-items:center;gap:20px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.uniform .uniform-form .uniform-total-content h2{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-total-content p{color:#64748b;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-total-content-price{justify-content:space-between;align-items:center;gap:20px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.uniform .uniform-form .uniform-total-content-price h2{color:#0f172a;text-align:right;font-size:1.2rem;font-weight:500}.uniform .uniform-form .uniform-total-content-price p{color:#64748b;text-align:right;font-size:1.2rem;font-weight:500}.resault{direction:rtl;gap:20px;margin:100px 30px}@media (width<=768px){.resault{margin:40px 15px}}.resault h1{color:#0f172a;font-size:2rem;font-weight:600}@media (width<=768px){.resault h1{font-size:1.5rem}}.resault .major-box{background-color:#d8d8d8;border:1px solid #64748b;border-radius:24px;justify-content:flex-start;align-items:center;gap:20px;width:fit-content;margin-top:20px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}@media (width<=480px){.resault .major-box{justify-content:center;width:100%}}.resault .major-box .major{color:#0f172a;text-align:right;justify-content:flex-start;align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex}.resault .description{color:#64748b;text-align:right;margin:20px 0;font-size:1rem;font-weight:500}.resault .month{border:1px solid #64748b;border-radius:24px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:20px;padding:20px;display:flex}.resault .month .month-title{color:#0f172a;text-align:right;justify-content:flex-start;align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex}.resault .month .month-box{cursor:pointer;background-color:#d8d8d8;border:1px solid #64748b;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.resault .month .month-box:hover{background-color:#c8c8c8}.resault .month .month-box:hover:not(.focused1){transform:scale(1.05);box-shadow:0 10px 30px #00000014}.resault .month .month-box.focused1{background-color:#000;border:1px solid #000;transform:scale(1.05);box-shadow:0 10px 30px #00000014}.resault .month .month-box.focused1 h2,.resault .month .month-box.focused1 p{color:#fff}.resault .subjects{margin:25px 0}.resault .subjects .subjects-title .subjects-description{color:#64748b;text-align:right;margin:20px 0;font-size:1rem;font-weight:500}.resault .subjects-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}@media (width<=480px){.resault .subjects-content{grid-template-columns:1fr}}.resault .subjects-content .subject-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:40px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #00000005}.resault .subjects-content .subject-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.resault .subjects-content .subject-card .card-header{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.resault .subjects-content .subject-card .card-header .icon-wrapper{border-radius:8px;justify-content:center;align-items:center;margin-bottom:5px;padding:8px;display:flex}.resault .subjects-content .subject-card .card-header .names{text-align:right}.resault .subjects-content .subject-card .card-header .names h3{color:#111827;margin:0;font-size:1.1rem;font-weight:700}.resault .subjects-content .subject-card .card-header .names p{color:#6b7280;margin:0;font-size:.8rem}.resault .subjects-content .subject-card .card-body{flex-direction:column;gap:8px;display:flex}.resault .subjects-content .subject-card .card-body .score-text{justify-content:space-between;align-items:flex-end;display:flex}.resault .subjects-content .subject-card .card-body .score-text span{color:#6b7280;font-size:.8rem}.resault .subjects-content .subject-card .card-body .score-text .score{color:#111827;font-family:inherit;font-size:1.1rem;font-weight:700}.resault .subjects-content .subject-card .card-body .progress-container{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.resault .subjects-content .subject-card .card-body .progress-container .progress-bar{background-color:#111827;border-radius:4px;height:100%;transition:width .5s}.resault .subjects-content .subject-card .card-body .evaluation{text-align:center;color:#6b7280;margin-top:5px;margin-bottom:0;font-size:.8rem}.subject-details-page{direction:rtl;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:50px;animation:.3s ease-in-out apper;display:flex}.subject-details-page .back-link{justify-content:flex-start;width:900px;display:flex}.subject-details-page .back-link a{color:#0f172a;flex-direction:row-reverse;align-items:center;gap:5px;text-decoration:none;display:flex}@media (width<=425px){.subject-details-page .back-link{width:200px}}.subject-details-page .subject-content{flex-direction:column;width:100%;max-width:1000px;display:flex}.subject-details-page .container{background-color:#fff;border-radius:24px;width:100%;max-width:1000px;margin:20px 30px;padding:40px;box-shadow:0 4px 20px #0000000d}.subject-details-page .subject-header{justify-content:flex-start;align-items:center;gap:20px;margin-bottom:30px;display:flex}.subject-details-page .subject-header .title-area{text-align:right;order:2}.subject-details-page .subject-header .title-area h1{color:#0f172a;margin-bottom:5px;font-size:2.2rem}.subject-details-page .subject-header .title-area span{color:#64748b;font-size:1.1rem}.subject-details-page .subject-header .icon-wrapper{border-radius:18px;flex-wrap:wrap;order:1;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.subject-details-page .stats-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}@media (width<=768px){.subject-details-page .stats-cards{grid-template-columns:repeat(1,1fr)}}.subject-details-page .stats-cards .stat-card{background-color:#f8fafc;border-radius:20px;flex-direction:column;gap:15px;padding:20px;display:flex}.subject-details-page .stats-cards .stat-card .stat-header{color:#64748b;text-align:right;font-size:1rem}.subject-details-page .stats-cards .stat-card .stat-val{color:#0f172a;text-align:center;font-size:1.5rem;font-weight:700}.subject-details-page .stats-cards .stat-card .progress-bar-small{background-color:#e2e8f0;border-radius:10px;width:100%;height:6px;overflow:hidden}.subject-details-page .stats-cards .stat-card .progress-bar-small div{background-color:#0f172a;border-radius:10px;height:100%}.subject-details-page .last-exam-section{margin-bottom:40px}.subject-details-page .last-exam-section h3{color:#0f172a;text-align:right;margin-bottom:20px;font-size:1.3rem}.subject-details-page .last-exam-section .exam-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.subject-details-page .last-exam-section .exam-card .exam-info{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.subject-details-page .last-exam-section .exam-card .exam-info .trophy-icon{background-color:#e2e8f0;border-radius:50%;flex-wrap:wrap;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.subject-details-page .last-exam-section .exam-card .exam-info .exam-score{text-align:right}.subject-details-page .last-exam-section .exam-card .exam-info .exam-score span{color:#64748b;font-size:.9rem}.subject-details-page .last-exam-section .exam-card .exam-info .exam-score h4{color:#0f172a;font-size:1.5rem}.subject-details-page .last-exam-section .exam-card .progress-bar-large{background-color:#e2e8f0;border-radius:10px;width:100%;height:8px;overflow:hidden}.subject-details-page .last-exam-section .exam-card .progress-bar-large div{background-color:#0f172a;border-radius:10px;height:100%}.subject-details-page .recommendations-section h3{color:#0f172a;text-align:right;margin-bottom:20px;font-size:1.3rem}.subject-details-page .recommendations-section .rec-card{border-radius:12px;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:15px;padding:15px 20px;display:flex}.subject-details-page .recommendations-section .rec-card p{color:#0f172a;margin:0;font-size:1rem}.subject-details-page .recommendations-section .rec-card.green-rec{background-color:#f0fdf4;border:1px solid #bbf7d0}.subject-details-page .recommendations-section .rec-card.blue-rec{background-color:#eff6ff;border:1px solid #bfdbfe}.subject-details-page .recommendations-section .rec-card.yellow-rec{background-color:#fefce8;border:1px solid #fef08a}