/* styles-tablet-lg.css      # @media (max-width: 820px) */

.clock {
    font-size: 16vh;
}

.date-name-wrapper {
    flex-direction: row;
}


/* Left Section */
.gregorian-date{
  font-size: clamp(1.4rem, 2.6vw, 3.2rem);
}

.hijri-date {
  font-size: clamp(1.3rem, 2.5vw, 2.5rem);

}
.hijri-keyword {
  font-size: clamp(0.8rem, 1.5vw, 2.0rem);
}
.logo-img {
    height: clamp(90px, 10vw, 100px);
    width:  clamp(90px, 10vw, 100px);
}