:root {
  --gray-6-main: #2f2d2d;
  --background: #c7beb5;
  --white: #fff;
  --gray-2: #f3f3f3;
  --beige-gray: #d5cfc7;
  --off-white: #fafafa;
  --off-white-2: #f3f3f3;
  --gray-5: #6e6e6e;
  --gray-3: #eee;
  --Light-Line-Grey: #c0c0c0;
  --gray-1: #f8f8f8;
}

body,
.x-body {
  background: var(--gray-3) !important;
  color: var(--gray-6-main) !important;
}

/* COMPONENTS */
.page-container .sub-nav-container {
  background: var(--gray-3);
}

a.request.cta {
  text-decoration: none;
  display: inline-block;
  border: 1px solid var(--Gray-5, #6e6e6e);
}

/* TABLE */
.table-wrapper {
  overflow: scroll;
  width: 100%;
}

.table-container thead {
  border-bottom: 2px solid black;
}

.table-container th {
  max-width: calc(100% / 4);
  width: 100%;
  padding: 10px;
  font-weight: 600;
}

.table-container td {
  max-width: calc(100% / 4);
  width: 100%;
  padding: 10px;
}

.products-container .card-container {
  aspect-ratio: 300 / 420;
  height: 420px;
}

.products-container .card-wrapper {
  height: 100%;
  cursor: pointer;
  border: 0.75px solid #d2d1cf;
}

.history-grid-container .card-container {
  max-width: 300px;
  height: 100%;
}

img.product-img {
  aspect-ratio: 360 / 319;
  max-width: 360px;
  width: 100%;
  height: auto;
}

.history-grid-container .card {
  background: var(--gray-1);
}

.resource-wrapper {
  border-bottom: 1px solid #d7d7d7;
}

/* ACCORDION */
.accordion-header {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 30px;
}

.accordion {
  width: 100%;
  border-top: 0.5px solid #6e6e6e;
}

div[data-toggle="collapse"],
div[data-toggle="collapsed"] {
  width: 100%;
  border-bottom: 0.5px solid #6e6e6e;
  /* margin: 5px 0;
  padding: 5px 0; */
  padding: 10px 0;
}

div[aria-expanded="true"] p.tab-font {
  color: black;
}

.tab-font {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  color: #6e6e6e;
  padding-bottom: 5px !important;
}

.collapsed[aria-expanded="false"] .toggle-icon::before {
  content: "+"; /* Default to plus icon */
  font-size: 30px; /* Optional: Adjust the icon size as needed */
  float: right;
  color: #6e6e6e;
}

/* Style for the minus icon when the accordion is expanded */
div[data-toggle="collapse"] .toggle-icon::before {
  content: "\2013";
  font-size: 30px; /* Optional: Adjust the icon size as needed */
  float: right;
  color: #6e6e6e;
}

.chart-row {
  max-width: 600px;
  width: 100%;
}

.chart-info {
  margin: 10px 0 20px !important;
  cursor: default;
}

/* FORM */
.container-right,
.container-left {
  width: 100%;
}

/* CAROUSEL */
.slick-dots li button:before {
  content: "";
  width: 25px;
  height: 3px;
  background: black;
}

.slick-dots {
  bottom: -40px;
}

/* MARGINS/PADDING */

.px-xs-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* EXTRA UTILITIES */

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.my-50 {
  margin: 50px 0;
}

.gap-36 {
  gap: 36px 0;
}

/* FONT */
.text-decoration-underline {
  text-decoration: underline;
}

.gray-5 {
  color: var(--gray-5);
}

/* OTHER */
span.border-bottom {
  border-top: 0.5px solid var(--Light-Line-Grey, #c0c0c0);
  width: 100%;
  display: block;
  height: 0px;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .px-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .mb-md-50 {
    margin-bottom: 50px !important;
  }

  .mt-md-60 {
    margin-top: 60px !important;
  }

  .mb-md-60 {
    margin-bottom: 60px !important;
  }

  .products-container .card-container {
    aspect-ratio: 400/560;
    height: auto;
    border: 0.75px solid #d2d1cf;
  }

  .products-container .card-wrapper {
    border: none;
  }

  .history-grid-container .card-container {
    max-width: unset;
  }
  .history-grid-container .card {
    background: none;
  }

  .sub-nav .menu-ctas p.m {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
}