/* CORRECTIFS CSS DE BASE */


/*.bibi-logo img {
    -webkit-filter: drop-shadow(0px -4px 12px rgba(255, 255, 255, 0.8));
    filter: drop-shadow(0px -4px 12px rgba(255, 255, 255, 0.8));
}*/


#calendar.fc-theme-standard th,
.fc-theme-standard th {
    width: auto;
    /*height: 100% !important;*/
}

#calendar tbody[role="presentation"] tr[role="row"] {
    height: 60px;
}


.route-app_home_index .linear::before {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: -244px;
    left: -315px;
    width: 44%;
    height: 500px;
    z-index: 1;
    content: "";
    transform: rotate(-43deg);
}

.bg-price {
    flex-shrink: 0;
}

.max-w-filter-account button.active:hover {
    color: #FFFFFF !important;
}

.only-mobile-flex,
.only-mobile {
    display: none;
}

.mySwiper span.right-12 {
    top: 8px;
}

.swiper-pagination-bullet.custom-pagination-bullet {
    height: 6px;
}

.swiper-pagination-bullet.custom-pagination-bullet.swiper-pagination-bullet-active {
    height: 29px;
}

.billetterie-process .flex.w-full.items-start.gap-2 {
    align-items: center;
}

.route-app_billetterie footer.bg-img {
    background-image: url(/global/seats.png);
}

.swiper .card-content {
    min-width: calc(100% - 125px);
}

section[data-v-98d62770] {
    z-index: 1;
}

#spectacles ul li.active span.check {
    display: block;
}

#spectacles ul li span.check {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#spectacles ul li .col-span-2 {
    position: relative;
}

#your-choice span.bg-bibi.rounded-dix {
    font-size: 11px;
}

.content-header::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FDFFF4 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    top: initial;
    width: 100%;
    /*height: 160px;*/
    height: 270px;
    z-index: 0;
    content: "";
}

.mySwiper .swiper-pagination {
    right: 0% !important;
}

.swiper-vertical .swiper-pagination-bullet {
    background: rgba(255,255,255,0.5);
    opacity: 1;
    width: 6px;
}

.swiper-vertical .swiper-pagination-bullet-active.custom-pagination-bullet {
    background: #880000;
}

#menu-overlay .swiper-vertical .swiper-pagination-bullet-active.custom-pagination-bullet {
    background: #ffffff;
}

.swiper-vertical article {
    padding-right: 48px;
}

.swiper-vertical article h3 {
    max-width: 89%;
}

/*#dropdownNotification {
    transition: all 0.3s ease;
}*/

#dropdownNotification a {
    font-size: 11px;
}

#dropdownNotificationButton.border-bibi:hover svg {
    color: #ffffff;
}

.content-header {
    background-image: url(/global/head.jpg);
}

footer #newsletter-form #newsletter_email {
    padding-left: 38px !important;
}

footer.bg-img {
    background-image: url(/global/seats.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

footer.bg-tunnel {
    margin-top: 150px;
}

button[data-action="click->fullcalendar#handleEventClick"] {
    cursor: pointer;
}

.mouse {
    position: absolute;
    bottom: 87px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

#menu-overlay .mouse {
    display: none;
}

button[data-action="click->fullcalendar#handleEventClick"] {
    width: 100%;
}

#reassu .text-xl {
    font-size: 1rem;
}
#reassu .bg-white {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: calc(100% / 3);
}

.route-app_account_informations #openCart,
.route-app_account_informations #dropdownNotificationButton,
.route-app_cgv #openCart,
.route-app_cgv #dropdownNotificationButton,
.route-app_cgu #openCart,
.route-app_cgu #dropdownNotificationButton,
.route-app_mentions #openCart,
.route-app_mentions #dropdownNotificationButton,
.route-app_checkout #openCart,
.route-app_checkout #dropdownNotificationButton,
.route-app_guest_register #openCart,
.route-app_guest_register #dropdownNotificationButton,
.route-app_contact #openCart,
.route-app_contact #dropdownNotificationButton,
.route-app_affiche_show #openCart,
.route-app_affiche_show #dropdownNotificationButton,
.route-app_blog_show #openCart,
.route-app_blog_show #dropdownNotificationButton,
.route-app_billetterie #openCart,
.route-app_billetterie #dropdownNotificationButton,
.route-app_blog #openCart,
.route-app_blog #dropdownNotificationButton {
    border-color: #880000;
    color: rgb(136 0 0 / var(--tw-text-opacity));
}

.route-app_account_informations #dropdownNotificationButton:hover svg,
.route-app_cgv #dropdownNotificationButton:hover svg,
.route-app_cgu #dropdownNotificationButton:hover svg,
.route-app_mentions #dropdownNotificationButton:hover svg,
.route-app_checkout #dropdownNotificationButton:hover svg,
.route-app_guest_register #dropdownNotificationButton:hover svg,
.route-app_affiche_show #dropdownNotificationButton:hover svg,
.route-app_billetterie #dropdownNotificationButton:hover svg,
.route-app_blog #dropdownNotificationButton:hover svg {
    filter: none;
}

/*.route-app_billetterie #openCart {
    color: rgb(136 0 0 / var(--tw-text-opacity));
}

.route-app_billetterie #openCart:hover {
    color: rgb(254 255 249 / var(--tw-bg-opacity));
}*/



.content-other-page {
    min-height: 565px;
}

#show-detail a .-right-6 {
    right: -28px;
}

#show-detail img.object-fit {
    object-fit: contain;
}

#openCart.cart-full {
    border-color: #880000 !important;
    color: #FFFFFF !important;
}

.route-app_blog #privatiser {
    display: none;
}

.route-app_affiche_show .mySwiper2 a {
    margin: 0 auto;
    transform: translateX(-30px);
}

.route-app_affiche .content-other-page {
    background-image: url(/header/affiche.jpeg);
}

.route-app_affiche article h3 {
    min-height: 100px;
}

.billetterie-process ol li span {
    text-align: left;
}

[data-controller="fullcalendar"] [data-fullcalendar-target="content"] {
    display: none;
}

[data-controller="fullcalendar"] #spectacles {
    height: 270px;
}

#your-choice span.bg-calendar.rounded-full {
    flex-shrink: 0;
}

.content-header .swiper .card-content .form svg {
    margin-right: -1px;
}

.bibi-logo {
    transition: all 0.3s ease;
}

.bibi-logo:hover {
    transform: scale(0.95);
}

.content-other-page::before,
.content-header::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0) 100%);
}

.route-app_mentions .leading-2,
.route-app_cgv .leading-2,
.route-app_cgu .leading-2 {
    color: #880000;
}

.route-app_mentions section h1,
.route-app_cgv section h1,
.route-app_cgu section h1 {
    font-size: 4rem;
    color: #880000;
    margin: 2rem auto;
}
.route-app_mentions section h2,
.route-app_cgv section h2,
.route-app_cgu section h2 {
    font-size: 2rem;
    color: #880000;
    margin: 2rem auto;
}
.route-app_mentions section h5,
.route-app_cgv section h5,
.route-app_cgu section h5 {
    font-size: 2rem;
    margin: 2rem auto;
}

.faq svg {
    flex-shrink: 0;
}

.route-app_checkout footer {
    display: none;
}

body.route-app_checkout {
    margin-bottom: 150px;
}

.route-app_checkout ul li .w-fit.items-start.justify-center.gap-2 {
    margin-left: 12px;
}

.route-app_account_informations .max-w-grid.mx-auto.relative.z-30 {
    z-index: 2 !important;
}










/* RESPONSIVE */




@media (max-width: 1730px) {

}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1390px) {
    .swiper-vertical article h3 {
        font-size: 1rem;
        line-height: 1rem;
    }
}

@media (max-width: 1024px) {
    footer h5.text-bibi {
        max-height: max-content;
    }

    footer .address {
        margin-bottom: 20px;
    }

    footer form[name="newsletter"] {
        margin: initial;
    }

    footer div.bg-footer {
        height: 376px;
    }

    footer .footer-socials {
        margin-top: 72px;
    }

    .route-app_blog_show .max-w-article {
        margin-left: 25px;
        margin-right: 25px;
    }
    .route-app_blog_show article {
        margin: 0 auto;
    }

    footer .bg-footer {
        margin-left: 0px;
        margin-right: 0px;
    }

    .route-app_contact footer {
        margin-top: 400px;
    }


}

@media (max-width: 991px) {

    .content-other-page {
        min-height: 677px;
    }

    .route-app_affiche section.py-24 {
        padding-bottom: 0px;
    }

    #menu-overlay a.bg-bibi {
        display: flex;
    }

    #menu-overlay .grid-cols-3 {
        grid-template-columns: initial;
    }

    .swiper-wrapper h2 {
        font-size: 1.5rem;
    }

    .content-header #menu-ticket {
        width: 80%;
    }

    #show-list {
        flex-direction: column;
        display: flex;
    }

}


@media (max-width: 768px) {

    header .absolute.left-1\/2.-translate-x-1\/2.top-4.-translate-y-1\/2 {
        max-width: 200px;
        margin-top: 13px;
    }

    .content-photos .max-w-4xl {
        padding-left: 25px;
        padding-right: 25px;
    }

    section h2 {
        padding-left: 25px;
        padding-right: 25px;
    }

    footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    footer div.bg-footer {
        width: calc(100% - 50px);
    }

    .billetterie-process .absolute.left-0.top-1\/2.-translate-y-1\/2 {
        top: 0px;
        left: 25px;
    }

    .show-detail .max-w-grid {
        padding-left: 25px;
        padding-right: 25px;
    }

    .billetterie-step-2 {
        padding-left: 25px;
        padding-right: 25px;
    }

    form[data-controller="fullcalendar"],
    section[data-v-98d62770] {
        align-items: center;
        flex-direction: column;
    }


}

@media (max-width: 767px) {
    #account-menu {

        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 19px;
        justify-content: center;
        text-align: center;
    }

    .max-w-filter-account {
        margin: 1.5rem auto;
    }

    .route-app_account_informations form .grid-flow-col {
        flex-direction: column;
        display: flex;
    }

    #profile-block {
        height: auto;
    }


}



@media (max-width: 487px) {
    /*@media (max-width: 441px) {*/
    #calendar {
        /*
        transform: scale(0.8);
        max-width: 100%;
        */

        transform: scale(0.6);
        max-width: 600px;

    }

    [data-v-2f38f94c].col-span-1 {
        justify-content: center;
        display: flex;
    }

    .route-app_home_index #calendar {
        transform: scale(0.6);
        max-width: initial;
    }


    footer #newsletter_email {
        min-width: auto;
    }

    /*    [data-controller="ticket-vertical"] article .card-content {
            display: none;
        }*/



    [data-controller="ticket-vertical"] article {
        justify-content: center;
        padding-right: 1rem;
    }

    header .absolute.left-1\/2.-translate-x-1\/2.top-4.-translate-y-1\/2 {
        margin-top: 100px;
    }

    header .flex.absolute.-bottom-2.left-1\/2.-translate-x-1\/2 {
        bottom: -100px;
    }

    .content-header h2 {
        font-size: 0.9rem;
        padding-left: 5px;
        padding-right: 5px;
    }

    header nav .flex.relative.items-center button {
        margin-left: 5px;
        margin-right: 5px;
    }

    .content-photos h3,
    .speed-cart h2 {
        line-height: 1.4rem;
        font-size: 1.6rem;
        text-align: center;
    }

    .speed-cart ol {
        transform: scale(0.8);
        display: none;
    }

    .speed-cart ol .text-base,
    .speed-cart ol .text-justify {
        text-align: left;
        margin-bottom: 5px;
    }

    .speed-cart .rounded-full {
        flex-shrink: 0;
    }

    .content-photos .gap-3 {
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
    }

    footer h4,
    .content-photos .gap-3 h3 {
        line-height: initial !important;
    }

    #reassu .bg-white {
        width: 100%;
    }

    footer article.bg-footer {
        height: auto;
    }

    footer article [type="button"] {
        font-size: 0.775rem;
    }

    footer h5 {
        font-size: 1.5rem !important;
    }

    footer h4 {
        font-size: 1.25rem !important;
    }

    footer div.bg-footer {
        height: 496px;
        margin-bottom: 25px;
    }

    footer .footer-socials {
        margin-top: 87px;
    }

    footer #footer-menu {
        margin-top: 78px;
        display: flex;
        justify-content: center;
    }

    footer .footer-socials .justify-center {

        justify-content: flex-start;
    }

    footer .footer-socials ul {
        margin-top: 7px;
        justify-content: center;
    }

    .accordion-flush-body {
        padding-left: 25px;
        padding-right: 25px;
    }

    .content-photos [data-controller="lightbox"] {
        padding-left: 0px;
        padding-right: 0px;
    }

    .route-app_register section.bg-bibi,
    .route-app_login section.bg-bibi {
        display: none;
    }

    .route-app_register form,
    .route-app_login form {
        transform: translate(0);
        margin: 0 auto;
        align-items: center;
    }

    .route-app_register form {
        margin-top: 120px;
    }

    .absolute.top-20.left-20 {
        left: 42px;
    }

    #new-banner {
        position: absolute;
        left: 0px;
        top: -26px;
        transform: initial;
        margin: 0;
        width: 100vw;
        z-index: 5;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    #new-banner a {
        font-size: 9px;
        padding: 0;
        height: 26px;
    }

    body {
        margin-top: 26px;
    }

    .only-mobile {
        display: block;
    }

    .only-mobile-flex {
        display: flex;
    }
    .no-mobile {
        display: none;
    }

    .swiper .card-content {
        justify-content: center;
        align-items: center;
        width: calc(100% - 128px);
    }

    .swiper .card-content div.justify-content-start.items-end {
        display: none;
    }

    .swiper .object-cover {
        max-width: 85px;
    }

    .content-header #menu-ticket {
        width: calc(100% - 50px);
    }

    #billet-link-mobile {
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
    }

    #calendar .fc-scroller,
    #calendar .fc-scroller table,
    #calendar .fc-daygrid-body,
    #calendar .fc-daygrid-body table {
        width: 100% !important;
    }

    #calendar.fc .fc-scroller-liquid-absolute, #calendar.fc .fc-scroller {
        overflow: hidden scroll !important;
    }

    #calendar.fc .fc-view-harness {
        height: 486px !important;
    }

    #calendar.fc-theme-standard td.fc-daygrid-day .fc-daygrid-day-frame {
        width: auto;
        margin-left: 1px;
        margin-right: 1px;
    }

    footer .justify-items-start {
        justify-items: center;
    }

    footer .address {
        text-align: center;
    }

    #social-block {
        justify-content: center;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

    .route-app_affiche h1 {
        font-size: 1.5rem;
        line-height: 1.6rem;
    }

    .route-app_affiche .content-other-page article {
        width: calc(100% - 50px);
    }

    #show-detail {
        flex-direction: column;
    }

    .show-detail nav ol li:nth-of-type(2) a {
        min-width: 59px;
    }

    .show-detail nav ol li:nth-of-type(3) a {
        max-width: 81%;
    }

    #back-btn {
        margin-bottom: 0px;
        margin-top: 25px;
    }

    #show-detail {
        align-items: center;
    }

    #show-detail article {
        gap: 15px;
    }

    .route-app_affiche_show .swiper-wrapper h3,
    .route-app_affiche_show .swiper-wrapper h2 {
        font-size: 1.2rem;
        text-align: center;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    footer [for="newsletter_is_rgpd"] {
        line-height: initial;
    }

    article span.bg-transparent.rounded {
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: 11px;
    }

    #show-places-list li {
        justify-content: space-between;
    }

    #show-detail [href="/billetterie"] {
        margin: 0 auto;
    }

    #book-footer {
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 300;
        gap: 6px;
        height: 60px;
        font-size: 18px;
    }

    .route-app_billetterie ol {
        display: none;
    }

    .route-app_billetterie .billetterie-process {
        /*margin-top: 80px;*/
    }

    .route-app_billetterie .billetterie-process .absolute.left-0.top-1\/2.-translate-y-1\/2 {
        top: -40px;
    }

    .route-app_billetterie {
        #calendar {
            transform: scale(0.6);
        }
    }

    .route-app_billetterie [data-scroll-target="scrollTarget"] {
        right: initial;
        margin: 0 auto;
        position: relative;
    }

    body {
        overflow-x: hidden;
    }

    .mySwiper2 .custom-swiper-button-prev {
        left: 15px;
    }

    .mySwiper2  .custom-swiper-button-next {
        right: 15px;
    }

    .route-app_billetterie [data-v-98d62770][type="submit"],
    .route-app_billetterie #spectacles,
    .route-app_billetterie #your-choice,
    [data-controller="fullcalendar"] #your-choice,
    [data-controller="fullcalendar"] #spectacles {
        transform: translateY(-100px) !important;
    }


    [data-controller="fullcalendar"] #add-to-cart {
        transform: translate(-50%, -100px) !important;
    }

    .route-app_home_index #after-cart {
        padding-top: 0px;
    }

    .route-app_contact footer {
        margin-top: 500px;
    }

    .billetterie-process {
        overflow-x: hidden !important;@
    }

    .route-app_checkout ul li {
        flex-direction: column;
    }

    .route-app_checkout section.min-h-checkout {
        padding-left: 15px;
        padding-right: 15px;
    }

    .route-app_login .grid.bg-footer {
        flex-direction: column;
        display: flex;
    }

    .route-app_login .grid.bg-footer .absolute.top-20.left-20 {
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 20px;
    }

    .route-app_billetterie .billetterie-process article.max-w-40 {
        max-width: 16rem;
    }

    .route-app_billetterie .billetterie-process article.max-w-40 img {
        max-width: 100%;
        max-height: 40rem;
    }

    .route-app_billetterie .billetterie-process article span.border-bibi {
        font-size: 14px;
    }

    .route-app_billetterie .billetterie-process article  h3 {
        font-size: 17px;
    }

    .route-app_affiche_show #show-detail {
        margin-bottom: 0px;
    }

    .route-app_affiche_show .show-detail nav {
        padding: 0 25px;
    }

    .route-app_affiche_show #calendar .fc-toolbar-chunk {
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .route-app_affiche_show [data-controller="other-carrousel"] {
        margin-bottom: 32px !important;
    }

    footer.bg-img {
        height: 876px;
    }

    .route-app_affiche_show footer div.bg-footer {
        margin-bottom: 90px;
    }

    .route-app_contact footer.bg-img {
        height: 1060px;
    }

    .route-app_guest_register section .gap-36 {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .route-app_checkout .linear,
    .route-app_account_informations .linear,
    .route-app_guest_register .linear {
        padding: 0 25px;
    }

    .route-app_guest_register .h-account {
        height: auto;
    }

    .route-app_account_informations [name="user"],
    .route-app_guest_register [name="registration_guest"] {
        flex-direction: column;
    }

    .route-app_account_informations [name="user"] .grid,
    .route-app_guest_register [name="registration_guest"] .grid {
        display: flex;
        flex-direction: column;
    }

    .route-app_account_informations [name="user"] div.absolute.right-0,
    .route-app_guest_register [name="registration_guest"] div.absolute.right-0 {
        position: relative;
        top: 10px;
    }

    .route-app_checkout section.mt-36 {
        margin-top: 50px;
    }

    .route-app_guest_register .pt-52 {
        padding-top: 9rem;
    }

    .route-app_billetterie footer.bg-img {
        background-image: url(/global/seats.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        height: 610px;
    }
    .route-app_billetterie footer.bg-img::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(180deg, #FEFFF9 0%, rgba(255, 255, 255, 0) 98.51%);
        content: "";
    }

    .route-app_billetterie section.min-h-billetterie {
        margin-bottom: 0px;
    }

    #spectacles .text-perso {
        padding-right: 20px;
        font-size: 13px;
    }

    .route-app_checkout .max-w-72.justify-between {
        justify-content: start;
    }

    div.ctrl {
        margin-top: 20px;
    }

    .review-title {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .homeswiper .swiper-button-prev, .homeswiper .swiper-button-next {
        height: 76px !important;
        width: 40px !important;
    }

    .reviews {
        display: none;
    }

}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}

.new-spectacle {
    display: none;
}

.text-speedCart {
    font-size: 13px;
}

#your-choice .overflow-y-auto {
    min-height: 78px;
}

.route-app_affiche_show .show-detail {
    background-size: 100%;
}

.route-app_affiche_show #show-detail {
    justify-content: center;
    padding: 0 15px;
}

.route-app_affiche_show .show-detail nav {
    justify-content: center;
}

div.ctrl {
    display: flex;
    align-items: center;
    gap: 15px;
}

.route-app_login form {
    display: block;
}

.route-app_login .alert.alert-danger {
    color: #880000;
    margin-bottom: 25px;
    font-weight: 700;
}

/* HOME SWIPER */

.homeswiper {
    height: 100vh;
    z-index: 0 !important;
}

.homeswiper .swiper-button-prev,
.homeswiper .swiper-button-next {
    z-index: 999;
    height: 119px;
    width: 67px;
    transition: 0.3s ease;
}

.homeswiper .swiper-button-prev {
    content: url('/global/homeswiper-prev.svg');
    left: 0px;
}

.homeswiper .swiper-button-prev:hover {
    left: -5px;
}

.homeswiper .swiper-button-next {
    content: url('/global/homeswiper-next.svg');
    right: 0px;
}


.homeswiper .swiper-button-next:hover {
    right: -5px;
}

.content-header {
    background-image: none !important;
}

.image-background,
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
    background-image: url('/global/1stframe.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.video-background iframe {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

/* SWIPER DES AVIS */

.reviews {
    z-index: 99;
    position: absolute;
    left: 50%;
    bottom: 128px;
    transform: translateX(-50%);
    max-width: 363px;
    height: 54px;
}

.reviewswiper {
    overflow: visible;
}

.reviewswiper .swiper-slide {
    background-color: #FFFFFF;
    border-radius: 80px 8px 8px 80px;
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 400;
    color: #55220B;
    flex-shrink: 0;
    padding-right: 20px;
}

.reviewswiper span {
    background: rgb(34,193,195);
    background: linear-gradient(9deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    color: #29293E;
    height: 40px;
    width: 40px;
    margin: 7px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    flex-shrink: 0;
}

.review-title {
    color: #880102;
    font-size: 20px;
    font-weight: 700;
    font-family: ppAgrandir-regular, sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

.reviewswiper .review-1 {
    background: rgb(34,136,195);
    background: linear-gradient(9deg, rgba(34,136,195,1) 0%, rgba(29,255,209,1) 100%);
}
.reviewswiper .review-2 {
    background: rgb(34,193,195);
    background: linear-gradient(9deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
}

.reviewswiper .review-3 {
    background: rgb(195,159,34);
    background: linear-gradient(9deg, rgba(195,159,34,1) 0%, rgba(153,255,29,1) 100%);
}

.reviewswiper .review-4 {
    background: rgb(131,58,180);
    background: linear-gradient(9deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}

.reviewswiper .review-5 {
    background: rgb(238,174,202);
    background: linear-gradient(9deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}

.reviewswiper .review-6 {
    background: rgb(63,94,251);
    background: linear-gradient(9deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
}

.reviewswiper .swiper-slide-next,
.reviewswiper .swiper-slide-prev {
    opacity: 0.35;
}

.reviewswiper .swiper-slide,
.reviewswiper .swiper-slide-next {
    visibility: hidden;
}

.reviewswiper .swiper-slide-prev,
.reviewswiper .swiper-slide-visible {
    visibility: visible;
}

#new-banner a {
    text-align: center;
}

[data-controller="reviewswiper"] {
    cursor: pointer;
}