html {
    --top-spacing: 100px; 
    scroll-padding-top: var(--top-spacing);
    /* scroll-behavior: smooth; */
 }
 
 body {
    margin-top: var(--top-spacing);
 }

 .head-banner {
    /* background-color: azure; */
    background-color: #346F91;
 }

.anchor {
    position: relative;
    top: var(--top-spacing);
}

.bline {
    color: #346F91;
    border-width: 2.5px; 
    border-top-style: solid;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:50%;
}
.center95 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:95%;
}
.center75 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:75%;
}
.center40 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:40%;
}
.center25 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:25%;
}
.center5 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:7%;
}

.cSelect {
    color: #346F91;
}

.hParag {
    border-width: 10px;
    border-left-style: solid;
    color: #346F91; 
    margin-left: 5%;
    padding-left: 3%;
}

.tabChr {
    background-color: #346F91; 
    border-color: #346f91; 
    color:white; 
    text-transform: uppercase;
    
}

.tdPadd {
    padding-left: 40px;
}