/* COntact US */


:root {
    --contact-graphite: #1F2325;
    --contact-red: #D92F24;
    --contact-border: #DFE3E4;
    --contact-surface: #FCFDFD;
    --contact-grey: #EDEFEF;
    --contact-black: #0F0F0F;
    --dashboard-graphite: #1F2325;
    --dashboard-red: #D92F24;
    --dashboard-grey: #6B7275;
    --dashboard-border: #DFE3E4;
    --dashboard-surface: #FCFDFD;
    --dashboard-sidebar: #EDEFEF;
    --dashboard-green: #35AA65;
}

/* =========================================================
   MAIN SECTION
   ========================================================= */

.contact_section {
    width: 100%;
    padding: 101px 0px 0px 0px;
    overflow: hidden;
    background: #F7F8F8;
}

.contact_container {
    width: 100%;
    height: 100%;
    max-height: 640px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.contact_content {
    width: 100%;
    max-width: 994px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    overflow: hidden;
    background-image: url("../img/top_cont.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #F7F8F8
}

.contact_content_inner {
    width: 100%;
    padding: 120px 0px 120px 66px;
    max-width: 658px;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   CONTACT LABEL
   ========================================================= */

.contact_label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 32px 0;
    padding: 0;
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 21px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}



/* =========================================================
   MAIN HEADING
   ========================================================= */

.contact_heading {
    max-width: 760px;

    margin: 0 0 32px 0;
    padding: 0;

    color: var(--contact-graphite);

    font-family: "Butler", Georgia, "Times New Roman", serif;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;

    letter-spacing: normal;
}

.contact_heading_dot {
    color: var(--brand-red, #D92F24);
    font-family: "Butler";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.contact_description {
    max-width: 650px;

    margin: 0;
    padding: 0;

    color: var(--contact-cool-grey);

    font-family: "Work Sans", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}


/* =========================================================
   RIGHT VIDEO
   ========================================================= */

.contact_media {
    width: 100%;
    max-width: 926px;
    height: 100%;
    max-height: 640px;
    padding: 0;
    position: relative;

    overflow: hidden;

    background-color: #111111;

    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.contact_video {
    width: 100%;
    height: 640px;
    display: block;

    object-fit: cover;
    object-position: center center;
}


/* =========================================================
   SECTION 2
   ========================================================= */

.contact_form_section {
    width: 100%;
    padding: 96px 0 152px;
    background: var(--brand-stone, #F7F8F8);
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.contact_form_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 72px;
}


/* =========================================================
   LEFT FORM
   ========================================================= */

.contact_form_left {
    width: 100%;
    max-width: 920px;
}


/* =========================================================
   FORM
   ========================================================= */

.contact_form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
}


/* =========================================================
   FORM ROW
   ========================================================= */

.contact_form_row {
    width: 100%;

    display: flex;
    flex-direction: row;

    align-items: flex-start;

    gap: 48px;
}


/* =========================================================
   FIELD
   ========================================================= */

.contact_form_field {
    width: 100%;
    flex: 1 1 0;

    display: flex;
    flex-direction: column;

    gap: 16px;
}


.contact_form_field_full {
    width: 100%;
    flex: 0 0 100%;
}


/* =========================================================
   LABEL
   ========================================================= */

.contact_form_label {
    display: block;

    margin: 0;
    padding: 0;

    color: var(--contact-graphite);

    font-family: "Work Sans", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;

    letter-spacing: 1.1px;

    text-transform: uppercase;
}


/* =========================================================
   INPUT
   ========================================================= */

.contact_form_input {
    width: 100%;
    height: 60px;

    padding: 16px 24px;

    border-radius: 2px;
    border: 1px solid var(--brand-border, #DFE3E4);
    background: var(--brand-surface, #FCFDFD);
    color: var(--contact-graphite);

    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;

    box-shadow: none;

    transition: border-color 0.2s ease;
}


.contact_form_input::placeholder {
    color: var(--contact-graphite);
    opacity: 1;
}


.contact_form_input:focus {
    border-radius: 2px;

    border: 1px solid #DF3F3F;

    background: var(--contact-surface);

    outline: none;
    box-shadow: none;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.contact_form_textarea {
    width: 100%;
    height: 60px;

    padding: 16px 24px;

    resize: none;
    overflow: hidden;

    border-radius: 2px;
    border: 1px solid var(--contact-border);

    background: var(--contact-surface);

    outline: none;

    color: var(--contact-graphite);

    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;
}


.contact_form_textarea::placeholder {
    color: var(--contact-graphite);
    opacity: 1;
}


.contact_form_textarea:focus {
    border-radius: 2px;
    border: 1px solid #DF3F3F;

    background: var(--contact-surface);

    outline: none;
}


/* =========================================================
   TERMS
   ========================================================= */

.contact_form_terms {
    width: 100%;

    display: flex;
    flex-direction: row;

    align-items: center;

    gap: 16px;
}


.contact_form_checkbox {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    margin: 0;

    appearance: none;
    -webkit-appearance: none;

    border-radius: 4px;
    border: 1px solid #D0D0D0;

    background: #FBFBFB;

    cursor: pointer;

    position: relative;
}


.contact_form_checkbox:checked {
    background: var(--contact-red);
    border-color: var(--contact-red);
}


.contact_form_checkbox:checked::after {
    content: "";

    position: absolute;

    width: 6px;
    height: 11px;

    left: 8px;
    top: 4px;

    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;

    transform: rotate(45deg);
}


/* =========================================================
   TERMS TEXT
   ========================================================= */

.contact_form_terms_text {
    margin: 0;

    color: #0E0E0E;

    font-family: "Work Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}


.contact_form_terms_link {
    color: var(--contact-red);

    text-decoration: none;
}


.contact_form_terms_link:hover {
    color: var(--contact-red);
    text-decoration: none;
}


/* =========================================================
   BUTTON
   ========================================================= */

.contact_form_button_wrapper {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.contact_form_button {
    display: flex;

    padding: 16px 27px;
    max-width: fit-content;
    justify-content: center;
    align-items: center;

    gap: 8px;

    border: none;
    border-radius: 999px;

    background: var(--contact-red);

    color: #ffffff;

    font-family: "Work Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.2s ease;
}


.contact_form_button:hover {
    border-radius: 999px;

    background: #0F0F0F;

    color: #ffffff;
}


.contact_form_button_arrow {
    display: inline-flex;

    transition: transform 0.25s ease;
}


.contact_form_button:hover .contact_form_button_arrow {
    transform: translate(2px, -2px);
}


/* =========================================================
   RIGHT INFORMATION CARD
   ========================================================= */

.contact_info {
    width: 100%;
    flex: 0 0 400px;

    padding: 22px 24px;

    border-radius: 2px;
    background: var(--brand-mist, #EAECEC);
    display: flex;
    flex-direction: column;

    gap: 49px;
}


/* =========================================================
   INFO ITEM
   ========================================================= */

.contact_info_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}


/* =========================================================
   INFO LABEL
   ========================================================= */

.contact_info_label {
    display: block;
    margin: 0;
    color: var(--brand-red, #D92F24);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 18.7px */
    letter-spacing: 1.1px;
}


/* =========================================================
   INFO VALUE
   ========================================================= */

.contact_info_value {
    margin: 0;
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 24px */

    text-decoration: none;
}


a.contact_info_value:hover {
    color: var(--contact-graphite);
}

.contact_hero {
    width: 100%;
    height: 700px;

    position: relative;
    overflow: hidden;

    display: flex;
    align-items: flex-end;
    padding:0px;
}

.h-captcha {
    margin-bottom:0px !important;
}

.contact_hero_video {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;

    z-index: 1;
}


.contact_hero_overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    background:
        linear-gradient(180deg,
            rgba(15, 15, 15, 0) 30%,
            rgba(15, 15, 15, 0.18) 45%,
            rgba(15, 15, 15, 0.82) 100%);
}

.contact_hero_content {
    position: relative;

    z-index: 3;

    width: 100%;
    max-width: 1080px;
    padding: 0 0 69px;
}

.contact_hero_label {
    display: block;

    margin-bottom: 16px;
    color: var(--brand-red, #D92F24);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 21px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


.contact_hero_heading {
    margin: 0;
    color: var(--brand-on-dark, #F2F4F4);
    font-family: "Butler";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    /* 84.32px */
}

.contact_hero_heading span {
    color: var(--brand-red, #D92F24);
    font-family: "Butler";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
}


/* MODAL */

.contact_success_modal {
    width: 100%;
    border-radius: 24px;
    border: 1px solid var(--base-03, #BDBDBD);
    background: var(--base-white, #FFF);
    overflow: hidden;
}

.modall_centerrr {
    max-width: 585px;
}


.contact_success_modal_body {
    min-height: 150px;

    display: flex;
    width: 585px;
    padding: 64px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}


/* Title */

.contact_success_modal_title {
    margin: 0 0;
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
    /* 70.56px */
}


/* Description */

.contact_success_modal_text {
    color: var(--brand-cool-grey, #6B7275);
    text-align: center;
    font-family: "Work Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    /* 28.56px */
    margin-bottom: 0px;
}


/* Button */

.contact_success_modal_button {
    display: flex;

    padding: 10px 22px;

    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 999px;
    background: var(--brand-red, #D92F24);
    color: var(--brand-surface, #FCFDFD);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 21px */

    transition: background 0.2s ease;
    height: 53px;
}


.contact_success_modal_button:hover {
    background: #0F0F0F;
    color: #ffffff;
}


.dashboard_briefs_section {
    width: 100%;
    padding: 101px 0 64px;
    background: var(--brand-stone, #F7F8F8);
}


.dashboard_briefs_content {
    width: 100%;
    padding-top: 96px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.dashboard_briefs_label {
    margin: 0 0 24px;
    padding: 0;
display: flex;
align-items: center;
gap: 8px;
    color: #1F2325;

    font-family: "Work Sans", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;

    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.dashboard_briefs_title {
    margin: 0 0 24px;
    padding: 0;

    color: #1F2325;

    font-family: "Butler", Georgia, "Times New Roman", serif;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
}

.dashboard_briefs_title span {
    color: #D92F24;
}


.dashboard_briefs_description {
    margin: 0;
    padding: 0;

    color: #6B7275;

    font-family: "Work Sans", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}


.dashboard_page {
    width: 100%;
    padding: 0px 0px 104px;
    background: var(--brand-stone, #F7F8F8);
}

.dashboard_page_layout {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
}

.dashboard_page_content {
    min-width: 0;
    flex: 1 1 auto;
}


/* =========================================================
   SIDEBAR
========================================================= */

.dashboard_sidebar {
    flex: 0 0 300px;
    position: sticky;
    top: 32px;
    display: flex;
    width: 300px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 2px;
    background: var(--brand-mist, #EAECEC);
}

.dashboard_sidebar_nav {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dashboard_sidebar_link {
    position: relative;
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 16px 0px;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;
    text-decoration: none;
    transition: color 0.2s ease;
}

.dashboard_sidebar_link:hover {
    color: var(--dashboard-graphite);
text-decoration: none;
    
}

.dashboard_sidebar_link_active {
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 24px */
    ;
    margin-bottom: 0px;
}



/* =========================================================
   SECTION LABEL
========================================================= */

.dashboard_section_label {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 16px;

    color: var(--dashboard-graphite);

    font-family: "Work Sans", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 170%;

    letter-spacing: 1.1px;
    text-transform: uppercase;
}



/* =========================================================
   COMMON HEADINGS
========================================================= */

.dashboard_live_title,
.dashboard_files_title,
.dashboard_invoice_title,
.dashboard_account_title {
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
    /* 70.56px */
}

.dashboard_live_title span,
.dashboard_files_title span,
.dashboard_invoice_title span,
.dashboard_account_title span {
    color: var(--brand-red, #D92F24);
}



.dashboard_live_section {
    padding: 0 0 64px;

    scroll-margin-top: 120px;
}

.dashboard_live_header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    margin-bottom: 24px;
}

.dashboard_live_title {
    margin: 0 0 16px;
}

.dashboard_live_description {
    margin: 0;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    /* 28.56px */
}

.dashboard_live_list {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 16px;
}

.dashboard_live_item {
    width: 100%;
    min-height: 96px;
    display: flex;
    padding: 32px 40px;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 2px;
    border: 1px solid var(--brand-border, #DFE3E4);
    background: var(--brand-surface, #FCFDFD);
}

.dashboard_live_content {
    min-width: 0;
    flex: 1 1 auto;

    display: flex;
    flex-direction: column;
}

.dashboard_live_category {
    margin-bottom: 8px;
    color: var(--brand-red, #D92F24);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 18.7px */
    letter-spacing: 1.1px;
}

.dashboard_live_name {
    margin: 0;

    color: var(--dashboard-graphite);
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    /* 34.32px */
}

.dashboard_live_status {
    min-width: 72px;
    margin: 0 32px;
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    justify-content: center;
    border-radius: 999px;
    background: var(--brand-graphite, #1F2325);
    color: var(--brand-surface, #FCFDFD);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 18.7px */
    letter-spacing: 1.1px;
    text-transform: uppercase;
}
.dashboard_live_status_delivered {
    border-radius: 999px;
    background: var(--brand-mist, #EAECEC);
    color: var(--brand-cool-grey, #6B7275);
}

.dashboard_live_due {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    /* 25.5px */
}

.dashboard_live_due strong {
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 24px */
}


/* =========================================================
   FILES
========================================================= */

.dashboard_files_section {
    padding: 0px 0px 64px;

    scroll-margin-top: 120px;
}

.dashboard_files_header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    margin-bottom: 24px;
}

.dashboard_files_title {
    margin: 0 0 16px;
}

.dashboard_files_description {
    margin: 0;

    color: var(--dashboard-grey);

    font-family: "Work Sans", sans-serif;
    font-size: 15px;
    line-height: 165%;
}

.dashboard_files_list {
    width: 100%;

    display: flex;
    flex-direction: column;
}

.dashboard_files_item {
    width: 100%;
    min-height: 72px;
    padding: 24px 0;
    display: flex;
    align-items: center;
    border-top: 1px solid #DFE3E4;
    justify-content: space-between;
}

.dashboard_files_item:last-child {
    border-bottom: 1px solid #DFE3E4;
}

.dashboard_files_name {
    width: 35%;
    margin: 0;
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    /* 34.32px */
}

.dashboard_files_category {
    width: 17%;
    color: var(--brand-red, #D92F24);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 18.7px */
    letter-spacing: 1.1px;
}

.dashboard_files_date {
    width: 18%;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    /* 25.5px */
}

.dashboard_files_desktop_view {
    width: 48%;

    display: flex;
    align-items: center;
    justify-content: space-between;
}


.dashboard_files_desktop_view .dashboard_files_date {
    width: 35%;
}


.dashboard_files_desktop_view .dashboard_files_format {
    width: 27%;
}


.dashboard_files_desktop_view .dashboard_files_size {
    width: 20%;
}


.dashboard_files_mobile_view {
    display: none !important;
}

.dashboard_files_format {
    width: 11%;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 18.7px */
    letter-spacing: 1.1px;
}

.dashboard_files_size {
    width: 7%;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 18.7px */
    letter-spacing: 1.1px;
}

.dashboard_files_button {
    width: 100%;
    height:53px;
    max-width: 146px;
    padding: 16px 27px;
    border-radius: 999px;
    border: 1px solid #1F2325;
    background: transparent;
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 21px */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: 0.2s ease;
}

.dashboard_files_button:hover {
    background: #0F0F0F;
    color: #ffffff;
}


/* =========================================================
   INVOICES
========================================================= */

.dashboard_invoice_section {
    padding: 0 0 64px;

    scroll-margin-top: 120px;
}

.dashboard_invoice_header {
    display: flex;
    flex-direction: column;

    margin-bottom: 24px;
}

.dashboard_invoice_title {
    margin: 0 0 16px;
}

.dashboard_invoice_description {
    margin: 0;

    color: var(--dashboard-grey);

    font-family: "Work Sans", sans-serif;
    font-size: 15px;
    line-height: 165%;
}

.dashboard_invoice_list {
    width: 100%;

    display: flex;
    flex-direction: column;
}

.dashboard_invoice_item {
    width: 100%;

    min-height: 64px;

padding: 24px 0;
    display: flex;
    align-items: center;

    border-top: 1px solid #DFE3E4;
}

.dashboard_invoice_item:last-child {
    border-bottom: 1px solid #DFE3E4;
}

.dashboard_invoice_number {
    width: 25%;
color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 34.32px */
}

.dashboard_invoice_date {
    width: 15%;
color: var(--brand-cool-grey, #6B7275);
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 25.5px */
}

.dashboard_invoice_items {
    width: 15%;
color: var(--brand-cool-grey, #6B7275);
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 25.5px */
}

.dashboard_invoice_amount {
    width: 20%;
color: var(--brand-graphite, #1F2325);
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

.dashboard_invoice_status {
    min-width: 50px;
padding: 8px 16px;
border-radius: 999px;
background: var(--base-success-green, #47B147);
color: var(--base-white, #FFF);
font-family: "Work Sans";
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 18.7px */
letter-spacing: 1.1px;
}

.dashboard_invoice_button {
    margin-left: auto;
    width: 100%;
    height:53px;
    max-width: 180px;
    padding: 16px 27px;
    border-radius: 999px;
    border: 1px solid #1F2325;
    background: transparent;
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 21px */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: 0.2s ease;
}

.dashboard_invoice_button:hover {
    background: #0F0F0F;
    color: #ffffff;
}


/* =========================================================
   ACCOUNT
========================================================= */

.dashboard_account_section {
    padding:  0 0;
    scroll-margin-top: 120px;
}

.dashboard_account_header {
    margin-bottom: 32px;
}

.dashboard_account_title {
    margin: 0;
}

.dashboard_account_form {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 24px;
}

.dashboard_account_subtitle {
    margin: 0;
color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 39.6px */
}

.dashboard_account_row {
    width: 100%;

    display: flex;

    gap: 24px;
}

.dashboard_account_field {
    min-width: 0;

    flex: 1 1 0;
}

.dashboard_account_field_label {
    display: block;

    margin-bottom: 16px;
color: var(--brand-graphite, #1F2325);
font-family: "Work Sans";
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 18.7px */
letter-spacing: 1.1px;
}

.dashboard_account_input {
    width: 100%;
    height: 60px;
    padding: 16px 24px;
    border-radius: 2px;
    border: 1px solid var(--brand-border, #DFE3E4);
    background: var(--brand-surface, #FCFDFD);
    color: var(--contact-graphite);

    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;

    box-shadow: none;

    transition: border-color 0.2s ease;
}


.dashboard_account_input::placeholder {
    color: var(--contact-graphite);
    opacity: 1;
}


.dashboard_account_input:focus {
    border-radius: 2px;

    border: 1px solid #DF3F3F;

    background: var(--contact-surface);

    outline: none;
    box-shadow: none;
}


.dashboard_account_dob {
    width: 100%;

    display: flex;

    gap: 16px;
}

.dashboard_account_button {
display: flex;
width: 327px;
padding: 16px 28px;
justify-content: center;
align-items: center;
gap: 8px;
    cursor: pointer;
border-radius: 999px;
background: var(--brand-red, #D92F24);
    transition: background 0.2s ease;
    color: var(--brand-surface, #FCFDFD);
font-family: "Work Sans";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
outline:none;
border:none;
}

.dashboard_account_button:hover {
    background: #0F0F0F;
}


/* DashBoard Empty */

.dashboard_empty_input {
    width: 100%;
    height: 204px;
padding: 40px 54px 135px 40px;
    border: 1px solid #DFE3E4;
    border-radius: 2px;
background: var(--brand-mist, #EAECEC);
color: #000;
font-family: "Work Sans";
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 168%; /* 28.56px */
    outline: none;

    resize: none;
        overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.dashboard_empty_input::placeholder {
    color: #6B7275;
    opacity: 1;
}

.dashboard_empty_input:focus {
    border-color: #DF3F3F;
}