.blog-section .title{margin:1rem;width:100%;text-align:left;font-size:36px;border-left:0.2rem solid #ED2927;font-weight:650;line-height:120%;letter-spacing:-1px}@media (max-width: 767.98px){.blog-section .title{text-align:center;border:none;width:90%;max-width:90%}}.blog-section .button{position:absolute;right:0;bottom:0;width:50%}.blog-section .mobile-button{width:90%;max-width:90%;margin:0.5rem 1rem}.blog-section .blog-container .blog-card{text-decoration:none;color:black}.blog-section .blog-container .blog-card .blog{position:relative;border-color:#B3CEEC;border-radius:1rem;aspect-ratio:1 / 0.8;overflow:hidden}.blog-section .blog-container .blog-card .blog .blog-background,.blog-section .blog-container .blog-card .blog .blog-opacity{object-fit:cover;border-radius:1rem;position:absolute;width:100%;height:100%}.blog-section .blog-container .blog-card .blog .position-up{object-position:50% 10%}.blog-section .blog-container .blog-card .blog .blog-opacity{background:radial-gradient(farthest-side, rgba(10,45,75,0.6) 48%, transparent 0%) no-repeat,transparent;background-size:300% 300%;background-position:top right;transition:0.5s ease}.blog-section .blog-container .blog-card .blog .blog-category{position:absolute;top:.75rem;left:.75rem;z-index:2;padding:.35rem .6rem;border-left:0.2rem solid #ED2927;border-radius:4px;font-size:12px;font-weight:600;line-height:1;color:#0A2D4B;background:white;pointer-events:none;max-width:85%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.blog-section .blog-container .blog-card .blog-title{margin:0.5rem 0;text-align:left;font-size:18px;line-height:120%;width:100%;font-weight:600;letter-spacing:-1px;transition:0.5s ease}.blog-section .blog-container .blog-card .blog-line{width:100%;height:1px;background-size:200% 200%;background-image:linear-gradient(to right, #ED2927 50%, transparent 0);background-position:right;transition:0.5s ease}.blog-section .blog-container .blog-card .date-time{margin:0.5rem 0;width:100%;text-align:left;font-size:12px;font-weight:400}.blog-section .blog-container .blog-card:hover .blog-opacity{background-position:center}.blog-section .blog-container .blog-card:hover .blog-title{color:#ED2927}.blog-section .blog-container .blog-card:hover .blog-line{background-position:left}