.sl00{display:flex;align-items:flex-start;gap:20px;height:400px;margin-bottom:40px}
.custom-slider{position:relative;width:90%;height:400px;margin:auto;overflow:hidden}
.custom-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out;z-index:0}
.custom-slide.active{opacity:1;z-index:1}
.right-news{display:flex;flex-direction:column;justify-content:space-between}
.right-news .post-title{font-size:16px !important}
.custom-slide img{width:100%;height:100%;object-fit:cover}
.custom-overlay{position:absolute;bottom:0;width:100%;padding: 85px 0 50px 30px;background:linear-gradient(to top, rgb(0 0 0 / 95%), transparent)}
.custom-text a{font-size:22px;line-height:30px;color:#FFF;font-family:'Roboto', sans-serif;text-transform:uppercase}
.custom-dots{position:absolute;bottom:15px;width:100%;text-align:center;z-index:10}
.custom-dot{display:inline-block;width:12px;height:12px;margin:0 5px;background-color: rgba(255, 255, 255, 0.5);border-radius:50%;cursor: pointer;transition:background-color 0.3s ease}
.custom-dot.active{background-color:rgba(255, 255, 255, 1)}
.pp125{height:150px;position:relative;overflow:hidden;font-size:16px !important}pp125::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom, transparent, white)}
@media(max-width:768px){.right-news{display:none}.sl00{grid-template-columns:1fr}.custom-slider, .right-news{width:100%}}
.card22-grid{display:grid;grid-template-columns:1fr;gap:20px}.card22{position:relative;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;display:block;height:100%}
.card22 img{width:100%;height:auto;display:block;transition: transform 0.3s ease}.card22-overlay{position:absolute;inset:0;background-color:rgba(0, 0, 0, 0);transition: background-color 0.3s ease;z-index: 2}
@media (min-width: 768px){.card22-grid{grid-template-columns: repeat(2, 1fr)}}.card22-gradient{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0) 43%);z-index:3}.card22-content{position:absolute;bottom:0;left:0;right:0;padding:16px;z-index:4}.card22-title{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.4;margin:0;max-height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.card22-description{margin-top:12px;font-size:0.95rem;opacity:0;color:#fff;max-height:0;overflow:hidden;transition: opacity 0.4s ease, max-height 0.4s ease}
.card22:hover .card22-overlay{background-color:rgba(0, 0, 0, 0.7)}.card22:hover .card22-description{opacity:1;max-height:200px}