:root{
    --bg-dark-blue: #010A35;
    --bg-light-blue: #F0F4FF;
    --bg-tomato: #FF800F;
    --bg-off-white: #F6F7F8;
    --txt-prime-wt: #fff;
}


/* ===== / ===== / ===== dark-block ===== / ===== / ===== */

.dark-block{
    background: var(--bg-dark-blue) !important;
    color: var(--txt-prime-wt) !important;
}

/* ===== // ===== // ===== dark-block ===== // ===== // ===== */



/* ===== / ===== / ===== hm-Services ===== / ===== / ===== */

.bg-colored{
    background: var(--bg-tomato) !important;
}

.hm-srv-hed {
    padding: 20px 0px;
    color: var(--txt-prime-wt) !important;
    font-size: 1.2rem !important;
    
    text-decoration: underline !important;
    text-decoration-color: var(--bg-tomato) !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px;
}

.serv-sub-hd{
        /* padding: 20px 0px; */
        /* color: var(--txt-prime-wt) !important; */
        font-size: 2rem !important;
}

/* ===== // ===== // ===== hm-Services ===== // ===== // ===== */



/* ===== / ===== / ===== hm-about-ceo ===== / ===== / ===== */

/* ===== // ===== // ===== hm-about-ceo ===== // ===== // ===== */







/* ===== / ===== / ===== hm-Blogs ===== / ===== / ===== */
.blg-crd {
    /* background-color: var(--bg-light-blue); */
    border: 2px solid var(--bg-off-white);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* margin: 20px; */
    /* padding: 20px; */
    position: relative;
}

.blg-crd:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.hm-blg-crd-text {
    font-size: 16px;
    line-height: 1.5em;
    max-height: 6.25em; /* ~3.5 lines */
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 10px;
}

.hm-blg-crd-text::first-letter {
    font-size: 4.5em;
    font-weight: bold;
    color: var(--bg-dark-blue);
}

.hm-blg-crd-footer {
    background-color: var(--bg-off-white);
    border-radius: 5px;
}

.hm-blg-crd-date {
    font-size: 14px;
}
/* ===== // ===== // ===== hm-Blogs ===== // ===== // ===== */