.c--delivery-date-info {
  margin                : 0;
  background-color      : white;
  padding               : 0 0;
  text-align            : left;
}

.c--delivery-date-info > h2:nth-child(1) {
  padding-left        : 23px;
  background          : url(/wp-content/plugins/custom/assets/clock-icon.svg);
  background-repeat   : no-repeat;
  background-position : left bottom 1px;
  background-size     : 16px 16px;
}

.c--delivery-date-info > div {
  padding          : 16px 16px 1px 16px;
  border-radius    : var(--c-radius);
  background-color : var(--c-background-dark);
}

.c--delivery-date-info > div > p:nth-child(1) {
  margin: 0 0 8px 0;
}
.c--delivery-date-info > div > p:nth-child(1) span {
  font-size   : 14px;
  line-height : 20px;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-text-title);
}

.c--delivery-date-info > div > p:nth-child(2) {
  margin: 0 0 8px 0;
}
.c--delivery-date-info > div > p:nth-child(2) > span > span {
  font-size   : 12px;
  line-height : 18px ;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-text-secondary);
}

.c--delivery-date-info > div > p:nth-child(2) > span:nth-child(2) {
  font-size   : 14px;
  line-height : 20px;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-text-title);
  /* margin-left : 4px; */
}

.c--delivery-date-info > div > div:nth-child(3) {
  font-family   : var(--c-font-familiy-text);
  color         : var(--c-text-secondary);
  cursor        : pointer;
}
.c--delivery-date-info > div>  div:nth-child(3) > p {
  margin          : 0;
  text-decoration : underline;
}
.c--delivery-date-info > div > div:nth-child(3) > input {
  display   : inline-block;
  height    : 0;
  width     : 0;
  padding   : 0;
  border    : none;
  opacity   : 0;
}