*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;line-height:1.6;color:#333;background-color:#fff}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#4FC3F7;padding:15px 30px;position:sticky;top:0;z-index:1000}.logo a{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.nav-links{display:flex;list-style:none;gap:20px}.nav-links li a{color:#fff;text-decoration:none;font-size:16px;transition:color 0.3s}.nav-links li a:hover{color:#FFD54F}.nav-links .dropdown{display:none;position:absolute;background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.nav-links li:hover .dropdown{display:block}.dropdown li{display:block}.dropdown li a{padding:10px;display:block}.login-btn,.signup-btn{padding:8px 16px;border-radius:5px;color:#fff;text-decoration:none}.login-btn{background-color:#A5D6A7}.signup-btn{background-color:#FFD54F;margin-right:10px}.menu-toggle{display:none;color:#fff;font-size:24px;cursor:pointer}.hero{background-color:#A5D6A7;background-image:radial-gradient(circle,rgb(255 255 255 / .3) 10%,transparent 10%);background-size:30px 30px;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#333;position:relative}.hero-content{max-width:800px;padding:20px}.hero-icon{justify-self:center;width:60px;height:60px;fill:#fff;margin-bottom:20px;display:block}.hero h1{font-size:40px;font-weight:700;margin-bottom:20px;color:#fff}.quran-verse{background-color:rgb(255 255 255 / .95);border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:0 2px 5px rgb(0 0 0 / .1);direction:rtl;unicode-bidi:embed}.verse-text{font-family:'Noto Naskh Arabic','Amiri',serif;font-size:28px;font-weight:700;color:#C79100;margin-bottom:10px;line-height:1.4;display:block;visibility:visible;animation:fadeInUp 1.5s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.verse-reference{font-family:'Roboto',sans-serif;font-size:16px;color:#4A2C2A;direction:rtl;margin-bottom:10px}.verse-translation{font-family:'Roboto',sans-serif;font-size:14px;color:#555;direction:ltr;font-style:italic}.hero p{font-size:18px;margin-bottom:30px;color:#515151;direction:ltr}.cta-button{background-color:#FFD54F;color:#333;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color 0.3s}.cta-button:hover{background-color:#FFAB91}.features{padding:50px 20px;text-align:center}.features h2{font-size:30px;margin-bottom:30px;color:#A5D6A7}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.feature-item{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.feature-item h3{font-size:20px;margin-bottom:10px;color:#4FC3F7}.feature-item p{font-size:16px;color:#555}.courses{padding:50px 20px;text-align:center;background-color:#fff}.courses h2{font-size:30px;margin-bottom:10px;color:#A5D6A7}.courses p{font-size:18px;margin-bottom:30px;color:#555}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto}.course-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.course-card img{width:100%;height:200px;object-fit:cover}.course-card h3{font-size:18px;margin:10px 0;color:#4FC3F7}.course-card p{font-size:14px;color:#555;padding:0 10px;margin-bottom:15px}.course-content{flex:1;display:flex;flex-direction:column;padding:10px}.course-content p{font-size:14px;color:#555;margin-bottom:15px;flex-grow:1}.course-btn{display:block;background-color:#FFD54F;color:#333;padding:8px;text-decoration:none;border-radius:5px;margin:10px}.course-btn:hover{background-color:#FFAB91}.why-register{padding:50px 20px;text-align:center;background-color:#F5F7FA}.why-register h2{font-size:30px;margin-bottom:20px;color:#A5D6A7}.why-register p{font-size:18px;margin-bottom:30px;color:#555;max-width:800px;margin-left:auto;margin-right:auto}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.why-item{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1);text-align:center}.why-item .svg{width:35px;height:35px;fill:#4FC3F7;margin-bottom:10px}.why-item i{font-size:30px;color:#4FC3F7;margin-bottom:10px}.why-item h3{font-size:18px;margin-bottom:10px;color:#A5D6A7}.why-item p{font-size:14px;color:#555}.testimonials{padding:50px 20px;text-align:center;background-color:#fff}.testimonials h2{font-size:30px;margin-bottom:20px;color:#A5D6A7}.testimonials p{font-size:18px;margin-bottom:30px;color:#555;max-width:800px;margin-left:auto;margin-right:auto}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto}.testimonial-card{background-color:#F5F7FA;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1);display:flex;align-items:center;gap:15px}.testimonial-card .svg{width:35px;height:35px;fill:#4FC3F7}.testimonial-content{text-align:left}.testimonial-content p{font-size:16px;color:#555;margin-bottom:10px;font-style:italic}.testimonial-content h3{font-size:18px;color:#4FC3F7;font-weight:700}.download-app{padding:50px 20px;text-align:center;background-color:#fff}.download-app h2{font-size:30px;margin-bottom:20px;color:#A5D6A7}.download-app p{font-size:18px;margin-bottom:30px;color:#555;max-width:800px;margin-left:auto;margin-right:auto}.download-buttons{display:flex;justify-content:center;gap:20px}.download-btn{display:flex;align-items:center;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color 0.3s}.download-btn i{margin-right:10px}.app-store{background-color:#A5D6A7;color:#fff;fill:#fff}.app-store:hover{background-color:#81C784}.google-play{background-color:#4FC3F7;color:#fff;fill:#fff}.google-play:hover{background-color:#29B6F6}.book-trial{padding:50px 20px;text-align:center;background-color:#F5F7FA}.book-trial h2{font-size:30px;margin-bottom:20px;color:#A5D6A7}.book-trial p{font-size:18px;margin-bottom:30px;color:#555;max-width:800px;margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto 30px}.step-item{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgb(0 0 0 / .1);text-align:center}.step-item .svg{width:35px;height:35px;fill:#4FC3F7;margin-bottom:10px}.step-item h3{font-size:18px;margin-bottom:10px;color:#A5D6A7}.step-item p{font-size:14px;color:#555}.stats{padding:50px 20px;text-align:center;background-color:#fff}.stats h2{font-size:30px;margin-bottom:30px;color:#A5D6A7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.stat-item{padding:20px}.stat-item h3{font-size:28px;color:#4FC3F7;margin-bottom:10px}.stat-item p{font-size:16px;color:#555}.blog{padding:50px 20px;text-align:center;background-color:#F5F7FA}.blog h2{font-size:30px;margin-bottom:30px;color:#A5D6A7}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto}.blog-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.blog-card img{width:100%;height:150px;object-fit:cover}.blog-card h3{font-size:18px;margin:10px 0;color:#4FC3F7}.blog-card p{font-size:14px;color:#555;padding:0 10px;margin-bottom:15px}.blog-btn{display:inline-block;color:#FFD54F;text-decoration:none;font-weight:700;padding:8px 0}.blog-btn:hover{color:#FFAB91}footer{background-color:#4FC3F7;color:#fff;padding:30px 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.footer-section h3{font-size:18px;margin-bottom:10px}.footer-section p,.footer-section p a,.footer-section ul li a{font-size:14px;color:#e9ecef}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{text-decoration:none}.footer-section ul li a:hover{color:#FFD54F}.social-links{display:flex;gap:15px}.social-links a{color:#e9ecef;fill:#e9ecef;width:40px;height:40px;transition:color 0.3s ease}.social-links a:hover{color:#FFD54F}.footer-bottom{text-align:center;margin-top:20px;font-size:12px}@media (max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;background-color:#4FC3F7;width:100%;padding:20px}.nav-links.active{display:flex}.menu-toggle{display:block}.hero h1{font-size:28px}.hero p{font-size:16px}.hero{height:100vh}.hero-icon{font-size:40px}.verse-text{font-size:22px}.verse-reference{font-size:14px}.verse-translation{font-size:12px}.download-buttons{flex-direction:column;gap:15px}.course-card img{height:150px}.blog-card img{height:120px}.testimonial-card{flex-direction:column;text-align:center}.testimonial-content{text-align:center}}@media (max-width:480px){.hero h1{font-size:24px}.hero p{font-size:14px}.hero-icon{font-size:30px}.verse-text{font-size:18px}.verse-reference{font-size:12px}.verse-translation{font-size:10px}.cta-button{padding:10px 20px;font-size:14px}.course-card img{height:120px}.blog-card img{height:100px}}.about{padding:50px 20px;text-align:center;background-color:#fff}.about h2{font-size:30px;margin-bottom:10px;color:#A5D6A7}.about h3{font-size:24px;margin-bottom:15px;color:#4FC3F7}.about h4{font-size:20px;margin-bottom:20px;color:#333}.about p{font-size:16px;color:#555;line-height:1.6;max-width:800px;margin:0 auto 15px}.contact-us{padding:50px 20px;text-align:center;background-color:#f8f8f8}.contact-us h2{font-size:30px;margin-bottom:10px;color:#A5D6A7}.contact-us p{font-size:18px;margin-bottom:30px;color:#555}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{font-size:14px;color:#333;margin-bottom:5px}.form-group input,.form-group textarea{padding:10px;font-size:14px;border:1px solid #ddd;border-radius:5px;width:100%;box-sizing:border-box}.form-group textarea{resize:vertical}.form-group .error{color:red;font-size:12px;margin-top:5px}.contact-btn{padding:10px;background-color:#4FC3F7;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.contact-btn:hover{background-color:#FFD54F;color:#333}.success-message{background-color:#A5D6A7;color:#fff;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center}.error-message{background-color:#df3232;color:#fff;padding:10px;border-radius:5px;margin-bottom:20px;text-align:center}.pricing{padding:50px 20px;text-align:center;background-color:#f9f9f9}.pricing h2{font-size:32px;margin-bottom:15px;color:#A5D6A7;position:relative;display:inline-block}.pricing h2::after{content:'';width:50px;height:3px;background-color:#4FC3F7;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}.pricing p{font-size:18px;margin-bottom:40px;color:#666}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.pricing-card{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;border:1px solid #eee}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}.pricing-card.recommended{border:2px solid #4FC3F7;background-color:#e6f7fa;transform:scale(1.05)}.pricing-card .recommended-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:#4FC3F7;color:#fff;font-size:12px;padding:5px 15px;border-radius:20px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.pricing-card h3{font-size:20px;margin-bottom:20px;color:#4FC3F7}.pricing-card .price{margin-bottom:15px;position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.pricing-card .original-price{font-size:20px;color:#bbb;text-decoration:line-through;font-weight:400;background-color:#f5f5f5;padding:5px 10px;border-radius:5px}.pricing-card .discounted-price{font-size:36px;font-weight:700;color:#A5D6A7;position:relative}.pricing-card .discounted-price::before{content:'$';font-size:20px;position:absolute;left:-15px;top:5px;color:#A5D6A7}.pricing-card .duration{font-size:14px;font-weight:400;color:#666;background-color:#f0f0f0;padding:5px 10px;border-radius:12px;display:inline-block;margin-top:5px}.pricing-card .discount{font-size:12px;color:#fff;background-color:#FFAB91;padding:5px 10px;border-radius:12px;display:inline-block;margin-top:8px}.pricing-card .price-per-hour{font-size:16px;color:#4FC3F7;margin-bottom:20px;font-weight:700}.pricing-card .price-per-hour .hourly-price{color:#4FC3F7}.pricing-card .details{margin-bottom:20px;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.pricing-card .details p{font-size:14px;color:#666;margin:8px 0}.pricing-card .features{list-style:none;padding:0;margin-bottom:25px}.pricing-card .features li{font-size:14px;color:#555;margin-bottom:12px;position:relative;padding-left:20px}.pricing-card .features li::before{content:'✔';position:absolute;left:0;color:#A5D6A7}.pricing-card .pricing-btn{display:block;background-color:#FFD54F;color:#333;padding:10px;text-decoration:none;border-radius:5px;text-align:center;font-weight:700;transition:background-color 0.3s ease}.pricing-card .pricing-btn:hover{background-color:#FFAB91}.pricing-card.recommended .pricing-btn{background-color:#4FC3F7;color:#fff}.pricing-card.recommended .pricing-btn:hover{background-color:#0288D1}.pagination{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:10px}.pagination .page-item{list-style:none}.pagination .page-link{display:inline-block;padding:8px 14px;border:1px solid #ddd;border-radius:5px;background-color:#fff;color:#4FC3F7;text-decoration:none;font-size:16px;transition:background-color 0.3s ease,color 0.3s ease}.pagination .page-link:hover{background-color:#4FC3F7;color:#fff;border-color:#4FC3F7}.pagination .active .page-link{background-color:#4FC3F7;color:#fff;border-color:#4FC3F7}.pagination .disabled .page-link{color:#ccc;cursor:not-allowed;border-color:#ddd}@media (max-width:768px){.pagination{gap:5px}.pagination .page-link{padding:6px 10px;font-size:14px}}.course-details{padding:20px 20px;background-color:#f9f9f9;text-align:center}.course-header{max-width:1200px;margin:0 auto}.course-header h1{font-size:40px;color:#A5D6A7;margin-bottom:20px;position:relative}.course-header h1::after{content:'';width:60px;height:4px;background-color:#4FC3F7;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}.course-image{width:100%;max-width:900px;height:auto;aspect-ratio:800 / 800;border-radius:12px;margin-bottom:40px;box-shadow:0 5px 15px rgb(0 0 0 / .1);display:block;margin-left:auto;margin-right:auto}.blog-image{width:100%;max-width:900px;height:auto;aspect-ratio:300 / 200;margin-bottom:40px;box-shadow:0 5px 15px rgb(0 0 0 / .1);display:block;margin-left:auto;margin-right:auto}.course-content{max-width:1200px;margin:0 auto;text-align:left;display:grid;grid-template-columns:2fr 1fr;gap:40px}.course-main-info{width:100vw;max-width:1200px;justify-self:anchor-center;text-align:left;background-color:#fff;padding:30px;border-radius:12px;margin-top:20px;box-shadow:0 5px 15px rgb(0 0 0 / .1);align-self:center;display:flex;flex-direction:column;gap:30px;width:100%}.course-goal h2,.course-description h2,.course-features h2,.course-pricing h2{font-size:24px;color:#A5D6A7;margin-bottom:15px;position:relative}.course-goal h2::after,.course-description h2::after,.course-features h2::after,.course-pricing h2::after{content:'';width:40px;height:3px;background-color:#4FC3F7;position:absolute;bottom:-5px;left:0}.course-goal p{font-size:16px;color:#666;line-height:1.8;margin-bottom:20px}.course-description{border-radius:8px}.course-description .description-content{font-size:16px;color:#333;line-height:1.8}.course-description h3{font-size:20px;font-weight:700;color:#000;margin:30px 0 15px}.course-description p{font-size:16px;color:#333;line-height:1.8;margin-bottom:20px}.course-description ol,ul{padding-left:2rem}.course-description ul{list-style:none;padding:0;margin:15px 0}.course-description ul li{position:relative;padding-left:20px;margin-bottom:12px;font-size:16px;color:#333}.course-description ul li:before{content:'•';position:absolute;left:0;color:#000;font-size:18px}.course-sidebar{align-self:center;display:flex;flex-direction:column;gap:30px;min-height:300px;width:100%}.course-features{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.course-features ul{list-style:none;padding:0}.course-features li{font-size:16px;color:#333;margin-bottom:12px;position:relative;padding-left:25px}.course-features li:before{content:'✔';position:absolute;left:0;color:#4FC3F7;font-weight:700}.course-pricing{background-color:#e6f7fa;padding:20px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .1);text-align:center;border:1px solid #4FC3F7}.course-pricing .price{font-size:32px;font-weight:700;color:#A5D6A7;margin-bottom:20px;position:relative}.course-pricing .price::before{content:'';font-size:20px;position:absolute;left:-15px;top:5px;color:#A5D6A7}.enroll-btn{display:inline-block;background-color:#FFD54F;color:#333;padding:12px 30px;border-radius:5px;text-decoration:none;font-size:16px;font-weight:700;transition:background-color 0.3s ease}.enroll-btn:hover{background-color:#FFAB91}.back-btn{display:inline-block;margin-top:40px;background-color:#4FC3F7;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none;font-size:16px;transition:background-color 0.3s ease}.back-btn:hover{background-color:#29B6F6}.related-courses{padding:50px 20px;text-align:center;background-color:#fff}.related-courses h2{font-size:30px;margin-bottom:30px;color:#A5D6A7;position:relative}.related-courses h2::after{content:'';width:50px;height:3px;background-color:#4FC3F7;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%)}@media (max-width:768px){.course-details{padding:20px 10px}.course-header h1{font-size:28px}.course-image{max-width:100%;height:auto}.blog-image{max-width:100%;height:auto}.course-content{grid-template-columns:1fr;gap:0}.course-main-info{padding:20px;margin-top:20px}.course-goal h2,.course-description h2,.course-features h2,.course-pricing h2{font-size:20px}.course-goal p,.course-description p{font-size:14px}.course-description .description-content{font-size:14px}.course-description h3{font-size:18px;margin:20px 0 10px}.course-description ul li{font-size:14px;padding-left:18px;margin-bottom:10px}.course-features li{font-size:14px}.course-pricing .price{font-size:28px}.enroll-btn{padding:10px 25px;font-size:14px}.back-btn{font-size:14px}}@media (max-width:480px){.course-header h1{font-size:24px}.course-image{border-radius:8px}.blog-image{border-radius:8px}.course-main-info{padding:15px;margin-top:20px}.course-goal h2,.course-description h2,.course-features h2,.course-pricing h2{font-size:18px}.course-goal p,.course-description p{font-size:13px}.course-description .description-content{font-size:13px}.course-description h3{font-size:16px;margin:15px 0 8px}.course-description ul li{font-size:13px;padding-left:16px;margin-bottom:8px}.course-features li{font-size:13px}.course-pricing .price{font-size:24px}.enroll-btn{padding:8px 20px;font-size:13px}.back-btn{padding:10px 20px;font-size:13px}}.course-levels-section{max-width:1200px;background-color:#f0f4f8;border-radius:10px;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.course-levels-section h5{font-size:18px;color:#fff;font-weight:600;margin-bottom:2px;background:linear-gradient(90deg,#4FC3F7,#42A5F5);padding:15px 25px;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.course-levels-section .card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;overflow:hidden;transition:box-shadow 0.3s}.course-levels-section .card:hover{box-shadow:0 6px 12px rgb(0 0 0 / .1)}.course-levels-section .card-header{background:linear-gradient(90deg,#fff,#f9f9f9);color:#000;font-size:18px;font-weight:600;padding:15px 25px;border-bottom:1px solid #e0e0e0}.course-levels-section .level-tree,.course-levels-section .unit-tree,.course-levels-section .lesson-tree{list-style:none;padding:0;margin:0}.course-levels-section .level-item,.course-levels-section .unit-item,.course-levels-section .lesson-item{border-bottom:1px solid #e0e0e0}.course-levels-section .level-toggle,.course-levels-section .unit-toggle,.course-levels-section .lesson-toggle{background-color:#f5f7fa;color:#333;font-size:16px;font-weight:500;width:100%;text-align:left;padding:12px 20px;border:none;cursor:pointer;transition:background-color 0.3s,color 0.3s;display:flex;align-items:center;gap:10px}.course-levels-section .level-toggle:hover,.course-levels-section .unit-toggle:hover,.course-levels-section .lesson-toggle:hover{background-color:#e3e6ea;color:#1e88e5}.course-levels-section .toggle-icon svg{transition:transform 0.3s}.course-levels-section .toggle-icon{display:flex;align-items:center}.course-levels-section .lesson-item{padding:12px 20px;background-color:#fff;transition:background-color 0.3s}.course-levels-section .lesson-item:hover{background-color:#f9f9f9}.course-levels-section .lesson-content{margin-left:30px;padding:15px 0;display:none;background-color:#fafafa;border-left:2px solid #4FC3F7;border-radius:4px}.course-levels-section .lesson-content p{font-size:16px;color:#444;margin-bottom:12px;line-height:1.6}.course-levels-section .lesson-content h6{font-size:16px;color:#333;font-weight:600;margin-bottom:12px}.course-levels-section .lesson-content ul{list-style:none;padding:0;margin:0}.course-levels-section .lesson-content ul li{position:relative;padding-left:20px;margin-bottom:8px;font-size:16px;color:#555}.course-levels-section .lesson-content ul li:before{content:'•';position:absolute;left:0;color:#666;font-size:16px}.course-levels-section .lesson-content ul li a{color:#1976D2;text-decoration:none;transition:color 0.3s}.course-levels-section .lesson-content ul li a:hover{color:#1565C0;text-decoration:underline}@media (max-width:768px){.course-levels-section h5{font-size:16px;padding:12px 20px}.course-levels-section .card-header{font-size:16px;padding:12px 20px}.course-levels-section .level-toggle,.course-levels-section .unit-toggle,.course-levels-section .lesson-toggle{font-size:14px;padding:10px 15px}.course-levels-section .lesson-item{padding:10px 15px}.course-levels-section .lesson-content{margin-left:20px}.course-levels-section .lesson-content p,.course-levels-section .lesson-content ul li{font-size:14px}.course-levels-section .lesson-content h6{font-size:14px}}@media (max-width:480px){.course-levels-section h5{font-size:14px;padding:10px 15px}.course-levels-section .card-header{font-size:14px;padding:10px 15px}.course-levels-section .level-toggle,.course-levels-section .unit-toggle,.course-levels-section .lesson-toggle{font-size:13px;padding:8px 12px}.course-levels-section .lesson-item{padding:8px 12px}.course-levels-section .lesson-content{margin-left:15px}.course-levels-section .lesson-content p,.course-levels-section .lesson-content ul li{font-size:13px}.course-levels-section .lesson-content h6{font-size:13px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;padding:40px 0 20px}.section-header h2{font-size:2.5em;color:#1a3c34;margin-bottom:10px;font-weight:700}.section-header p{font-size:1.1em;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}.blog-card-link{text-decoration:none;color:inherit;display:block}.blog-card img{width:100%;height:200px;object-fit:cover;display:block}.blog-content{padding:20px}.blog-content h3{font-size:1.6em;color:#1a3c34;margin:0 0 10px;line-height:1.4;font-weight:600}.blog-content time{display:block;font-size:.9em;color:#999;margin-bottom:10px}.blog-content p{font-size:1em;color:#555;line-height:1.6;margin:0 0 15px}.no-articles{text-align:center;font-size:1.2em;color:#666;padding:20px}.pagination{display:flex;justify-content:center;gap:10px;padding:20px 0}.pagination a,.pagination span{padding:10px 15px;border:1px solid #ddd;border-radius:6px;color:#007bff;text-decoration:none;font-size:.9em;transition:background 0.3s ease,color 0.3s ease}.pagination a:hover{background:#f8f9fa;border-color:#007bff}.pagination .current{background:#007bff;color:#fff;border-color:#007bff}@media (max-width:768px){.section-header h2{font-size:2em}.blog-grid{grid-template-columns:1fr}.blog-card img{height:180px}.blog-content h3{font-size:1.4em}}@media (max-width:480px){.section-header{padding:20px 0}.blog-content{padding:15px}.blog-btn{padding:8px 16px;font-size:.85em}}.pagination{display:flex;justify-content:center;margin:20px 0}.pagination-list{display:flex;gap:10px;list-style:none;padding:0;margin:0}.page-item .page-link{display:flex;align-items:center;padding:10px 15px;border:1px solid #ddd;border-radius:6px;color:#007bff;text-decoration:none;font-size:.9em;transition:background 0.3s ease,color 0.3s ease}.page-item .page-link:hover{background:#f8f9fa;border-color:#007bff}.page-item.disabled .page-link{color:#ccc;border-color:#eee;cursor:not-allowed;background:none}.page-item.next .page-link{position:relative;padding-right:25px}.page-item.next .page-link::after{content:">";position:absolute;right:10px;font-size:.9em;color:#007bff}.page-item.next .page-link:hover::after{color:#0056b3}.page-item.next.disabled .page-link::after{color:#ccc}.page-item.prev .page-link{position:relative;padding-left:25px}.page-item.prev .page-link::before{content:"<";position:absolute;left:10px;font-size:.9em;color:#007bff}.page-item.prev .page-link:hover::before{color:#0056b3}.page-item.prev.disabled .page-link::before{color:#ccc}.container{max-width:1200px;margin:0 auto;padding:0 20px}.article-section{padding:40px 0}.article-header{text-align:center;margin-bottom:30px}.article-header h1{font-size:2.5em;color:#1a3c34;margin:0 0 15px;line-height:1.3;font-weight:700}.article-date{display:block;font-size:.9em;color:#999;margin-bottom:10px}.article-image{margin-bottom:30px}.article-image img{width:100%;max-width:800px;height:auto;border-radius:10px;display:block;margin:0 auto;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.article-content{font-size:1.1em;color:#333;line-height:1.8;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.article-content p{margin:0 0 20px}.article-content h2,.article-content h3{color:#1a3c34;margin:30px 0 15px}.article-content ul,.article-content ol{margin:20px 0;padding-left:25px}.article-content img{width:100%;max-width:800px}.article-content a{color:#007bff;text-decoration:underline}.article-content a:hover{color:#0056b3}.article-share{display:flex;align-items:center;gap:15px;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.article-share span{font-size:1em;color:#666}.share-btn{display:inline-block;padding:8px 15px;border-radius:5px;color:#fff;text-decoration:none;font-size:.9em;transition:background 0.3s ease}.share-btn.facebook{background:#3b5998}.share-btn.facebook:hover{background:#2d4373}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{background:#0c85d0}.share-btn.linkedin{background:#0077b5}.share-btn.linkedin:hover{background:#005582}.back-btn{display:inline-block;padding:12px 25px;background:#007bff;color:#fff;border-radius:6px;text-decoration:none;font-size:1em;font-weight:500;transition:background 0.3s ease;max-width:800px;margin:0 auto;display:block;text-align:center}.back-btn:hover{background:#0056b3}@media (max-width:768px){.article-header h1{font-size:2em}.article-image img{max-width:100%}.article-content{font-size:1em}.article-share{flex-wrap:wrap;justify-content:center}.back-btn{padding:10px 20px;font-size:.9em}}@media (max-width:480px){.article-section{padding:20px 0}.article-header{margin-bottom:20px}.article-content{padding:0 10px}}.whatsapp-button{position:fixed;bottom:20px;left:20px;z-index:1000;transition:all 0.3s ease}.whatsapp-button a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#25D366;border-radius:50%;box-shadow:0 2px 5px rgb(0 0 0 / .3);text-decoration:none}.whatsapp-button img{width:30px;height:30px}.whatsapp-button.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.video-examples{padding:80px 20px;background-color:#f9f9f9;text-align:center}.video-examples h2{font-size:30px;margin-bottom:10px;color:#A5D6A7}.video-examples p{font-size:16px;color:#666;margin-bottom:40px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto}.video-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgb(0 0 0 / .1);overflow:hidden;transition:transform 0.3s ease;width:100%;max-width:300px;margin:0 auto}.video-card:hover{transform:translateY(-5px)}.video-thumbnail{position:relative;width:100%;height:150px;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-btn{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#FFC107;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-size:16px;transition:opacity 0.3s ease}.video-card:hover .video-btn{opacity:1}.video-btn:hover{background-color:#FFB300}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);z-index:1000;justify-content:center;align-items:center}.modal-content{position:relative;background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:800px;box-sizing:border-box}#videoIframe{width:100%;height:0;padding-bottom:56.25%;position:relative}#videoIframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.close-modal{position:absolute;top:10px;right:20px;font-size:30px;cursor:pointer;color:#333}.close-modal:hover{color:red}@media (max-width:768px){.modal-content{width:95%;padding:10px}#videoIframe{padding-bottom:75%}.close-modal{top:5px;right:10px;font-size:25px}.video-card{max-width:100%}}@media (max-width:480px){.modal-content{max-height:70vh}}.trial-booking-form{margin:0 auto;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.trial-booking-form h3{font-size:24px;margin-bottom:25px;text-align:center;color:#2c3e50}.trial-booking-form .form-group{margin-bottom:20px}.trial-booking-form label{font-weight:600;margin-bottom:8px;display:block;color:#34495e}.trial-booking-form input[type="text"],.trial-booking-form input[type="email"],.trial-booking-form input[type="date"],.trial-booking-form input[type="time"],.trial-booking-form select,.trial-booking-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ccc;transition:border-color 0.3s ease}.trial-booking-form input:focus,.trial-booking-form select:focus,.trial-booking-form textarea:focus{border-color:#3498db;outline:none}.trial-booking-form .input-group{display:flex;gap:10px}.trial-booking-form .input-group select{flex-shrink:0}.trial-booking-form .btn-primary{padding:10px;background-color:#FFD54F;color:#fff;border:none;border-radius:5px;font-size:16px;width:100%;cursor:pointer}.trial-booking-form .btn-primary:hover{background-color:#4FC3F7;color:#fff}