*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}.header{min-height:100vh;width:100%;position:relative;background-image:linear-gradient(rgba(4,9,30,.7),rgba(4,9,30,.7)),url(/assets/banner-509f7383.png);background-position:center;background-size:cover}nav{display:flex;padding:2% 6%;justify-content:space-between}nav img{width:150px}.nav-links{display:flex;text-align:right;flex-direction:row-reverse;width:50%}.nav-links ul{display:flex;width:100%;justify-content:space-between;font-weight:700}.nav-links ul li{display:inline-block;padding:8px 12px;position:relative}.nav-links ul li a{color:#fff;font-size:13px;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%;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-box h1{font-size:62px}.text-box p{margin:10px 0 40px;font-size:14px;color:#fff}.mobile-view{position:fixed;background:#f44336;right:0;bottom:0;z-index:2000;height:100%;width:30%;transition:2s}.mobile-view .close-icon{display:flex;justify-content:flex-end;padding:12px}.mobile-menu-items{justify-content:center;align-items:center;display:flex;flex-direction:column;gap:40px;font-size:20px}.mobile-menu-items .text-dec{color:#e7dede}.mobile-menu-items .text-dec:hover{color:#fff}.mobile-menu-icons:hover{cursor:pointer}.course h2{font-size:36px;font-weight:600}.row{margin-top:5%;display:flex;justify-content:space-between}.course-col{flex-basis:31%;background:#fff3f3;border-radius:10xp;margin-bottom:5%;padding:20px 12px;transition:.5s}.course-col h3{text-align:center;font-weight:600;margin:10px 0}.course-col:hover{box-shadow:0 0 20px #0003}@media (max-width:767px){.row{flex-direction:column}}.campus h2{font-size:36px;font-weight:600}.campus-col{flex-basis:32%;border-radius:10px;margin-bottom:30px;position:relative;overflow:hidden}.campus-col img{width:100%;display:block}.layar{background:transparent;height:100%;width:100%;position:absolute;top:0;left:0;transition:.5s}.layar h3{padding-top:20px;width:100%;font-weight:500;color:#fff;font-size:26px;bottom:0;left:50%;transform:translate(-50%);position:absolute;opacity:0;transition:.5s}.layar:hover h3{bottom:49%;opacity:1}.layar:hover{background:rgba(226,0,0,.7)}.facilities-col{flex-basis:31%;border-radius:10px;margin-bottom:5%;text-align:left}.facilities-col img{width:100%;border-radius:10px}.facilities-col h3{margin-top:16px;margin-bottom:15px;text-align:left}.facilities-col p{padding:0}.Testimonials-col{flex-basis:44%;border-radius:10px;margin-bottom:5%;text-align:left;background:#fff3f3;padding:25px;cursor:pointer;display:flex}.Testimonials-col img{height:40px;margin-left:5px;margin-right:30px;border-radius:50%}.Testimonials-col p{padding:0}.Testimonials-col h3{margin-top:15px;text-align:left}.star-icons{display:flex;margin-top:5px}.icons{color:#f44336}@media (max-width: 767px){.Testimonials-col img{margin-left:0;margin-right:15px}}.cta{margin:100px auto!important;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/banner2-0c71f1ad.jpg);background-position:center;background-size:cover;border-radius:10px;padding:100px 0!important}.cta h2{color:#fff;margin-bottom:40px;padding:0}@media (max-width: 767px){.cta h2{font-size:24px}}.footer{width:100%;padding:30px 0!important;position:relative;background:#ff4a3b;background-position:center;margin-top:180px!important}.footer p{color:#fff}.footer h4{margin-bottom:25px;margin-top:20px;font-weight:600!important;color:#fff}.footer-icons{width:50%;margin-left:25%;padding:18px 0;display:flex;align-items:center;justify-content:space-between}.footer-icons .icons{color:#fff;transition:.5s;cursor:pointer;width:30px;height:30px}.footer-icons .icons:hover{transform:translateY(-10px)}.footer .wave{position:absolute;top:-50px;left:0;width:100%;height:50px;background:url(/assets/wave-cbefd135.png);background-size:1000px 50px}.footer .wave#wave1{z-index:1000;opacity:1;bottom:0;animation:animatewave 4s linear infinite}.footer .wave#wave2{z-index:999;opacity:.5;bottom:10px;animation:animatewave_2 4s linear infinite}.footer .wave#wave3{z-index:1000;opacity:.2;bottom:15px;animation:animatewave 3s linear infinite}.footer .wave#wave4{z-index:999;opacity:.7;bottom:20px;animation:animatewave_2 3s linear infinite}@keyframes animatewave{0%{background-position-x:1000px}to{background-position-x:0px}}@keyframes animatewave_2{0%{background-position-x:0px}to{background-position-x:1000px}}.sub-header{height:50vh;width:100%;background-image:linear-gradient(rgba(4,9,30,.7),rgba(4,9,30,.7)),url(/assets/background-aa4044b5.jpg);background-position:center;background-size:cover;text-align:center;color:#fff}.sub-header h2{margin-top:100px}.about-us{padding-bottom:50px;padding-top:80px!important}.about-col{flex-basis:48%;padding:30px 2px}.about-col img{width:100%}.about-col h2{padding-top:0}.about-col p{padding:15px 0 25px}.red-btn{border:1px solid #f44336!important;background:transparent!important;color:#f44336!important}.red-btn:hover{color:#fff!important;background:#f44336!important}.blog-left{flex-basis:65%}.blog-left img{width:100%}.blog-left h2{color:#222;font-weight:600;margin:30px 0}.blog-right{flex-basis:32%}.blog-right h3{background:#f44336;color:#fff;padding:7px 0;font-size:16px;margin-bottom:20px}.blog-right div{display:flex;align-items:center;justify-content:space-between;color:#555;padding:8px;margin-top:27px}.comment{border:1px solid #ccc;margin:50px 0;padding:10px 20px}.comment h3{text-align:left}.comment-form input,.comment-form textarea{width:100%;padding:10px;margin:15px 0;border:none;outline:none;background:#f0f0f0}.comment-form textarea{resize:vertical}.comment-form button{margin:10px 0}@media (max-width: 767px){.sub-header h2{font-size:24px}}.location iframe{width:100%}.contact-col{flex-basis:48%;margin-bottom:30px}.contact-col .contact-icons{display:flex;align-items:center;margin-bottom:20px}.contact-icons .icons-con{color:#f44336;width:30px;height:30px;margin-right:30px}.contact-col div p{padding:0!important}.contact-col div h5{font-size:20px;margin-bottom:5px;color:#555;font-weight:400!important}.contact-col input,.contact-col textarea{width:100%;padding:15px;margin-bottom:17px;outline:none;border:1px solid #ccc}.contact-col a span{padding-left:15px}.text-cen{text-align:center}.float-l{float:left}.unstile{list-style:none}.text-dec{text-decoration:none}.hero-btn{display:inline-block;color:#fff;border:1px solid #fff;padding:12px 34px;font-size:13px;background:transparent;position:relative;cursor:pointer}.hero-btn:hover{border:1px solid #f44336;background:#f44336;transition:1s}.h1{font-size:2em}.cont{width:80%;margin:auto;padding-top:100px}.p{color:#777;font-size:14px;font-weight:300px;line-height:22px;padding:10px}.wave-btn{position:relative;display:inline-block;color:#fff;border:1px solid #fff;border-radius:3px;padding:12px 34px;font-size:15px;background:transparent;cursor:pointer;width:200px;overflow:hidden}.wave-btn span{position:relative;z-index:1;color:#fff}.wave-btn .liquid{position:absolute;left:0;top:-80px;width:200px;height:200px;background:#f44336;box-shadow:inset 0 0 50px #00000080;transition:.5s}.wave-btn .liquid:before,.wave-btn .liquid:after{content:"";position:absolute;width:190%;height:200%;top:0;left:50%;transform:translate(-50%,-75%)}.wave-btn .liquid:hover{top:-120px}.wave-btn .liquid:before{border-radius:45%;animation:animate 6s linear infinite;background:#ffffff1f}.wave-btn .liquid:after{border-radius:40%;animation:animate 10s linear infinite;background:#ffffff1f}@keyframes animate{0%{transform:translate(-50%,-75%) rotate(0)}to{transform:translate(-50%,-75%) rotate(360deg)}}button{background:transparent;color:#fff;border:none}