body {
  background: linear-gradient(to bottom right, #142133, #000000);
  background-size: cover;
  background-repeat: no-repeat;
 }

.header-section {
  padding: 20px 30%;
  text-align: center;
}

.heading {
  color: rgb(172, 194, 212);
  text-align: center;
  font-family: montserrat;
  font-weight: bold;
}

.heading2 {
  color: rgb(255, 255, 255);
  text-align: center;
  font-family: montserrat;
  font-weight: 500;
  font-size: 18px;
}

.heading3 {
  color: rgb(172, 194, 212);
  text-align: center;
  font-family: montserrat;
  font-weight: bold;
  font-size: 22px;
  margin-top: 50px;
}

.cyber-logo {
  margin-bottom: 0px;
}

.cyber-img {
  width: 60%;
  display: block;
  margin: auto;
  margin-bottom: -80px;
}


.subtitle {
    font-family: Poppins;
    font-size: 14px;
    color: #ade0d8;
    text-align: center;
    
}

footer {
  background-color: #0D9E6A;
  padding: 40px;
  margin-top: 50px;
}

.form-trans {
  background-color: #142133;
  border: 2px solid #142133;
  color: bisque;
}

.form-trans-btn {
  background-color: #0b6d5c;
  border: 2px solid #142133;
  color: bisque;
}

#testimonialframe {
    width: 600px;
    border: none;
    height: 100%;
}

.card {
    border-radius: .9rem;
  }

.header-img {
    background-image: url("assets/images/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 20%;
}

.mycard {
    box-shadow: 5px 5px 5px rgb(202, 202, 202);
    border: 2px solid rgb(211, 211, 211);
    border-radius: 35px;
    color: rgb(71, 71, 71);
  }
   .monthead {
    font-family: montserrat;
    font-weight: bold;
   }
   .topmar {
    margin-top: 50px; 
   }
   .botmar {
    margin-bottom: 30px;
   }

   .neonborder {
    max-width: 250px;
    padding: 1rem;
    color: white;
    border-width: 3px;
    border-style: solid;
    border-image: 
      linear-gradient(
        to bottom, 
        red, 
        rgba(0, 0, 0, 0)
      ) 1 100%;
  }

.mycard {
    box-shadow: 5px 5px 5px rgb(202, 202, 202);
    border: 2px solid rgb(211, 211, 211);
    border-radius: 35px;
    color: rgb(71, 71, 71);
  }
   .monthead {
    font-family: montserrat;
    font-weight: bold;
   }
   .topmar {
    margin-top: 50px; 
   }
   .botmar {
    margin-bottom: 30px;
   }
   .right-text {
    text-align: right;
   }

   pre {
    padding: 0;
    margin: 0;
   }

   @media (max-width: 600px) {
    .cyber-img {
      width: 100%;
    }
    .right-text {
      text-align: left;
     }
    .heading {
      font-size: 24px;
    }
    .heading3 {
      font-size: 16px;
    }
    
  }