
.favorite {
    position: relative;

}

.favorite::after {
    content: "";
    width: 100%;
    height: 64px;
    z-index: 0;
    background-color: #32231B;
    position: absolute;
    top: 0;
    left: 0;
}

.favorite .container {
    position: relative;
    z-index: 2;
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
    background-color: #F3ECE8;
}

.favorite__carousel .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  width: 100%;
  bottom: -48px !important;
}

.favorite__carousel .swiper-slide .wp-block-buttons {
    padding: 16px 24px 32px;

    .wp-block-button {
        width: 100%;

        a {
            justify-content: center;
        }
    }
}

.favorite__carousel .swiper-pagination .cb-pagination-bullet {
  width: 8px;
  height: 8px;
}

.favorite__carousel .swiper-pagination .swiper-pagination-bullet-active{
  width: 12px;
  height: 12px;
}


@media only screen and (max-width: 1440px) {
    .favorite__carousel .swiper-slide .wp-block-buttons {
        padding-left: 16px;
        padding-right: 16px;

        a {
            font-size: 17px !important;
            padding: 16px !important;
        }
    }

    .favorite__heading__text {
        br{
            display: none;
        }
    }

}


@media only screen and (max-width: 1100px) {
    .favorite__heading {
        p {
            margin-left: 0 !important;
        }
    }

    .favorite__carousel .swiper-slide figure {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 576px) {
    .favorite .container {
        padding-left: 32px !important;
        padding-right: 32px !important;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }

    .favorite__heading {
        br {
            display: none;
        }
    }

    .favorite__carousel .swiper-slide .wp-block-buttons {
        padding-bottom: 16px;
    }

    .favorite__carousel .swiper-pagination {
        bottom: -32px !important;
    }

}