/* ! HERO SECTION (DESKTOP) */
#myBtn {
  /* display: none; */
  position: fixed;
  bottom: 61px;
  right: 20px;
  z-index: 99;
  /* font-size: 18px; */
  border: none;
  outline: none;
  background-color: #1414A0;
  color: white;
  cursor: pointer;
  width: 55px;
  padding: 13px;
  border-radius: 4px;
}
.hero_container {
  min-height: 500px;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 20%,
      rgba(0, 0, 0, 0.5) 50%,
      #000 100%
    ),
    url("../img/about/hero-bg.png") no-repeat center;
  background-size: cover;
}

.hero_heading-wrapper {
  width: 100%;
  padding: 0 1rem;
}
.hero_heading.two {
  background-color: var(--color-red);
  color: white;
  clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
  padding: 8px 40px;
  width: 100%;
}

/* TAB CONTENT */
/* * OVERVIEW BUTTON */
.overview_button {
  background-color: var(--color-red) !important;
  color: white !important;
  font-size: 1.2rem !important;
  width: 100%;
  padding: 8px 0 10px 0 !important;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.overview_button:hover {
  background-color: var(--color-green) !important;
}
.overview_prog_off {
  background-color: rgba(20, 20, 160, 0.8);
  padding: 2rem 1rem;
  color: white;
}
.overview_prog_off2 {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 2rem 1rem;
  color: white;
  margin-top: 3rem !important;
}
.po_heading {
  margin-bottom: 1.5rem;
  letter-spacing: 0.2px;
}

.overview_progOff_text ul {
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}

.overview_progOff_img {
  padding-top: 2rem;
}

.progOff_img {
  background-color: rgba(217, 217, 217, 1);
  min-height: 300px;
  width: 100%;
  max-width: 500px;
}

.overview_progOff_img p {
  background-color: var(--color-red);
  padding: 8px 0 10px 0;
  width: 100%;
  max-width: 500px;
}

.process_steps {
  background-color: rgba(67, 67, 67, 0.1);
  padding: 2rem 1rem;
}

.process_steps .step {
  margin-bottom: 1rem !important;
}
.process_steps .step_explanation {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(67, 67, 67, 0.25);
  font-size: 14px;
}
.process_steps .step_explanation a {
  color: var(--color-red);
}
.process_red {
  background-color: var(--color-red);
  padding: 2rem 1rem !important;
  margin-top: 2rem !important;
}
.helpline_heading {
  color: white;
  border-bottom: 1px solid white;
  padding-bottom: 1rem;
  font-size: 1.4rem;
}
.process_red .enquiry {
  font-size: 14px;
}

.process_red .mail_text {
  font-size: 1.2rem;
  margin-bottom: 0.5rem !important;
}
.process_red ul,
.process_red a {
  font-size: 14px;
}

/* * FOR ADMISSION */
.foradmission {
  border-radius: 0px;
}
.foradmission.red {
  background-color: var(--color-red);
  padding: 2rem 1rem;
}
.foradmission.green {
  background-color: var(--color-green);
  padding: 2rem 1.5rem;
}
.foradmission_heading {
  font-family: var(--ff-inter);
}
.foradmission_heading.two {
  font-family: var(--ff-inter);
  font-size: 1.6rem;
}
.foradmi_border {
  border-bottom: 1px solid rgba(225, 225, 225, 0.8);
}

/* * ELIGEBLITY */
.eli_nav_link {
  background-color: var(--color-red) !important;
  border: 1px solid var(--color-red) !important;
  color: white !important;
}

.eli_nav_link.active {
  background-color: white !important;
  color: var(--color-red) !important;
}

.eli_redBorder {
  border-left: 2px solid var(--color-red);
  border-right: 2px solid var(--color-red);

  padding: 8px 16px;
  border-radius: 4px;
}

.eli_blueBorder {
  border-left: 2px solid var(--color-blue);
  border-right: 2px solid var(--color-blue);

  padding: 8px 16px;
  border-radius: 4px;
}
.eli_redBorder p {
  font-size: 14px;
}

/* * FEE DETAILS & POLICIES */
.minutes--btn {
  background-color: var(--color-green) !important;
  color: white !important;
  outline: none;
  border: none;
  width: fit-content;
}

.minutes--btn span {
  background-color: var(--color-blue);
  padding: 0.5rem 1rem 0.6rem 1rem;
  font-size: 0.9rem;
}

.minutes--btn i {
  padding: 0 1rem;
}

.accordion.administration {
  padding: 1rem 0;
}
.accordion-button.administration {
  border-left: 5px solid var(--color-red) !important;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.5);

  padding: 12px 20px;
}

.font-awesome {
  font-size: 60%;
  color: #00a753;
  margin-right: 5px;
}

.admission_table thead tr th {
  background-color: var(--color-red);
  color: white;
}
@media (min-width: 576px) {
  .hero_heading.two {
    width: fit-content;
    padding: 8px 80px;
    clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);
  }
}

@media (min-width: 992px) {
  .hero_heading.two {
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    padding: 8px 100px;
  }

  /* * TAB BUTTONS */
  .nav_tabs_admission {
    padding: 0 0 1rem 0;
    gap: 1rem;
  }
  .nav_link_admission {
    padding: 4px 20px !important;
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 0 !important;
    font-size: 1rem !important;
  }

  .nav_link_admission.active {
    color: var(--color-red) !important;
    border: 1px solid var(--color-red) !important;
  }

  .nav_link_admission:hover {
    border: 1px solid var(--color-red) !important;
  }

  .dropdown_content button:hover {
    color: var(--color-red) !important;
  }

  /* * OVERVIEW TAB */
  .temp_text {
    padding-left: 0%;
    font-size: 1rem;
  }
  .overview_button {
    width: fit-content;
    padding: 8px 20px 10px 20px !important;
  }
  .overview_prog_off {
    padding: 4rem 2rem;
  }
  .overview_prog_off2 {
    padding: 4rem 2rem;
    margin-top: 4rem !important;
  }
  .overview_progOff_img {
    padding-top: 0rem;
  }
  .overview_progOff_text ul {
    font-size: 1rem;
  }
  .progOff_img {
    min-height: 400px;
  }

  /* * ADMISSION PROCESS */
  .process_steps {
    padding: 3rem 2rem;
  }
  .process_steps .step {
    font-size: 1.2rem;
  }
  .process_steps .step_explanation {
    font-size: 16px;
  }
  .process_red {
    height: 100%;
    margin-top: 0px !important;
    padding: 3rem 2rem !important;
  }
  .process_red .enquiry {
    font-size: 16px;
  }
  .process_red ul,
  .process_red a {
    font-size: 16px;
  }
  .helpline_heading {
    font-size: 1.6rem;
  }
  .process_red .mail_text {
    font-size: 1.4rem;
  }
  .foradmission.red {
    padding: 3rem 2rem;
  }
  .foradmission.green {
    padding: 3rem 2rem;
  }
  .foradmi_border {
    border-bottom: 0 !important;
    border-right: 1px solid rgba(225, 225, 225, 0.8);
  }
  .foradmission_heading.two {
    font-family: var(--ff-inter);
    font-size: 1.3rem;
  }
  .foradmi_subheading {
    font-size: 1.2rem;
    font-weight: 600;
  }

  /* * ELIGEBILITY */

  .eli_nav_link {
    padding: 20px 30px !important;
    border-radius: 6px !important;
    background-color: rgba(245, 242, 234, 1) !important;
    border-color: white !important;
    color: black !important;
  }
  

  .eli_nav_link.active {
    border-color: var(--color-red) !important;
  }
  .eli_redBorder p {
    font-size: 16px;
  }
}
.hero_container1 {
  min-height: 500px;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 20%,
      rgba(0, 0, 0, 0.5) 50%,
      #000 100%
    ),
    url("../img/examination/hero-image.png") no-repeat center;
  background-size: cover;
}