@font-face {
  font-family: "RTB";
  src: url(./fonts/RTRondelle-Bold-0eb6cd8020792814a331996f8662c338.ttf);
}

@font-face {
  font-family: "RT";
  src: url(./RTRondelle-Book-51632d5abada48dc68c4173b5bba776e.ttf);
}

@font-face {
  font-family: "WLK";
  src: url(./fonts/Wulkan-Display-Regular-da41df98395033f47e075c44090ba3ab.ttf);
}

:root {
  --red: #f43234;
  --black: #161616;
  --grey: #828282;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "RT", sans-serif;
}

body,
html {
  margin: 0;
  padding: 0;
  position: relative;
}

.nav-link {
  /* color: var(--black); */
  /* font-size: 24px; */
}

.nav_link {
  color: var(--black);
  font-size: 24px;
}

.nav-tabs .nav-link.active {
  color: var(--red) !important;
  border-color: transparent !important;
  background-color: transparent;
  font-weight: bold;
}

.nav-tabs .nav-link:hover {
  color: var(--red) !important;
  border-color: transparent !important;
  background-color: transparent;
}

.accordion-item {
  border-radius: 10px !important;
  border: 1px solid var(--grey) !important;
  overflow: hidden;
  font-size: 24px;
}

.accordion-button {
  color: #000;
  /* Default color (black) */
  font-size: 24px;
}

/* Color when accordion is expanded */
.accordion-header button[aria-expanded="true"] {
  color: #ff0000;
  /* Red color */
  border-bottom: 1px solid var(--grey);
  font-weight: 500;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--black);
}

.accordion-body {
  color: var(--grey);
}

@media screen and (max-width:1366px) {
  .accordion-item {
    font-size: 20px;
  }

  .accordion-button {
    font-size: 20px;
  }

  .accordion-body {
    font-size: 20px;
  }

  .nav_link {
    font-size: 22px;
  }
}

@media screen and (min-width: 1080px) and (max-width: 1440px) {
  .faq_head {
    width: 90%;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .nav_link {
    font-size: 20px;
  }

  .accordion-item {
    font-size: 20px !important;
  }

  .accordion-body {
    font-size: 20px !important;
  }

  .accordion-button {
    font-size: 20px;
  }

}

@media screen and (max-width:575px) {
  .faq_head {
    width: 95%;
    font-size: 48px;
    line-height: 55px;
  }

  .tc_main_head {
    font-size: 46px;
  }

  .nav_link {
    font-size: 16px;
  }

  .accordion-item {
    font-size: 16px !important;
  }

  .accordion-body {
    font-size: 16px !important;
  }

  .accordion-button {
    font-size: 16px;
  }
}



.nav_link {
  min-width: fit-content;
}

.nav-tabs {
  overflow-x: auto;
  flex-wrap: nowrap;
  overflow-y: hidden;

}

.tc_main_content {
  min-height: 50vh;
}

.nav-tabs::-webkit-scrollbar {
  height: 12px;
  /* Height of the horizontal scrollbar */
}

.nav-tabs::-webkit-scrollbar-thumb {
  background-color: #ff0000;
  /* Color of the scrollbar thumb */
  border-radius: 10px;
  /* Rounded corners */
}

.nav-tabs::-webkit-scrollbar-thumb:hover {
  background-color: #dd4848;
  /* Color when hovered */
}

.nav-tabs::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  /* Background color of the scrollbar track */
}

/* Firefox */
.nav-tabs {
  scrollbar-width: thin;
  /* Can be 'auto', 'thin', or 'none' */
  scrollbar-color: #ff0000 #f1f1f1;
  /* thumb color and track color */
}