#smile-month .cloud {
  border: none;
  -webkit-mask: radial-gradient(40px at bottom,#0000 98%,#000) 50% / 60px 100%;
}

#smile-month .carousel-item .card {
  /*margin-right: 1rem !important;*/
  /*margin-left: 1rem !important;*/
}

#smile-month .ico-card {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#smile-month .separator {
  height: 0.8rem;
  background: var(--smile-month-primary);
}

.list-smile-month-secondary li {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 8px;
  border-left: 5.5px solid var(--smile-month-secondary);
  border-radius: 0px;
}

.list-smile-month-primary li {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 8px;
  border-left: 5.5px solid var(--smile-month-primary);
  border-radius: 0px;
}

.bg-smile-month-primary {
  background: var(--smile-month-primary) !important;
}

.bg-smile-month-secondary {
  background: var(--smile-month-secondary) !important;
}

.border-smile-month-primary {
  border-color: var(--smile-month-primary) !important;
}

.border-smile-month-secondary {
  border-color: var(--smile-month-secondary) !important;
}

.bg-smile-month {
  background: url("../../assets/img/events/smile-month/background.svg?h=6fcfdd82aa4820c248a50632a000189b");
}

.text-smile-month-primary {
  color: var(--smile-month-primary) !important;
}

.text-smile-month-secondary {
  color: var(--smile-month-secondary) !important;
}

#smile-month link {
  color: var(--smile-month-primary);
}

#smile-month link:hover {
  color: var(--smile-month-primary-dark);
}

:root {
  --smile-month-primary: #367fbf;
  --smile-month-primary-dark: #1f405d;
  --smile-month-secondary: #f9c941;
  --smile-month-secondary-dark: #92782e;
}

.btn-smile-month-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: var(--smile-month-secondary);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--smile-month-secondary);
  --bs-btn-hover-border-color: var(--smile-month-secondary-dark);
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--smile-month-secondary-dark);
  --bs-btn-active-border-color: var(--smile-month-secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
  color: #000;
}

.btn-smile-month-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: var(--smile-month-primary);
  --bs-btn-hover-color: #ffffff !important;
  --bs-btn-hover-bg: var(--smile-month-primary);
  --bs-btn-hover-border-color: var(--smile-month-primary-dark);
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: var(--smile-month-primary-dark);
  --bs-btn-active-border-color: var(--smile-month-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
  color: var(--smile-month-primary);
}