:root{--primary-color:#f07f06;--primary-alt-color:#ce6c04;--secondary-color:#1163ad;--third-color:#81bc47;--white:#dfdfdf;--black:#121212;--text-shadow:0 4px 4px rgba(0,0,0,.25);--box-shadow:0 4px 4px rgba(0,0,0,.2);--radius-sm:8px;--radius-md:12px}*{box-sizing:border-box}html{padding:0;margin:0;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth}*,body{padding:0;margin:0;position:relative}body{font-family:"Cairo",sans-serif;font-style:normal;direction:rtl;overflow-x:hidden;background-color:var(--secondary-color)}body::-webkit-scrollbar,.mainbg::-webkit-scrollbar{background-color:var(--white);width:10px}body::-webkit-scrollbar-thumb,.mainbg::-webkit-scrollbar-thumb{background:var(--primary-color)}ul{margin:0;padding:0;list-style:none}ul li{list-style-type:none}a{text-decoration:none}a:hover{color:var(--secondary-color)}p{margin-bottom:unset}.row{margin:0;width:100%}.section-divider{position:relative;width:100%;height:80px;overflow:hidden;line-height:0;margin-top:-5px}.section-divider svg{position:relative;display:block;width: calc(130% + 1.3px);height:100px}.section-divider-stroke{position:relative;width:100%;height:80px;overflow:hidden;line-height:0;margin-top:-2px}.section-divider-stroke svg{display:block;width:100%;height:100px}.section-divider-stroke path{stroke-linecap:round;stroke-linejoin:round}header{position:absolute;top:0;width:100%;z-index:1050;background-color:transparent}.navbar{width:100%}header ul li a{font-size:15px;font-weight:400;display:inline-block;color:var(--secondary-color)!important;margin-left:50px}header ul li a.active,header ul li a:hover{transition:.5s ease-in-out;color:var(--primary-color)!important;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}.navbar-collapse{background-color:transparent}@media (max-width:992px){header .nav-item>.nav-link{font-size:13px;padding:10px 7px;margin-inline-end:25px}.headerBtn{width:100px;height:36px;font-size:13px;margin:10px 0}}@media (max-width:576px){.headerBtn{width:100%;height:36px;font-size:12px}.navbar-toggler{font-size:1.25rem}}@media (max-width:769px){header .nav-item>.nav-link{font-size:12px;padding:5px 1px;margin-inline-end:5px}.headerBtn{width:100px;height:36px;font-size:13px;margin:0 0}}.headerBtn{padding:7px 12px;background-color:transparent;color:var(--primary-color);border:3px solid var(--secondary-color);outline:none;font-weight:400;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.headerBtn:hover{background-color:var(--secondary-color);border:3px solid var(--secondary-color);color:var(--primary-color)}.navbar-toggler{font-size:2rem}.navbar-toggler:focus,.navbar-toggler:active{outline:none!important;border:none!important;box-shadow:none!important}.navbar-toggler svg{color:var(--secondary-color)}.navbar-toggler svg:focus{outline:none!important}.navbar-collapse.collapse.show,.navbar-collapse.collapsing{background:#fff;margin-top:-30px;position:relative;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.navbar-collapse.collapse.show a,.navbar-collapse.collapsing a{color:var(--primary-color);font-weight:500;font-size:12px;padding:10px 0;display:block;text-decoration:none;border-bottom:1px solid #eee;transition:color .2s ease}.navbar-collapse.collapse.show a:hover,.navbar-collapse.collapsing a:hover{color:#f07f06}#Hero{min-height:100vh;background-color:var(--white);position:relative;overflow:hidden;display:flex;align-items:center;padding-bottom:0}#Hero::before{position:absolute;width:100%;height:100%;top:0;right:0;content:"";background-image:url(http://www.mohamed-elaraby.com/web_files/images/xpattern.webp.pagespeed.ic.o9-kFg1frq.webp);background-repeat:no-repeat;background-position:center;background-size:cover;background-blend-mode:screen;opacity:.26}.hero-content{z-index:3;padding:2rem}.hero-text-wrapper{max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;color:var(--secondary-color);line-height:1.2;margin-bottom:1.5rem;text-shadow:var(--text-shadow)}.highlight-text{color:var(--primary-color);position:relative}.highlight-text::after{content:"";position:absolute;bottom:-5px;right:0;width:100%;height:4px;background:var(--primary-color);border-radius:2px}.hero-subtitle{font-size:1rem;color:var(--secondary-color);opacity:.9;line-height:1.6;margin-bottom:1rem}.hero-features{margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;margin-bottom:1rem;color:var(--primary-color);font-size:.9rem}.feature-icon{color:var(--third-color);font-size:1.5rem;margin-left:1rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-btn-primary{background:var(--primary-color);border:none;padding:10px 15px;font-size:1rem;font-weight:400;border-radius:var(--radius-md);box-shadow:var(--box-shadow);transition:all .3s ease;color:#fff}.hero-btn-primary:hover{background:var(--primary-alt-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(240,127,6,.3)}.hero-btn-secondary{border:2px solid var(--secondary-color);padding:10px 15px;font-size:1rem;font-weight:400;border-radius:var(--radius-md);color:var(--secondary-color);transition:all .3s ease}.hero-btn-secondary:hover{background:var(--secondary-color);color:var(--white);transform:translateY(-2px)}.hero-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-item h3{font-size:2rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:700}.stat-item p{color:var(--secondary-color);opacity:.8;font-size:1rem}.hero-visual{display:flex;justify-content:center;align-items:center;z-index:2}.hero-image-wrapper{position:relative;width:100%;max-width:600px;height:600px;display:flex;justify-content:center;align-items:center}@keyframes animate-fade-in {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes animate-fade-in-delay {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes animate-slide-up {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes animate-slide-up-delay {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes animate-fade-in-final {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}@keyframes animate-float {
    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}@keyframes float-1 {
    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-10px) rotate(2deg);
    }
}@keyframes float-2 {
    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-15px) rotate(-2deg);
    }
}@keyframes float-3 {
    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(1deg);
    }
}@keyframes float-4 {
    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-12px) rotate(-1deg);
    }
}.animate-fade-in{animation:animate-fade-in 1s ease-out .2s both}.animate-fade-in-delay{animation:animate-fade-in-delay 1s ease-out .5s both}.animate-slide-up{animation:animate-slide-up 1s ease-out .8s both}.animate-slide-up-delay{animation:animate-slide-up-delay 1s ease-out 1.1s both}.animate-fade-in-final{animation:animate-fade-in-final 1s ease-out 1.4s both}.animate-float{animation:animate-float 6s ease-in-out infinite}@media (max-width:768px){.hero-section{padding:40px 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-btn-primary,.hero-btn-secondary{width:100%;margin-bottom:1rem}.hero-stats{justify-content:center;gap:1rem}.hero-visual{margin-top:2rem;order:-1}.hero-image-wrapper{height:400px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-content{padding:1rem}.stat-item h3{font-size:1.5rem}.hero-image-wrapper{height:300px}}.hero-background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.shape{position:absolute;opacity:.1;animation:shape-float 10s linear infinite;-webkit-animation:shape-float 10s linear infinite}.shape-1{top:10%;right:10%;width:100px;height:100px;border-radius:50%;color:var(--third-color)}.shape-2{top:80%;right:70%;width:70px;height:70px;transform:rotate(45deg);color:var(--primary-color)}.shape-3{top:50%;left:-10%;width:70px;height:70px;transform:rotate(45deg);color:var(--secondary-color);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}@keyframes shape-float {
    0% {
        transform: translateX(-100px) rotate(0deg);
    }

    100% {
        transform: translateX(calc(100vw + 100px)) rotate(360deg);
    }
}#About{min-height:100vh;background-color:var(--secondary-color);padding-top:80px;padding-bottom:80px}.teacher-image-wrapper{position:relative;width:100%;max-width:400px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--box-shadow)}.teacher-image{width:100%;height:auto;display:block;border-radius:var(--radius-md);transition:transform .3s ease-in-out}.teacher-image:hover{transform:scale(1.05)}.teacher-info{padding:20px}.teacher-name{font-size:2.2rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;text-shadow:var(--text-shadow)}.teacher-bio{font-size:1rem;line-height:1.8;color:var(--white);margin-bottom:1.5rem;opacity:.9}.teacher-highlights{list-style:none;padding:0;margin:0}.teacher-highlights li{font-size:.95rem;color:var(--white);margin-bottom:.8rem;display:flex;align-items:flex-start;opacity:.9}.teacher-highlights li i{color:var(--third-color);margin-left:10px;font-size:1.2rem;position:relative;top:3px}#FreeVideos{min-height:100vh;background-color:var(--secondary-color)}.videosTitle{font-size:2rem;font-weight:800;color:var(--primary-color)}.flip-card{background:transparent;width:100%;perspective:1000px;height:100%}.flip-card-inner{position:relative;width:100%;padding-top:100%;transition:transform .8s ease;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.1);display:flex;flex-direction:column}.flip-card-front{background:var(--white);z-index:2}.flip-card-front img{width:100%;height:auto;display:block;object-fit:cover}.flip-card-front h3{font-size:1rem;margin:20px;margin-top:auto;color:var(--primary-color);text-align:center}.flip-card-back{background-color:var(--primary-color);color:#fff;transform:rotateY(180deg);justify-content:center;align-items:center;text-align:center;padding:20px;gap:10px}.flip-card-back p{font-size:.9rem;margin-bottom:15px}.playBtn{background:#fff;color:var(--primary-color);font-weight:600;padding:8px 16px;border-radius:30px;transition:all .3s ease}.playBtn:hover{background:#f2f2f2;transform:scale(1.05);color:var(--third-color)}#Banner{min-height:40vh;background-color:var(--primary-color);background-image:url(http://www.mohamed-elaraby.com/web_files/images/xbanner-bg.webp.pagespeed.ic.ZVE824ZZ8j.webp);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}#Banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(17,100,173,.793);z-index:1}#Banner>.container{z-index:2;position:relative}.banner-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem;text-shadow:var(--text-shadow)}.banner-subtitle{font-size:1.1rem;color:var(--white);line-height:1.6;max-width:800px;margin:0 auto 2rem auto}.banner-btn{background-color:var(--primary-color);border:none;padding:12px 30px;font-size:1.2rem;font-weight:700;border-radius:50px;box-shadow:var(--box-shadow);transition:all .3s ease;color:#fff}.banner-btn:hover{background-color:var(--primary-alt-color);transform:translateY(-3px);box-shadow:0 10px 25px rgba(240,127,6,.4)}#Contact{background-color:var(--white);min-height:100vh;padding-top:80px;padding-bottom:80px;color:var(--primary-color)}.contact-form-wrapper{background-color:var(--secondary-color);padding:3rem;border-radius:var(--radius-md);box-shadow:0 5px 15px rgba(0,0,0,.2);color:var(--white)}.contact-form-wrapper .form-label{color:var(--primary-color);font-weight:700;margin-bottom:.5rem}.contact-form-wrapper .form-control{background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--white);padding:10px 15px;border-radius:var(--radius-md);transition:all .3s ease}.contact-form-wrapper .form-control::placeholder{color:rgba(255,255,255,.7)}.contact-form-wrapper .form-control:focus{background-color:rgba(255,255,255,.2);border-color:var(--primary-color);box-shadow:0 0 0 .25rem rgba(240,127,6,.25);color:var(--white)}.contact-btn{background-color:var(--primary-color);border:none;padding:12px 30px;font-size:1.1rem;font-weight:700;border-radius:50px;box-shadow:var(--box-shadow);transition:all .3s ease;width:100%;margin-top:1rem;color:#fff}.contact-btn:hover{background-color:var(--primary-alt-color);transform:translateY(-3px);box-shadow:0 10px 25px rgba(240,127,6,.4)}@media (max-width:768px){#Contact{padding:60px 20px}.contact-form-wrapper{padding:2rem}.contact-form-wrapper .form-label{font-size:.95rem}.contact-form-wrapper .form-control{font-size:.9rem;padding:8px 12px}.contact-btn{font-size:1rem;padding:10px 20px}}@media (max-width:480px){#Contact{padding-inline:5px}.contact-form-wrapper{padding:1.5rem}.contact-form-wrapper .form-label{font-size:.9rem}.contact-form-wrapper .form-control{font-size:.85rem;padding:8px 10px}.contact-btn{font-size:.95rem;padding:10px 16px}}#Footer{background-color:var(--secondary-color);color:var(--white)}#Footer h6{margin-bottom:15px;color:var(--primary-color);font-size:18px}.links a,.footer-links{color:var(--white);font-size:14px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.links a:hover,.footer-links:hover{color:var(--primary-alt-color)!important;padding-right:10px}#Footer .contact{font-size:12px}.footer-logo{filter:brightness(50);-webkit-filter:brightness(50);max-width:150px}.footerTop{background-color:var(--primary-color)}.footerBottom{background-color:var(--primary-color);color:var(--white);font-weight:400;font-size:13px;@media (max-width: 300px) {
        font-size: 11px;
    }
}.footerBottom a{color:var(--secondary-color)}.about-section{color:#fff;padding:80px 0;overflow:hidden}.about-section .container{max-width:1140px;margin:0 auto;padding:0 15px}.section-title{text-align:center;font-size:2.8rem;font-weight:900;margin-bottom:60px;position:relative;padding-bottom:20px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:4px;background-color:#f07f06;border-radius:2px}.about-content{display:flex;align-items:center;gap:60px}.teacher-info{flex:1}.teacher-name{font-size:3rem;font-weight:700;color:#f07f06;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.teacher-degree{font-size:1.2rem;color:#e0e0e0;margin-bottom:30px;font-weight:400}.achievements-list{list-style:none;padding:0;margin:0}.achievements-list li{font-size:1.1rem;margin-bottom:18px;display:flex;align-items:center}.achievements-list li i{color:#28a745;font-size:1.5rem;margin-left:15px}.teacher-photo-container{flex-basis:400px;flex-shrink:0}.teacher-photo{width:100%;border-radius:20px;border:5px solid #fff;box-shadow:0 15px 35px rgba(0,0,0,.25);transition:transform .3s ease}.teacher-photo:hover{transform:scale(1.05)}@media (max-width:992px){.about-content{flex-direction:column;text-align:center}.teacher-photo-container{order:-1;margin-bottom:40px;width:80%;max-width:350px}.achievements-list{text-align:right;display:inline-block}.achievements-list li{justify-content:flex-start}}