@import url(https://fonts.googleapis.com/earlyaccess/notonaskharabic.css);p{font-family:'Noto Naskh Arabic',serif;font-size:1.5em;direction:rtl}*{margin:0;padding:0}.header{min-height:100vh;width:100%;background-image:linear-gradient(rgba(4,9,30,.7),rgba(4,9,30,.7)) , url(images/banner.png.pagespeed.ce.t0MOLVuz8E.png);background-position:center;background-size:cover;position:relative}nav{display:flex;padding:2% 6%;justify-content:space-between;align-items:center}nav img{width:150}.nav-links{flex:1;text-align:right}.nav-links ul li{list-style:none;display:inline-block;padding:9px 12px;position:relative}.nav-links ul li a{color:#fff;text-decoration:none}.nav-links ul li::after{content:'';width:0%;height:2px;background:#f44336;display:block;margin:auto;transition:.5s}.nav-links ul li:hover::after{width:100%}.text-box{width:90%;text-align:right;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.text-box p{color:#f44336}.hero-btn{display:inline-block;text-decoration:none;color:#fff;border:1px solid #fff;padding:6px 34px;font-size:13px;background:transparent;position:relative;cursor:pointer;font-family:'Noto Naskh Arabic',serif}.hero-btn:hover{border:1px solid #f44336;background:#f44336;transition:1s}nav .fa{display:none}@media (max-width:700px){.text-box h1{font-size:20px}.nav-links ul li{display:block}.nav-links{position:absolute;background:#f44336;height:100vh;width:200px;top:0;right:-200;text-align:left;z-index:2;transition:1s}nav .fa{display:block;color:#fff;margin:10px;font-size:22px;cursor:pointer}.nav-links ul{padding:33px}}.course{width:80%;margin:auto;text-align:center;padding-top:100px}h1{font-size:36px;font-weight:600}p{color:#777;font-size:14px;font-weight:300;line-height:22px;padding:10px}.row{margin-top:5%;display:flex;justify-content:space-between}.course-col{flex-basis:31%;background:#fff;border-radius:10px;margin-bottom:5%;padding:20px 12px;box-sizing:border-box}h3{text-align:center;font-weight:600;margin:10px 0}.course-col:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.2)}@media (max-width:700px){.row{flex-direction:column}}.preach{width:80%;margin:auto;text-align:center;padding-top:50px}.campus{width:80%;margin:auto;text-align:center;padding-top:50px}.campus-col{flex-basis:32%;border-radius:10px;margin-bottom:30px;position:relative;overflow:hidden}.campus-col img{width:100%;display:block}.layer{background:transparent;height:100%;width:100%;position:absolute;top:0;left:0;transition:.5s}.layer:hover{background:rgba(226,0,0,.7)}.layer h3{width:100%;font-weight:500;color:#fff;font-size:26px;bottom:0;left:50%;transform:translateX(-50%);position:absolute;opacity:0;transition:.5s}.layer:hover h3{bottom:49%;opacity:1}.facilities{width:80%;margin:auto;text-align:center;padding-top:100px}.facilities-col{flex-basis:31%;border-radius:10px;margin-bottom:5%;text-align:left}.facilities-col img{width:100%;border-radius:10px}.facilities-col p{padding:0;text-align:center}.facilities-col h3{margin-top:16px;margin-bottom:15px;text-align:center}.cta{margin:100px auto;width:80%;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) , url(images/xadmission.jpg.pagespeed.ic.2ByQvizClf.jpg);background-position:center;background-size:cover;border-radius:10px;text-align:center;padding:100px 0}.cta h1{color:#fff;margin-bottom:40px;padding:0}@media (max-width:700px){.cta h1{font-size:24px}}.location{width:80%;margin:auto;padding:80px 0}.location iframe{width:100%}.footer{width:100%;text-align:center;padding:30px 0}.footer h4{margin-bottom:25px;margin-top:20px;font-weight:600}.icons .fa{color:#f44336;margin:0 13px;cursor:pointer;padding:18px 0}.sub-header{height:50vh;width:100%;background-image:linear-gradient(rgba(4,9,30,.7),rgba(4,9,30,.7)) , url(images/xaboutus.jpg.pagespeed.ic.2ByQvizClf.jpg);background-position:center;background-size:cover;text-align:center;color:#fff}.sub-header h1{margin-top:100px}.about-us{width:80%;margin:auto;padding-top:80px;padding-bottom:50px;text-align:center}.about-col{flex-basis:48%;padding:30px 2px}.about-col img{width:100%}.about-col h1{padding-top:0}.about-col p{padding:15px 0 25px;text-align:right;display:block}li{list-style-position:inside;color:#777;text-align:right;text-indent:50px;font-size:14px}.contact-us{width:80%;margin:auto}.contact-col div{display:flex;align-items:center;margin-bottom:40px}.contact-col div fa{font-size:28px;color:#f44336;margin:10px;margin-right:30px}.contact-col div p{padding:0;text-align:right}.contact-col div h5{font-size:20px;margin-bottom:5px;color:#555;font-weight:400;text-align:right}.contact-col{flex-basis:48%;margin-bottom:30px;width:100;padding:15px;outline:none;border:1px solid #ccc;text-align:right}.more{display:none}