@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300&family=Open+Sans:wght@400;700;800&family=Poppins:wght@200;300;400;500;600;700;800&family=Work+Sans:wght@200;300;400;500;600;700;800&display=swap);*{-ms-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:root{--main-color:#fff;--Second-color:#000;--text-color:#aaa;--main-transition:0.3s;--logo-color:#60b4aa;--main-padding-top:50px;--main-padding-bottom:50px}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;font-family:Open Sans,sans-serif;font-family:Poppins,sans-serif;font-family:Work Sans,sans-serif}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.disable-scroll{overflow:hidden}.images{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:25px 0}.image span{display:block}@media(max-width:768px){.images{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);padding:25px 0}}.home .page .up-down{color:#aaa;display:block;font-size:40px;margin-bottom:15px;text-align:center;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition)}.home .page .up-down:hover{color:#60b4aa;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px)}.image{display:flex;flex-direction:column;overflow:hidden}.image img{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.4);pointer-events:none;width:100%}.image a{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.image a:hover{-moz-border-filter:brightness(.7);-ms-border-filter:brightness(.7);-o-border-filter:brightness(.7);filter:brightness(.7);-webkit-filter:brightness(.7);transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)}.image span{color:#aaa;font-size:20px;padding:5px 0}.image h2{display:block;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image h2:after{background-color:#000;bottom:-10px;content:"";height:2px;left:0;position:absolute;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition);width:0}.image:hover h2:after{width:100%}.youtube{border:1px solid #ccc;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.2);height:0;overflow:hidden;padding-bottom:56.25%;position:relative}iframe{height:100%;left:0;position:absolute;top:0;width:100%}.info_Project{padding:15px 0;text-align:center}.info_Project h2{margin-bottom:15px;text-transform:capitalize}.info_Project p{color:var(--text-color);margin:0 auto;max-width:800px}hr{border:solid #000;border-radius:20px;border-width:1px 0 0;height:30px;overflow:visible}hr:before{border:solid #000;border-radius:20px;border-width:0 0 1px;content:"";display:block;height:30px;margin-top:-31px}@media(max-width:786px){.info_Project,.info_Project p{padding-bottom:5px}.info_Project p{font-size:10px}}.image2{display:flex;flex-direction:column;overflow:hidden}.image2 img{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.4);pointer-events:none;width:100%}.Gif{display:block;padding:25px 0}.Gif img{border:1px solid #ccc;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.2);height:100%;width:100%}@media(max-width:768px){.Gif{padding:10px 0}}.images2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:25px 0}@media(max-width:768px){.images2{grid-template-columns:repeat(2,1fr);padding:10px 0}}.Courses .cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,minmax(250px,1fr));padding-bottom:15px}@media(max-width:768px){.Courses .cards{grid-template-columns:repeat(1,minmax(250px,1fr))}}.Hem-info{align-items:center;background-color:#7e69af!important;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;display:flex;justify-content:space-between;padding:15px}.Hem-info .you-drive{display:flex;flex:1 1;justify-content:start}.Hem-info .you-drive .name{color:#fff;margin-left:15px}.Hem-info .you-drive .name p{text-transform:capitalize}.Hem-info .you-drive .name p:first-child{font-weight:700}.Hem-info .you-drive img{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.4);height:64px}.Hem-info .iconHem{color:#fff;font-size:30px;margin-bottom:10px}.navbar{background-color:#333;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.navbar ul{display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.navbar ul li a{display:inline-block;margin:0;padding:20px 10px;position:relative;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s}.navbar ul li a:hover{transform:translateX(15px);-webkit-transform:translateX(15px);-moz-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px)}.navbar ul li a:after{background-color:#f5f5f5;bottom:25px;content:"";height:2px;left:0;position:absolute;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition);width:0}.navbar ul li a:hover:after{width:100%}.navbar ul li a:first-child{font-size:29px}.navbar ul li a{color:#f5f5f5;cursor:pointer;font-size:36px;font-style:normal;font-weight:400;line-height:1.6em;text-transform:none}@media(max-width:576px){.navbar ul li a:first-child{font-size:20px}.navbar ul li a{padding:40px 5px}}@media(min-width:576px){.navbar ul li a:first-child{font-size:24px}.navbar ul li a{padding:40px 5px}}.header .container{justify-content:space-between;padding:15px}.header .container,.header .container .logo{align-items:center;display:flex}.header .container .logo a img{height:70px;margin-right:10px}.header .container .info h5{margin-bottom:0}.header .container .info span{color:#aaa;font-size:13px}.header .container nav{align-items:center;display:flex;flex:1 1;justify-content:flex-end;position:relative}.header .container nav .toggle-menu{color:#000;cursor:pointer;font-size:22px;opacity:0;visibility:hidden;z-index:999999999}.header .container nav ul{display:flex}.header .container nav ul li a{color:#aaa;padding:20px 10px;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition)}.header .container nav ul li a:hover{color:#000}@media(max-width:768px){.header .container nav .toggle-menu{opacity:1;visibility:visible}.header .container nav .toggle{color:#fff}.header .container nav ul{display:none}}.Bio{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);padding-bottom:var(--main-padding-bottom);padding-top:var(--main-padding-top)}.Bio .image{max-width:500px}.Bio .image img{height:auto;object-fit:cover;width:100%}.Bio .info .name h2{margin-bottom:0}.Bio .info .name p{color:var(--text-color)}.Bio .info .aboutMe{font-size:16px;font-style:italic;font-weight:700;text-align:justify}.Bio .info .aboutMe p{color:#333;line-height:2;padding:5px 0}.Bio .info .contact{display:block;text-align:start;text-transform:capitalize}.Bio .info .icon{display:flex;margin-bottom:10px}.Bio .info .icon span{color:#60b4aa;font-size:30px;margin-right:15px}.Bio .info .icon a{color:#333;font-size:20px;margin:auto 0}.Bio .info .icon a:hover{color:#60b4aa}@media (max-width:768px){.Bio{gap:20px;grid-template-columns:1fr}.Bio .info .name p{font-size:13px}.Bio .image{margin:auto;max-width:300px}.Bio .image img{width:100%}.Bio .info .aboutMe{font-size:14px}.Bio .info .icon a{font-size:15px}}@media (max-width:576px){.Bio .info .aboutMe{word-wrap:break-word;font-size:10px}.Bio .info .icon a{font-size:12px}}.footer{grid-gap:20px;background-color:var(--Second-color);color:#fff;display:grid;gap:20px;grid-template-columns:2fr 1fr 2fr;padding:25px;position:relative;text-transform:capitalize}@media (max-width:768px){.footer{align-items:center;display:flex;flex-direction:column;grid-template-columns:1fr;justify-content:center}.footer .info,.footer nav ul li{display:block;text-align:center}.footer nav ul li{font-size:10px;margin:0 auto}}@media (min-width:769px) and (max-width:992px){.footer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.footer .info,.footer nav ul li{display:block;text-align:center}.footer nav ul li{font-size:10px;margin:0 auto}.footer{grid-template-columns:1fr}}.footer .info .info_name{margin-bottom:25px}.footer .info .info_name h2{letter-spacing:1.2px;margin:0}.footer .info .info_name span{color:var(--text-color)}.footer nav ul li{letter-spacing:.9px;padding:10px 5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer nav ul li a{color:#aaa}.footer nav ul li a:hover{color:#fff}.footer nav ul li a:after{background-color:var(--main-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition);width:0}.footer nav ul li a:hover:after{right:0;width:100%}.footer .social h2{font-size:40px}.footer .icons{display:grid;grid-template-columns:repeat(3,1fr)}.footer .icons .icon{color:#aaa;cursor:pointer;font-size:50px;margin-right:5px;padding:10px 40px}.footer .icons .icon:hover{color:var(--main-color)}.footer .ahmad{text-align:"center"}
/*# sourceMappingURL=main.848c7236.css.map*/