/* This will apply to screens that are smaller than 768px */
.rehab-btn {
  color: #279847;
  background-color: #279847;
}

.rehab-btn:hover {
  color: #e01b47;
  border-color: #e01b47;

}

*{
  scroll-behavior: smooth;
}
.course-merits {
  border: 3px solid whitesmoke;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
}
.course-modules {
  border: 3px solid whitesmoke;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;

}

@media (min-width: 974px) {
  .responsive-div {
    display: none;
  }
}

/* This will apply to screens that are 768px and wider */
@media (max-width: 975px) {
  .responsive-div {
    display: block;
    /* or whatever display type you need */
  }
}

@media (max-width: 974px) {
  .responsive-div2 {
    display: none;
  }
}

/* This will apply to screens that are 768px and wider */
@media (min-width: 975px) {
  .responsive-div2 {
    display: block;
    /* or whatever display type you need */
  }
}

.logo {
  cursor: pointer;
}




h1 {
  font-size: 4.2rem;
}

/* Flickering animation */
@keyframes flicker {

  0%,
  18%,
  22%,
  25%,
  53%,
  57%,
  100% {

    text-shadow:
      0 0 4px #BA2F28,
      0 0 11px #BA2F28,
      0 0 19px #BA2F28,
      0 0 40px #BA2F28,
      0 0 80px #BA2F28,
      0 0 90px #BA2F28,
      0 0 100px #BA2F28,
      0 0 150px #BA2F28;

  }

  20%,
  24%,
  55% {
    text-shadow: none;
  }
}
.course-merits .col-md-4{
  padding: 0px;
  display: block;

}
@font-face {
  font-family: "Lovelo";
  src: url(./fonts/Lovelo-Light.otf) format("opentype");
}

@font-face {
  font-family: "Lovelo";
  font-weight: bold;
  src: url(./fonts/Lovelo-Bold.otf) format("opentype");
}

#features h3 {
  color: #279847;
}

/*
side links command with red
*/
.command-link {
  color: #e01b47;
}

.course-image{
  border-radius: 50%;
}

#contact a{
  color: #f1bd26
}
.ai2u-images:hover{
  cursor: pointer;
}

/* Comparison table refinements */
.comparison-table > thead > tr > th {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.comparison-table > tbody > tr > th{
  width: 22%;
  /* background-color: #fafafa; */
  text-align: center;
}
.comparison-table {
  background-color: yellowgreen;
  border: 0;
}
.comparison-table td, 
.comparison-table th,
.comparison-table tr{
  border-bottom: 0;
  border-top: 0;
}
.comparison-table > thead > tr > th {
  width: 22%;
  text-align: center;
}
.comparison-table > tbody > tr > td {
  vertical-align: top;
}

.comparison-table .row-th{

}
.comparison-table .typical-td{
  background-color: #fafafa;
}
.comparison-table .yourvoice-td{
  color: yellow;
}