.color_select {
  margin-bottom: 50px; }
  .color_select:last-child {
    margin-bottom: 0; }
  .color_select__title {
    font-size: 32px;
    margin-bottom: 15px;
    font-family: Cormorant Garamond, serif; }
    .color_select__title ins {
      color: #f6c688; }
  .color_select__body {
    display: flex;
    align-items: flex-start;
    column-gap: 30px;
    row-gap: 20px; }
    @media (max-width: 768px) {
  .color_select__body {
    flex-direction: column; } }
  .color_select__image {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 50%; }
    @media (max-width: 768px) {
  .color_select__image {
    width: 100%; } }
    .color_select__image span {
      display: block;
      padding-top: 70%; }
    .color_select__image img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .color_select__nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    max-width: 400px; }
  .color_select__nav-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.3s; }
    .color_select__nav-item ins, .color_select__nav-item span {
      display: inline-block; }
    .color_select__nav-item ins {
      min-width: 24px;
      width: 24px;
      height: 24px;
      border-radius: 50%; }
    .color_select__nav-item span {
      margin-left: 10px; }
    .color_select__nav-item:hover, .color_select__nav-item.active {
      border: 1px solid rgba(0, 0, 0, 0.3); }

.copyright {
  font-size: 15px !important; }