/* Refined Manchester clock preview: restrained dial furniture and pivot. */
.talkwise-site .tw-clock__face {
  background:
    radial-gradient(circle at 50% 50%, rgba(255,253,248,.98) 0 73%, transparent 74%),
    repeating-conic-gradient(from -0.9deg, rgba(78,99,80,.68) 0deg 1.8deg, transparent 1.8deg 30deg),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.9), rgba(255,253,248,.7) 68%),
    rgba(255,253,248,.84);
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.48),
    inset 0 0 0 4px rgba(82,103,84,.055),
    inset 0 0 12px rgba(41,59,44,.045),
    0 3px 10px rgba(48,69,47,.065);
}

.talkwise-site .tw-clock__face::before,
.talkwise-site .tw-clock__face::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 4px 50%;
  width: 1.5px;
  border-radius: 1px;
  background: linear-gradient(#94643e 0 5px, transparent 5px calc(100% - 5px), #94643e calc(100% - 5px));
}

.talkwise-site .tw-clock__face::after { transform: rotate(90deg); }

.talkwise-site .tw-clock__hand {
  z-index: 1;
}

.talkwise-site .tw-clock__second {
  background: #8e6047;
}

.talkwise-site .tw-clock__pin {
  z-index: 2;
  width: 4px;
  height: 4px;
  margin: -2px;
  background: #ad7048;
  box-shadow: 0 0 0 1px #30452f;
}

@media (max-width: 768px) {
  .talkwise-site .tw-clock__face {
    width: 45px;
    flex-basis: 45px;
  }

  .talkwise-site .tw-clock__hour {
    width: 3.25px;
    height: 12.5px;
  }

  .talkwise-site .tw-clock__minute {
    width: 2.5px;
    height: 17px;
  }

  .talkwise-site .tw-clock__second {
    width: 1.5px;
    height: 19px;
  }

  .talkwise-site .tw-clock__pin {
    width: 3px;
    height: 3px;
    margin: -1.5px;
  }
}