:root {
  --primary-color: #33f;
  --gray-bg: #F7F7FF;
  --primary-border-color: 229,231,235;
}

body,
html {
  background-color: transparent !important;
  font-family: "Google Sans Flex","Google Sans","Helvetica Neue",sans-serif !important;
}

p,h1,h3,h4,h5,h6,span,div,a,li,td,th {
  font-family: "Google Sans Flex","Google Sans","Helvetica Neue",sans-serif !important;
}

p {
  font-size: 16px;
}

.text-white {
  color: #ffffff !important;
}

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

.font-14 {
  font-size: 14px !important;
}

.mt-one {
  margin-top: 1rem !important;
}

.font-30 {
  font-size: 30px !important;
}

.primary-bg {
  background-color: var(--primary-color);
}

.gray-bg {
  background-color: var(--gray-bg);
}

a:not([class]) {
  /* your styles */
  color: #3333ff;
  text-decoration: underline;
}

.bubble {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 25px !important;
  border-bottom-left-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
}

.personalization[dir="rtl"] * {
  direction: rtl !important;
  text-align: right !important;
}

.personalization[dir="ltr"] * {
  direction: ltr !important;
  text-align: right !important;
}

table {
  width: 100% !important;
  border-collapse: collapse !important;
}

th,
td {
  border: 1px solid #ddd !important;
  padding: 8px !important;
}

th {
  background: #f5f5f5 !important;
  font-weight: bold !important;
}

.direction-rtl {
  direction: rtl !important;
  text-align: right !important;
}

.direction-ltr {
  direction: ltr !important;
  text-align: left !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.border-primary {
  border-color: rgba(var(--primary-border-color), 0.2) !important;
}

.white-bg {
  background-color: #ffffff !important;
}

.radius-img-logo {
    height: 30px !important;
    width: 30px !important;
    margin-top: 3px;
}

blockquote {
  margin: 1em 0;
  padding: 0.75em 1em;
  /* border-left: 4px solid #d0d7de;
  background: #f6f8fa; */
  color: #24292f;
  font-style: italic;
}

blockquote > :first-child { margin-top: 0; }
blockquote > :last-child  { margin-bottom: 0; }