/* Font sizes */
/* Max widths for media queries */
.title-with-content {
  position: relative; }
  .title-with-content.full-width {
    width: 100%; }
  .title-with-content.half-width {
    max-width: 585px;
    margin: 45px auto 25px; }
    .title-with-content.half-width .title {
      margin-bottom: 8px; }
  .title-with-content.left {
    margin: inherit; }
  .title-with-content.release-title {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 25px; }
    .title-with-content.release-title .release-title-with-desc {
      max-width: 582px; }
    .title-with-content.release-title .title {
      margin-bottom: 8px; }
  .title-with-content h2 {
    font-size: 30px;
    color: #181818; }
  .title-with-content .title.superClarendon {
    font-family: "SuperClarendon", sans-serif;
    font-weight: 700; }
  .title-with-content .title.lato {
    font-family: "Lato", sans-serif;
    font-weight: 700; }
  .title-with-content .description {
    font-size: 16px;
    color: #181818;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    min-height: 83px; }
  .title-with-content .release-calender-title {
    width: 36px;
    height: 190px;
    background-color: #6ed34a;
    border-radius: 29px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    padding: 2px;
    border: 2px solid white;
    outline: 3px solid #6ed34a;
    box-sizing: border-box;
    position: relative; }
    .title-with-content .release-calender-title span.vertical-text {
      font-family: "Grand-Stage", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
      text-orientation: mixed;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      line-height: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 auto;
      width: 22px;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 768px) {
        .title-with-content .release-calender-title span.vertical-text {
          padding-left: 3px; } }
    .title-with-content .release-calender-title .top-circle {
      width: 22px;
      height: 22px;
      background: white;
      border-radius: 50%;
      margin-bottom: 6px; }

.abcGrandStore .title-with-content {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-align: center;
      align-items: center;
  margin: 45px 0 25px; }
  @media screen and (max-widith: 768px) {
    .abcGrandStore .title-with-content {
      margin-bottom: 20px; } }