@media (hover: none),
(pointer: coarse) {

    body,
    html,
    a,
    button,
    [role="button"] {
        cursor: auto;
    }

    #batCursor {
        display: none;
    }
}

/* ============================================================
   Mobile menu — slide from RIGHT
   ------------------------------------------------------------
   Higher specificity than `.tw--translate-x-full` so the
   transform is flipped without using !important. GSAP can
   still animate `transform` freely from this starting state.
   ============================================================ */
.mobile-menu.position-fixed {
    left: auto;
    /* override default left:0 anchor */
    right: 0;
    top: 0;
    transform: translateX(100%);
    /* start off-screen RIGHT (was -100%) */
}

/* Close (X) button: was pinned right via tw-end-0 — move it to the left
   so it sits at the screen edge when the drawer opens from the right */
.mobile-menu .close-button {
    right: 7px !important;
    top: 12px !important;
}

/* section 1 */
.video-background::-webkit-media-controls {
    display: none !important;
}

.video-background {
    pointer-events: none;
}


/* Ball Image */
.banner-area {
    position: relative;
    overflow: hidden;
    /* ye bahar jane se rokega */
}

.shap_n1 {
    position: relative;
    top: 30px;
}

.ball2 {
    position: fixed;
    inset: 0;
    /* full viewport cover so ball can roam the whole page */
    pointer-events: none;
    /* clicks/hover sirf ball pe aaye */
    z-index: 99999999;
}

/* Hover-only feature — hide on mobile so it can't block the mobile menu taps */
@media (max-width: 991px) {
    .ball2 {
        display: none;
    }
}

.ball1 {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 20%;
    left: 79%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.8s cubic-bezier(0.25, 1.5, 0.5, 1);

}

.ball1 img {
    width: 100%;
    height: 100%;
    animation: rotate-infinte 6s infinite linear;
}




.banner-content.bn_ab.z-1 {
    position: absolute;
    left: 549px;
    top: 122px;
}

.banner-title {
    font-size: 86px;
    line-height: 80%;
    font-weight: 1000 !important;
    font-style: italic;
    font-family: 'Mulish';
}

.banner-title span {
    line-height: 80%;
    font-style: italic;
    color: #FFDB00;
    font-size: 86px;
    font-weight: 1000;
    font-family: 'Mulish';
}

.banner-wrapper.position-relative.z-1 {
    z-index: 5 !important;
}

.prs {
    color: #FFF;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 160%;
    margin-bottom: 12px;
    font-family: 'Mulish';
}

.bt_1 span {
    padding: 14px 34px;
    border-radius: 48px;
    background: #ffffffc4 !important;
}

.bt_1 span {
    padding: 14px 34px;
    border-radius: 48px;
    background: #ffffffc4 !important;
    color: #070713;
    font-family: Mulish;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}

.bt_2 span {
    border-radius: 48px;
    background: #FFDB00;
    display: flex;
    padding: 14px 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #070713;
    font-family: Mulish;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    /* 20.8px */
    text-transform: capitalize;
}

.banner-button {
    display: flex;
    gap: 12px;
}

.banner-bottom-wrap {
    margin-top: 12px;
}

.faq_n1 {
    position: relative;

    margin-top: 157px;
}


.accordion_cs img {
    border-radius: 12px;
    width: 100%;
    height: 235px;
}

.faq-three-accordion-body {
    padding-inline: 16px;
    background: #FFF;
}

.faq-three-accordion-body {
    padding-inline: 16px;
    background: #FFF;
}

.over_l {
    position: relative;
}

.text_ac {
    position: absolute;
    bottom: 26px;
    display: flex;
    height: 102.039px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.over_l::after {
    content: "";
    display: block;
    border-radius: 12px;
    border: 1px solid #000;
    background: #0000006b;
    width: 100%;
    height: 235px;
    position: absolute;
    top: 0px;
}

.accordion-button_n1:not(.collapsed) {
    background: #FFF !important;
    border: none !important;
}

.faq-ip-accordion-button::after {
    display: none !important;
}

p.tx_h1 {
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.tx_h2 {
    color: rgba(255, 255, 255, 0.80);
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 95%;
}

.accordion-item {
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.20);
    margin-bottom: 12px;
    border: none;
    text-shadow: 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
}

.accordion-button_n1 {
    border-radius: 12px 12px 0px 0px !important;
    display: flex;
    gap: 12px;
    padding: 16px;
}

.faq-ip-accordion-button:not(.collapsed) {
    border: none;
}

.accordion_cs {
    padding-top: 0px;
    border-radius: 0px 0px 12px 12px;
}

.faq-three-accordion-item {
    padding-block: 0px;
}

.video-background {
    position: absolute;
    left: 50%;
    top: 29%;
    transform: translate(-12%, -50%);
    max-width: auto;
    object-fit: cover;
    width: 100%;
    margin: 0;
    z-index: 1;
    height: 1077px;
}

.faq_n1 {
    z-index: 2;
}

.banner-area {
    height: 804px;
    padding-top: 130px;
    background: #000;
}

/* section 1 */

/* section 2 */
.font_css h5 {
    font-size: 45px;
    font-family: 'Mulish';
}

.font_css img {
    max-width: 70%;
}

.maquee-area::before {
    background: #000;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    content: "";
}

.maquee-area {
    padding-top: 0px;
    background: #000;
}

.lh-1 {
    animation: none;
    text-align: center;
    position: relative;
    bottom: 3px;
}

/* section 2 */

/* section 3 */
.txt_2 {
    text-align: center;
}

.txt_2 h2 {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    margin-top: 16px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.txt_2 img {
    max-width: 4%;
    animation: rotate-infinte 6s infinite linear;
}

.service-list {
    display: flex;
    gap: 12px;
    justify-content: center;
}


.mweb {
    display: none;
}

.bc_sr1 {
    width: 396.774px;
    transition: 0.5s;
    border-radius: 0 0 20px 20px;
    background: url(../../assets/images/ipl/sr1.svg);
    background-repeat: no-repeat;
    background-size: cover;
}


.filter_s .service-list a {
    border-radius: 61.397px;
    border: 1.279px solid #FFF;
    color: #FFF;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 5.116px 20.466px 0 rgba(0, 0, 0, 0.16);
}

.filter_s a {
    color: #fff !important;
}

.filter_s p {
    color: #fff !important;
}

.filter_s a:hover {
    color: #fff !important;
}

.filter_s .service-paragraph:hover {
    color: #fff !important;
}

.filter_s {
    z-index: 9;
    filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.40));
    background: url(../../assets/images/ipl/sr_h.svg) !important;
    height: 418px;
    width: 400px;
    background-repeat: no-repeat !important;
}

.bc_sr1 h4 {
    color: #222;
    text-align: center;
    font-family: Mulish;
    font-size: 30px;
    font-style: italic;
    font-weight: 900;
    line-height: 130%;
    margin-bottom: 12px;
}


.bc_sr1 p {
    color: #222;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 30px;
}

.ser_bx svg {
    border-radius: 28px;
    background: #E75B44;
    width: 56px;
    height: 56px;
    padding: 15px;
}

.icon_bx {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.service-list a {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 11.454px;
    border-radius: 54.979px;
    border: 1.145px solid #181A52;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 4.582px 18.326px 0 rgba(0, 0, 0, 0.16);
    color: #1A1D5A;
    font-family: Mulish;
    font-size: 16.036px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
}


.service-wrapper::before {
    display: none;
    background: none;
}



.video_background_2 {
    position: absolute;
    left: 0px;
    object-fit: cover;
    width: 100%;
    margin: 0;
    z-index: -2;
    height: 100%;
    top: 0px;
}

.service-area {
    z-index: -0;
}

.service-area::before {
    content: "";
    background: #00000063;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.pd-0 {
    padding: 0px;
}

.text_wh {
    color: #fff;
}

.left_2 {
    position: relative;
    left: 5%;
}

.left_3 {
    position: relative;
    right: 5%;
}

/* section 3 */


/* section Legends of the club */
.legends_list {
    padding: 100px 207px;
    background: radial-gradient(29.32% 29.07% at 50% 29.69%, rgba(255, 217, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), #101010;
}

.legends_list .text_ab h2 {
    text-align: left;
}

.legends_list .text_ab p {
    text-align: left;
}

.legends_box {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #837417;

}

.team_ls1 h3 {
    color: #FFF;
    font-family: Mulish;
    font-size: 30px;
    font-style: italic;
    font-weight: 900;
    line-height: 130%;
    text-transform: uppercase;
}

.team_ls1 p {
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.dl_1 img {
    position: absolute;
    right: 0px;
    max-width: 66%;
    bottom: 0px;

    border-radius: 0px 0px 20px 0px;

}

.ac_m {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    color: #D0D0D0;
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 1px;
}

.legends_list .tab-content {
    width: 100%;
    position: relative;

}

.legends_list .tabs_nav button:hover {
    background: #ffffff40 !important;
}

.legends_list .tabs_nav button.active span {
    color: #000;
}

.legends_list .tabs_nav button span {
    color: #fff;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.legends_list .tabs_nav button {
    padding: 24px;
    width: 100% !important;
    height: 104px !important;
    text-align: left;
    margin-bottom: 12px;
    border-radius: 0px;
    font-family: Mulish;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    background: no-repeat !important;
}

.legends_list .tabs_nav button.active {
    width: 100%;
    border-image: linear-gradient(to right, #000000 0%, #ffdc00 100%) 1 !important;
    border-right: 4px solid rgba(255, 255, 255, 0.10) !important;
    border-bottom: 3px solid rgba(255, 255, 255, 0.10) !important;
    background: #FFF !important;
}

.legends_list .nav_menu {
    background: #000;
    border-radius: 20px 0px 20px 0px;
    overflow: visible;
}


.team_ls1 {
    display: flex;
    margin-bottom: 16px;
    width: 542px;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);

    border: 1px solid rgba(255, 255, 255, 0.10);
    position: relative;
    box-shadow: inset -2px -4px 8px -2px #ffffff52;

}

.legends_list .tab-content>.active {
    display: block !important;
}

.legends_list .tab-content>.tab-pane {
    display: none;
}

.legends_list .tab-pane {
    height: 678px;
    padding: 40px !important;
    background-image: url(../../assets/images/ipl/stadium.png) !important;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 0px 20px 0px 0px;
}

.legends_box .nav-tabs {
    width: 320px;
    display: block !important;
}

.tp_dv1 p {
    color: #FFF;
    font-family: Mulish;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tp_dv1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.tp_dv1 span {
    color: rgba(255, 255, 255, 0.80);
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tp_1 {
    border-radius: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: #1688C8;
    width: auto;
    padding: 10px 20px;
}

.dp_text {
    color: #FFF;
    font-family: Mulish;
    font-size: 14px !important;
    font-style: italic;
    font-weight: 900;
    line-height: 130%;
    /* 18.2px */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.tp_2 {
    border-radius: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: #28AF89;
    padding: 10px 20px;
    width: auto;
}

.tp_3 {
    border-radius: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: #C56D56;
    padding: 10px 20px;
    width: auto;
}

/* section Legends of the club */

/* section 4 */
.portfolio-area {
    background: #000;
}

.pr1 {
    color: #FFF;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    margin-top: 16px;
    font-weight: 900;
    line-height: 110%;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.pr2 {
    color: #FFF;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 60px;
}

.hd_2 img {
    max-width: 4%;
}

.pr_tx1 h2 {
    color: #FFF;
    font-family: Inter;
    font-size: 60px;
    font-style: italic;
    font-weight: 800;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.pr_tx1 p {
    color: #FFF;
    font-family: Inter;
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 35px;
}

.lik_p1 a {
    border-radius: 12px;
    border: 1px solid rgba(255, 219, 0, 0.30);
    background: rgba(255, 255, 255, 0.20);

    width: 260px;
    padding: 20px;

    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 23.4px */
}

.img_r1 {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40%;
}

.bg_1 {
    border-radius: 30px;
    background: linear-gradient(90deg, #B7866F 0%, #DCA596 100%);
}

/* section 4 */


/* section 5 */

.brand_logo {
    background: #000;
    z-index: -0 !important;
    padding-top: 60px;
}

.brand_logo .maquee-box {
    margin-right: 120px !important;
}

/* section 5 */

/* section 6 */
.about-four-area .tab-content.mt-3 {
    width: 90%;
    margin: auto;
}

.team-list-nav.team-list-nav--prev {
    background: no-repeat !important;
    border: none !important;
    box-shadow: none;
    left: -20px;
}


button.team-list-nav.team-list-nav--next {
    background: no-repeat !important;
    border: none !important;
    box-shadow: none;
    right: -20px;
}

.portfolio-five-slide.position-relative {
    z-index: -0;
}

.about-four-area {
    background: #fff;
    padding-top: 40px;
}

.text_ab {
    text-align: center;
}

.text_ab h2 {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    /* 55px */
    text-transform: uppercase;
}

.text_ab p {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    margin-top: 16px;
    font-weight: 500;
    line-height: 25.6px;
    /* 142.222% */
}

.tx_img {
    max-width: 3%;
    animation: rotate-infinte 6s infinite linear;
    margin-bottom: 16px;
}

/* section 6 */



/* section 7 */
.tabs_nav .nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    gap: 20px;
}

.tabs_nav button {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.33) !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: #FFF !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    height: 58px;
    letter-spacing: 2px;
    font-family: Mulish;
    text-transform: uppercase;
}

.tabs_nav button.active {
    color: #222 !important;
    border: 1px solid rgba(255, 255, 255, 0.33) !important;
    background: #FFF !important;
}

.all_plyr {
    display: flex;
    gap: 40px;
    justify-content: space-around;
    margin-top: 40px;
}

.prl1 {
    color: #FFF;
    font-family: Mulish;
    font-size: 22.879px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-top: 18px;
}

.prl2 {
    color: #D9DBDC;
    font-family: Mulish;
    font-size: 12.202px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.about-four-area {
    background-image: url(../../assets/images/ipl/img.png) !important;
    padding-top: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* section 7 */

/* section 8 */

.gallery {
    padding: 60px 0;
    text-align: center;
}

.gallery h2 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 30px;
}

/* wrapper (important for fade) */
.gallery {
    padding: 60px 0;
    text-align: center;
}

.gallery h2 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 30px;
}

/* wrapper */
.marquee-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: relative;
    height: 500px;
    overflow: hidden;
}

/* fade top/bottom */
.marquee-wrapper::before,
.marquee-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 5;
    pointer-events: none;
}

.marquee-wrapper::before {
    top: 0;
    background: linear-gradient(to bottom, #efefef, transparent);
}

.marquee-wrapper::after {
    bottom: 0;
    background: linear-gradient(to top, #efefef, transparent);
}

/* column */
.col-marquee {
    width: 280px;
    overflow: hidden;
}

/* track */
.col-track {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* cards */
.card {
    width: 100%;
    height: 180px;
    border-radius: 18px;
    overflow: hidden;
}

.card.big {
    height: 200px;
}

.card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* animation */
.up .col-track {
    animation: scrollUp 20s linear infinite;
}

.down .col-track {
    animation: scrollDown 20s linear infinite;
}

/* keyframes */
@keyframes scrollUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

@keyframes scrollDown {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0);
    }
}

.marq1:before {

    background: linear-gradient(to bottom, #ffffff, transparent);
    filter: blur(1px);
    top: 205px;
}

.marq1::after {
    bottom: -2px;
    background: linear-gradient(to bottom, #ffffff, transparent);
    filter: blur(1px);
    rotate: 180deg;
}

.marq1::before,
.marq1:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 2;
    pointer-events: none;
}

.marq1 {
    height: 800px;
}

/* hover stop */
.col-marquee:hover .col-track {
    animation-play-state: paused;
}

.feature-two-area {
    padding-top: 40px;
    position: relative;
    padding-bottom: 70px;
    overflow: hidden;
    background: #fff;
}

.chke_1 {
    color: #222;
    text-align: center;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    /* 55px */
    text-transform: uppercase;
}

/* section 8 */


/* section 9 */
.up_1 {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 25.6px;
    /* 142.222% */
    margin-top: 16px;
}

.fx_p {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    /* 55px */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.fad_dv1 {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.match_1 {
    display: flex;

    padding: 40px;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #FCD112;
    background: #1D1D1D;


}

.mt1 {
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.portfolio-five-slide {
    width: 90%;
    margin: auto;
}

.mt2 {
    color: #FFF;
    font-family: Mulish;
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    line-height: 130%;
    text-transform: uppercase;
}

.mt3 {
    margin-top: 8px;
    color: #FFF;
    font-family: Mulish;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.prodct_mt {
    display: flex;
    border-radius: 12px;
    border: 1px solid #3F3F3F;

    padding: 30px 60px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-top: 24px;
}

.vs_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    margin-top: 24px;
}

.vs_btn a:nth-child(1) {
    display: flex;
    padding: 14px 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 48px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    color: #FFF;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}

.vs_btn a:nth-child(2) {
    display: flex;
    padding: 14px 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 48px;
    border: 1px solid #FFDB00;
    border-radius: 48px;
    background: #FFDB00;
    color: #070713 !important;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}

.mt4 {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
}

.prd1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.prd_img {
    border-radius: 12px;
    border: 1.108px solid #EEE;
    background: #FFF;
    box-shadow: 0 6.667px 20px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    gap: 10px;
}

.match-list-nav--prev {

    left: -20px !important;
}

#delhi_6_media_feedback {
    color: #038466 !important;
}

.match-list-nav--next {

    right: -20px !important;
}

.cm_p p{
      color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.blog-details-area {
    background-image: url(../../assets/images/ipl/bc2.png) !important;
    background-repeat: no-repeat;
    margin-top: 80px;
    background-size: 100% 100%;
    padding-top: 80px;
    position: relative;
    padding-bottom: 80px;
   
}
.blog-details-area .container{ filter: blur(9px);}

/* section 9 */


/* section 10 */
.bc_team {
    background: #fff;
    padding-top: 90px;
    padding-bottom: 60px;
}

.bc_team .grd_tm {
    width: 75%;
    margin: auto;
}

.rt_t1 {
    color: #000;
    text-align: center;
    font-family: Mulish;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    /* 55px */
    text-transform: uppercase;
}

.rt_t2 {
    color: #000;
    text-align: center;
    font-family: Mulish;
    margin-bottom: 60px;
    margin-top: 20px;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 130%;
    /* 23.4px */
}

/* section 10 */


/* section 11 */
.media-upload {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 7px 10px 7px 14px;
    cursor: pointer;
    width: 100%;
    transition: box-shadow .2s ease;
    border: 1px solid #e5e7eb;
}

.media-upload:hover {
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
}

.media-upload__icon {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    flex-shrink: 0;
}

.media-upload__filename {
    flex: 1;
    font-size: 16px;
    color: #4B5563;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.media-upload--has-file .media-upload__filename {
    color: #111827;
    font-weight: 500;
}

.media-upload__btn {
    flex-shrink: 0;
    background: #004d93;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 22px;
    border-radius: 8px;
    transition: background .2s ease;
}

.media-upload:hover .media-upload__btn {
    background: #004d93;
}

/* Close (×) button — only visible when a file is selected */
.media-upload__clear {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #F3F4F6;
    color: #4B5563;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: background .15s ease, color .15s ease;
}

.media-upload__clear:hover {
    background: #FEE2E2;
    color: #DC2626;
}

.media-upload--has-file .media-upload__clear {
    display: inline-flex;
}

/* Hide the native file input but keep it accessible */
.media-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.contact_new {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 80px;
}

.box_cn1 {
    border-radius: 20px;
    border: 1px solid #FCC602;
    background: #FFF;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.10);
    padding: 50px;
}

.shr_1 {
    color: #000;
    font-family: Mulish;
    font-size: 34px;
    font-style: italic;
    font-weight: 900;
    line-height: 110%;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.shr_2 {
    color: #000;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 150%;
}

.sum_1 button {
    border-radius: 48px;
    background: #FFDB00;
    width: 100%;
    height: 56px;
    padding: 14px 34px;
    justify-content: center;
    gap: 10px;
    color: #070713;
    font-family: Mulish;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}

/* section 11 */
/* section 12 */
.qu_1 {
    position: relative;
    right: 62px;
}

.qu_1 p {
    color: #fff;
    font-size: 20px;
}

.qu_1 a {
    text-align: center;
    width: 100%;
    font-size: 21px;
    color: #ffdc00;
}

.logo_cn {
    display: flex;
    justify-content: space-between;
}

.blog-area {
    background-image: url(../../assets/images/ipl/bc_3.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.font_n1 {
    font-family: Mulish;
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 12px;
}

/* section 12 */


/* section 13 */

.footer_menu a {
    color: #FFF;
    font-family: Mulish;
    font-size: 14.8px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.footer_menu ul {
    display: flex;
    gap: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid #5A5B66;
    justify-content: flex-end;
    width: 372px;
    float: right;
}

.footer-social_ft1 {
    display: flex;
    padding: 20px 0;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 30px;
    float: right;
}

.footer-social_ft1 {
    display: flex;
    padding: 20px 0;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    float: right;
}

.footer-social_ft1 p {
    color: #FFF;
    font-family: Mulish;
    font-size: 14.8px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 162.162% */
}

.new_s {
    color: #FFDB00;
}

.footer {

    padding-top: 50px;
}

.footer::before {
    display: none;
}

/* section 13 */
.reminder-modal {
    background: #000000ba;
}

.reminder-modal .modal-dialog {
    max-width: 940px;
}

.reminder-modal__content {
    background: #0d0d0d;
    border: 1px solid #f5c518;
    border-radius: 20px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}

.reminder-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: 0;
    color: #fff;
    padding: 6px;
    line-height: 0;
    z-index: 3;
    cursor: pointer;
}

.reminder-modal__close:hover {
    opacity: .8;
}

.reminder-modal__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}

.reminder-modal__image {

    border-radius: 8px;
    overflow: hidden;
    display: flex;
    min-height: 380px;
}

.reminder-modal__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.reminder-modal__form-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 26px;
    color: #fff;
}

.reminder-modal__title {
    color: #FFF;
    font-family: Mulish;
    margin-bottom: 20px;
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    line-height: 130%;
    /* 31.2px */

}

.reminder-modal__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.reminder-modal__input {
    background: #fff;
    border: 0;
    border-radius: 999px;
    padding: 16px 22px;
    font-size: 15px;
    color: #111;
    outline: none;
    width: 100%;
}

.reminder-modal__input::placeholder {
    color: #6b7280;
}

.reminder-modal__input:focus {
    box-shadow: 0 0 0 3px rgba(245, 197, 24, .25);
}

/* Validation error state — red border + matching placeholder color */
.reminder-modal__input.input-error {
    box-shadow: 0 0 0 2px #ff5757;
    background: #fff1f1;
}

.reminder-modal__input.input-error::placeholder {
    color: #d71920;
}

.reminder-modal__input.input-error:focus {
    box-shadow: 0 0 0 3px rgba(215, 25, 32, .35);
}

.reminder-modal__textarea {
    border-radius: 18px;
    resize: vertical;
    min-height: 96px;
    font-family: inherit;
    line-height: 1.4;
}

.reminder-modal__submit {
    margin-top: 8px;
    background: #f5c518;
    color: #111;
    border: 0;
    border-radius: 999px;
    padding: 16px 22px;
    font-size: 17px;
    font-weight: 700;
    font-style: italic;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.reminder-modal__submit:hover {
    background: #e0b211;
    transform: translateY(-1px);
}


@media screen and (max-width: 767px) {
    .legends_list .tw-mb-14 {
        margin-bottom: 0px;
    }

    .text_ab {
        text-align: center;
        margin-bottom: 0px;
    }

    button.toggle-mobileMenu.d-lg-none.text-white.tw-text-9 span {
        position: relative;
        bottom: 7px;
    }

    .portfolio-five-slide .service-five-dot {
        display: none;
    }

    .service-wrapper:hover {
        transform: translateY(-0px) !important;
    }

    .bc_sr1 {
        padding-top: 0;
        height: 363px;
        background-repeat: no-repeat !important;
        padding-bottom: 0px !important;
        display: flex;
        align-items: center;
    }

    .filter_s {
        background: url(../../assets/images/ipl/msr1.svg) !important;
        background-size: 100% !important;
        filter: none;
    }

    .portfolio-five-slide {
        width: 100%;
    }

    .reminder-modal__grid {
        grid-template-columns: 1fr;
    }

    .reminder-modal__image {
        min-height: 220px;
        display: none;
    }

    .reminder-modal__form-wrap {
        padding: 8px 4px;
    }

    .reminder-modal__title {
        font-size: 15px;
        margin-bottom: 18px;
        font-weight: 700;
    }

    .reminder-modal__title br {
        display: none;
    }

    .reminder-modal__textarea {
        min-height: 79px;
    }

    .reminder-modal__input {
        padding: 8px 22px;
    }

    .reminder-modal__submit {
        padding: 8px 22px;
    }

    .maquee-area h5 {
        font-size: 24px;
    }

    .maquee-area img {
        max-width: 60% !important;
    }

    .txt_2 img {
        max-width: 14%;
    }

    .maquee-icon span {
        animation: none;
    }

    .banner-area {
        height: auto !important;
        padding-bottom: 60px;
    }

    .banner-content.bn_ab.z-1 {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .video-background {
        position: absolute;
        left: 0px;
        top: 13%;
        transform: translate(0%, -50%);
        object-fit: cover;
        margin: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        right: 0px;
    }

    .banner-title span {
        font-size: 40px;
    }

    .prs {
        text-align: center;
        width: 100%;
    }

    .banner-button {
        justify-content: center;
    }

    .bt_2 span {
        font-size: 13px;
    }

    .banner-bottom-wrap p {
        text-align: center;
    }

    .banner-title {
        font-size: 40px;
        text-align: center;
    }

    .banner-title br {
        display: none;
    }

    .shap_n1 {
        display: none;
    }

    .faq_n1 {
        margin-top: 80px;
    }

    .bt_1 span {
        font-size: 13px;
    }

    .preloader {
        width: 100%;
    }

    .preloader svg {
        left: 0px;
    }

    .preloader .preloader-heading .load-text {
        width: 100%;
        font-size: 17px;
    }

    .ball2 {
        display: none;
    }

    .txt_2 h2 {
        font-size: 24px;
    }

    .txt_2 p {
        font-size: 13px;
        margin: 0px;
    }

    .tw-mb-22 {
        margin-bottom: 30px;
    }

    .bc_sr1 {
        width: 100%;
        padding: 25px 30px;
    }

    .bc_sr1 h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .bc_sr1 p {
        font-size: 15px;
        width: 90%;
        margin: auto;
        margin-bottom: 30px !important;
    }

    .service-list a {
        font-size: 14.036px;
    }

    .left_2 {
        position: relative;
        left: 0px;
    }

    .brand_logo .maquee-box {
        margin-right: 20px !important;
    }

    .pr1 {
        text-align: center;
        font-size: 24px;
    }

    .pr2 {
        text-align: center;
        font-size: 13px;
    }

    .hd_2 {
        text-align: center;
    }

    .hd_2 img {
        max-width: 14%;
    }

    .pr_tx1 h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .pr_tx1 p {
        font-size: 13px;
        font-weight: 500;
    }

    .lik_p1 {
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.10);
        display: block !important;
    }

    .lik_p1 a {
        font-weight: 400 !important;
        border: none !important;
        background: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
        width: 100% !important;
        padding: 6px 13px;
    }

    .lik_p1 span {
        width: 100%;
        color: #fff !important;
    }

    .lik_p1 a:hover {
        border: none !important;
        background: none !important;
        color: #fff;
    }

    .about-four-area .section-two-title {
        font-size: 24px;
    }

    .tx_img {
        max-width: 14%;
    }

    .section-two-wrapper.text-center.tw-pt-10.tw-mb-18.tw-me-10 {
        margin: auto;

    }

    .portfolio-area {

        padding-bottom: 0px;
    }

    .about-four-area .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        gap: 0px;
        padding-bottom: 10px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start;
        gap: 10px;
    }

    .chke_1 {
        font-size: 24px !important;
        margin-bottom: 35px;
    }

    .bng_1 {
        background-image: url("../../assets/images/ipl/mb1.jpg") !important;
    }

    .bng_2 {
        background-image: url("../../assets/images/ipl/mb3.jpg") !important;
    }

    .blog-main-thumb img:nth-child(1) {
        transform: none;
        filter: blur(0);
    }

    .blog-wrapper:hover .blog-main-thumb img:nth-child(2) {
        transform: none;
        opacity: 0;
        filter: none;
    }

    .bng_3 {
        background-image: url("../../assets/images/ipl/mb2.jpg") !important;
    }

    .bng_4 {
        background-image: url("../../assets/images/ipl/mb4.jpg") !important;
    }
.cm_p p{font-size: 24px;}
    .web {
        display: none;
    }

    .mweb {
        display: block !important;
    }

    .swiper-pagination-bullet {
        color: rgba(255, 255, 255, 0.30);
        background: rgba(255, 255, 255, 0.30) !important;
        border: none !important;

    }

    .service-five-dot .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        color: rgba(255, 255, 255, 0.30);
        background: #FFF !important;
        border: none !important;
    }

    .service-five-dot .swiper-pagination-bullet::before {
        display: none;
    }

    .service-five-dot.portfolio-five-dot.tw-mt-16.text-center.swiper-pagination-clickable.swiper-pagination-bullets {
        margin-top: 30px;
    }

    .prl1 {
        font-size: 14px;
    }

    .team-five-dot {
        text-align: center;
        margin-top: 20px;
    }

    .team-five-dot .swiper-pagination-bullet {
        width: 40px;
        height: 40px;
        background: transparent;
        opacity: 1;
    }

    .team-five-dot button {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: none;
        background: #fff;
        color: #000;
        cursor: pointer;
    }

    .team-five-dot .swiper-pagination-bullet-active button {
        background: red;
        color: #fff;
    }

    .fx_p {
        font-size: 24px;
        line-height: 110% !important;
    }

    .match_1 {
        width: 100%;
        padding: 18px;
    }

    .mt1 {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .mt2 {
        font-size: 18px;
    }

    .mt3 {
        font-size: 12px;
    }

    .prodct_mt {
        padding: 14px 0px;
    }

    .prd_img {
        width: 50px;
        height: 50px;
    }

    .mt4 {
        font-size: 14px;
        width: 100%;
    }

    .rt_t1 {
        font-size: 24px;
    }

    .rt_t2 {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .box_cn1 {
        padding: 30px;
    }

    .shr_1 {
        font-size: 16px;
    }

    .shr_2 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .sum_1 {
        margin-top: 20px;
    }

    .team-top-img {
        max-width: 11%;
    }

    .font_n1 {
        font-size: 18px;
    }

    .bc_team {
        padding-bottom: 0px;
        padding-top: 25px;
    }

    .logo_cn {
        text-align: center;
    }

    .footer_menu ul {
        gap: 16px;
        border-bottom: 1px solid #5A5B66;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 16px 20px;
    }

    .brand_logo {
        background: #000;
        padding-top: 40px !important;
        padding-bottom: 57px !important;
    }

    .about-four-area {
        padding-top: 40px;
    }

    .nav_menu {
        margin-top: 14px;

        padding: 6px;
        padding-bottom: 0px;
    }

    .legends_list {
        padding: 60px 0px;
    }

    .legends_list .text_ab h2 {
        text-align: left;
        font-size: 24px;
        width: 68%;
    }

    .legends_list .text_ab p {
        text-align: left;
        font-size: 13px;
        margin-top: 2px;
    }

    .legends_box {
        display: flex;
        border: none;
        flex-wrap: wrap;
    }

    .legends_box .nav-tabs {
        width: 100%;
    }

    .legends_list .tabs_nav button span {
        display: none;
    }

    .legends_list #myTab {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        gap: 0px;

        padding-bottom: 10px;

        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start;
    }

    .mr_b1 {
        margin-bottom: 30px;
    }

    .bc_team .team-wrapper.tw-mt-25.tw-mb-8.position-relative.overflow-hidden {
        margin-top: 20px;
    }

    .marq1:before {
        top: 131px;
    }

    #myTab .nav-link {

        padding: 5px 10px;
        height: auto !important;
        font-size: 13px !important;
    }

    .legends_list .nav_menu {
        background: none;
        overflow: auto;
        margin-top: 0px;
        padding-left: 0px;
        border-radius: 0px 0px 20px 0px;
    }

    .ac_m {
        display: none;
    }

    .legends_list .tab-pane {
        width: 100%;
        height: auto;
        border: 1px solid #6B5703;
        border-radius: 20px;
    }

    .legends_list .tab-content {
        width: 100%;
        border-radius: 30px;
        border: 1px solid #6B5703;
    }

    .legends_list .tab-pane {
        padding: 14px !important;
        padding-bottom: 0px !important;
    }

    .team_ls1 {
        gap: 10px;
        width: 100%;
        padding: 12px;
    }

    .team_ls1 h3 {
        font-size: 18px;
    }

    .team_ls1 p {
        font-size: 13px;
    }

    .tp_dv1 {
        flex-direction: row;
        gap: 10px;
    }

    .tp_dv1 p {
        gap: 0px;
        font-size: 18px;
        flex-wrap: wrap;
        padding: 10px;
        width: 100%;
    }

    .tp_dv1 span {
        font-size: 8px;
        width: 100%;
    }

    .tabs_nav .mt-4 {
        margin-top: 20px !important;
    }

    .col-marquee {
        width: 180px;

    }

    .dl_1 img {
        position: relative;
        right: 0px;
        max-width: 63%;
        bottom: 0px;
        z-index: 2;
        border-radius: 0px;
        margin: auto;
        text-align: center;
        display: flex;
        margin-top: 10px;
    }

    .vs_btn a:nth-child(1) {
        font-size: 14px;
        padding: 10px 16px;
    }

    .vs_btn a:nth-child(2) {
        font-size: 14px;
        padding: 10px 16px;
    }

    .grd_tm {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .bc_team .grd_tm {
        width: 100%;
        margin: auto;
    }

    .bc_team .team-wrapper.tw-mt-25.tw-mb-8.position-relative.z-1.overflow-hidden {
        margin-top: 70px;
    }

    .maquee-box {
        gap: 0px;
        margin-right: 5px !important;
    }

    .qu_1 {
        position: relative;
        float: right;
        width: 100%;
        right: 0px;
    }

    .qu_1 p {
        color: #fff;
        font-size: 14px;
    }

    .qu_1 a {
        font-size: 15px;
    }

    .footer-social_ft1 {
        width: 100%;
        justify-content: center;
    }

    .about-four-area .tab-content.mt-3 {
        width: 100%;
        margin: auto;
    }

    .header-button {
        display: block;
    }

    .header-button a {
        font-size: 14px;
        padding: 7px 20px;
    }

    .logo .max-w-200-px {
        max-width: 70%;
    }

    .portfolio-area .card-wrapper:last-of-type .card {
        height: 518px !important;
    }

    .portfolio-area .card-wrapper {
        height: 550px !important;
    }


    .portfolio-area .card img {
        object-fit: contain;
    }

    .portfolio-area .card .web {
        display: none !important;
    }

    .portfolio-area .card .mweb {
        display: block;
    }
}

/* ===== team_list slider: white circular arrow buttons ===== */
.team-list-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: transform .2s ease, box-shadow .2s ease;
    line-height: 0;
}

.team-list-nav svg {
    display: block;
    width: 100%;
    height: 100%;
}

.team-list-nav:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

.team-list-nav.swiper-button-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.team-list-nav--prev {
    left: 20px;
}

.team-list-nav--next {
    right: 20px;
}

/* Desktop: show arrows */
@media (min-width: 992px) {
    .team-list-nav {
        display: inline-flex;
    }
}

/* Dots are hidden everywhere (autoplay-only on mobile, arrows on desktop) */
.team-list-five-dot {
    display: none !important;
}

/* ===== match_list slider: white circular arrow buttons ===== */
.match-list-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition: transform .2s ease, box-shadow .2s ease;
    line-height: 0;
}

.match-list-nav svg {
    display: block;
    width: 100%;
    height: 100%;
}

.match-list-nav:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

.match-list-nav.swiper-button-disabled {
    opacity: .4;
    cursor: not-allowed;
}

.match-list-nav--prev {
    left: 20px;
}

.match-list-nav--next {
    right: 20px;
}

@media (min-width: 992px) {
    .match-list-nav {
        display: inline-flex;
    }
}

.card .web {
    display: block;
}

.match_list-five-dot {
    display: none !important;
}

.portfolio-area .empty-section {
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;

}

.portfolio-area .card-wrapper {
    height: 70vh;

    position: relative;
    width: 100%;
    margin: auto;
}

.portfolio-area .card-wrapper:last-of-type {
    height: auto;
    padding-bottom: 5vh;
}

.portfolio-area .card img {
    border-radius: 30px;
}

.portfolio-area .card {
    width: 100%;
    height: calc(70vh - 15vh);
    /* 55vh */
    margin: 0 auto;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.portfolio-area .card .mweb {
    display: none;
}

.portfolio-area .card-wrapper:last-of-type .card {
    height: 666px;
    /* 85 - (15+15) = 55vh */
    border: none;
}