*, *::before, *::after {
    box-sizing: border-box;
  }

  :root {
    --color-primary:#cca50a;
    --color-primary-light:#e0c65c;
    --color-primary-verylight: #e9dc9d;
    --color-primary-mediumlight:   #DEB71B;
    --color-secondary: #008767;
    --color-darkgray:#666666;
    --color-secondary-light: #00A881;
    --color-lightblue:#dcf7f0;
    --color-text:#666666;
    --color-gray:#ccc;
    --color-white:#fff;
    /*--overlay-color: rgba(227, 6, 19, 0.5);*/
    --ff-text: "Kumbh Sans", Helvetica, sans-serif;
    --container-max: 1300px;
    --container-max-narrow: 900px;
  }
  #c26 > div > div > div:nth-child(2) > div.accordion-content > div table td
{
  grid-column: 1 / -1;
}

th {
  text-align: left;
}
/* Base styles for the hamburger menu */
.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;

}

.hamburger span {
  width: 35px;
  height: 3px;
  background-color: var(--color-secondary);
  margin: 4px 0;
  transition: 0.3s;
}

/* Media query for smaller screens */
@media screen and (max-width: 768px) {
  /* Show hamburger menu on small screens */
  .hamburger {
      display: flex;
  }



  /* Hide the regular menu on small screens */
  .menu-main {
      display: none;
      position: absolute;
      left: 0;
      width: 100%;
      background-color: #fff; /* Adjust this to match your design */
      padding: 20px 0;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }


  /* Show the menu when active class is added */
  .menu-main.active {
      display: block;
      z-index:1000;
  }

  /* Adjust menu items for mobile view */
  .menu-main ul {
      flex-direction: column;
  }

  .menu-main ul li {
      margin: 10px 0;
      text-align: center;
  }
}

@media (min-width: 769px) {
  .menu-main {
    list-style: none;
    grid-area: menu;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-around;
    column-gap:1.5em;
padding:0;
    margin: 0;
  }
}
/* Styling for the sticky header */
.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  animation: slideDown 0.3s ease-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* The placeholder is only displayed when the menu is sticky */
.menu-placeholder {
  display: none;
}

/* Show the placeholder when the header is sticky */
.sticky-active .menu-placeholder {
  display: block;
}

/* Animation for fading in */
@keyframes slideDown {
  from {
      transform: translateY(-100%);
  }
  to {
      transform: translateY(0);
  }
}

.col-12-2er {
  display:grid;
  gap:2em;
}

@media (min-width: 62.5em) {
  .col-12-2er {
    grid-template-columns: repeat(2, 1fr);
  }
}

html {
	scroll-behavior: smooth;
}

  body {
    font-family: var(--ff-text);
    color: var(--color-text);
    background-color: #fff;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7;
  }

  img {
    display:block;
  }

  [class*=bg-] > .frame:has(h1,h2) {
    width: min(100% - 0em, var(--container-max));
    margin-inline: auto;
  }

  .frame-wrapperWhite {
    margin-inline: auto;
    background-color: #fff !important;
    width: 100vw !important;

  }

  body > main > header > h1.wide{
    margin-top: 0;
  }

  #c26 .accordion-header {
    background: #00A881;
  }

  #c34 .accordion-header {
    background: #666666;
  }

  .frame-wrapperGreen {
    width: 100vw !important;
    margin-inline: auto;
    background-color: var(--color-secondary-light) !important;
  }

  section#start h1.wide {
    margin-top: 0;
  }


  .logo {
    padding-block:10px;
    grid-area: logo;
    max-width:70%;
    justify-self: center;
  }

  @media (max-width: 40.0625em) {
    .logo {

      max-width:100px;
    }
  }


figcaption.image-caption {
  color:#fff;
  font-weight: 600;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
  .bg-lightblue {
    background-color: var(--color-lightblue);
  }

  .bg-secondary {
    background-color: var(--color-secondary);
    color:#fff;
  }

  .bg-primary {
    background-color: var(--color-primary);
    color:#fff;
  }

  .bg-primary-light {
    background-color: var(--color-primary-light);
    color:var(--color-text);
  }

  .bg-primary-light ul {
    color:#fffeb3;
  }

  .bg-primary-mediumlight {
    background-color: var(--color-primary-mediumlight);
    color:#fff;
  }


  .bg-primary-verylight {
    background-color: var(--color-primary-verylight);
    color:var(--color-text);
  }


  .bg-secondary-light {
    background-color: var(--color-secondary-light);
    color:#fff;
    padding-bottom: 2em;
  }

  .bg-secondary-light h1.wide,
  .frame-wrapperGreen h1.wide {
    background-color: var(--color-secondary);
  }

  .bg-primary-light h1.wide {
    background-color: var(--color-primary);
  }

  .bg-primary-verylight h1.wide {
    background-color: var(--color-primary-mediumlight);
}

.bg-gray h1.wide {
  background-color: var(--color-darkgray);
}

  .bg-darkgray {
    background-color: var(--color-darkgray);
    color:#fff;
  }

  .bg-darkgray h2 {
    padding-block: 1em;
    margin-inline:auto;
    text-transform: uppercase;
    font-size: clamp(1rem, 1vw + 1em, 1.6rem);
    width: min(100%, 240px);
    text-align: center;
    margin-bottom: 1.5em;
  }

  .bg-gray {
    background-color: var(--color-gray);
    color:var(--color-text);
    padding-bottom: 2em;
  }

  .bg-gray h2 {
    padding-block: 1em;
    margin-inline:auto;
    text-transform: uppercase;
    font-size: clamp(1rem, 1vw + 1em, 1.6rem);
    width: min(100%, 240px);
    text-align: center;
    margin-bottom: 1.5em;
  }

  .bg-secondary h2 {
    padding-block: 1em;
    margin-inline:auto;
    text-transform: uppercase;
    font-size: clamp(1rem, 1vw + 1em, 1.6rem);
    width: min(100%, 240px);
    text-align: center;
    margin-bottom: 1.5em;
  }

  .bg-primary h2 {
    padding-block: 1em;
    margin-inline:auto;
    text-transform: uppercase;
    font-size: clamp(1rem, 1vw + 1em, 1.6rem);
    width: min(100%, 180px);
    text-align: center;
    margin-bottom: 1.5em;
  }

  .bg-primary-mediumlight h2 {
    padding-block: 1em;
    margin-inline:auto;
    text-transform: uppercase;
    font-size: clamp(1rem, 1vw + 1em, 1.6rem);
    width: min(100%, 180px);
    text-align: center;
    margin-bottom: 1.5em;
  }

  .bg-primary-verylight h2 {
    padding-block: 1em;
    margin-inline:auto;
    text-transform: uppercase;
    font-size: clamp(1rem, 1vw + 1em, 1.6rem);
    width: min(100%, 400px);
    text-align: center;
    margin-bottom: 1.5em;
  }

  .container, .frame {
    width: min(100% - 3em, var(--container-max));
    margin-inline: auto;
  }

  .container-narrow, .frame-wrapperNarrow {
    width: min(100% - 3em, var(--container-max-narrow));
    margin-inline: auto;
  }

.contenttable tr {
  display:grid;
  gap:1em;
  margin-bottom: 1em;
}

@media (min-width: 62.5em) {
  .contenttable tr {
    display:grid;

    grid-template-columns: repeat(2, 1fr);
  }
}

td {
  vertical-align: top;
}

.menu-container,
.menu-container.sticky {
  display:grid;
  justify-content: center;
  text-align: center;
  align-items: center;
  grid-template-areas:
  "logo menu";
  gap:1em;
}

h1.wide {
  color:#fff;
  text-transform: uppercase;
  background-color: var(--color-primary);
  font-weight: 600;
  font-size: clamp(1.1rem, 1vw + 1rem, 1.8rem);
  width:100%;
  text-align: center;
  margin-top: -1.2em;
  margin-bottom: 1.5em;
  padding-block: 1em;
}

main a {
  color:var(--color-secondary-light);
}

#c3 h1.wide,
#c24 h1.wide,
#c31 h1.wide,
#c36 h1.wide{
  margin-top: 0;
}

#c9 h1.wide {
  margin-top: 1.5em;
}

.frame-wrapperNarrow:has(.ce-left) > * {
  display:grid;
  justify-content: center;
  justify-items: center;
}

.logoTitle1 {
  max-width: 70px;
  height: auto;
  padding-block:10px;
  text-align: center;
}



@media (min-width: 62.5em) {
  .frame-wrapperNarrow:has(.ce-left) > * {
    grid-template-columns: 1fr 2fr;
    align-items:center;

  }

  .logoTitle1 {
    max-width: 100px;
    height: auto;
    padding-block:10px;
  }

  .menu-container,
  .menu-container.sticky  {
    grid-template-areas: "logo menu";
    grid-template-columns: auto 1fr;
    align-items:center;
    column-gap: 3em;
    justify-content: space-between;
  }
}



  ul.menu-main a {
    font-size: clamp(.9rem, 1vw + .5rem, 1.3rem);
    text-transform: uppercase;
    color: var(--color-text);
    text-decoration: none;
    font-weight: 300;
  }

  main p {
    margin-bottom: 1em;
  }

  footer .container-narrow {
    display:grid;
    grid-template-columns: auto 1fr;
    padding: 1em 0;
  }

  .icons {
    display:flex;
    gap:1em;
  }

  .menu-service {
    justify-self: end;
    column-gap:1.5em;
    display:flex;
    margin: 0;
    padding: 0;
    list-style:none;
  }

  .menu-service a {
    text-decoration: none;
    color:var(--color-text);
  }

  footer i {
    font-size: 2rem;
  }

  #c27 .ce-row {
    display: flex;
    justify-content: center;
    text-align: center;
  }

  #c27 img[src*="blind"] {
    width:1px;
    height:1px;
  }

  @media (max-width: 40.0625em) {
    #c27 img {
      max-width:150px;
        }
  }

  @media (max-width: 62.5em) {
    #c27 img {
      max-width:175px;
        }

        figcaption.image-caption {
          font-size: 1rem;
        }
  }