.related-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:36px 26px;align-items:stretch}.related-card{overflow:hidden;display:flex;flex-direction:column;gap:9px}.related-body{display:flex;flex-direction:column;height:100%}.related-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:60px}.related-top h4{color:#060812;font-size:30px;font-weight:500;line-height:120%;letter-spacing:-0.6px}.related-thumb{width:100%;overflow:hidden;border-radius:24px;flex-shrink:0;aspect-ratio:4/3;display:grid}.related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.related-title{margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.related-title a{display:block;text-decoration:none;color:#060812;font-weight:500;line-height:132%;letter-spacing:-0.48px;overflow-wrap:break-word}.related-title a:hover{color:#1d72ab}.related-desc{font-size:16px;color:#7b7b7b;line-height:150%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-btn{margin-top:auto;background:#1d72ab;color:#fff;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:500;line-height:150%;letter-spacing:-0.32px;width:fit-content;border:1px solid rgba(0,0,0,0)}.related-btn:hover{border:1px solid #1d72ab;color:#1d72ab;background-color:#fff}.related-slider{overflow:hidden;width:100%}.related-slider-track{display:flex;transition:transform .4s ease}.related-slide{min-width:100%;box-sizing:border-box}.slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.progress-bar{flex:1;height:6px;background-color:#dfdfdf;border-radius:5px;margin-right:27.5px;overflow:hidden}.progress-bar .progress{height:100%;width:0;background:#1d72ab;border-radius:5px;transition:width .6s ease}.nav{display:flex;gap:27.5px}.nav button{width:48px;height:48px;border-radius:12px;border:1px solid #1d72ab;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c8c8c8;transition:all .3s ease}.nav button.active{border:1px solid #1d72ab;color:#1d72ab;cursor:pointer}.nav button.active:hover{border:none;background-color:#1d72ab;color:#fff}.nav button:disabled{border:1px solid #c8c8c8;cursor:pointer}.nav button:disabled svg path{stroke:#c8c8c8 !important}.ccm-pagination-wrapper{margin:32px 0px}.ccm-pagination-wrapper .pagination{justify-content:center;margin-bottom:0px}.ccm-pagination-wrapper .pagination .page-item .page-link{color:rgba(0,0,0,.3);border-color:#e7e7e7;padding:13px 15px;font-family:"Plus Jakarta Sans";font-weight:500;font-size:14px;line-height:140%;text-align:center;vertical-align:middle;align-content:center;height:100%;width:100%;min-width:40px}.ccm-pagination-wrapper .pagination .page-item:first-child .page-link{border-top-left-radius:12px;border-bottom-left-radius:12px}.ccm-pagination-wrapper .pagination .page-item:last-child .page-link{border-top-right-radius:12px;border-bottom-right-radius:12px}.ccm-pagination-wrapper .pagination .page-item.active .page-link{color:#efefef;background-color:#1d72ab}@media(max-width: 1199px){.related-grid{grid-template-columns:repeat(2, 1fr);gap:30px}}@media(max-width: 767px){.related-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.related-grid{grid-template-columns:1fr;gap:24px}.related-thumb{height:262px}.related-thumb picture{height:262px}.related-card{height:100%;gap:20px}.related-title{display:block;-webkit-line-clamp:unset;overflow:visible}.related-title a{font-size:20px}.related-desc{-webkit-line-clamp:3;margin-bottom:24px}.related-btn{width:100%;text-align:center}}
