/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* section - card left */
.rtr-section-card-left > .row-fluid > .dnd-column {
  border-radius: 10px;
  -webkit-box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.3); 
  box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.3);
  overflow: hidden;
}

/* countdown timer */
.rtr-countdown .countdown {
  justify-content: center;
}

.rtr-countdown .time {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
  line-height: 1rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: auto;
}

.rtr-countdown .time p {
  font-weight: 300;
  line-height: 1rem;
}

.rtr-countdown .time p small {
  font-size: 36px;
}

.rtr-countdown .time::after {
  color: #555b5b;
  content: "\3A";
  font-size: 36px;
  padding: 0 8px 0 5px;
  position: relative;
}

.rtr-countdown .time:last-child::after {
  content: "";
}

@media (max-width: 767px) {
  .rtr-countdown .time h4 {
    font-size: 24px !important;
    line-height: 1rem !important;
  }
  
  .rtr-countdown .time p {
    font-size: 24px !important;
    line-height: 24px !important;
  }
  
  .rtr-countdown .time p small {
    font-size: 24px !important;
    line-height: 24px !important;
  }
  
  .rtr-countdown .time::after {
    font-size: 24px !important;
    line-height: 24px !important;
  }