.headerSectionMainWrapper .siteContainer ,
.car-jitsu-menu-section .siteContainer{
    width: 90%;;
    max-width: 90%;
    margin: 0 auto;
    z-index: 999;
}

body.mac-safari .shop-btn img {
    transform: rotate(-90deg);
}

body.mac-chrome .shop-btn img {
    transform: rotate(0deg);
}

ul li {
    list-style: none;
}

/* header css */

.headerSectionMainWrapper {
    background: #202026;
    height: 80px;
}

.headerSectionInnerWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}

.siteLogoCol {
    width: 13%;
    position: relative;
}

.siteMenuMainWrapper {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.siteMenuMainWrapper ul {
    text-align: center;
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

body .siteMenuMainWrapper>ul>li {
    padding: 28px 1.5rem;
    margin: 0px;
}

.siteMenuMainWrapper ul li:last-child{
    padding: 0px 1rem;
}

.siteMenuMainWrapper ul li a img.fnf-header-logo{
    width: 178px;
}

li#showsSubMenu:hover .subMenuMainWrapper {
    display: flex;
}

li#showsSubMenu:hover .subMenuMainWrapper {
    display: flex;
}

.subMenuMainWrapper {
    display: none;
    width: 100%;
    max-width: 1100px;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    margin: auto;
}

p.submenuHeading,
p.topMearchHeading {
    font-size: 16px ;
    font-weight: 800 !important;
    text-transform: uppercase;
    line-height: 24px;
    color: #DF4661 !important;
    margin: 0;
    margin-bottom: 12px !important;
    font-family: area-normal, Sans-serif !important;
    text-align: left;
}

#browseLibraryslider {
    width: calc(100% - 80px);
    margin: 0 auto;
    display: flex;
}

.browseLibraryListMain.owl-carousel .owl-stage {
    display: flex;
}

body .owl-carousel .owl-item img {
    border-radius: 0;
}

.merchSubMenuMainWrapper {
    width: 100%;
    max-width: 1100px;
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    margin: 0 auto;
}

li#mearchSubMenu:hover .merchSubMenuMainWrapper {
    display: block;
}

.mearchSubMenuInnerWrapper {
    display: flex;
}

.merchInnercolA {
    width: 62%;
    padding: 40px;
    display: flex;
}

.shopStoreAction {
    width: 60px;
    z-index: 99;
    background-color: #df4661;
    position: relative;
}

.plnCollectionListMain {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 60px);
}

.shopStoreAction a.plnBtn {
    transform: rotate(-90deg);
    height: 60px;
    width: 271px;
    background-color: transparent;
    position: absolute;
    bottom: 103px;
    left: -103px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 25px;
    opacity: 1;
}

.plnCollectionCard {
    width: 25%;
    display: flex;
}

.plnCollectionCard a {
    position: relative;
    opacity: 1;
    cursor: pointer;
}

.merchInnercolB {
    width: 38%;
    background: #f5f5f5;
    padding: 30px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;

    background-image: url(http://watch-pln.com/wp-content/uploads/2025/04/CJ_collection_11zon.webp);
}

.topMearchSubHeading {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 900;
}

.merchInnercolB p.topMearchHeading {
    font-size: 50px !important;
    line-height: 60px !important;
    color: #fff;
    font-family: 'zuume' !important;
    text-transform: uppercase;
    text-align: center;
}

/* .merchInnercolB{
    background-image:url('/wp-content/themes/hello-elementor-child/modules/header-module/images/m6.webp');
    background-repeat: no-repeat;
    background-size: cover;
} */

body .shop-btn {
    display: block;
    margin-top: 10px;
    padding: 10px 18px 4px;
    background: #ff3366;
    font-size: 34px;
    line-height: 1.2;
    color: white;
    text-decoration: none;
    border-radius: 0;
    width: fit-content;
    font-family: "zuume";
    margin: 0px auto;
}

body .headerCartBtnCol {
    display: flex;
    justify-content: end;
    gap: 13px;
}

.headerCartBtnCol {
    width: 17%;
    text-align: right;
}

.headerCartBtnCol a,
.headerCartBtnCol a img.cardIcon {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.headerCartBtnCol a {
    position: relative;
}

.headerCartBtnCol a img.cardIcon {
    border-radius: 0px;
}

.headerCartBtnCol a,
.headerCartBtnCol a img.cardIcon {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.mobileHeader {
    display: none;
}

.siteLogoCol img {
    width: 88%;
    height: 100px;
    transform: rotate(-20deg);
    position: absolute;
    object-fit: contain;
    top: -12px;
    z-index: 999;
}

.downArrow .innerSubMenuMain a {
    position: relative;
}

.siteMenuMainWrapper .innerSubMenuMain a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.downArrow .innerSubMenuMain a::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -19px;
    bottom: 0;
    margin: auto 0;
    width: 15px;
    height: 30px;
    background: url(https://cdn.shopify.com/s/files/1/0741/3147/2666/files/arrow_5.svg?v=1739801594);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.innerSubMEnuColA {
    width: 70%;
    padding: 30px 20px;
}

.plnSeriesCrdsMain ul {
    gap: 10px;
}

/* .siteMenuMainWrapper ul {
    text-align: center;
    margin: 0;
    display: flex
;
    list-style: none;
    justify-content: center;
    gap: 40px;
    margin: 0;
    padding: 0;
} */

body .siteMenuMainWrapper .plnSeriesCrdsMain ul li {
    padding: 0;
}

.plnSeriesCrdsMain ul li {
    width: 20%;
}

.plnSeriesCrdsMain a {
    text-decoration: none;
}

.plnSeriesCrdsMain>ul>li img {
    border-radius: 0px;
    height: 215px;
    object-fit: cover;
}

p.SeriseName {
    color: #000 !important;
    font-family: area-normal, Sans-serif !important;
    font-size: 12px ;
    font-weight: 800 !important;
    text-transform: uppercase;
    line-height: 14px ;
    padding: 10px;
    margin: 0;
}

.browseLibraryListMain .owl-nav button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 44px;
    height: 44px;
}

.browseLibraryListMain .owl-nav button.owl-next {
    right: -44px;
    display: flex;
    justify-content: flex-end;
}

.browseLibraryListMain .owl-nav button.owl-prev {
    left: -44px;
}

.browseLibraryListMain .owl-nav button img {
    width: 26px;
    border-radius: 0;
}

p.collectionTitlePln {
    display: block;
    color: #fff;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: max-content;
    display: none;
    text-transform: uppercase;
    z-index: 999;
}

.merchInnercolA {
    width: 62%;
    padding: 40px;
    display: flex;
}

.mearchSubMenuInnerWrapper {
    display: flex;
}

.plnCollectionCard img {
    width: 100%;
    height: 136px;
    object-fit: cover;
    border-radius: 0;
}

.plnCollectionCard {
    width: 25%;
    display: flex;
}

.plnCollectionCard a {
    position: relative;
    opacity: 1;
    cursor: pointer;
    display: flex;
}

.plnCollectionCard a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a1;
    /* z-index: -1; */
    opacity: 0;
    /* transition: opacity 0.3s ease; */
}

.plnCollectionCard a:hover::before {
    opacity: 1;
}

.merchInnercolB {
    width: 38%;
    /* background: #f5f5f5; */
    padding: 30px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}


.merchInnercolB::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.topMearchSubHeading {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 800 !important;
}

.merchInnercolB p.topMearchHeading {
    font-size: 50px !important;
    line-height: 60px !important;
    color: #fff !important;
    font-family: 'zuume' !important;
    text-transform: uppercase;
    text-align: center;
}

body .shop-btn, body .shop-btn:hover {
    display: block;
    margin-top: 10px;
    padding: 10px 18px 4px;
    background: #ff3366;
    font-size: 34px;
    line-height: 1.2;
    color: white;
    text-decoration: none;
    border-radius: 0;
    width: fit-content;
    font-family: "zuume";
    margin: 0px auto;
}

.plnCollectionCard a:hover p.collectionTitlePln {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.shopStoreAction a.plnBtn {
    transform: rotate(-90deg);
    height: 60px;
    width: 271px;
    background-color: transparent;
    position: absolute;
    bottom: 103px;
    left: -103px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 25px;
    opacity: 1;
    color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
}








/* marqeee css home page */


.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    /* max-height: 46px; */
    position: absolute;
    /* height: 100%; */
    background: #DF4660;
    padding: 10px 0px;
    top: 100px;
    z-index: 2;
    width: 100%;
}

.marquee {
    display: flex;
    gap: 52px;
}

.marquee span {
    display: flex !important;
    align-items: center;
    color: #fff;
    white-space: nowrap;
    font-weight: 800;
    font-family: "area-normal", sans-serif;
}

.marquee span img {
    width: 29px;
    margin: 0px 10px;
    border-radius: 0px;
}

.marquee span {
    display: flex !important;
    align-items: center;
    color: #fff;
    white-space: nowrap;
    font-weight: 800;
    font-family: "area-normal", sans-serif;
    font-size: 1rem;
}

.windows-device span.marqeeInnerText {
    margin-top: 0px;
}

.libraryMainSectionWrpapper {
    width: 38%;
    background: #f5f5f5;
    padding: 30px 20px;
}

.marquee-container.gorilla-games {
    background-color: #F7D687;
}

.marquee-container.gorilla-games .marquee span img,
.marquee-container.slap-poker .marquee span img {
    filter: brightness(0);
}

.marquee-container.world-footgolf-tour {
    background-color: #101920;
}

.marquee-container.slap-poker {
    background-color: #F0E956;
}

.marquee-container.pro-carrom-tour {
    background-color: #09773B;
}

.marquee-container.beastball {
    background-color: #67BF25;
}


/* slap-fight css */

.slap-fight-menu-section {
    background-color: #FEDB2F;
}

.slap-fight-menu-section .slap-fight-menu {
    padding: 4px 0;
}

.slap-fight-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 34px;
    padding: 13px 0;
}

.slap-fight-menu-section .slap-fight-menu ul {
    gap: 25px;
}

.slap-fight-menu ul {
    display: flex;
    align-items: center;
    gap: 40px;
}

.slap-fight-menu ul li a {
    color: #18181E;
    text-transform: uppercase;
    font-weight: 700;
}

.slap-fight-menu-button {
    background-color: #202027;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 14px 6px ;
}

.slap-fight-menu-button a {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 24px;
    color: #FFFFFF;
    font-family: "zuume";
}

.putt-tour-menu-section {
    background-color: #E77F2D;
}

.street-menu-section {
    background-image: url(../images/paperWhite-1.webp);
    /* background-image: url(\wp-content\themes\hello-elementor-child\modules\header-module\images\paperWhite-1.webp); */
    background-size: cover;
}

body .car-jitsu-menu-section {
    position: absolute;
    top: 91px;
    z-index: 2;
    width: 100%;
    display: flex
;
    height: 45px;
    align-items: center;
}

.car-jitsu-menu-section .slap-fight-menu ul li a {
    color: #FFFFFF;
}

.slap-fight-menu.menu-mobile {
    display: none;
}

@media only screen and (max-width: 1650px) and (min-width: 1301px) {
    body .siteMenuMainWrapper {
        width: 70%;
    }

    .innerSubMEnuColA {
        width: 62%;
        padding: 30px 20px;
    }

    .libraryMainSectionWrpapper {
        width: 38%;
    }
}



/* footer css */

body #site-footer {
    width: 100%;
    max-width: 100%;
    padding: 40px 0;
}

.footer-section,
.custom-footer {
    background-color: rgb(217, 71, 103);
    color: white;
    padding: 40px 0px;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 0px auto;
}

body .footer-left {
    width: 63%;
}

body .footer-left h3 {
    font-family: vinila-condensed, sans-serif !important;
    font-style: normal;
    font-size: 22px !important;
    line-height: 31px !important;
    font-weight: 600;
    max-width: 500px;
    color: rgb(255, 255, 255);
    letter-spacing: -1px;
    margin: 20px 0px 15px;
    text-transform: uppercase;
}

.footer-social a {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.footer-social a img {
    width: 100%;
    height: 100%;
}

.footer-left .newslatterWrapper {
    width: 100%;
    max-width: 608px;
    margin-bottom: 40px;
}

.footer-left iframe {
    width: 100%;
    margin-bottom: 40px;
}

.footer-left h4 {
    font-family: vinila-condensed, sans-serif !important;
    font-style: normal;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
    color: rgb(255, 255, 255);
}

.footer-left p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400 !important;
    margin: 0px 0px 10px;
}

.footer-left p a {
    color: #FFFFFF;
}

body .footer-links {
    margin-top: 40px;
}

.footer-links a {
    color: rgb(255, 255, 255);
    font-weight: 500;
    margin-right: 60px;
    font-family: area-normal, sans-serif;
    font-size: 16px;
    text-decoration: none;
}

.footerPrtner {
    margin-top: 30px;
    max-width: 720px;
}

.footerPrtner a b {
    color: #FFFFFF;
}

body .footer-right {
    width: 37%;
}

body .footer-logo {
    max-width: 188px;
    height: auto;
}

.footer-right p {
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
    font-family: var(--area-normal-font-family);
    text-align: left;
    margin: 15px 0px !important;
}

.footer-social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 15px 0px;
}

body .custom-footer a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

@media only screen and (max-width: 991px) {

    .footer-container {
        gap: 20px;
    }

    body .footer-left {
        width: 100%;
    }

    body .footer-right {
        width: 100%;
    }

}