/* * UTILITY CSS */
.mb-4\.5 {
  margin-bottom: 2rem;
}

.underline-offset-1 {
  text-underline-offset: 3px;
}

/* ? DROPDOWN PART */
.dropdown_container {
  width: 100%;
}

.dropdown_button {
  background: #d9d9d966 !important;
}

.dropdown_button i {
  padding: 8px 8px 6px 8px;
  background-color: var(--color-blue);
  color: white;
  font-size: 12px;
  transition: rotate 0.5s ease-in-out;
}

.dropdown_button i.active {
  rotate: 180deg;
}

.dropdown_content {
  max-height: 0px;
  transition: 0.5s ease-in-out;
  overflow: hidden;
}

.dropdown_content button {
  color: #4e3629;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 16px;
  transition: all 250ms ease-in-out;
  border-radius: 6px;
}

.dropdown_content button:hover {
  background-color: #d9d9d966;
  color: #4e3629 !important;
}

.dropdown_content .nav-item .nav-link.active {
  background-color: #d9d9d966;
}

.dropdown_content.active {
  max-height: 800px;
}

/* ? SECOND DROPDOWN */
.admini_dropdown__container {
  max-height: 0px;
  overflow: hidden;
  transition: all 350ms ease-in-out;
}

.admini_dropdown__container.active {
  max-height: 900px;
}

.admini_dropdown__icon {
  transition: all 350ms ease-in-out;
}
.admini_dropdown__icon.active {
  rotate: 90deg;
}

/* ? STYLING FOR TAB PANELS */
.temp_top__header {
  margin-bottom: 3rem;
}
.temp_top__header a {
  color: black;
  font-size: 15px;
  font-family: var(--ff-inter);
}

.temp_top__header i {
  font-size: 10px;
}

.temp_heading {
  font-size: 24px;
  font-family: var(--ff-inter);
}

.temp_heading.red {
  color: var(--color-red);
}

.temp_heading.blue {
  color: var(--color-blue);
}

.temp_heading.two {
  font-size: 20px;
}

.temp_heading.red.two {
  color: var(--color-red);
  font-size: 20px;
}
.temp_heading.blue.two {
  color: var(--color-blue);
  font-size: 20px;
}

.temp_text {
  font-size: 14px;
  font-family: var(--ff-inter);
  line-height: 1.8;
}

.temp_text.blue {
  color: var(--color-blue);
}

.temp_text.ul {
  padding: 0 13%;
}

/* SHOW MORE */
.temp_showMoreButton__wrapper {
  translate: 0 -50%;
}

.temp_showMoreButton__wrapper {
  position: relative;
}

.temp_showMoreButton__wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 18px;
  left: 0;
  background-color: #f0f2f3;
  z-index: -1;
}
.temp_showMoreButton__wrapper.small::before {
  bottom: 12px;
}

.temp_showMore__button {
  padding: 8px 0px !important;
  min-width: 180px;
  font-family: var(--ff-inter);
  background-color: white !important;
  font-size: 12px !important;
  border: 1px solid #f0f2f3;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.12);
}

.temp_showMoreButton__wrapper.small .temp_showMore__button {
  min-width: 100px;
  font-size: 8px !important;
  padding: 6px 0px !important;
}

.showMore--gradient {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.9) 100%
  );
  z-index: -1;
}

.showMore--gradient.active {
  background: transparent;
}

/* ACCORDION */
.accordion-button {
  border: none !important;
  border-bottom: 1px solid rgba(192, 4, 4, 0.2);
}

.accordion-button::after {
  background-image: url(../img/research/plus-icon.svg) !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../img/research/minus-icon.svg) !important;
}

.accordion-button:not(.collapsed) {
  background-color: white !important;
  box-shadow: none !important;
}

.accordion-button:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* BLUE & RED BUTTON  */
.temp_redBlue__button {
  color: white !important;
  font-size: 0.9rem !important;
  width: fit-content;
  min-width: 270px;
}

.temp_redBlue__button.blue {
  border: 1px solid var(--color-blue) !important;
  background-color: var(--color-blue);
}

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

.temp_redBlue__button.green {
  background-color: var(--color-green);
  border: 1px solid var(--color-green) !important;
}

.temp_redBlue__button.red.active {
  background-color: transparent;
  color: var(--color-red) !important;
}
.temp_redBlue__button.blue.active {
  background-color: transparent;
  color: var(--color-blue) !important;
}
.temp_redBlue__button.green.active {
  background-color: transparent;
  color: var(--color-green) !important;
}

.temp_redBlue__button.red:hover {
  background-color: transparent;
  color: var(--color-red) !important;
}

.temp_redBlue__button.blue:hover {
  background-color: transparent;
  color: var(--color-blue) !important;
}

.temp_redBlue__button.green:hover {
  background-color: transparent;
  color: var(--color-green) !important;
}

.temp_redBlue__button.blue.hover\.green:hover {
  background-color: var(--color-green);
  color: white !important;
}
.temp_redBlue__button.blue.hover\.green.active {
  background-color: var(--color-green);
  color: white !important;
}

/* * PDF VIEWER TEMPLATE */
.temp--pdf__iframe {
  height: 500px;
  border-radius: 12px;
}

@media (min-width: 576px) {
  .temp_redBlue__button {
    font-size: 1rem !important;
  }
  .temp_showMoreButton__wrapper.small::before {
    bottom: 18px;
  }
  .temp_showMoreButton__wrapper.small .temp_showMore__button {
    min-width: 180px;
    font-size: 14px !important;
    padding: 8px 0px !important;
  }
}

@media (min-width: 992px) {
  /* * UTITLITY CSS */
  .ps-lg-10per {
    padding-left: 10%;
  }

  /* ------------------------- */
  /* ------------------------- */
  .dropdown_content {
    max-height: 890px;
    border-bottom-width: 0 !important;
  }

  .tab_feature__container {
    padding: 4rem 0;
  }

  .temp_heading.red {
    padding: 0 10%;
    font-size: 28px;
    position: relative;
  }

  .temp_heading::before {
    content: "";
    top: calc(50% - 2px);
    left: 0;
    width: 45px;
    height: 4px;
    background-color: #f0f2f3;
    position: absolute;
  }
  .temp_heading.no_dec {
    padding: 0 10% 0 0;
  }
  .temp_heading.no_dec::before {
    content: none;

  }

  .temp_text {
    padding: 0 10%;
  }

  /* RED & BLUE BUTTON */
  .temp_redBlue__button {
    min-width: 210px;
  }

  /* * PDF VIEWER TEMPLATE */
  .temp--pdf__iframe {
    height: 600px;
  }
}

@media (min-width: 1200px) {
  .temp_top__header {
    margin-bottom: 64px !important;
  }
  .temp_heading {
    font-size: 32px;
  }
}

.showmore-style {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 400ms ease-in-out;
}

.showmore-style.active {
  max-height: 2000px;
}