:root {
  --primary-font: "Angelus Medieval";
  --secondary-font: "Proxima Nova";
  --secondary-light-font: "Intro Book";
  --brand-color: #ebba6d;
}
.inner-page__content .text-area table {
    font-weight: normal !important;
    font-size: 16px !important;
}
.about__content h2 {
    font-size: 25px !important;
    line-height: 48px !important;
}
.about__text-area > *:not(:first-child) {
    margin-top: 20px;
}
.about__text-area h1 {
    font-size: 25px;
    line-height: 40px;
}
.about__text-area h1, .about__text-area h2, .about__text-area h3, .about__text-area h4, .about__text-area h5, .about__text-area h6 {
    font-family: var(--primary-font);
    color: var(--brand-color);
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 5px;
}
.about__text-area {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
}
.about__text-area ul, .about__text-area ol {
  padding-left: 20px;
}
.about__text-area ul li, .about__text-area ol li {
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .about__text-area ul li, .about__text-area ol li {
    font-size: 16px;
    line-height: 20px;
  }
}
.about__text-area ul li::marker, .about__text-area ol li::marker {
  font-weight: 700;
}
.about__text-area ul li:not(:first-child), .about__text-area ol li:not(:first-child) {
  margin-top: 15px;
}
.about__text-area ul li img, .about__text-area ol li img {
  vertical-align: middle;
}
.about__text-area ul li {
  position: relative;
  list-style-type: none;
}
.about__text-area ul li:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 8px;
  left: -20px;
  transform: rotate(45deg);
  background: var(--brand-color);
}
.about__text-area ul ul:not(:first-child) {
  margin-top: 15px;
}
.about {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 40px;
  row-gap: 40px;
}
@media (max-width: 1460px) {
  .about {
    gap: 20px;
  }
}
.about__nav {
  width: 380px;
  height: calc(100vh - 72px - 40px - 40px);
  background-color: #ffffff;
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 112px;
  left: 0;
  overflow: auto;
  z-index: 10;
}
@media (max-width: 1460px) {
  .about__nav {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  .about__nav {
    width: 100%;
    height: auto;
    position: static;
    top: 0;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  }
}
.about__nav::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #cfcecc;
}
.about__nav::-webkit-scrollbar-thumb {
  background-color: var(--brand-color);
}
.about__nav::-webkit-scrollbar-thumb:hover {
  background-color: var(--brand-color);
}
.about__nav-item {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  border-bottom: 1px solid #cfcecc;
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 1460px) {
  .about__nav-item {
    padding: 15px 20px;
    gap: 10px;
  }
}
.about__nav-item:hover, .about__nav-item.active {
  background-color: #cfcecc;
}
.about__nav-item-icon {
  width: 60px;
  height: 60px;
  background: url("../images/bg/icon_border_bg.png");
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: filter 0.3s ease-in-out;
}
@media (max-width: 1460px) {
  .about__nav-item-icon {
    width: 50px;
    height: 50px;
  }
}
.about__nav-item-icon i {
  font-size: 24px;
  line-height: 1em;
  background-color: #c9c9c9;
  background-image: linear-gradient(to bottom, #a79675, #6f6551);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about__nav-item-icon img {
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, 50% 0, 100% 50%, 100% 50%, 50% 100%, 50% 100%, 0 50%, 0 50%);
}
.about__nav-item:hover .about__nav-item-icon, .about__nav-item.active .about__nav-item-icon {
  filter: brightness(110%);
}
.about__nav-item-info {
  width: calc(100% - 60px - 20px);
}
@media (max-width: 1460px) {
  .about__nav-item-info {
    width: calc(100% - 50px - 10px);
  }
}
.about__nav-item-name {
  width: 100%;
  font-family: var(--primary-font);
  font-weight: 400;
  font-size: 17px;
  line-height: 1em;
  color: #6f6551;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 1460px) {
  .about__nav-item-name {
    font-size: 15px;
  }
}
.about__nav-item:hover .about__nav-item-name, .about__nav-item.active .about__nav-item-name {
  color: #6f6551;
}
.about__nav-item-desc {
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  color: #afbacf;
  overflow: hidden;
  max-height: calc(1em * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: unset;
  text-overflow: unset;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
  margin-top: 8px;
}
@media (max-width: 1460px) {
  .about__nav-item-desc {
    font-size: 10px;
    margin-top: 5px;
  }
}
.about__nav-item:hover .about__nav-item-desc, .about__nav-item.active .about__nav-item-desc {
  color: #fff;
}
.about__content {
  width: calc(100% - 380px - 40px);
  background: rgba(255, 255, 255, 0.9);
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
}
@media (max-width: 1460px) {
  .about__content {
    width: calc(100% - 300px - 20px);
  }
}
@media (max-width: 1024px) {
  .about__content {
    width: 100%;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  }
}
.about__content-title {
  width: 100%;
  font-family: var(--primary-font);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 40px;
}
@media (max-width: 1460px) {
  .about__content-title {
    padding: 30px;
  }
}
@media (max-width: 1024px) {
  .about__content-title {
    padding: 30px 20px;
  }
}
.about__content-info {
  width: 100%;
  padding: 40px;
  position: relative;
}
@media (max-width: 1460px) {
  .about__content-info {
    padding: 30px;
  }
}
@media (max-width: 1024px) {
  .about__content-info {
    padding: 20px;
  }
}
.about__content-info:after {
  content: "";
  width: 100%;
  height: 21px;
  position: absolute;
  top: -15px;
  left: 0;
  background: url("../images/bg/border_top_bg.png") center center no-repeat;
}
  .about__box {
    width: calc( 100% - 320px - 20px);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    height: auto;
    position: relative; }
    @media (max-width: 1024px) {
      .about__box {
        width: 100%;
        margin-top: 20px; } }
  .about__content {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    top: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    pointer-events: none; }
    .about__content:not(.active){
      display: none;
    }
    .about__content.active {
      position: relative;
      opacity: 1;
      pointer-events: all; 
    }
    .about__content-title {
      width: 100%;
      background: rgba(66, 62, 61, 0);
      border-bottom: 1px solid;
      border-radius: 5px 5px 0px 0px; }
      .about__content-title-icon {
        width: 50px;
        height: 50px;
        position: relative;
        text-align: center;
        padding-left: 2px; }
        .about__content-title-icon:after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 1;
          -webkit-transition: opacity .3s ease-in-out;
          -o-transition: opacity .3s ease-in-out;
          transition: opacity .3s ease-in-out; }
        .about__content-title-icon img {
          width: 32px;
          height: 32px;
          border-radius: 32px; }
        .about__content-title-icon i {
          font-size: 18px;
          line-height: 18px;
          color: #ffda84; }
      .about__content-title-info {
        width: calc( 100% - 50px);
        padding-left: 15px; }
      .about__content-title-name {
        width: 100%;
        font-family: 'Philosopher';
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
        margin-top: 3px; }
      .about__content-title-desc {
        width: 100%;
        font-size: 14px;
        color: #656060;
        margin-top: 2px; }
    .about__content-main {
      width: 100%;
      padding: 20px; }
.about-text-box {
  font-size: 16px;
  line-height: 24px;
  color: #8a8181; }
  .about-text-box p {
    color: #8a8181; }
  @media (max-width: 1024px) {
    .about-text-box {
      font-size: 14px;
      line-height: 20px; } }
  .about-text-box > *:not(:first-child) {
    margin-top: 10px; }
  .about-text-box > *:last-child {
    margin-bottom: 0px; }
  .about-text-box a {
    color: #ddd5cf;
    text-decoration: underline;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .about-text-box a:hover {
      color: #ffaf43;
      text-decoration: none; }
  .about-text-box b {
    font-weight: normal;
    color: #ddd5cf; }
  .about-text-box h1, .about-text-box h2, .about-text-box h3, .about-text-box h4, .about-text-box h5, .about-text-box h6 {
    font-family: 'Philosopher';
    font-weight: 700;
    color: #ddd5cf;
    margin: 0px; }
    .about-text-box h1:first-child, .about-text-box h2:first-child, .about-text-box h3:first-child, .about-text-box h4:first-child, .about-text-box h5:first-child, .about-text-box h6:first-child {
      padding-top: 0px; }
    @media (max-width: 1024px) {
      .about-text-box h1:not(:last-child), .about-text-box h2:not(:last-child), .about-text-box h3:not(:last-child), .about-text-box h4:not(:last-child), .about-text-box h5:not(:last-child), .about-text-box h6:not(:last-child) {
        margin-bottom: -5px; } }
  .about-text-box h1 {
    font-size: 26px; }
    @media (max-width: 1024px) {
      .about-text-box h1 {
        font-size: 22px; } }
  .about-text-box h2 {
    font-size: 22px; }
    @media (max-width: 1024px) {
      .about-text-box h2 {
        font-size: 18px; } }
  .about-text-box h3 {
    font-size: 20px; }
    @media (max-width: 1024px) {
      .about-text-box h3 {
        font-size: 16px; } }
  .about-text-box h4, .about-text-box h5, .about-text-box h6 {
    font-size: 16px; }
    @media (max-width: 1024px) {
      .about-text-box h4, .about-text-box h5, .about-text-box h6 {
        font-size: 14px; } }
  .about-text-box ul {
    width: 100%;
    padding-left: 17px; }
    .about-text-box ul li {
      color: #a7a2a2;
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 1024px) {
        .about-text-box ul li {
          font-size: 14px;
          line-height: 20px; } }
      .about-text-box ul li:not(:last-child) {
        margin-bottom: 5px; }
  .about-text-box hr {
    width: 100%;
    border: none;
    border-top: 1px solid #333;
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  .about-text-box img {
    border-radius: 5px;
    max-width: 100%; }
.icon-title {
  width: 100%;
  border-radius: 5px;
  background: rgba(66, 62, 61, 0.25);
  padding: 10px;
  }
  .icon-title__icon {
    width: 32px;
    height: 32px; }
    .icon-title__icon img {
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 5px; }
  .icon-title__text {
    width: calc( 100% - 32px);
    font-family: 'Philosopher';
    font-weight: 700;
    color: #6f6551;
    font-size: 22px;
    line-height: 22px;
    margin-top: 5px;
    padding-left: 10px; }
    @media (max-width: 1024px) {
      .icon-title__text {
        font-size: 18px;
        line-height: 18px;
        margin-top: 7px; } 
	}
.table-bg ul li, .table-bg ol li {
    font-size: 18px;
    line-height: 12px;
}
.table-bg ul li:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 2px;
    left: -20px;
    transform: rotate(45deg);
    background: var(--brand-color);
}
.spoiler__title {
    cursor: pointer;
}
.spoiler__title:hover {
  background-color: #43537e;
}
.spoiler__title:before {
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    position: absolute;
    top: calc((100% - 7px) / 2);
    right: 20px;
    background: url(https://chill.top/assets/site/images/icons/nav_arrow_icon.png) center center no-repeat;
    background-size: 100% 100%;
    transition: transform 0.3s ease-in-out;
}
.spoiler__title img {
  height: 30px;
}
.spoiler.active > .spoiler__title:before {
  transform: scale(1, -1);
}
.item {
  font-size: 16px;
}