.component-useful-links{position:relative;overflow:hidden;background:var(--color-gray_50)}
.component-useful-links__bg img{object-fit:cover;object-position:center;width:100%;transform:translate(50%,-50%);top:50%;right:50%;position:absolute;height:100%}
@media(min-width:1024px){.component-useful-links__bg img{transform:none;top:auto;right:auto;height:auto}
}
.component-useful-links__content{max-width:1036px;margin:0 auto;padding:60px 20px;position:relative}
@media(min-width:1024px){.component-useful-links__content{padding:50px 0}
}
.component-useful-links h2{font-weight:600;font-size:35px;line-height:45px;text-align:center;letter-spacing:0;margin:0 0 52px 0;text-align:center;color:var(--color-blue_navy)}
@media(min-width:768px){.component-useful-links h2{font-size:2.1875rem;line-height:45px}
}
.component-useful-links .swiper-wrapper{padding:5px 5px 20px}
.component-useful-links .swiper-slide{max-width:328px}
.component-useful-links__item{cursor:pointer;position:relative;max-width:331px;background:#fff;box-shadow:0rem .25rem .625rem rgba(0,0,0,0.1);padding:1.25rem;border-radius:16px}
.component-useful-links__item h6{font-size:20px;line-height:30px;letter-spacing:0;color:var(--color-blue_navy);font-weight:600}
.component-useful-links__item p{font-weight:400;font-size:16px;line-height:20px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-black)}
.component-useful-links__item .de-icon{transition:all .2s ease-out}
.component-useful-links__item:hover .de-icon{transform:translateX(5px)}
.component-useful-links__swiper-pagination{display:flex;align-items:center;justify-content:center;padding-bottom:5px}
.component-useful-links__swiper-pagination span{width:8px;height:8px;background:var(--color-Content-tertiary);opacity:1}
.component-useful-links__swiper-pagination .swiper-pagination-bullet-active{background:var(--color-blue_navy);border-radius:4px;height:8px;width:32px}
.component-useful-links__swiper-button-lock{display:none}