* {
  font-family: "Noto Serif", serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.header {
  min-height: 100vh;
  width: 100%;
  background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)),
    url(data:image/jpeg;base64,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);
  background-position: center;
  background-size: cover;
  position: relative;
}

nav {
  display: flex;
  padding: 2% 6%;
  justify-content: space-between;
  align-items: center;
}
nav img {
  width: 150px;
}
.nav-links {
  flex: 1;
  text-align: right;
}

.nav-links ul li {
  list-style: none;
  display: inline-block;
  padding: 8px 12px;
  position: relative;
}
.nav-links ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}
.nav-links ul li::after {
  content: "";
  width: 0%;
  height: 2px;
  background: #f44336;
  display: block;
  margin: auto;
  transition: 0.5s;
}
.nav-links ul li:hover::after {
  width: 100%;
}
.text-box {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  text-align: center;
  color: #fff;
  width: 90%;
}
.text-box h1 {
  font-size: 48px;
}
.text-box p {
  margin: 10px 0 40px;
  font-size: 14px;
}
.hero-btn {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 34px;
  font-size: 13px;
  background-color: transparent;
  position: relative;
  cursor: pointer;
}
.hero-btn:hover {
  border: 1px solid #f44336;
  background: #f44336;
  transition: 1s;
  color: #fff;
}
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: -800px;
    right: 0px;
    text-align: left;
    z-index: 2;
    transition: 0.7s;
  }
  nav .fa {
    display: block;
    color: #fff;
    margin: 10px;
    font-size: 22px;
    cursor: pointer;
  }
  .nav-links ul {
    padding: 30px;
  }
}

/* course */

.course {
  width: 80%;
  margin: auto;
  text-align: center;
  padding-top: 100px;
}
h1 {
  font-size: 36px;
  font-weight: 600;
}
p {
  color: #777;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  padding: 10px;
}
.row {
  margin-top: 5%;
  display: flex;
  justify-content: space-between;
}
.course-col {
  flex-basis: 31%;
  background-color: #fff3f3;
  border-radius: 10px;
  margin-bottom: 5%;
  padding: 20px 12px;
  box-sizing: border-box;
  transition: 0.5s;
}
h3 {
  text-align: center;
  font-weight: 600;
  margin: 10px 0;
}
.course-col:hover {
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 700px) {
  .row {
    flex-direction: column;
  }
}

/* campus */

.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: 0.5s;
}
.layer:hover {
  background: rgba(226, 0, 0, 0.7);
}
.layer h3 {
  width: 100%;
  font-weight: 300;
  color: #fff;
  font-size: 20px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  opacity: 0;
  transition: 0.5s;
}
.layer:hover h3 {
  bottom: 49%;
  opacity: 1;
}
/* facilities */
.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;
}
.facilities-col h3 {
  margin-top: 16px;
  margin-bottom: 15px;
  text-align: left;
}

/* tetimonials */

.testimonials {
  width: 80%;
  margin: auto;
  padding-top: 100px;
  text-align: center;
}
.testimonial-col {
  flex-basis: 44%;
  border-radius: 10px;
  margin-bottom: 5%;
  text-align: left;
  background: #fff3f3;
  padding: 25px;
  cursor: pointer;
  display: flex;
}
.testimonial-col img {
  height: 40px;
  margin-left: 5px;
  margin-right: 30px;
  border-radius: 50%;
}
.testimonial-col p {
  padding: 0;
}
.testimonial-col h3 {
  margin-top: 15px;
  text-align: left;
}
.testimonial-col i {
  color: #f44336;
}
@media (max-width: 700px) {
  .testimonial-col img {
    margin-left: 0px;
    margin-right: 15px;
  }
}

/* call to action */

.cta {
  margin: 100px auto;
  width: 80%;
  background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)),
    url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDRANDQ0NBw0HDQ0NDQ8NDQ0NFREWFhURFRMYHSggGBolGxUVITEhJSkrOjouFx8zODM4NygtLjcBCgoKDQ0NDg0NDysZFRktNy0rLS0rKzctLSstKy0rKy0tKysrKy0tKystKysrKysrNy0rKysrKysrLSsrKystLf/AABEIALcBEwMBIgACEQEDEQH/xAAcAAACAwEBAQEAAAAAAAAAAAACAwABBAUHCAb/xAAaEAADAQEBAQAAAAAAAAAAAAAAAQIDExIR/8QAGQEBAQEBAQEAAAAAAAAAAAAAAQIAAwUE/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAEREgL/2gAMAwEAAhEDEQA/APOAkwSHvPGNTCTFBJimw+aDmhCYSYosaZoZNGZUHNFJsa5oZNGWaGzQosaZoZLM00NmhRYemGhMsYmZJiC+FSw0ZKvJPIxILyDaT4K8GjyX4A6zcyuZq8E5gemTmVzNnMrmY9MfMrmbOZXMzax8ynmbHmU8zNrE8wXmbXmC8zHpheYqszoPMXWZOLnpzqzE3mdOshN5Bi56c7mQ2ciBi+3EIF8L+CvVIsnwtSIWgkUWjAaYcsWg0UmmSxssShkimnyxsszyNli52NEsbLM8sbLFFjRLGyZ5Y6WZFOkNIXI1GSJINIqRiQDQ+QlAakNSB0nwXzHqQvANrLzJzNXgnMDrI8wXmbeZXM2trE8gXmbnkC8h06wPIB5HQeQLyAyudWQqsTpvECsQXK5bxIdDiQytfjPJPI/wTwOO+keSeR/gng2DSfJaQ3wX4FtKSCSGeC1BhoUg5RakNSKbUkbIKkZKFNFI2QJQyUKKZI6RUobKM502RsipGyZFOkbIqRsgDJGJASNkAtSGpJKGJAwfJfgYpCUkkrwTwPUheALLzJyNXgvmbSx8inkbeZOQaqMDyAeJ0eRTxNq45vEo6XEoNU858F+DTzL5nZXTLzJzNXMvmZumTmXzNXMvmZumXwWszVzL5mGsqzCWZpWYSzMNZ1Aagesw1mI0iYGTI1ZhrM2otLmRkoYoDUCmhlDJRagZMmSuUMlFTIyUAFKGyBKGygA5QyQZQyUTWFKGSgZQ2USyKQ1JaQxSFqgKC/A1SGpJ1UJWZfM0KAlBOqkZuRORrWYXMOlyMXIo3ciB0vHmHMnM0rMJZn2OPTLzL5mpZhLMG6ZFkXyNiyLWZm6ZFkWsjYsglkbW1iWQSyNqyLWQa2sayCWRsWQSyNrMiyCWRsWQSyNoY1mGszWsi1kGhlWYazNKyCWZtGM6gOYHLMNQbU4SpGTIxQGoNrYCZGSglAyZDWxUyNlEmRkyTaypQ2ZJMjZkm1UipkYpLlDJki1UipkNQHMjJki10kAoCUDVIagi10kJ5kNHggavl5coCUDFIak9J8OlKAlmOUhqQbSVmEsx6gNQDazrMNZGhQGoDW1mWQSyNSzCWZOqZlkEsjUsw1mGlkWQSyNayDWQacY1kXyNiyL5B0cY+RazNvInI3TYx8glma+RfM3Q5ZFmEszVzLWZum5ZlmGoNCzCWYdDklQHMDVmGoDpuS5kZMhqA5gm1U8hmRkyEpGTJNqpAzI2ZJMjJki10kSZGTJcyHMkWusivJQ7yQnV48sSDSAljEeq8oUoYkBIyQIkhiQMjJBlzIyZKkbJNKKQ1BcoZKJtVFTAagKUMSJtVAKAlAxINSTq5C1BazHKQlJOqwjmXzNCktQGnGdZl8zT4L8G6PLNzLWZp8F+A6blmWZfM0eC/Bum5IUBKB6gtQHTckqA1A1QEpDpuSlIakYpCUk6ueQKRikJSGpJtXPKpkOUWkGkTa6SK+ED+EJ1ePIpoZNGWbGTZ7Dx8a5oZNGSbGzYBqljZZlmxs2DNMsbLMs0NmiaWmWNlmaaGzRNVGmWMlmaaGzRFXGhDEZ1QyaJq4fIUipoNMlUNQSQCoJMlcGkWkUmEmSVpF/CJhArFfC1ISLQHAqQlJYSNrYFSEkWgkGnApBKS0gkGqxSQaREgkTaqREgkiBIlci/hRZAU8QnQZOhgnQbOh7Lyb5b5sZOhhnQZOhk2OhNjJswToNnQwx0JsZNmCdBs6BgxvnQbNnPnQZOpNhdCdBk6HPnUbOpNinQnQZOhz51GTqTYqV0JsZNnPnUbOpNipW+bDVmGdBk6k2LlblYasxToGtCbFa2Kg1RjWga0JxUrWqCVGRaBqwxWtKoJMzKwloTh1pTCTM6sJWGK09MJMQrCVhh09MJMSrCVBipTkw0xCoNUTipTSAeyBh18+zoMnQwzYybPXlfDfLfOg2dDBNjJ0FF8uhOg2dDnzoMnQUWOhOgydDnzoMnU2Jx0FqMWpz1qGtQxsdGdRk6nNWoc6hjOnOwydTmTqMnUMZ051GTqcydRs7ByddOdRk6nMnYZOxN8nXTnUZOpzJ2DWxN8qldNahrU5i2DWxPKp6dNahLU5i3DW4cqldNahrU5i3DW5PKunTWoS1Oatg1sHJ6dJahLU5y2DWxPJ6dFaBrQ5y2GLYOT06C0DWhz51GTqTfKp6buhZj6kDlXT5+mhk0ZpYyWffKi+WmbGzZlljJZUrnY1TYybMqoNUVqLGpWGrMqoJWKca1Ya0MasJWZONi0DWhiVhqzDG6dA50MKsNaGGN86DJ1OfOgydDY2OhOoydjnLQYtAwOgtg1sc5ahLUMLpLYJbnMWwXYMMdNbhLc5fYtbE4p1VuGtzkrcJbhydddbhrc5C3DW4ctrrrcZO5x53GTuHJ1153GTucidxk7hyenXncbOxyJ3GzuTfB6dbsQ5y2KDg9PGUGiEOkfRTJGSQhcRRoJFkFFEmWmQhSaJMtMhBSJUEqIQwEqDVEIKaNUGqIQyRqwlZCGZfsvoUQzL6F9CiAYvqX1IQCnUJbEIYiWwa2IQzDWwydiEAGTuNnYhAwGzsOnYhAwGrUohAxtf/Z);
  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: 20px;
  }
}

/* 
footer */

.footer {
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.footer h4 {
  margin-bottom: 25px;
  margin-top: 20px;
  font-weight: 800;
}
.icons i {
  color: #f44336;
  margin: 0 13px;
  cursor: pointer;
  padding: 18px 0;
  font-size: 25px;
}
.fa-heart {
  color: #f44336;
}

/* -----ABOUT US START HERE --------*/

.sub-header {
  height: 50vh;
  width: 100%;
  background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)),
    url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRKbQE9v8z7PP3KFPoMRtQLCmrDUS8VCf1EAA&usqp=CAU);
  background-position: center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.sub-header h1 {
  margin-top: 50px;
}
.about-us img {
  width: 80%;
  margin: auto;
  padding-top: 80px;
  padding-bottom: 50px;
}
.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;
}
.red-btn{
  border: 1px solid #f44336;
  background: transparent;
  color: #f44336;
}
.red-btn:hover{
  color: #fff;
}

/* blog content  */

.blog-content{
  width: 80%;
  margin: auto;
  padding: 60px 0;
}
.blog-left{
  flex-basis: 65%;
}
.blog-left img {
  width: 100%;
}
.blog-left h2 {
  color: #222;
  font-weight: 600;
  margin: 30px 0;
}
.blog-left p {
  color: #999;
  padding: 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;
  box-sizing: border-box;
}
.comment-box{
  border: 1px solid #ccc;
  margin: 50px 0;
  padding: 10px 20px;
}
.comment-box h3{
  text-align: left;
}
.comment-form input, .comment-form textarea{
  width: 100%;
  padding: 10px;
  margin: 15px 0;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: #f0f0f0;
}
.comment-form button {
  margin: 10px 0;
}

@media (max-width:700px){
  .sub-header h1{
    font-size: 20px;
  }
}

/* contact us page */

.location {
  width: 80%;
  margin: auto;
  padding: 80px 0;
}
.location iframe {
  width: 100%;
}
.contact-us{
  width: 80%;
  margin: auto;
}
.contact-col{
  flex-basis: 48%;
  margin-bottom: 30px;
}
.contact-col div {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.contact-col div i {
  font-size: 28px;
  color:#f44336;
  margin: 10px;
  margin-right: 30px;
}
.contact-col div p{
  padding: 0;
}
.contact-col div h5{
  font-size: 20px;
  margin-bottom: 5px;
  color: #555;
  font-weight: 400;
}
.contact-col input, .contact-col textarea{
  width: 100%;
  padding: 15px;
  margin-bottom: 17px;
  outline: none;
  border: 1px solid #ccc;
  box-sizing: border-box;
}