@font-face {
    font-family: 'Plus Jakarta Regular';
    font-style: normal;
    src: url('../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Regular.ttf');
}


body {
    font-family: 'Plus Jakarta Regular', sans-serif;
    margin: 0;
    line-height: inherit;
}

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

h2 {
    font-size: 16px;
}

a {
    color: inherit;
    text-decoration: inherit;
}

div {
    line-height: 2;
    color: rgba(55, 65, 81, 1);
}

.input {
    font-family: 'Plus Jakarta Regular', sans-serif;
    border-radius: .25rem;
    border-width: 1px;
    border-color: transparent;
    background-color: rgb(249, 250, 251, 1);
    padding: .875rem 1.25rem;
    line-height: 2;
    color: rgb(107, 114, 128, 1);
}

.container {
    min-width: 300px;
}

.embed-container {
    padding: 1.25rem;
}

.p-4 {
    padding: 1rem;
}

.bg-white {
    background-color: rgba(255, 255, 255, 1);
}

.rounded {
    border-radius: .25rem;
}
  
.max-w-7xl {
    max-width: 80rem;
}

.w-full {
    width: 100%;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-0-brand-primary-500-base {
    background-color: #fbab1e;
}

.embed-logo {
    width: 11rem;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.block {
    display: block;
}

.top-6 {
    top: 1.5rem;
}

.left-4 {
    left: 1rem;
}

.right-4 {
    right: 1rem;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.text-gray-600 {
    color: rgba(75, 85, 99, 1);
}

.text-2-grey-800 {
    color: rgb(31, 41, 55, 1);
}

.font-semibold {
    font-weight: 600;
}

.mt-3 {
    margin-top: .75rem;
}

.mb-3 {
    margin-bottom: .75rem;
}

input::placeholder, textarea::placeholder {
    color: #374151;
    opacity: 1;
}

.input:hover{
    --tw-border-opacity: 1;
    border-color: rgb(230, 157, 27, 1);
}

.button:hover {
    background-color: rgb(230, 157, 27, 1);
}

.input-resetable {
    padding-right: 2.5rem;
}

.input-icon {
    padding-left: 2.5rem;
}

.flex-grow {
    flex-grow: 1;
}

.button-lg {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.button {
    border-radius: .25rem;
    background-color: rgb(251, 171, 30, 1);
    text-align: center;
    font-size: .875rem;
    font-family: 'Plus Jakarta Regular', sans-serif;
    line-height: 2;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(17, 24, 39, 1);
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem;
    margin: 0;
}

.icon {
    width: 1rem;
    z-index: 9999;
}

@media (min-width: 376px) {
    .embed-logo {
      width: 9rem;
    }
}