:root {
    --primary-clr: #ae1d2c;
    --primary-light-clr: #fee7e9;
    --secondary-clr: #122b6e;
    --white-clr:#fff;
    --body-clr:#f9f9f9;
    --font-clr:#6b7380;
    --border-clr:#e8e8e8;

}

body{
    background-color: var(--body-clr)!important;
}
h4, h3, h2 {
    font-weight: 600;
}
.btn.theme-button{
    color: var(--white-clr);
    border: 0px;
    border-radius: 4px;
}
.btn.theme-button:hover{
    background-color: var(--secondary-clr);
    color: var(--white-clr);
}
.btn.primary-button{
    background-color: var(--primary-clr);
}
.btn.secondary-button{
    background-color: var(--primary-light-clr);
    color: var(--primary-clr);
}

.theme-section {
    background-color: var(--white-clr);
    border: solid 1px var(--border-clr);
    border-radius: 0.5rem;
    padding: 2rem;
    margin-bottom: 3rem;
}

.theme-section p, .theme-section .basic-info .table>tbody>tr>td span.tb-title{
    color: var(--font-clr);
}
.theme-section hr {
    margin: 2rem -2rem 1rem;
}
.theme-section .basic-info .table>tbody>tr>td, .theme-section .basic-info{
    border: 0px!important;
}
.theme-section .basic-info .table>tbody>tr>td span{
    display: block;
}
.theme-section .basic-info .table>tbody>tr>td span.tb-title {
    font-size: 12px;
}
.theme-section .table>tbody>tr>td, .theme-section .table>tbody>tr>th {
    text-transform: capitalize;
}
.theme-section .basic-info .table>tbody>tr>td {
    padding-left: 0;
}
.theme-section .table-responsive.morrtgage-table .table>thead>tr>th{
    color: var(--white-clr);
    background-color: var(--primary-clr);
}
.theme-section .table-responsive.morrtgage-table .table{
    border: solid 1px var(--border-clr);
}
section#address_form button#address_submit{
    padding: 1rem 3rem;
}

@media (min-width:768px) {
    .dp-flex{
        display: flex;
        align-items: center;
    }
    .theme-section .basic-info .table>tbody>tr>td{
        width: 33%;
    }
    .theme-section .basic-info .table>tbody>tr>td:first-child {
        padding-left: 0;
    }
}

@media (max-width:767px) {
    .theme-section .basic-info .table>tbody>tr>td{
        display: flex;
        flex-direction: column;
    }
}