.resource-slider-container-fluid {
    margin-top: 75px;
    margin-bottom: 25px;
}

.resources-slider-headline {
    font-size: var(--FC-font-size-42);
    padding-bottom: 25px;
}


.resource-slider-link {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.resource-slider-image-wrapper {
    border: solid 2px var(--FC-purple);
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 250px;
}

.resource-slider-image {
    opacity: 0;
}

.resource-slider-title {
    font-size: var(--FC-font-size-22);
    color: #000;
    margin-bottom: 0;
}

.resource-slider-link:hover {
    text-decoration: none !important;
}


.resource-slider-title {
    width: 100%;
    position: relative;
    display: inline-block;
}

.resource-slider-title::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: translateY(-50%) rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.resource-slider-title::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 20px;
    height: 2px;
    background-color: #000;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.resource-slider-link:hover .resource-slider-title::before,
.resource-slider-link:hover .resource-slider-title::after {
    opacity: 1;
}


.resource-slider-link:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--FC-purple);
  opacity: 0;
  transition: opacity 200ms, transform 200ms;
  transform: scale(0);
  transform-origin: left;
}

.resource-slider-link:hover::after,
.resource-slider-link:focus::after {
  opacity: 1;
  transform: scale(1);
}


.resource-slider-container .swiper-pagination {
    position: relative;
    margin-top: 25px;
}

.resource-slider-container .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border: 2px solid var(--FC-purple) !important;
    background-color: var(--FC-teal);
    opacity: 1 !important;
}

.resource-slider-container .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    background-color: var(--FC-purple);
}




@media screen and (max-width: 1399px) {

    .resource-slider-image-wrapper {
        height: 200px;
    }

}



@media screen and (max-width: 1199px) {

    .resource-slider-image-wrapper {
        height: 150px;
    }

    .resource-slider-title {
        font-size: var(--FC-font-size-20);
    }

}



@media screen and (max-width: 991px) {

    .resource-slider-container-fluid {
        margin-top: 75px;
    }

}


@media screen and (max-width: 575px) {

    .resource-slider-container-fluid {
        margin-bottom: 0px;
    }

    .resources-slider-headline-container {
        text-align: center;    
    }

    .resource-slider-link {
        max-width: 350px;
        margin: auto;
        gap: 15px;
    }

    .resource-slider-title {
        font-size: var(--FC-font-size-24);
        text-align: center;
    }

    .resource-slider-title::before, .resource-slider-title::after, .resource-slider-link:after {
        display: none;
    }

}