body.client-dashboard-template-default h1.section-header {
    text-transform: uppercase;
    margin-bottom: 80px;

}

.project-timeline-header {
    text-transform: uppercase;
}

body.client-dashboard-template-default h1.section-header.btn-get-started-title {
    margin-bottom: 0;
}

html,
body.client-dashboard-template-default {
    background: #2E364C;
}

body.client-dashboard-template-default p,
body.client-dashboard-template-default h1,
body.client-dashboard-template-default h2,
body.client-dashboard-template-default h3,
body.client-dashboard-template-default h4,
body.client-dashboard-template-default h5,
body.client-dashboard-template-default h6,
body.client-dashboard-template-default li,
body.client-dashboard-template-default th,
body.client-dashboard-template-default tr,
body.client-dashboard-template-default td,
body.client-dashboard-template-default small,
body.client-dashboard-template-default i,
body.client-dashboard-template-default strong,
pre {
    color: white;
}

a {
    transition: .25s;
    color: #FDC879;
}

a:hover {
    color: white;
    text-decoration: underline;
}

#masthead {
    display: none;
}


.quote-template-default #content p.quote-section-description,
.quote-template-default #content p.quote-section-title,
.quote-template-default #content p.quote-section-subtitle {
    padding: 0;
    margin: 0;
}

.quote-template-default #content p.quote-section-subtitle {
    font-style: italic;

    display: none;
}


.quote-template-default #content p.quote-section-title {
    font-size: 36px;
    font-weight: bold;
}

.client-dashboard-template-default header#masthead:not(.is_transparent)+#content,
#page:not(.home #page) {
    margin: 0;
}

#content p {
    font-size: 18px;
    padding: 10px 0px;
    margin: 0;
    line-height: 150%;
    padding-top: 20px;
    padding-bottom: 20px;
}

#content li {
    line-height: 200%;
    margin-top: 0;
}

#content .client-name,
#content .business-name {
    font-size: 32px;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#content p.project-plan-title {
    font-size: 64px;
    font-weight: 900;
    text-transform: uppercase;

}


.additional-details {
    background: #192032;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid white;
}

.btn-get-started {
    color: black !important;
    font-weight: bold;
    background: #FFC56E;
    border: 4px solid white;
    border-radius: 14px;
    max-width: 400px;
    width: 100%;
    height: 60px;
}

.table td {
    border: 1px solid #dee2e6;
}

.expand-details {
    font-weight: 500;
    font-size: 14px;
    background: white;
    color: #2e364c !important;
    padding: 10px 40px;
    border-radius: 10px;
    display: inline-block;
    margin: 10px 0;
    display: none;
}

.expand-details:hover {
    cursor: pointer;
}

body {
    font-size: 16px;
}

::selection {
    color: #2E364C;
    background-color: white;
}

.approved-status {
    color: #73ff73;
}

.accepted-date {
    font-style: italic;
    font-size: 12px;
    position: relative;
    top: -10px;
}

.screenshot {
    border: 2px solid white;
    margin: 20px 0;
}

.content-area {
    border: none;
    float: none;
    padding: 0;
    width: 100%;
}

.quote-background {
    position: relative;
    /*background:url('/wp-content/uploads/2022/04/mental-health-marketing-background.webp');*/
    background: url('/wp-content/uploads/2023/04/quote-background.png');
    background-size: cover;
    background-position: center center;
    height: 100vh;
    width: 100%;
}

.quote-background:before {
    content: "";
    height: 100%;
    width: 100%;
    background: #373737;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

.client-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.client-dashboard-template-default .quote-content {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.btn-accept-quote {
    border-radius: 2px;
    margin: 20px auto;
    color: #565656;
    background-color: #292929;
    display: block;
    padding: 10px;
    text-align: center;
    width: 50%;
    max-width: 600px;
    transition: 1s;
}

.btn-accept-quote:hover {
    background-color: #00aabe;
}

.swal2-popup.swal2-modal.swal2-show {
    border: 1px solid white;
}

.swal2-popup.swal2-modal.swal2-show button {
    font-size: 16px;
}

.swal2-popup.swal2-modal.swal2-show {
    width: 600px;
}

button.swal2-confirm.swal2-styled {
    box-shadow: none;
}

button.swal2-confirm.swal2-styled {
    color: #161616;
}

.swal2-title strong {
    padding: 0 10px;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active,
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none !important;
}

.swal2-icon.swal2-success .swal2-success-fix {
    width: .5375em !important;
}

button.swal2-styled {
    /* background: white; */
    /*opacity: .75;*/
    transition: .25s;
}

button.swal2-styled:hover {
    /* background: white; */
    opacity: 1 !important;
}

#swal2-title {
    display: inline !important;
}

.swal2-popup.swal2-modal.swal2-show {
    width: auto;
}


.payment-schedule td {
    border: 2px solid #fff;
    padding: 6px !important;
    font-style: italic;
    text-align: center;
}

.payment-schedule {
    max-width: 400px;
}


.entry-content .submit-quote:hover {
    cursor: pointer;
    background: white;
}

h2#swal2-title {
    font-size: 30px;
    font-weight: 800 !important;
    font-family: 'Poppins' !important;
    text-transform: uppercase;
    color: white;
}

.swal2-confirm,
.swal2-deny,
.swal2-cancel {
    font-weight: bold !important;
}


/* #footer{
	position:absolute;
	bottom:0px;
	width:100%;
} */

#footer_columns {
    display: none;
}

#content p.quote-section-title {
    margin-top: 40px;
}

#content p.quote-timeline-title {
    font-size: 24px;
    font-weight: 400;
}

#content ul.quote-timeline-item li {
    font-size: 16px;
}

.deliverable-section {
    margin-bottom: 300px;
}

ul {
    list-style-position: inside;
    /* Ensures bullets are inside the list item's box */
}

li {
    padding-left: 20px;
    /* Adjust as needed to create indentation */
    text-indent: -20px;
    /* Negative indent to offset the initial padding */
}

@media all and (max-width: 1470px) and (min-width:1000px) {}

@media all and (max-width: 999px) and (min-width:600px) {
    table {
        width: 100%;
    }
}

@media all and (max-width: 600px) and (min-width:200px) {

    .swal2-popup.swal2-modal.swal2-show {
        max-width: 100%;
    }

    .project-plan-title {
        font-size: 40px !important;
        margin-top: 0px;
    }

    table {
        width: 100%;
    }

    #content p,
    #content ul li,
    #content ol li {
        font-size: 14px;
    }

    .additional-details {
        padding: 10px;
    }

    th {
        font-size: 14px;
        font-weight: 400;
    }

    table td {
        font-size: 14px;
    }

    .additional-details h3 {
        font-size: 18px;
        margin-top: 60px;
    }

    .additional-details p,
    .additiona-details li {
        font-size: 14px;
    }

    .hide-desktop {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    .section-padding {
        padding: 30px 0;
    }

    .two-column-list {
        columns: 1;
        -webkit-columns: 1;
        /* For Safari and old versions of Chrome */
        -moz-columns: 1;
        /* For Firefox */
        max-width: 600px;
    }


    #content .section-header {
        font-size: 24px;
    }

    #content p.quote-section-title {
        font-size: 20px;
    }

    .quote-section-description {
        font-size: 15px;
    }

    #content .client-name,
    #content .business-name {
        font-size: 24px;
    }

    .quote-content {
        padding: 4px;
    }

    .deliverable-section {
        margin-bottom: 200px;
    }


}