body {
  font-family: "Poppins", sans-serif;
}

* {
  box-sizing: border-box;
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 !important;
  transition: max-height 0.3s ease-out;

  p {
    padding: 20px;
  }
}

.faq-content.active {
  max-height: 500px; /* Adjust as needed for content height */
  transition: max-height 0.5s ease-in;
}

.faq-icon {
  transition: transform 0.3s ease-in-out;
}

.faq-icon.rotate {
  transform: rotate(180deg);
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #1a202c; /* Dark background for track */
}

::-webkit-scrollbar-thumb {
  background: #d69e2e; /* Gold color for thumb */
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ecc94b; /* Lighter gold on hover */
}
/* Styles for the main content slot */
.complianceCoreSlot {
  /* Padding for the top and sides of the content slot */
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

/* Paragraph styles within the content slot */
.complianceCoreSlot p {
  /* Base font size for paragraphs */
  font-size: 16px;
  /* Line height for readability */
  line-height: 1.6;
  /* Spacing between paragraphs */
  margin-bottom: 1em;
}

/* Heading 1 styles within the content slot */
.complianceCoreSlot h1 {
  /* Main heading font size, not overly large */
  font-size: 2em; /* Approximately 32px if base is 16px */
  line-height: 1.2;
  /* Top and bottom margin for spacing */
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  /* Slightly bolder font weight for emphasis */
  font-weight: 600;
}

/* Heading 2 styles within the content slot */
.complianceCoreSlot h2 {
  /* Secondary heading font size */
  font-size: 1.75em; /* Approximately 28px */
  line-height: 1.3;
  /* Top and bottom margin for spacing */
  margin-top: 1.4em;
  margin-bottom: 0.7em;
  font-weight: 600;
}

/* Heading 3 styles within the content slot */
.complianceCoreSlot h3 {
  /* Tertiary heading font size */
  font-size: 1.5em; /* Approximately 24px */
  line-height: 1.4;
  /* Top and bottom margin for spacing */
  margin-top: 1.3em;
  margin-bottom: 0.6em;
  font-weight: 600;
}

/* Heading 4 styles within the content slot */
.complianceCoreSlot h4 {
  /* Quaternary heading font size */
  font-size: 1.25em; /* Approximately 20px */
  line-height: 1.5;
  /* Top and bottom margin for spacing */
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 600;
}

/* Heading 5 styles within the content slot */
.complianceCoreSlot h5 {
  /* Quinary heading font size */
  font-size: 1.125em; /* Approximately 18px */
  line-height: 1.5;
  /* Top and bottom margin for spacing */
  margin-top: 1.1em;
  margin-bottom: 0.4em;
  font-weight: 600;
}

/* Unordered list styles within the content slot */
.complianceCoreSlot ul {
  /* Default disc bullet style */
  list-style-type: disc;
  /* Indent for bullet points */
  padding-left: 25px;
  /* Top and bottom margin for list block */
  margin-top: 1em;
  margin-bottom: 1em;
}

/* List item styles within the content slot */
.complianceCoreSlot li {
  /* Line height for readability of list items */
  line-height: 1.6;
  /* Spacing between individual list items */
  margin-bottom: 0.5em;
}

#hero {
  height: auto !important;
  padding: 130px 15px 70px !important;
}

.faq-icon.rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.faq-icon {
  transition: transform 0.3s ease;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 28px;
  vertical-align: middle;
}
.material-symbols-outlined.filled {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 28px;
  color: #ffc107;
}


.wr{
    display: flex;
    flex-direction: column;
    min-height: 100vh;

    main{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 575px){
 #cookieConsentBanner{
    left: 15px;
 }
}