/* Start Text Styles */
.rtb-font {
  font-family: 'Inter', sans-serif !important;
}

.rtb-text-input {
  font-family: 'Inter', sans-serif !important;
  padding: 14px;
  height: 48px !important;
  border: 1px solid #D6E5EB;
  border-radius: 8px;
}

.rtb-textarea {
  font-family: 'Inter', sans-serif !important;
  padding: 14px;
  border: 1px solid #D6E5EB;
  border-radius: 8px;
}

.rtb-text {
  font-family: 'Inter', sans-serif !important;
}

.rtb-text-sm {
  font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
}

.rtb-text-smd {
  font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
}

.rtb-text-md {
  font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
}

.rtb-text-md2 {
  font-size: 18px !important;
}

.rtb-text-lg {
  font-size: 20px !important;
}

.rtb-text-xl {
  font-size: 24px !important;
}

.rtb-text-xxl {
  font-size: 28px !important;
}

.rtb-text-link {
  cursor: pointer;
  transition: all 0.3s;
}
.rtb-text-link:hover {
  opacity: 0.7;
}

/* END Text Style */

.rtb-inline {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.rtb-card-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.rtb-card-icon svg{
  width: 16px;
  height: 16px;
}

.rtb-star-checkbox {
  transition: all 0.3s;
}


.rtb-card-icon {
  transition: all 0.3s;
  padding-left: 12px;
  padding-right: 12px;
}

/* START Button Sizes */
.rtb-button {
  transition: all 0.3s;
  padding-left: 22px;
  padding-right: 22px;
}

.rtb-button:hover {
  opacity: 0.8;
}

.rtb-button-sm {
  height: 32px;
}

.rtb-button-md {
  height: 36px;
}

.rtb-button-lg {
  height: 48px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

/* END Button Sizes */

.rtb-right-separator {
  border-right: 1px solid #D6E5EB;
  height: 28px;
  width: 2px;
}

.rtb-horizontal-separator {
  border-bottom: 1px solid #D6E5EB;
  width: 100%;
  height: 2;
}

/* Helper classes */
.rtb-no-padding {
  padding: 0px 0px 0px 0px !important;
}

/* Tag */
.rtb-tag {
  padding: 2px 8px 2px 8px;
  height: 24px;
}

.rtb-svg-checkbox-icon {
  width: 20px;
}

.rtb-hover-s-dark {
  transition: all 0.3s;
  font-family: 'Inter', sans-serif !important;
}

.rtb-hover-s-dark:hover {
  color: #152002 !important;
  background-color: #E6ECEE !important;
}

.rtb-social-button {
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  height: 48px;
}

.rtb-full-height {
  height: 100% !important;
}

.rtb-sidebar-link {
  transition: all 0.3s;
  cursor: pointer;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.rtb-sidebar-link:hover {
  color: #152002 !important;
}

/* ############################################################### */
/* ############################################################### */
/* Other Styles applied after RTB Layout Update */
/* ############################################################### */
/* ############################################################### */


.my-scrollable-div::-webkit-scrollbar {
    width: 8px;
}

.my-scrollable-div::-webkit-scrollbar-track {
    background: transparent;
}

.my-scrollable-div::-webkit-scrollbar-thumb {
    background-color: #D6E5EB;
    border-radius: 4px;
}

.my-scrollable-div {
    scrollbar-width: thin;
    scrollbar-color: #D6E5EB transparent;
}

/* Login/Register modal form */
.ant-form-item-label {
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: 'Inter', sans-serif !important;
}

.ant-form-item-required {
  font-size: 15px !important;
  font-weight: 500 !important;
  font-family: 'Inter', sans-serif !important;
}
.webflow-input {
  border-radius: 8px;
  padding: 14px;
  height: 44px !important;
  font-size: 15px;
  font-family: 'Inter', sans-serif !important;
}

.webflow-input::placeholder {
  color: #859da4;
  font-size: 15px;
  font-weight: 400;
}

.webflow-input:focus {
  border: 1px solid #859da4;
}

.ant-alert {
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
}

.rtb-small-button {
  padding: 0px 4px 0px 4px !important;
  height: 24px !important;
}

.ant-drawer-header
{
  display: none !important;
}

.ant-drawer-body {
  padding: 0px !important;
}


h1, h2, h3, h4, h5, h6, p, span, div, label, input, textarea, button, select, option, option:hover, option:focus, option:active, option:checked, ul, li, ol, li, a, a:hover, a:focus, a:active, a:checked, table, td, th, tr, tbody, thead, tfoot, caption, form, fieldset, legend, label, input, textarea, button, select, option, option:hover, option:focus, option:active, option:checked, input:focus, textarea:focus, button:focus, select:focus, option:focus, option:active, option:checked, strong {
  font-family: 'Inter', sans-serif !important;
}


.question-box {
  font-family: 'Inter', sans-serif !important;
  color: #5D6F75 !important;
  background: #ECEFFB !important;
  padding: 14px !important;
  margin: 5px;
  margin-bottom: 10px;
  border-radius: 12px;
  position: relative;
}

.question-box::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #ECEFFB;
}

.question-box p {
  color: #5D6F75 !important;
}

.ant-dropdown-menu {
  border-radius: 10px !important;
  border: none;
  font-family: 'Inter', sans-serif !important;
}

.ant-popover-inner {
  border-radius: 10px !important;
}

.rtb-chat-textarea {
  padding: 8px;
  padding-right: 64px !important;
}