@import"https://fonts.googleapis.com/css2?family=Marhey:wght@300..700&family=Rakkas&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Lalezar&family=Noto+Sans+Arabic:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap";.social-sidebar{position:fixed;top:20%;right:.5%;display:flex;flex-direction:column;z-index:3;padding:15px;border-radius:8px 0 0 8px}.social-sidebar a{color:#0d5003;font-size:2rem;transition:color .3s ease}.social-sidebar a:hover{color:#0d5003a4;font-size:2.1rem;transition:.5s}@media (max-width: 768px){.social-sidebar{top:15%;right:38px;gap:10px}.social-sidebar a{font-size:1.8rem}}body{margin:0;padding:0}.navbar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:10;padding:10px 5%;font-family:Marhey;direction:rtl}.logo img{height:80px;width:auto;padding-top:10px;padding-right:120px;transition:height .3s ease}.logo img:hover{height:90px;transition:.3s}.nav-links{list-style:none;display:flex;gap:20px;padding-left:10%;margin:0}.nav-links a{color:#0d5003;text-decoration:none;font-size:1.6rem;font-weight:700;transition:color .3s ease,transform .3s ease}.nav-links a:hover{color:#fff;background-color:#0d5003;transition:.6s;transform:scale(1.05)}.menu-icon{display:none;font-size:2rem;cursor:pointer;color:#0d5003}@media (max-width: 1030px){.menu-icon{display:block;z-index:3}.nav-links{display:none;flex-direction:column;position:absolute;top:70px;right:130px;width:75%;background:#0d5003e6;padding:15px 0;text-align:center;border-radius:25px}.nav-links.active{display:flex}.nav-links li{padding:10px 0}.nav-links a{color:#fff;font-size:1.5rem}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-container{background:#fff;padding:25px;border:2px solid #0d5003;border-radius:10px;box-shadow:0 4px 10px #0003;width:320px;text-align:center;position:relative}.close-button{position:absolute;top:8px;right:90px;background:transparent;border:none;font-size:20px;cursor:pointer;color:#0d5003}.hero h2{font-size:2.5em}.hero h2:hover{font-size:2.6em;transition:.3s}.hero p{font-size:.9em}.hero p:hover{font-size:1em;transition:.3s}@media (max-width: 600px){.nav-links{right:80px}.logo img{padding-right:30px}}.hero-section{position:relative;width:100%;height:75vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Rakkas,cursive}.hero-video{position:absolute;top:0;left:0;width:100%;height:75vh;object-fit:cover;z-index:-1;border-radius:25px 25px 0 0;max-width:100%}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:1;padding:10px;max-width:90%;font-family:Rakkas,cursive}.hero-content h2{color:#0d5003;padding-top:50%;font-size:4rem!important;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.hero-content p{color:#fff;font-size:1.5rem!important;font-family:Marhey;line-height:1.5}@media (max-width: 1455px){.hero-content h2{font-size:2.9rem!important;transition:font-size .3s ease-in-out}.hero-content p{font-size:1rem!important;transition:font-size .3s ease-in-out}}@media (max-width: 1200px){.hero-content h2{font-size:2.9rem!important;transition:font-size .3s ease-in-out}.hero-content p{font-size:1rem!important;transition:font-size .3s ease-in-out}}@media (max-width: 1100px){.hero-content h2{font-size:2.5rem!important;transition:font-size .3s ease-in-out}.hero-content p{font-size:.8rem!important;transition:font-size .3s ease-in-out}}@media (max-width: 966px){.hero-content h2{font-size:2.2rem!important;transition:font-size .3s ease-in-out}.hero-content p{font-size:.8rem!important;transition:font-size .3s ease-in-out}}@media (max-width: 864px){.hero-content h2{font-size:2rem!important}.hero-content p{font-size:.8rem!important}}@media (max-width: 735px){.hero-content h2{font-size:1.8rem!important}.hero-content p{font-size:.6rem!important}}@media (max-width: 600px){.hero-content h2{font-size:1.5rem!important}.hero-content p{font-size:.5rem!important}}body,html{overflow-x:hidden}.carousel-container{font-family:Marhey;position:relative;width:100%;max-width:1200px;margin:0 auto;padding:120px 20px 60px;display:flex;flex-direction:column;align-items:center}.carousel-title{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#0d5003;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:10;text-align:center}.carousel{max-width:900px;position:relative;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.slide{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:opacity 1s ease-in-out;position:absolute;top:0;left:50%;transform:translate(-50%)}.slide.active{opacity:1;visibility:visible;position:relative}.slide img{width:100%;height:100%;max-height:400px;object-fit:contain;border-radius:20px;display:block}.slide-description{width:90%;max-width:800px;margin-top:15px;padding:12px 20px;text-align:center;font-size:1.2rem;color:#fff;background:#0d5003cc;border-radius:10px}.carousel-navigation{width:100%;margin-top:20px;display:flex;justify-content:center;gap:20px}.carousel-navigation button{background-color:#0d5003a0;width:150px;color:#fff;border:none;cursor:pointer;border-radius:8px;padding:14px 28px;font-size:1.6rem;transition:background-color .3s ease,transform .2s ease}.carousel-navigation button:hover{background-color:#0d5003;transform:scale(1.1)}.carousel-indicators{margin-top:15px;display:flex;gap:10px}.carousel-indicators button{background-color:#ffffff80;border:none;border-radius:50%;width:12px;height:12px;cursor:pointer}.carousel-indicators button.active{background-color:#0d5003}@media (max-width: 768px){.slide-description{font-size:1rem;padding:10px}.carousel-navigation button{padding:10px 20px;font-size:1.2rem}}@media (max-width: 480px){.slide-description{font-size:.9rem;padding:8px}.carousel-navigation button{padding:8px 16px;font-size:1rem}}.footer{max-width:1800px;font-family:Marhey;background-color:#0d5003;text-align:center;padding:120px;margin-top:40px;font-size:1.5rem;border-radius:0 0 25px 25px;direction:ltr}.footer p{color:#fff}@media (max-width: 768px){.footer{font-size:1rem}}#about-section{padding:20px;text-align:center;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:1200px;margin:20px auto;background-color:#fff}.about-form{display:flex;flex-direction:column;gap:15px}.about-form input,.about-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.about-form button{padding:10px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s ease}.about-form button:hover{background-color:#0056b3}@media (max-width: 768px){#about-section{max-width:100%;padding:15px}.about-form input,.about-form textarea{font-size:14px}.about-form button{width:100%}}#slides-section{padding:20px;text-align:center;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:1200px;margin:20px auto;background-color:#fff}#slide-form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto 20px}#slide-form input,#slide-form textarea{margin-right:-50%;width:200%;padding:10px;border:1px solid #ccc;border-radius:5px}#slide-form button{padding:10px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s ease}#slide-form button:hover{background-color:#0056b3}#slides-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.slide-item{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9;text-align:center;flex:1 1 calc(33.333% - 20px);max-width:calc(33.333% - 20px);transition:transform .3s ease-in-out}.slide-item:hover{transform:translateY(-5px)}.slide-image{height:200px;object-fit:cover;border-radius:6px;margin-bottom:10px}.slide-title{font-size:18px;font-weight:700;margin-bottom:5px}.slide-description{font-size:16px;color:#333}.slide-link{display:block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:700}.slide-link:hover{text-decoration:underline}.slide-buttons{display:flex;justify-content:space-between;margin-top:10px}.edit-button,.delete-button{padding:8px 12px;border:none;cursor:pointer;border-radius:5px;transition:background .3s ease}.edit-button{background-color:#28a745;color:#fff}.edit-button:hover{background-color:#218838}.delete-button{background-color:#dc3545;color:#fff}@media (max-width: 1024px){.slide-item{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width: 768px){#slides-list{flex-direction:column;align-items:center}.slide-item{width:100%;max-width:100%;margin-bottom:20px}.slide-image{height:180px}.slide-buttons button{width:48%}}#videos-section{padding:20px;text-align:center;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:1200px;margin:20px auto;background-color:#fff}#video-form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto 20px}#video-form input,#video-form textarea{margin-right:-50%;width:200%;padding:10px;border:1px solid #ccc;border-radius:5px}#video-form button{padding:10px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s ease}#video-form button:hover{background-color:#0056b3}#video-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.video-item{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9;text-align:center;flex:1 1 calc(33.333% - 20px);transition:transform .3s ease-in-out}.video-item:hover{transform:translateY(-5px)}.video-frame{margin-top:15px;height:200px;overflow:hidden}.video-frame iframe,.video-frame video{height:100%;border-radius:6px}.button-group{margin-top:10px;display:flex;gap:10px;justify-content:center}.edit-button{padding:10px;border:none;background-color:#ffc107;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s ease}.edit-button:hover{background-color:#e0a800}.delete-button{padding:10px;border:none;background-color:#dc3545;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s ease}@media (max-width: 1024px){.video-item{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width: 768px){#video-container{flex-direction:column;align-items:center}.video-item{width:100%;max-width:100%;margin-bottom:20px}.video-frame{height:180px}.button-group button{width:100%}}#comments-section{padding:20px;text-align:center;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:1200px;margin:20px auto;background-color:#fff}#comments-list{list-style:none;padding:0;margin:20px auto;max-width:800px}.comment-item{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9;text-align:left;margin-bottom:15px;transition:transform .3s ease-in-out}.comment-item:hover{transform:translateY(-5px)}.comment-text{font-size:16px;color:#333}.comment-date{font-size:14px;color:#666;display:block;margin-top:5px}.delete-button{margin-top:10px;padding:8px 12px;border:none;background-color:#dc3545;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s ease}.delete-button:hover{background-color:#c82333}@media (max-width: 768px){#comments-list{max-width:100%;padding:0 15px}.comment-item{padding:12px}.delete-button{width:100%}}.admin-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.admin-container h2{margin-top:10%;font-family:Marhey;font-weight:700;text-align:center;font-size:2.5rem;color:#0d5003}.admin-nav{display:flex;justify-content:space-between;margin-bottom:20px}.admin-nav button{padding:10px;background-color:#0d5003;color:#fff;border:none;cursor:pointer}.logout-btn{margin-right:90%;margin-bottom:3%;background-color:#f02d01da;color:#fff;padding:10px 20px;border:none;cursor:pointer;width:100px;height:100px;border-radius:50%;border-bottom:black solid 2px}.logout-btn:hover{background-color:red}section{margin-bottom:40px}h2,h3,h4{margin-bottom:10px}button{padding:10px 20px;margin-top:10px;background-color:#0d5003;color:#fff;border:none;cursor:pointer;max-width:250px}input,textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}@media (max-width: 768px){.admin-nav{flex-direction:column;align-items:center}.admin-nav button{width:100%;margin-bottom:10px}.logout-btn{width:100%}section{padding:10px}}body{font-family:Arial,sans-serif}.videos-page{max-width:1200px;margin:0 auto;padding:20px}.hero{text-align:center;margin-bottom:30px}.videos-content h2{margin-top:10%;font-size:36px;color:#0d5003;font-family:Marhey}.search-section{text-align:center;margin-bottom:20px}.search-bar{width:100%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ddd}.videos-section{display:flex;flex-direction:column;align-items:center}.video-gallery{margin-bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;justify-items:center;align-items:center}.video-item{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:300px;height:500px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.video-item h3{font-size:20px;margin-bottom:10px;color:#333}.video-item p{font-size:14px;color:#555;margin-top:10px;flex-grow:1}.video-player{display:flex;justify-content:center;align-items:center;width:100%;height:350px;margin-bottom:20px}.video-player iframe,.video-player video{max-width:100%;max-height:100%;object-fit:cover}@media (max-width: 1100px){.video-gallery{grid-template-columns:repeat(2,1fr)}.video-item{width:250px;height:400px}}@media (max-width: 768px){.video-gallery{grid-template-columns:repeat(2,1fr)}.video-item{width:250px;height:400px}}@media (max-width: 774px){.video-gallery{grid-template-columns:1fr}.video-item{width:100%;height:auto}.videos-page{margin-top:15%}}@media (max-width: 360px){.search-bar{width:80%}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.login-box{background:#fff;padding:2rem;border-radius:12px;width:350px;text-align:center;box-shadow:0 5px 15px #0003;position:relative;animation:fadeIn .3s ease-in-out}.close-btn{border:none;font-size:30px;font-weight:700;cursor:pointer;position:absolute;left:350px;top:15px;color:#555}h2{margin-bottom:1.5rem;font-size:22px;color:#333;font-weight:600}input{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:border .3s ease}input:focus{border-color:#007bff;outline:none}button{width:100%;padding:10px;background:#0d5003;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease-in-out}button:hover{background:#0d5003ba}.error{color:red;font-size:14px;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.comments-container{width:100%;max-width:800px;margin:0 auto;padding:20px;font-family:Marhey;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#0d5003}.comments-container h2{text-align:center;font-size:2rem;color:#0d5003;margin-bottom:20px}.comment-form{display:flex;flex-direction:column;margin-bottom:20px}.comment-input{width:100%;height:120px;padding:12px;font-size:1rem;border-radius:8px;border:1px solid #ddd;margin-bottom:10px;resize:none;outline:none;transition:border-color .3s ease}.comment-input:focus{border-color:#0d5003}.submit-btn{align-self:flex-end;padding:12px 24px;font-size:1.1rem;background-color:#0d5003;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-family:Marhey}.submit-btn:hover{background-color:#0d5003ac}.comments-list{list-style-type:none;padding:0}.comment-item{background-color:#fff;padding:20px;margin-bottom:15px;border-radius:8px;box-shadow:0 1px 5px #0000001a;direction:ltr;text-align:left}.comment-text{font-size:1.1rem;color:#0d5003;margin-bottom:10px}.delete-btn{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.delete-btn:hover{background-color:#c0392b}.deleted-label{color:red;font-weight:700;margin-left:10px}.no-comments{text-align:center;font-size:1.1rem;color:#777}.comments-list{max-height:300px;overflow:hidden;white-space:nowrap}@media (max-width: 480px){.comments-container{padding:12px}.comments-container h2{font-size:1.6rem}.comment-input{height:90px;font-size:.9rem}.submit-btn{padding:10px 18px;font-size:1rem;width:100%;text-align:center}.comment-item{padding:12px;margin-bottom:10px}.delete-btn{padding:5px 10px;font-size:.9rem}}@media (max-width: 576px){.comments-container{padding:15px}.comment-input{height:100px;font-size:1rem}.submit-btn{padding:10px 20px;font-size:1rem}.comment-item{padding:15px;margin-bottom:12px}.delete-btn{padding:5px 10px;font-size:.9rem}}@media (min-width: 576px) and (max-width: 992px){.comments-container{padding:20px}.submit-btn{padding:12px 24px;font-size:1rem}.comment-item{padding:18px}.delete-btn{padding:6px 12px;font-size:1rem}}@media (min-width: 992px){.comments-container{padding:30px}.comment-input{height:130px;font-size:1.2rem}.submit-btn{padding:12px 24px;font-size:1.2rem}.comment-item{padding:20px}.delete-btn{padding:6px 12px;font-size:1.1rem}}@media (min-width: 1200px){.comments-container{padding:40px}.comment-input{height:140px;font-size:1.3rem}.submit-btn{padding:15px 30px;font-size:1.3rem}.comment-item{padding:22px}.delete-btn{padding:7px 14px;font-size:1.2rem}}body{font-family:Noto Sans Arabic,sans-serif;direction:rtl;text-align:right;background-color:#f4f7fa;margin:0;padding:0}.about-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fa}.card{width:100%;max-width:600px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:20px;text-align:right}h1{font-family:Lalezar,sans-serif;font-size:28px;color:#2c3e50;margin-bottom:20px;text-align:center}p{font-family:Noto Sans Arabic,sans-serif;font-size:18px;line-height:1.8;color:#7f8c8d;margin-bottom:20px}.message{color:#e74c3c;font-size:16px;margin-top:20px}@media (max-width: 768px){.card{padding:15px}h1{font-size:24px}p{font-size:16px}}@media (max-width: 480px){.card{padding:10px}h1{font-size:20px}p,.message{font-size:14px}}