.clr-time-box {
  background-color: #ffd249;
}
.div07-2 {
  padding-left: 20px;
  padding-right: 20px;
}
.time-text-1 {
  font-weight: 800;
  line-height: 1.2;
  color: #ff4800;
}
.div07-1 {
  padding-top: 7px;
  padding-left: clamp(8px, 8px + 0.00431*(100vw - 992px), 12px);
  padding-right: clamp(8px, 8px + 0.00431*(100vw - 992px), 12px);
  background-color: #ff4800;
  border-radius: 10px;
}
.time-collection {
  text-align: center;
}


@media (min-width: 360px) and (max-width: 991px) {
.parent-07 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 30px;
background-color: #efefed;
}
.div07-2 { grid-area: 1 / 1 / 2 / 2; }
.div07-1 { grid-area: 2 / 1 / 3 / 2; }

.div07-1 {
  height: clamp(344px, 344px + 0.72266*(100vw - 360px), 800px);
}
.div07-2 {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  border-radius: 10px;
  padding-top: 8%;
  padding-bottom: 45px;
}
.time-text-1 {
  font-size: clamp(28px, 28px + 0.03487*(100vw - 360px), 50px);
  margin-top: 12px;
}
.time-text-2 {
  color: #454545;
  font-size: clamp(20px, 20px + 0.00951*(100vw - 360px), 26px);
  font-weight: 600;
  line-height: 1.1;
  margin-top: 40px;
}
.time-display {
  font-size: clamp(24px, 24px + 0.01902*(100vw - 360px), 36px);
  font-weight: 600;
  color: #212529;
  margin-top: 0px;
  margin-bottom: 15%;
}

}



@media (min-width: 992px) {
.parent-07 {
display: grid;
grid-template-columns: 64% 32%;
grid-template-rows: 1fr;
grid-column-gap: 4.0%;
grid-row-gap: 0px;
padding: 2.0%;
background-color: #efefed;
}
.div07-1 { grid-area: 1 / 1 / 2 / 2; }
.div07-2 { grid-area: 1 / 2 / 2 / 3; }

.div07-2 {
  aspect-ratio: 4/5;
  border-radius: 10px;
  padding-top: 10%;
}
.time-text-1 {
  font-size: clamp(28px, 28px + 0.00862*(100vw - 992px), 36px);
  margin-top: 12px;
}
.time-text-2 {
  color: #454545;
  font-size: clamp(20px, 20px + 0.00647*(100vw - 992px), 26px);
  font-weight: 600;
  line-height: 1.1;
  margin-top: 40px;
}
.time-display {
  font-size: clamp(24px, 24px + 0.01293*(100vw - 992px), 36px);
  font-weight: 600;
  color: #212529;
  margin-top: 0px;
  margin-bottom: 15%;
}
.full {
  width: 100%;
  background: linear-gradient(90deg, rgba(255,210,73,1) 0%, rgba(255,72,0,1) 100%, rgba(0,0,0,1) 100%);
  margin-top: 45px;
  padding-top: 45px;
  padding-bottom: 45px;
}
}