/* Clock design */
.clockContainer2 {
  position: relative;
  margin: auto;
  height: 70px;
  /*to make the height and width responsive*/
  width: 70px;
  background: url(/images/clock/black-clock.svg) no-repeat;
  /*setting our background image*/
  background-size: 100%;
  border-radius: 50%;
}
.clockContainer {
  position: relative;
  margin: auto;
  height: 70px;
  /*to make the height and width responsive*/
  width: 70px;
  background: url(/images/clock/white-clock.svg) no-repeat;
  /*setting our background image*/
  background-size: 100%;
  border-radius: 50%;
}

.gradientBg {
  position: absolute;
  background-size: 100%;
  margin: auto;
  width: 70px;
  border-radius: 50%;
  height: 70px;
}

.hour,
.minute,
.second {
  position: absolute;
  background: white;
  border-radius: 20px !important;
  transform-origin: bottom;
  /* opacity: 0.8; */
}

.hour {
  width: 2.8%;
  height: 22%;
  top: 27%;
  left: 48.85%;
}

.minute {
  width: 2.4%;
  height: 30%;
  top: 19%;
  left: 48.9%;
}

.second {
  width: 2%;
  height: 40%;
  top: 9%;
  left: 49.25%;
}