@import url('https://fonts.googleapis.com/css2?family=Genos:ital,wght@0,100..900;1,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    background: #e6f8fe;
}

.text-primary {
    /* --bs-text-opacity: 1; */
    color: #2A347F !important;
}

.fw-bold {
    font-weight: 600 !important;
    font-size: 31px;
}

.mt-2 {
    margin-top: .5rem !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: rgb(0 0 0 / 85%) !important;
    font-size: 18px !important;
}

.bgd {
    background-image: url('../images/maylaproducts/cost_estimation/6.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cost-estimation-box {
    padding: 30px;
}

.cost-table thead {
    background-color: #333;
    color: white;
}

.product-icon {
    width: 28px;
    margin-right: 7px;
}

.table td, .table th {
    vertical-align: middle;
}

.total-input {
    width: 150px;
    float: right;
}

.total-label {
    text-align: right;
}

.custom-checkbox {
    width: 20px;
    height: 20px;
    accent-color: #606ca1; /* Optional: adds Bootstrap blue color */
    cursor: pointer;
}

.thback {
    background: #979797 !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px;
}

.tdback {
    background: transparent !important;
    font-size: 18px;
    font-weight: 400;
}

.pricecal {
    text-align: end;
}

.seall {
    width: 30px;
    height: 19px;
    accent-color: #606ca1;
}

.me-2 {
    margin-right: .5rem !important;
    font-size: 24px;
}

.total-input {
    width: 150px;
    display: inline-block;
}

.tot {
    width: 150px;
    text-align: end;
    font-size: 19px;
}

.logo {
    height: 40px;
}

.nav-link {
    font-size: 13px;
    font-weight: 500;
}