.card-section {
    display: grid;
    gap: 20px;
    padding: 2px;
}

.card {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0px;
    overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
     flex: 1 1 calc(33.33% - 20px);
     justify-content: space-between;
  
}

.blog-cards {
    /*box-shadow: 0px 4px 4px 0px #00000040;*/

}
.card-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.card-content {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.card-content h3 {
    font-size: var(--h3);
    margin: 0px;
    color: #000000;
font-weight: 600;
line-height: 32px;
text-align: left;
padding: 2% 0px;    padding-top: 0;

}

.card-content p {
    font-size: var(--p);
    margin: 0 0 15px;
font-weight: 400;
line-height: 1.5;
text-align: left;
color:#000000;


}

.card-link {
    text-decoration: none;
    color: #2B3B94;
    font-weight: bold;
    font-size: 0.9rem;
    align-self: flex-start;
font-size: 22px;
font-weight: 700;
line-height: 48px;
text-align: left;


}

.card-link:hover {
    text-decoration:none;
}

a.card-link {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
}
.blog-card-link {
    display: flex
;
    justify-content: space-between;}

/*.card:nth-child(1) {
    flex: 1 1 auto; 
    display: flex;
    flex-direction: row; 
    gap: 20px;
}

.card:nth-child(1) .card-img {
    width: 50%; 
    height: auto;
    object-fit: cover;
}

.card:nth-child(1) .card-content {
    padding: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/

.blog-col ul { grid-template-columns: 1fr 1fr 1fr;
  }
  
  /*.blog-col ul li{padding:1rem;}*/

/* .blog-col ul li:nth-child(1){grid-area: a;}*/
  
/* .blog-col ul li:nth-child(2){grid-area: b;}*/
/* .blog-col ul li .card-content {*/
/*    padding: 4% 7.5%;*/
/*}*/
 /* .blog-col ul li:nth-child(2) .card-content {
   padding: 10% 20px;} */
/*.blog-col ul li:nth-child(2) .card-content .blog-content {*/
/*    padding: 7% 0px;}*/
    
 /*.blog-col ul li:nth-child(3){grid-area: c;}*/
 
 /* .blog-col ul li:nth-child(3) .card-content {
    padding: 10% 20px;} */
/*.blog-col ul li:nth-child(3) .card-content .blog-content {*/
    /*padding: 7% 0px;}*/
 
 
 @media only screen and (max-width: 781px)  
{
  
.blog-col ul {display: inline-block!important;}

    .blog-col ul li:nth-child(2) .card-content {
    padding: 2% 20px;}
.blog-col ul li:nth-child(2) .card-content .blog-content {
    padding: 0% 0px;}
     .blog-col ul li:nth-child(3) .card-content {
    padding: 2% 20px;}
.blog-col ul li:nth-child(3) .card-content .blog-content {
    padding: 0% 0px;}
    
 /*.blog-col ul li:nth-child(1){grid-area:none;}

 .blog-col ul li:nth-child(2){grid-area: none;}

 .blog-col ul li:nth-child(3){grid-area: none;} */
 
 .card{height: auto!important; padding: 0% 0%;}
    
    .blog-cards {
    padding: 15px 0px;}
    
    .card-link{height: auto!important;}
}
 
 
 
 