.navBar{height:70px;text-align:center;background-color:transparent;position:fixed;width:100%;background:#eedaac33;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:20}.logo{width:120px}.navBtns{width:100px;height:40px;position:absolute;top:10px;right:5px;justify-content:space-around!important}.navBtns button{color:var(--secondary-color);border:none;background-color:transparent;font-size:20px;cursor:pointer}.navBtns button:last-child{font-size:25px}.quick-list{width:100%;height:100vh;overflow-y:scroll;background:#39343966;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);position:fixed;top:70px;left:0;padding:40px 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:start;z-index:20;scale:1;transition:all 1s ease}.quick-list.close{scale:0}.icon-filter,.icon-list{color:var(--secondary-color);font-size:30px;position:absolute;top:10px;right:20px;cursor:pointer}.quick-list .list-item{width:400px;display:flex;align-items:center;text-decoration:none;padding:10px 15px 10px 10px;margin:10px;border-radius:15px;background:var(--secondary-bgColor-DL);color:var(--text-color-DL);box-shadow:var(--box-shadow-DL)}.quick-list .list-item .icon-star{font-size:20px;color:var(--secondary-color)}.quick-list .list-item .icon-star,.quick-list .list-item .icon-star-o{cursor:pointer}.quick-list .list-item a{margin-right:10px;text-decoration:none;color:var(--text-color-DL)}.quick-list .list-item img{width:40px;height:40px;border-radius:50%;margin-left:20px;margin-right:12px}@media (max-width: 460px){.logo{width:90px;margin-top:6px}.quick-list .list-item{width:320px}.navBtns{width:70px}}.hero{height:80vh;flex-direction:column;background:var(--background-img-DL);background-size:cover;background-position:center}.hero .container{flex-direction:column}.hero .bottom-section{margin-top:20px;margin-bottom:-70px}.heroImg{width:27%;margin-top:50px;transform:rotateY(180deg)}.heroTitle{text-align:center;color:var(--hero-text-color-DL);width:80%}.heroTitle h1{font-size:3.5em;margin-bottom:20px}.heroTitle p{font-size:1.7em;line-height:2}.btns{width:40%;flex-direction:column}.hero-btn{width:70%!important;height:60px!important;margin-bottom:15px;font-size:1.3em}.hero-btn:active{transform:scale(.8)}.heroTitle.light{background:#fff3;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:20px;border-radius:15px}@media (max-width: 768px){.hero{height:60vh;margin:0;border-radius:0;background-size:contain;background-color:#0e0020}.heroTitle p{font-size:1.4em}}@media (max-width: 576px){.heroTitle{width:90%}.heroTitle h1{font-size:2.5em}.heroTitle p{font-size:1.3em}}@media (max-width: 460px){.hero{height:100vh;background-size:cover}.heroTitle h1{font-size:2.2em}}.wifi{width:100%;font-size:7rem;text-align:center;color:#375752b7;margin-top:35px}.channels,.channels-content{flex-wrap:wrap;margin:auto auto 20px;width:100%}.channels{padding-top:50px;border-top-left-radius:60px;border-top-right-radius:60px;margin-top:-5%;background-color:var(--primary-bgColor-DL)}.infinite-scroll-component{display:flex!important;flex-wrap:wrap!important;justify-content:center;margin-bottom:50px}.loading-msg{color:#ffffffac;width:100%;font-size:1.2em;letter-spacing:.2em;text-align:center;direction:ltr}.channel{width:30%;min-width:300px;height:320px;flex-direction:column;justify-content:space-evenly!important;float:left;padding:10px;margin:60px 10px;border-radius:20px;position:relative;background:var(--secondary-bgColor-DL);color:var(--text-color-DL);border-top:var(--border);border-left:var(--border);box-shadow:var(--box-shadow-DL);transition:all 1s ease}.img{width:100px;height:105px;border-radius:50%;position:absolute;top:-15%;left:37%;padding:15px;background:var(--secondary-bgColor-DL);border-top:3px dotted var(--secondary-color-DL);transition:all 1s ease}.title{background:-webkit-linear-gradient(to right,#dba228,#b21f1f,#506fee);background:linear-gradient(to right,#dba228,#b21f1f,#506fee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-top:35px;z-index:10}.channel p{width:95%;height:120px;font-size:1em;line-height:1.5;display:flex;align-items:start;justify-content:center;text-align:center;overflow-y:auto;padding:15px 10px;border-right:1px dotted var(--secondary-color-DL);color:var(--secondary-color-DL);background:var(--secondary-bgColor-DL);overflow-wrap:anywhere;transition:all 1s ease}.searchBox{position:relative}.searchBar{width:300px;height:40px;padding-right:7px;border-radius:20px;border:none;margin-bottom:70px;background-color:#f3f2fb;box-shadow:inset -1px -1px 5px #ffffff83,inset 2px 2px 5px #5e6879af}.searchBar:focus-visible{outline-color:var(--secondary-color-DL)}.channels .icon-close{color:gray;position:absolute;left:15px;top:12px;font-weight:700;cursor:pointer}.btn{border:none;width:200px;height:45px;border-radius:10px;font-weight:700;letter-spacing:1px;text-decoration:none;margin-top:20px;background-color:var(--secondary-bgColor-DL);border:1px solid var(--secondary-color-DL);color:var(--secondary-color-DL);transition:all .5s ease}.loadMore_btn,.btn:hover{box-shadow:none;color:#fff;background:var(--secondary-color-DL)}.icon-youtube-play{color:#d11d1d;margin-left:10px}.loadMore_btn{cursor:pointer;font-size:1.2em;width:30%;font-family:inherit;margin-bottom:30px;box-shadow:inset 3px 3px 7px #ffffffbf,-2px -2px 7px #ffffff8c,inset -5px -5px 7px #0003}.loadMore_btn:hover{font-size:1.3em}.hidden{display:none}@media (min-width: 993px){.searchBar{width:550px}}@media (max-width: 992px){.channel{width:45%}.searchBar{width:500px}}@media (max-width: 768px){.channel{width:80%;margin:30px 10px}.searchBar{width:350px}.loadMore_btn{width:50%}}@media (max-width: 576px){.channel{width:90%}}@media (max-width: 460px){.channels{border-top-left-radius:25px;border-top-right-radius:25px;margin-top:-23%}.channel{width:85%;height:450px;margin:55px 10px}.channel p{width:98%;height:200px}.img{width:95px;top:-10%;padding:10px}.title{font-size:20px}.searchBar{width:300px}.wifi{font-size:5rem}.loadMore_btn{width:65%;font-size:1.1em}}.footer{width:80%;text-transform:capitalize;color:var(--text-color-DL);letter-spacing:1.2px;border-top:1px solid var(--text-color-DL);flex-direction:column;padding:20px 0;text-align:center;margin:auto}.footer-social-links{width:12%;margin-top:12px;font-size:1.3em;justify-content:space-evenly!important}.footer-social-links a{color:var(--text-color-DL);text-decoration:none}@media (max-width: 768px){.footer-social-links{width:20%}}@media (max-width: 576px){.footer-social-links{width:25%}}@media (max-width: 460px){.footer-social-links{width:30%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #375752;--secondary-color: #ffab51;--secondary-color-DL: #ffab51;--primary-bgColor-DL: #130117;--secondary-bgColor-DL: #1c1622;--text-color-DL: #ffffffcc;--hero-text-color-DL: #ffab51;--background-img-DL: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.8)), url(/egyptianCoders/assets/hero-B3788cUn.jpg);--box-shadow-DL: 30px 30px 30px -10px rgba(0, 0, 0, .15), inset 6px 5px 10px rgba(152, 131, 91, .2), -5px -5px 30px rgba(238, 218, 172, .2), inset -1px -1px 10px rgba(0, 0, 0, .2)}.light{--background-img-DL:linear-gradient(rgba(131, 11, 158, .3), rgba(45, 11, 158, .3)), url(/egyptianCoders/assets/hero2-9_QeWP-x.jpg);--secondary-color-DL: #745ab0;--secondary-border-DL: #ddd6ed;--primary-bgColor-DL: #fff;--secondary-bgColor-DL: #f3f2fb;--text-color-DL: #000;--hero-text-color-DL: #fff;--box-shadow-DL: 30px 30px 30px -10px rgba(0, 0, 0, .15), inset 15px 15px 10px rgba(255, 255, 255, .75), -5px -5px 30px rgba(255, 255, 255, .55), inset -1px -1px 10px rgba(0, 0, 0, .2);--border: 1.5px solid #ddd6ed33}html{scroll-behavior:smooth;direction:rtl}body{color:var(--primary-color);background-color:var(--primary-bgColor-DL)}body.hide{overflow:hidden}.border{border:1px solid red}.container{width:90%;display:flex;align-items:center;justify-content:center;transition:all 1s ease}.flex{display:flex;align-items:center;justify-content:center}.scrollUp-btn{width:2.5rem;height:2.5rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;cursor:pointer;background:#ee9242;background:linear-gradient(-45deg,#e7aa25,#771f04 50%,#771f04 70%,#af8323);background:-moz-linear-gradient(-45deg,rgb(231,170,37) 0%,#771f04 50%,#771f04 70%,rgb(175,131,35) 100%);background:-webkit-linear-gradient(-45deg,rgb(231,170,37) 0%,#771f04 50%,#771f04 70%,rgb(175,131,35) 100%);border:none;z-index:100}@media (min-width: 1400px){.container{width:100%}}@media (max-width: 1399.98px){.container{width:100%}}