:root {
    --cbf-disrupt-red: #B21F24;
    --cbf-disrupt-grey: #333
}

.carousel-module .slick-prev:before
{
    content: '';
    background: url('/DesktopModules/CBFModules/CBFGiftForGood/icons/disrupt-circle-button-left.svg') center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 74px;
    height: 74px;
}

.carousel-module [dir='rtl'] .slick-prev:before
{
    content: '';
    background: url('/desktopmodules/cbfmodules/CBFGiftForGood/icons/disrupt-circle-button-right.svg') center no-repeat;
}

.carousel-module .slick-next:before
{
    content: '';
    background: url('/DesktopModules/cbfmodules/CBFGiftForGood/icons/disrupt-circle-button-right.svg') center no-repeat;
    width: 74px;
    height: 74px;
    display: inline-block;
}

.carousel-module [dir='rtl'] .slick-next:before
{
    content: '';
    background: url('/desktopmodules/cbfmodules/CBFGiftForGood/icons/disrupt-circle-button-left.svg') center no-repeat;
}

.gifts-for-good .categories .category.active {
    border: 3px solid var(--cbf-disrupt-red);
}

.gifts-for-good .categories .category:hover .category-link a,
.gifts-for-good .categories .category.active .category-link a {
    color: var(--cbf-disrupt-red) !important;
}

.gifts-for-good .gifts {
    width: 100%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.gifts-for-good .gift {
    display: flex;
    width: 100%;
    max-width: 400px;
    padding: 15px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 10px;
    background: #F7F7F7;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin: 0;
}

.gifts-for-good .gift img {
    width: 370px;
    height: 352px;
}

.gifts-for-good .gift .gift-description {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%);
}

.gifts-for-good .gift .card-details .gift-category,
.gift-list .gift .card-details .gift-category {
    color: var(--cbf-disrupt-grey);
}

.gifts-for-good .gift .card-details .gift-amount,
.gift-list .gift .card-details .gift-amount {
    color: var(--cbf-disrupt-red);
}

.gifts-for-good .gift .card-details .gift-links .btnLearnMore,
.gift-list .gift .card-details .gift-links .btnLearnMore {
    color: var(--cbf-disrupt-red) !important;
}

.gifts-for-good .gift .card-details .gift-links .btnLearnMore:hover,
.gift-list .gift .card-details .gift-links .btnLearnMore:hover {
    color: var(--cbf-disrupt-red) !important;
}

.gifts-for-good .gift .card-details .gift-links .btnAdd,
.gift-list .gift .card-details .gift-links .btnAdd {
    background-color: var(--cbf-black-1000);
    color: var(--cbf-white-1000);
}

.gifts-for-good .gift .card-details .gift-links .btnAdd:hover,
.gift-list .gift .card-details .gift-links .btnAdd:hover {
    background-color: var(--cbf-black-1000);
    color: var(--cbf-white-1000);
}

@media (min-width: 996px) {

    .gifts-for-good .gifts {
        flex-direction: row;
        flex-wrap: wrap;
    }

}



.gift-for-good-details { 
    background: url(/portals/0/gift-for-goods/DISRUPT-Mobile-Gift-BG.webp) center no-repeat;
    background-size: cover, cover;
}

.gift-for-good-details .gift-details {
    border: 3px solid var(--cbf-disrupt-red)
}

.gift-for-good-details .gift-details .gift-information .gift-header p,
.gift-for-good-details #myModal .modal-content .modal-header p{
    color: #808080 !important;
}

.gift-for-good-details .gift-details .gift-information .gift-header a,
.gift-for-good-details #myModal .modal-content .modal-header .close {
    color: var(--cbf-black-1000) !important;
    border-color: var(--cbf-black-1000);
}

.gift-for-good-details .gift-details .gift-information .gift-title h2,
.gift-for-good-details #myModal .modal-content .modal-body .gift-card .gift-card-details .gift-card-details-form .gift-card-details-form__header h2 {
    color: var(--cbf-disrupt-red) !important;
}

.gift-for-good-details .gift-details .gift-information .gift-quote h3 {
    color: var(--cbf-disrupt-red) !important;
}

.gift-for-good-details .gift-details .gift-information .actions .btn.btn-primary,
.gift-for-good-details #myModal .btn-submit {
    background-color: var(--cbf-disrupt-red) !important;
    border-color: var(--cbf-disrupt-red) !important;
    color: var(--cbf-white-1000) !important;
}

@media (min-width: 996px) {

        .gift-for-good-details { 
        background: url(/portals/0/gift-for-goods/DISRUPT-Desktop-Gift-BG.webp) center no-repeat;
        background-size: cover, cover;
    }

}

.other-gifts .header {
    background: var(--cbf-black-1000);
    color: var(--cbf-disrupt-red)
}