.wpadc-carousel-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.wpadc-carousel{
    width: 100%;
    overflow-x: auto;
    padding-left: calc((100% - 1032px) / 2);
    /* hide scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}

.wpadc-carousel-header{
    display: flex;
    width: 100%;
    max-width: 1032px;
}

.wpadc-carousel-title{
    display: flex;
    align-items: flex-end;
    gap: 14px;
    flex-grow: 1;
    width: 100%;
}

.wpadc-carousel-title h2{
    color: #000;
    font-family: Flaviotte;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 1em;
}

.wpadc-carousel-title .subtitle{
    color: #737373;
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 325;
    line-height: 18.8px; /* 134.286% */
}

.wpadc-carousel-controls{
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    width: 100%;
    max-width: 1032px;
    margin-bottom: 12px;
}

.wpadc-carousel-controls-white .wpadc-carousel-control{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(171deg) brightness(107%) contrast(102%);
}

.wpadc-carousel-control{
    width: 32px;
    height: 32px;
    position: relative;
    display: flex;
    place-items: center;
    border: 0;
    cursor: pointer;
    padding: 0;
    background: transparent;
}

.wpadc-carousel-control.prev{
    transform: scale(-1);
}

.wpadc-carousel-control.disabled{
    filter: brightness(0) saturate(100%) invert(78%) sepia(18%) saturate(8%) hue-rotate(95deg) brightness(98%) contrast(97%) !important;
    cursor: default;
}

.wpadc-carousel .content{
    position: relative;
    display: flex;
    gap: 18px;
    overflow-x: visible;
}

.wpadc-carousel .spacer{
    width: calc((100vw - 1032px) / 2);
    height: 1px;
    flex-shrink: 0;
    height: 10px;
}

.featured-card{
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.featured-card-w-border .image-container{
    border: 4px solid;
}

.featured-card-w-border.border-orange .image-container{
    border-color: #F66639;
}

.featured-card-w-border.border-indigo .image-container{
    border-color: #6741F5;
}

.featured-card-w-border.border-cyan .image-container{
    border-color: #32BEF0;
}

.featured-card .featured-card-border-label{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 24px;
    font-family: Gotham;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 15px;
}

.featured-card-w-border.border-orange .featured-card-border-label{
    background: #F66639;
}

.featured-card-w-border.border-indigo .featured-card-border-label{
    background: #6741F5;
}

.featured-card-w-border.border-cyan .featured-card-border-label{
    background: #32BEF0;
}

.featured-card .featured-card-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.featured-card .image-container{
    border-radius: 15px;
    width: 332px;
    height: 449px;
    overflow: hidden;
    position: relative;
}

.featured-card img{
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease-in-out;
    width: 100%;
}

.featured-card img:hover{
    transform: scale(1.1);
}

.featured-card h3{
    font-family: Flaviotte;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    color: white;
    text-decoration: none;
}

.featured-card h4{
    font-family: Gotham;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    color: #808080;
}



@media screen and (max-width: 1032px){
    .wpadc-carousel{
        padding-left: 3rem;
    }

    .wpadc-carousel-controls{
        padding: 0 1rem;
    }

    .wpadc-carousel .spacer{
        width: 3rem;
    }
}

@media screen and (max-width: 768px){
    .wpadc-carousel-controls{
        display: none;
    }
}