/* blogs */
.blogCards{display: flex;gap:2rem;flex-wrap:wrap;justify-content:center;}
.blogCards .card{flex:1 1 300px;max-width:400px;border:1px solid rgb(202, 230, 255);cursor: pointer;color:var(--colText);border-radius:.5rem;overflow: hidden;}
.blogCards .imgBox{width:100%}
.blogCards .imgBox img{width:100%;height:220px;}
.blogCards .textBox{padding:.5rem 1rem;}
.blogCards .ttl{font-size:1.1rem;margin-bottom:.5rem;text-transform:capitalize;min-height: 58px;font-weight:normal;}
.blogCards .sml-text{color:gray;font-style: italic;}
.blogCards .card:hover .ttl{text-decoration:underline}

.tocBox{background: #f7fbff; padding: 20px; border: 1px solid #e2f2ff; margin: 25px 0;max-width:max-content;border-radius:9px;}
.tocBox a{color:inherit;}
.tableBox{background: #f0f8ff3e;max-width:max-content;overflow-x: auto;}

.creditBox p{margin-bottom: 1rem;color:#222}
.creditBox p a{color:#222}
.creditBox p span{display:block;font-weight: bold;position: relative;color:gray;}
.creditBox p span:after{content:'';position: absolute;width:100%;bottom:0;left:0;border-bottom:1px solid lightgray;}

.CTARow{background: #eef9f1; padding: 15px; border-left: 5px solid #25D366; margin-bottom: 25px;}

.float-right-img{float: right;margin: 0 0 9px 9px;}


[id]{scroll-margin-top: 100px;}