.elementor-13161 .elementor-element.elementor-element-df98d42{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13161 .elementor-element.elementor-element-8656960{text-align:justify;line-height:30px;color:#000000;}.elementor-13161 .elementor-element.elementor-element-dd027e7{text-align:justify;line-height:30px;color:#000000;}.elementor-13161 .elementor-element.elementor-element-02d8b75{text-align:justify;line-height:30px;color:#000000;}.elementor-13161 .elementor-element.elementor-element-1ba6593{text-align:justify;line-height:30px;color:#000000;}.elementor-13161 .elementor-element.elementor-element-71ac728{text-align:justify;line-height:30px;color:#000000;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-8f76395 */* { 
  box-sizing: border-box; 
}

.table-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.table-title {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
  font-size: 22px;
}

.color-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  overflow: hidden;
}

.color-table thead {
  background-color: #1e3a8a;
}

.color-table th {
  padding: 14px 8px;
  color: white;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 15px;
}

.color-table td {
  padding: 14px 8px;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 15px;
  line-height: 1.5;
}

.color-table tbody tr:hover {
  background-color: #bfdbfe;
}

.color-name-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.color-sample {
  width: 45px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.color-name {
  font-weight: bold;
  font-size: 13px;
}

.beige-light { background-color: #F5F5DC; }
.brown-mild { background-color: #CD853F; }
.gray-stone { background-color: #708090; }
.blue-mild { background-color: #87CEEB; }
.cream-light { background-color: #FFFDD0; }

@media (max-width: 600px) {
  .table-container { 
    padding: 8px; 
  }
  .table-title { 
    font-size: 18px; 
  }
  .color-table th, .color-table td { 
    padding: 10px 6px; 
    font-size: 13px; 
  }
  .color-sample {
    width: 35px;
    height: 20px;
  }
  .color-name {
    font-size: 11px;
  }
  .color-name-cell {
    gap: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4aced6 */* { 
  box-sizing: border-box; 
}

.table-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.table-title {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
  font-size: 22px;
}

.color-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  overflow: hidden;
}

.color-table thead {
  background-color: #1e3a8a;
}

.color-table th {
  padding: 14px 8px;
  color: white;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 15px;
}

.color-table td {
  padding: 14px 8px;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 15px;
  line-height: 1.5;
}

.color-table tbody tr:hover {
  background-color: #bfdbfe;
}

.color-name-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.color-sample {
  width: 45px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.color-name {
  font-weight: bold;
  font-size: 13px;
}

.beige-light { background-color: #F5F5DC; }
.brown-mild { background-color: #CD853F; }
.gray-stone { background-color: #708090; }
.blue-mild { background-color: #87CEEB; }
.cream-light { background-color: #FFFDD0; }

@media (max-width: 600px) {
  .table-container { 
    padding: 8px; 
  }
  .table-title { 
    font-size: 18px; 
  }
  .color-table th, .color-table td { 
    padding: 10px 6px; 
    font-size: 13px; 
  }
  .color-sample {
    width: 35px;
    height: 20px;
  }
  .color-name {
    font-size: 11px;
  }
  .color-name-cell {
    gap: 6px;
  }
}/* End custom CSS */