.card-header-about{
    padding: 8rem 0 2rem 0;
    font-family: hkgrotesk, sans-serif;
    font-size: medium;
    color: #fff;
    display: flex;
}
/*
.bg-image{
    padding: 2rem 2rem 0 1rem;
    margin: 0.2rem 2rem 0 3rem;
} */

/* .clc-img {
    padding: 2rem 0 0 0;
    margin: 0.2rem 2rem 0 3rem;
} */

.faq{
    padding: 9rem 0 0 0;
}

.faq-card{
    margin: 0 1rem 0 1rem;
    padding: 0 1rem 0 1rem;
}

.caption{
    font-size: medium;
}

.p-2{
    color: var(--vz-gray-800);
    font-size: 1rem;
}

#right{
    display: flex;
    justify-content: flex-end;
}
.about-text{
    font-size: medium;
    margin: 20px 30px 0px 50px;
}

.contact-grid{
    /* margin: 1rem 2rem 0 3rem; */
    font-size: medium;
}

.boxes{
    margin: 2rem 1rem 1rem 1rem;
    font-size: medium;
    font-family: hkgrotesk, sans-serif;
}

.alt-txt{
    margin: 1rem 0 0 1rem;
    font-family: hkgrotesk, sans-serif;
}

.txt{
    color: #000;
    font-family: hkgrotesk, sans-serif;
}
.txt-c{
    margin: 1rem 1rem 0 1rem;
    color: #000;
    font-family: hkgrotesk, sans-serif;
}

.contact-header{
    color: #000;
    font-family: hkgrotesk, sans-serif;
}

.cus-card-light.card-body {
    background-color: #f3f3f9;
    color: gray;
    min-height: 135px;
}

.cus-card-light{
    border-style: solid;
    border-color: black;
}

.cus-card-light.card-body:hover{
    color: #fff;
    background: rgb(10,179,156);
    background: linear-gradient(90deg, rgba(10,179,156,1) 0%, rgba(9,121,110,1) 54%, rgba(74,164,185,1) 92%);
}

.public-input{
    display: grid;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-right {
    position: absolute;
    top: .5px;
    right: 18px;
    font-size: 18px;
    height: 25px;
    width: 25px;
    display: inline-block;
  }
.card .cardheader {
    background: url(../img/new_qr_bg.png);
    background-size: cover;
    height: 135px;
}

/* Data Tables */
.dt-search{
    justify-self:self-end
}
.dt-length{
    float:left;
    justify-self: start;
}

/* forprinting */
@media print {
    #print-section {
        display: block;
    }
    body * {
        visibility: hidden !important;
    }
    #print-section, #print-section * {
        visibility: visible !important;
    }
}