*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
}

html {
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: geometricPrecision;
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

html,
body {
  height: 100%;
  min-width: 320px;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu,
    "Noto Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  scrollbar-gutter: stable;
}

body {
  background-color: #293134;
  color: white;
  font-size: 20px;
}

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.section-ccollapse {
  padding-bottom: 1000px;
}

.ccollapse-cont {
  margin-top: 50px;
}

.ccollapse {
  border: 2px solid black;
  border-bottom: 0;
}

.ccollapse:last-child,
.ccollapse .ccollapse {
  border-bottom: 2px solid black;
}

.ccollapse__button {
  padding: 20px 0px;
  width: 100%;
  background-color: #091a28;
  color: white;
  cursor: pointer;
}

.ccollapse__body {
  display: grid;
  grid-template-rows: 1fr;
  background-color: #283046;
  opacity: 1;
}

.ccollapse__body.hide {
  grid-template-rows: 0fr;
  opacity: 0;
}

.ccollapse__body > div {
  overflow-x: hidden;
  overflow-y: hidden;
  /* max-height: 300px; */
}

.ccollapse__body-2 > div {
  max-height: 300px;
}

.ccollapse__content {
  padding: 20px;
}