.h2-text, .h3-text, .h4-text, .h5-text, .h6-text {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 17px;
  line-height: 176%;
  color: var(--black);
}

.h2-text {
    font-size: 58px;
}

.h3-text {
    font-size: 52px;
}

.h4-text {
    font-size: 42px;
}

.h5-text  {
    font-size: 32px;
}

.h6-text {
    font-size: 22px;
}
.site_description .h2-text {
    font-size: 34px;
}

.site_description .h3-text {
    font-size: 30px;
}

.site_description .h4-text {
    font-size: 28px;
}

.site_description .h5-text  {
    font-size: 24px;
}

.site_description .h6-text {
    font-size: 20px;
}

.cursive {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 500;
    font-size: 17px;
    line-height: 176%;
    color: var(--black);
}

.text_p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 176%;
    color: var(--black);
}

.bold__text-p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 17px;
    line-height: 176%;
    color: var(--black);
}



.numeric__list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    counter-reset: list-counter;
}

.numeric__list li {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 176%;
    color: var(--black);
    display: flex;
    align-items: center;
    column-gap: 15px;
    position: relative;
    padding-left: 40px;
    min-height: 30px;
    counter-increment: list-counter;
}



.numeric__list li::after {
    content: counter(list-counter); 
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background-color: #28282a;
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: var(--white);
    z-index: 1;
}




.doted__list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.doted__list li {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 176%;
    color: var(--text-h);
    margin-left: 20px;
    position: relative;
}

.doted__list li:before {
    content: '';
    display: flex;
    border-radius: 50%;
    width: 10px;
    height: 8px;
    background: #e5a938;
    position: absolute;
    left: -20px;
    top: 10px;
}



/* Table UI  */

.ui-table {
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 100%;
  overflow-x: auto;
  background: #ffeedb;
}

.ui-table__header {
  display: flex;
  background: transparent;
  color: #d6d6d6;
  font-weight: 600;
  padding: 6px 10px;
}

tbody , table {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.ui-table__row {
  display: flex;
  border-radius: 30px 6px;
  padding: 10px 10px;
  gap: 10px;
  box-shadow: 0 0 5px rgba(229, 169, 56, 0.1);
}

.ui-table__cell {
  font-family: var(--font-family);
  flex: 1;
  color: var(--black);
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}


.text-with_left-image, .text-with_right-image {
  position: relative;
  line-height: 1.8;
  font-size: 16px;
  color: #e0e0e0;
  text-align: justify;
}

.image__left-decor {
  float: left;
  margin: 0 30px 30px 0;
}
.image__right-decor {
  float: right;
  margin: 0 0 30px 30px;
}
.image__left-decor, .image__right-decor {
  max-width: 700px;
  width: 44vw;
  height: auto;
 
}

.decor-img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

.text-with_left-image::after, .text-with_right-image::after {
  content: "";
  display: table;
  clear: both;
}

.ui-link {
    text-decoration: none;
    color: #e5a938;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}

.ui-link:hover {
    text-decoration: underline;
}




.text-with_center-image {
  position: relative;
  line-height: 1.8;
  font-size: 16px;
  color: #e0e0e0;
  text-align: justify;
  max-width: 65vw;
  margin: 35px auto;
}

.image__center-decor {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 500px;
  margin: 0 auto 30px;
  border-radius: 30px 10px;
  background-color: #1a1a1a;
  overflow: hidden;
}

.image__center-decor .decor-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}

.center-image-text {
  padding: 0 10px;
}



@media (max-width: 1330px) {
    .image__left-decor, .image__right-decor {
        max-width: 800px;
        width: 47vw;
        max-height: 500px;

    }
    .text-with_left-image, .text-with_right-image {
        padding: 10px;
    }

    .h2-text { font-size: 46px; line-height: 125%; }
    .h3-text { font-size: 40px; line-height: 125%; }
    .h4-text { font-size: 34px; line-height: 125%; }
    .h5-text { font-size: 26px; line-height: 120%; }
    .h6-text { font-size: 20px; line-height: 120%; }
}

@media (max-width:980px) {
    .site_description .h2-text {font-size: 30px;}
    .site_description .h3-text {font-size: 26px;}
    .site_description .h4-text {font-size: 24px;}
    .site_description .h5-text  {font-size: 20px;}
    .site_description .h6-text {font-size: 18px;}

    .h2-text { font-size: 36px; line-height: 120%; }
    .h3-text { font-size: 32px; line-height: 120%; }
    .h4-text { font-size: 28px; line-height: 120%; }
    .h5-text { font-size: 22px; line-height: 115%; }
    .h6-text { font-size: 18px; line-height: 115%; }
}

@media (max-width:680px) {
    .ui-table__cell ,.cursive__inner, .text_p, .bold__text-p, .numeric__list li, .doted__list li, .text-with_left-image p, .text-with_right-image p {
        font-size: 15px;
        line-height: 160%;
    }
    
    .ui-table {
        padding: 8px;
    }

    .ui-table__header,
    .ui-table__row {
        padding: 6px;
        gap: 6px;
    }

    .ui-table__cell {
        font-size: 13px;
        padding: 4px;
        min-width: 80px;
    }
}

@media (max-width: 580px) {
    .text-with_center-image {
        max-width: 100%;
    }
    .image__left-decor, .image__right-decor {
      shape-margin: 0px;
      width: 57vw;
    }
    .image__right-decor {
        margin: 0 0 10px 20px;
    }
    .image__left-decor {
        margin: 0 20px 10px 0;
    }
}

@media (max-width: 480px) {
    .site_description .h2-text {font-size: 26px;}
    .site_description .h3-text {font-size: 22px;}
    .site_description .h4-text {font-size: 20px;}
    .site_description .h5-text  {font-size: 18px;}
    .site_description .h6-text { font-size: 16px; }

    .h2-text { font-size: 28px; line-height: 115%; }
    .h3-text { font-size: 24px; line-height: 115%; }
    .h4-text { font-size: 22px; line-height: 115%; }
    .h5-text { font-size: 18px; line-height: 110%; }
    .h6-text { font-size: 16px; line-height: 110%; }
}