:root {
    --main-theme-color: #df4661;
    --dark-color: #202026;
    --light-color: #ffffff;

    --area-normal-font-family: "area-normal", sans-serif;
    --zuume-font-family: "zuume";
    --sub-heading-1-font-size: 24px;
    --sub-heading-1-line-height: 30px;
    --sub-heading-2-font-size: 20px;
    --sub-heading-2-line-height: 30px;
    --body-text-1-font-size: 18px;
    --body-text-1-line-height: 20px;
    --body-text-2-font-size: 14px;
    --body-text-2-line-height: 20px;
    --button-1-font-size: 20px;
    --button-1-line-height: 30px;
    --button-2-font-size: 14px;
    --button-2-line-height: 12px;
    --h1-PLN-font-size: 119px;
    --h1-line-height: 100px;
    --h2-PLN-font-size: 106px;
    --h2-PLN-line-height: 102px;
    --h3-PLN-font-size: 20px;
    --h3-PLN-line-height: 23px;
    --h4-PLN-font: 14px;
    --h4-PLN-height: 16px;
    --h5-PLN-font: 14px;
    --h5-PLN-height: 16px;
    --h6-PLN-font: 16px;
    --h6-height: 24px;

}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body p {
    margin: 0 0 20px 0;
    font-family: var(--area-normal-font-family);
    font-size: 16px;
    line-height: 1.3;

}

body {
    font-family: var(--area-normal-font-family);

}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: var(--main-theme-color);
    word-wrap: break-word;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: none;
    color: var(--main-theme-color);
}

a:focus {
    color: initial;
    text-decoration: none;
    outline: 0;
}

img {
    max-width: 100%;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: var(--dark-color);
    margin: 10px 0 15px 0;
    font-weight: 800;
}




body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .mainSContent h1 span,
.newsFeedSItemWhite a.site-btn-mini,
body .ourArticlesOuterWrapper a.site-btn,
body .ourTeamItem h2 span,
body .ourAthleteTab h3 a,
body .blogPage h1,
body .blogPage h2,
body .blogPage h3,
body.single-athlete h1,
body.single-athlete h2,
body.single-athlete h3 {
    font-family: var(--zuume-font-family);
}

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

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

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

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

p.collectionTitlePln {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: max-content;
    display: none;

    text-transform: uppercase;
    z-index: 999;

}

.plnCollectionCard a:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    background: #24212196;
}

.plnCollectionCard a:hover:before {
    z-index: 99;
}

.plnCollectionCard a:hover p.collectionTitlePln {
    display: block;
}

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

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

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;
}

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

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

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

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

body .owl-carousel .owl-item img {
    height: 244px;
}

body .mobileMenuSideBar {
    display: none;
}

@media only screen and (min-width: 767px) {

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

    .siteLogoCol a:hover {
        opacity: 1;
    }

    .headerCartBtnCol a {
        position: relative;
    }

    .headerCartBtnCol a .cartCout {

        font-size: 12px;
        line-height: 1;

    }

    .cartCountMain {
        position: absolute;
        background: #DF4660;
        width: 24px;
        height: 23px;
        display: flex;
        right: -9px;
        align-items: center;
        top: -7px;
        justify-content: center;
        border-radius: 50px;
    }

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

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

    .innerSubMenuMain a:hover:after {
        transform: rotate(-180deg);
    }

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

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

    .siteContainer {
        max-width: 90%;
        margin: 0 auto;
    }

    .plnSeriesCrdsMain ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 10px;
    }

    .plnSeriesCrdsMain ul li {
        width: 20%;
    }

    .plnSeriesCrdsMain ul li img {
        width: 100%;
        height: auto;
    }

    .innerSubMEnuColA {
        width: 65%;
        padding: 30px;
    }

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

    .browseLibraryListMain .slick-prev {
        left: -30px;
        width: 27px;
    }

    .browseLibraryListMain .slick-next {
        right: -30px;
        width: 27px;
    }

    .submenuHeading {
        text-align: left;
        color: #df4661;
        font-family: area-normal, Sans-serif;
        font-size: 16px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 24px;
    }


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

    ul.browseLibraryListMain {
        display: flex;
        padding: 0;
        margin: 0;
    }

    .browseLibraryListMain li {
        width: 14%;
    }

    .browseLibraryListMain li img {
        height: 252px;
        width: 32px;
        object-fit: contain;
    }

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

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

    ul.browseLibraryListMain {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
    }

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

    a.plnBtn {
        font-family: area-normal, Sans-serif;
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 24px;
        fill: #FFFFFF;
        color: #fff;
        background-color: #df4661;
        border-radius: 0 0 0 0;
        padding: 10px;
        text-decoration: none;
    }

    .plnSeriesCrdsMain a {
        text-decoration: none;
    }

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

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

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


    .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;
    }

    .mearchSubMenuInnerWrapper {
        display: flex;
    }

    .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: 900;
    }

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

    .plnMearchPoductCard {
        width: 25%;
    }

    .plnMearchPoductCard img {
        border: 1px solid #bebebe;
        border-radius: 0;
    }

    .plnMearchPoductCard p.productTitlePln {
        color: #000;
        font-family: area-normal, Sans-serif;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 14px;
        text-decoration: none;
        padding: 10px;

    }

    .plnMearchPoductCard p.productTitlePln:hover {
        background-color: #df4661;
    }


    .plnProductlistMain {
        display: flex;
        margin-top: 20px;
        gap: 20px;
    }

    img {
        width: 100%;
    }

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

    .mearchColAtopHeading {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mearchSubMenuInnerWrapper {
        display: flex;
    }

    .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#showsSubMenu:hover .subMenuMainWrapper {
        display: flex;
    }

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

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

    .browseLibraryListMain .slick-arrow:before {
        content: '';
    }

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

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

    .plnSeriesCrdsMain ul {
        gap: 10px
    }

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


    body .custom-liquid {
        padding: 0;
        width: 100%;
        max-width: 100%;
        z-index: 99;
        position: relative;
    }

    body .custom-liquid .container {
        width: 100%;
        max-width: 100% !important;
        padding: 0;
    }

    .downArrow .innerSubMenuMain a {
        position: relative;
    }

    .downArrow .innerSubMenuMain a::after {
        content: "";
        position: absolute;
        top: -4px;
        right: -26px;
        bottom: 0;
        margin: auto 0;
        width: 30px;
        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;
    }

    .innerSubMenuMain>a {
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
    }

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


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

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

}

@media only screen and (max-width: 1650px) and (min-width: 1301px) {



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

    .libraryMainSectionWrpapper {
        width: 38%;
    }

    body .siteMenuMainWrapper {
        width: 70%;
    }

    body .headerCartBtnCol {
        width: 17%;

    }

}

@media only screen and (max-width: 1300px) and (min-width: 991px) {
    body .siteMenuMainWrapper {
        width: 87%;

    }

    body .headerCartBtnCol {
        width: 5%;
    }

    .plnSeriesCrdsMain ul {
        gap: 5px;
    }

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

    .libraryMainSectionWrpapper {
        width: 30%;
        padding: 30px 30px;
    }

    .browseLibraryListMain .slick-next {
        right: -25px;
        width: 20px;
    }

    .browseLibraryListMain .slick-prev {
        left: -25px;
        width: 20px;
    }



}

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

    .plnSeriesCrdsMain ul li {
        width: 24%;
    }

}

.mobileHeader {
    display: none;
}

@media only screen and (min-width:768px) and (max-width: 991px) {
    li#mearchSubMenu:hover .merchSubMenuMainWrapper {
        position: fixed;
        max-width: 92%;
    }

    .merchInnercolA {
        padding: 20px;
    }

}

@media only screen and (max-width:767px) {
    .plnCollectionListMain {
        margin-top: 20px;
        flex-wrap: wrap;
        display: none;
    }

    .merchInnercolB {
        display: none;
    }

    p.topMearchHeading {
        display: none;
    }

    .plnCollectionCard {
        width: 50%;
    }

    .headerDekstop {
        display: none;
    }

    .mobileHeader {
        display: block;
        z-index: 999;
        position: relative;
    }

    .plnCollectionCard img {

        height: 150px;

    }

    .plnCollectionCard a {
        height: 100%;
    }

    body .mobileHeader .siteContainer {
        width: 100% !important;
    }

    .mobileHeader .siteMenuMainWrapper {
        display: none;
        background: #FFF;
        padding: 50px 15px 20px 15px;
        width: 100%;
        border-bottom: 6px solid #df4661;
    }

    /* body.no-scroll {
        overflow: hidden;
    } */

    .mobileMenuIcon .close-icon{
        display: none;
        transition: 0.3s ease;
    }

    .mobileMenuIcon .open-icon{
        display: block;
        width: 39px;
        height: 39px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-left: auto;
    }

    .mobileMenuIcon.active .open-icon{
        display: none;
        transition: 0.3s ease;
    }

    .mobileMenuIcon.active .close-icon {
        display: block;
        width: 39px;
        height: 39px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-left: auto;
    }

    .mobileMenuIcon .mobileMenuSideBar.active {
        display: block;
        top: 70px;
        transition: 0.3s ease;
        z-index: 0;
    }

    .mobileMenuIcon .mobileMenuSideBar {
        width: 100%;
        height: 100;
        background-color: #F7F2FA;
        position: absolute;
        top: 100vh;
        left: 0px;
        transition: 0.5s;
        z-index: 1000;
        transition: 0.3s ease;
    }

    a.plnShows{
        color: #000000;
    }

    .mobileHeader .siteLogoCol {
        width: 45%;
        position: relative;
    }

    .mobileHeader .mobileMenuIcon {
        width: 55%;
        text-align: right;
    }

    .mobileHeader .siteLogoCol img {
        width: 140px;
        transform: rotate(-17deg);
        position: absolute;
        object-fit: contain;
        top: -40px;
        z-index: 99;
    }

    .mobileHeader .headerSectionInnerWrapper {
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between;
        padding: 19px 15px;
        background: #202026;
    }

    .mobileMenuIcon .mobileMenuSideBar.active ul.mobileMenuList {
        padding: 60px 15px;
    }

    body .marquee-container {
        top: 95px;
    }

    .mobileHeader .innerSubMenuMain {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .mobileHeader .siteContainer {
        max-width: 100%;
        margin: 0 auto;
    }

    body .mobileHeader .plnSeriesCrdsMain ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 10px;
        justify-content: flex-start;
    }

    .mobileHeader .plnSeriesCrdsMain ul li {
        width: 31.2%;
    }

    .mobileHeader .plnSeriesCrdsMain ul li img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .mobileHeader .innerSubMEnuColA {
        width: 100%;
        padding: 25px 0 15px 0;
    }

    .mobileHeader .libraryMainSectionWrpapper {
        width: 100%;
        background: transparent;
        padding: 0px 0 10px;
    }

    .mobileHeader .submenuHeading {
        text-align: left;
        color: #df4661;
        font-family: area-normal, Sans-serif;
        font-size: 16px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 24px;
    }

    body .mobileHeader ul.browseLibraryListMain {

        padding: 0;
        margin: 0;

        text-decoration: none;
        text-transform: capitalize;
        color: #000000;
        font-size: 16px;
        text-align: left;
        font-weight: bold;
    }

    .mobileHeader .browseLibraryListMain li {
        width: 50%;
    }

    .mobileHeader .browseLibraryListMain li img {
        height: 252px;
        width: 32px;
        object-fit: contain;
    }

    .mobileHeader .downArrow {
        padding-bottom: 10px;
    }

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


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

    .mobileHeader a.plnBtn {
        font-family: area-normal, Sans-serif;
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 24px;
        fill: #FFFFFF;
        color: #fff;
        background-color: #df4661;
        border-radius: 0 0 0 0;
        padding: 10px;
        text-decoration: none;
    }

    .mobileHeader .plnSeriesCrdsMain a {
        text-decoration: none;
    }

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

    a.marchBtn{
        background-color: #CE5263;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 20px;
        fill: #FFFFFF;
        color: #FFFFFF;
        border-radius: 0px 0px 0px 0px;
        padding: 10px 10px 10px 10px;
        margin-top: 20px;
        display: inline-block;
        float: left;
        text-decoration: none;
    }

    a.aboutShow{
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
        border-bottom: 4px solid #df4661;
        padding-bottom: 0px;
        text-decoration: none;
        float: left;
        margin: 30px 0 30px 20px;
        color: #000000 ;
        text-transform: uppercase;
    }

    .mobileHeader .merchInnercolA {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .mobileHeader .merchInnercolB {
        width: 100%;
        background: transparent;
        padding: 0px;
    }

    .mobileHeader .plnMearchPoductCard {
        width: 31%;
    }

    .mobileHeader .plnMearchPoductCard img {
        border: 1px solid #bebebe;
    }

    .mobileHeader .plnMearchPoductCard p.productTitlePln {
        color: #000;
        font-family: area-normal, Sans-serif;
        font-size: 12px;
        font-weight: 900;
        padding: 10px 0px;
        text-transform: uppercase;
        line-height: 14px;
        text-decoration: none;
    }

    .mobileHeader .plnMearchPoductCard p.productTitlePln:hover {
        background-color: #df4661;
    }

    .browseLibraryListMain ul{
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .browseLibraryListMain ul li{
        margin: 0 0 15px;
        list-style: none;
    }

    .browseLibraryListMain ul li a{
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        text-transform: capitalize;
    }


    .mobileHeader .plnProductlistMain {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 10px;
        padding: 20px 0;
    }



    .mobileHeader .mearchColAtopHeading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mobileHeader .merchSubMenuMainWrapper {
        width: 100%;
        margin: 0 auto;
    }

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

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

    .mobileHeader .headerSectionMainWrapper {
        background: transparent;
        padding: 0px 0px;
    }

    .mobileHeader .siteMenuMainWrapper .innerSubMenuMain a {
        font-size: 18px;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        color: #000000;
        border-bottom: 3px solid #DF4661;
        padding-bottom: 2px;
    }

    .mobileHeader .plnSeriesCrdsMain ul {
        gap: 10px
    }

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

    body .mobileHeader .custom-liquid {
        padding: 0;
        width: 100%;
        max-width: 100%;
        z-index: 99;
        position: relative;
    }

    body .mobileHeader .custom-liquid .container {
        width: 100%;
        max-width: 100% !important;
        padding: 0;
    }


    .mobileHeader .innerSubMenuMain>a {
        font-family: "area-normal", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        cursor: pointer;
        border-bottom: 4px solid #df4661;
        padding-bottom: 0px;
        text-decoration: none;
                text-transform: uppercase;

    }

    .mobileHeader .headerCartBtnCol,
    .mobileHeader .headerCartBtnCol a,
    .mobileHeader .headerCartBtnCol a img.cardIcon {
        width: 35px;
        height: 35px;
    }

    .mobileHeader .humburgerIcon.active {
        content: url('https://cdn.shopify.com/s/files/1/0741/3147/2666/files/cross-icon.svg?v=1739894587');
    }

    .browseLibraryListMain li a {
        color: black;

    }

}



/* marquee css */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    /* max-height: 46px; */
    position: absolute;
    /* height: 100%; */
    background: #DF4660;
    padding: 10px 0px;
    top: 91px;
    z-index: 9;
    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;
}

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





/* footer css start */


.custom-footer {
    background-color: #d94767;
    color: white;
    padding: 40px 0;
}

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

.footer-left,
.footer-right {
    width: 48%;
}

.footer-left h3,
.footer-left h4 {
    text-transform: uppercase;
}

.footer-left p {
    margin: 5px 0;
}

.footer-left iframe {
    max-width: 100%;
    border: none;
}

.footer-links {
    margin-top: 15px;
}

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

.footer-right {
    text-align: left;
}

.footer-logo {
    max-width: 150px;
}

.footer-social {
    margin-top: 15px;
}

.footer-social a {
    margin-right: 10px;
    color: white;
    font-size: 20px;
    text-decoration: none;
}

.copyright {
    margin-top: 10px;
    font-size: 14px;
}

.footer-left h3 {
    font-family: 'vinila-condensed', sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 31px;
    font-weight: 600;
    max-width: 500px;
    margin: 20px 0 15px;
    color: #FFFFFF;
    letter-spacing: -1px;
}

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

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

.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;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #FFFFFF;
}

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

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

body .footer-links a {
    color: #ffffff !important;
    font-weight: 500 !important;
    margin-right: 60px;
    text-decoration: none;
}

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

body .custom-footer a {
    color: #FFFFFF;
    text-decoration: none;
}

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

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

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

.copyright {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    font-family: var(--area-normal-font-family);
    text-align: left;
}

.footer-right>a {
    display: block;
    font-size: 14px;
    color: #fff;
}

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

@media only screen and (max-width: 991px) {
    body .footer-left {
        width: 100%;
    }

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

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

    .footer-left h3 {
        font-size: 18px;
        line-height: 18px;

        margin: 0px 0 15px;
    }

    .footer-social a {
        width: 38px;
        height: 37px;
        object-fit: contain;
        margin-right: 0px;
    }

    .footer-right p {
        font-size: 16px;
        line-height: 22px;

        margin: 9px 0;
        text-align: left;
    }

    .footer-container {
        gap: 20px;
    }
}


/* footer css end */