@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
}

.normal-color-scroll::-webkit-scrollbar {
    width: 10px;
}

.normal-color-scroll::-webkit-scrollbar-track {
    background: #888;
}

.normal-color-scroll::-webkit-scrollbar-thumb {
    background: rgb(253, 55, 13);
}

.red-color-scroll::-webkit-scrollbar-thumb {
    background: rgb(163 41 15);
}

.green-color-scroll::-webkit-scrollbar-thumb {
    background: rgb(43, 110, 5);
}
.purp-color-scroll::-webkit-scrollbar-thumb {
    background: #44119c;
}

/* font-family: 'Poppins', sans-serif; */
/* font-family: 'Montserrat', sans-serif; */
/* font-family: 'Bebas Neue', sans-serif; */

@font-face {
    font-family: southamdemo;
    src: url("../font/Southam Demo.otf");
}

@font-face {
    font-family: space-bd;
    src: url("../font/Space_Bd_BT_Bold.ttf");
}

@font-face {
    font-family: chandler-mountain;
    src: url(../font/chandler.otf);
}

@font-face {
    font-family: chandler-mountain-bold;
    src: url(../font/CHANDLER-MOUNTAIN-CHANDLER-MOUNTAIN-EXTRA-BOLD-800.OTF);
}

@font-face {
    font-family: The-Black-Viel;
    src: url("../font/The_Black_Veil.ttf");
}

@font-face {
    font-family: segoe-ui-font;
    src: url("../font/SEGOEUI.TTF");
}

@font-face {
    font-family: Altone-regular;
    src: url("../font/AltoneTrial-Regular.ttf");
}

@font-face {
    font-family: bebas-bold;
    src: url(../font/BebasNeue-Regular.ttf);
}

@font-face {
    font-family: Teko-bold;
    src: url(../font/Teko-Bold.ttf);
}

.hl-filt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 8%;
    border-right: 2px solid #ffffff8a;
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    background-color: #000 !important;
}

li {
    list-style: none;
}

.container-custom {
    width: 1572px;
    margin: 0px auto;
}

.header-first-sec-parent {
    background-image: url(../img/home-header-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-position-y: 60%;
}

.head-navi-parent nav {
    font-family: Poppins, sans-serif;
}

.head-navi-parent nav ul {
    padding: 0px;
}

.head-navi-parent nav ul li {
    padding: 0px 40px;
}

.head-navi-parent nav ul li a {
    font-size: 16px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.guitar-hov:hover img {
    opacity: 1;
}

.guitar-span img {
    width: 31px;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}

.hero-heading h1 {
    font-size: 195px;
    line-height: 95px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: southamdemo;
}

.hero-heading h2 {
    font-size: 42px;
    line-height: 56px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: space-bd;
    position: relative;
    right: 88px;
}
.band-accordian-body{
    max-height: 180px;
    overflow-y: scroll;
    scroll-behavior: auto;
}
.para-hero {
    font-size: 16px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-family: Poppins, sans-serif;
}

.shop-btn a {
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    border-radius: 19px;
    background: linear-gradient(rgb(253, 55, 13), rgb(127, 28, 7));
    color: rgb(255, 255, 255);
    text-decoration: none;
    padding: 12px 29px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    z-index: 99;
}

.shop-btn a:hover {
    color: rgb(255, 255, 255);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 11px;
}

.ul-float {
    position: absolute;
    right: 0px;
    top: 3rem;
    z-index: 9999;
}

.ul-float ul li a {
    background: linear-gradient(rgb(253, 55, 13), rgb(127, 28, 7));
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: block;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
}

.ul-float ul li a:hover {
    transform: scale(1.1);
}

.ul-float ul li a img {
    transition: all 0.3s ease-in-out 0s;
}

.ul-float ul li a img:hover {
    transform: scale(1.1);
}

.side-float-header-parent {
    position: relative;
}

.hov-open-capsule {
    font-size: 16px;
    width: 122px;
    height: 22px;
    text-align: center;
    border-radius: 15px;
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(253, 55, 13), rgb(127, 28, 7));
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    transform: scale(0);
    position: relative;
    right: 39px;
    top: 14px;
}

.hov-head-open:hover .hov-open-capsule {
    opacity: 1;
    transform: scale(1);
}

/*.inner-parent-gig-slide {*/
/*    display: grid;*/
/*    grid-template-columns: 13% 80%;*/
/*    background: linear-gradient(#701f0f, #b32d11, #842613);*/
/*}*/
.inner-parent-gig-slide {
    display: grid;
    grid-template-columns: 13% 80%;
    background: linear-gradient(#701f0fc9, #b32d11d4, #842613c7);
}

.gig-slide-heading h1 {
    font-size: 50px;
    margin: 0;
    font-family: The-Black-Viel;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}

.gig-slide-img img {
    padding: 7px 0px;
}

.gig-slide-heading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gig-slide-img-parent {
    padding: 0px 22rem 0px 9rem;
}

.gig-slide-img {
    margin: 0px 20px;
}

.slider {
    height: 98px;
    overflow: hidden;
    position: relative;
    width: 93%;
    background: linear-gradient(#701f0f40, #b32d111c, #84261333);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px inset;
}
.gig-slide-parent {
    position: relative;
    z-index: 9;
}

.slider .slide-track {
    animation: 110s linear 0s infinite normal none running scroll;
    display: flex;
    width: calc(2660px);
}

.slider .slide {
    height: 75px;
    width: 250px;
}

@keyframes scroll {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(calc(-1750px));
    }
}

.featured-merch {
    background-image: url(../img/fea-march-bg.png);
    position: relative;
    height: auto;
    padding: 2rem 0;
    margin-top: -1px;
    margin-bottom: 0rem;
}

span.featured-merch-splash img {
    position: absolute;
    mix-blend-mode: screen;
}

.heading-featured-merch {
    position: relative;
    z-index: 2;
}

.heading-featured-merch h1 {
    font-size: 124px;
    line-height: 165px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: southamdemo;
}

.absolute-fea-merch img {
    position: absolute;
    z-index: 1;
    max-width: 1571px;
}

.heading-merch-box h1 {
    font-size: 30px;
    width: 100%;
    padding: 6px 0px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    border-radius: 11px 11px 0px 0px;
    margin-bottom: 0px;
    font-family: Poppins, sans-serif;
}

.merch-parent-boxes {
    position: relative;
    z-index: 99;
    width: 88%;
    margin: 0px auto;
}

.box-banner-img img {
    max-width: 100%;
    height: 204px;
}

.merch-box-inner {
    border-radius: 13px 13px 0px 0px;
}

.heading-merch-box.text-center {
    border-radius: 11px 11px 0px 0px;
}

.tee-shirt-box {
    background-color: rgb(255, 255, 255);
    position: relative;
    padding-bottom: 1rem;
    border-radius: 0 0 6px 6px;
}

/* .tee-shirt-box img {
    width: 94% !important;
    margin: 0 auto;
    transform: translateY(-120px);
    min-height: 191px;
} */

/* .tee-shirt-box img {
    width: 94% !important;
    margin: 0 auto;
    transform: translateY(-120px);
    min-height: 151px;
    max-width: 190px;
} */

.tee-shirt-box img {
    width: 94% !important;
    margin: 0 auto;
    transform: translateY(-120px);
    min-height: 259px;
    max-height: 339px;
    max-width: 280px;
}
.tee-price h3 {
    font-size: 27px;
    line-height: 35px;
    font-weight: 700;
    margin: 0;
    font-family: segoe-ui-font;
}

.tee-price p,
.text-cont-merch p {
    font-size: 12px;
    font-weight: 400;
    font-family: segoe-ui-font;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 55px;
    line-height: 1.5em;
    max-width: 65%;
    margin: 0 auto;
}

.text-cont-merch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5rem;
    width: 100%;
}

.merch-box-inner {
    position: relative;
}

/* .tee-para p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    font-weight: 400;
    font-family: segoe-ui-font;
    color: #000000;
} */

.tee-para p {
    font-size: 12px;
    font-weight: 400;
    font-family: segoe-ui-font;
    color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 55px;
    line-height: 1.5em;
    max-width: 65%;
    margin: 0 auto;
}

/* .gig-slide-parent{
    position: fixed;
    bottom: 0;
    z-index: 9999;
} */

.achieve-roster {
    background-image: url(../img/ac-roster-bg.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 0 0 22rem 0;
    height: 100%;
    overflow: hidden;
}

.heading-achieve h1 {
    font-size: 141px;
    line-height: 165px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    margin-bottom: 0;
    font-family: southamdemo;
}

.groupie-img,
.roadie-img,
.support-img,
.headliner-img {
    position: relative;
}

.groupie-img .main-img-rotate {
    position: relative;
    bottom: 157px;
    left: 129px;
    transform: rotate(16deg);
}

.roadie-img .main-img-rotate {
    transform: rotate(6deg);
    position: relative;
    bottom: 23px;
    left: 26px;
}

.support-img .main-img-rotate {
    transform: rotate(-4deg);
    position: relative;
    bottom: 28px;
    right: 9px;
}

.headliner-img .main-img-rotate {
    position: relative;
    bottom: 161px;
    right: 128px;
    transform: rotate(-10deg);
}

.cruved-float-text-h1 {
    font-size: 45px;
    line-height: 35px;
    color: #e0300c;
    font-family: The-Black-Viel;
}

.curved-para {
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    font-family: "Open Sans", sans-serif;
}

.acheive-content-parent {
    position: relative;
}
.achieve-roster {
    position: relative;
}

.text-heading-curved {
    font-size: 45px;
    color: #e0300c;
    font-family: The-Black-Viel;
}

.para-float {
    font-size: 10px;
    line-height: 10px;
    font-family: "Open Sans", sans-serif;
}

.ab {
    position: absolute;
    top: 0rem;
    left: -0.5rem;
}

.cd {
    position: absolute;
    top: 11rem;
}

.ef {
    position: absolute;
    top: 11rem;
    left: 1rem;
    min-width: 280px;
}

.gh {
    position: absolute;
    top: 0rem;
    right: -3.6rem;
}

.group-line img {
    position: absolute;
    right: 3rem;
    top: 1rem;
}

.headline-img img {
    position: absolute;
    left: 3rem;
    top: 1rem;
}

.roadie-line img {
    position: absolute;
    top: 9.5rem;
    left: 6rem;
}

.support-line img {
    position: absolute;
    top: 9.5rem;
    left: 8.9rem;
}

.about-home {
    /* background-color: #000; */
    height: 100vh;
    position: relative;
    z-index: 9999999;
}

/*.about-home:before {*/
/*    content: '';*/
/*    background-image: url(../img/about-left.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    top: 0;*/
/*    left: -10rem;*/
/*    animation-name: disco;*/
/*    animation-duration: 3s;*/
/*    animation-iteration-count: infinite;*/
/*}*/

/*.about-home:after {*/
/*    content: '';*/
/*    background-image: url(../img/about-right.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    top: 0;*/
/*    right: -76rem;*/
/*    animation-name: disco;*/
/*    animation-duration: 3s;*/
/*    animation-iteration-count: infinite;*/
/*}*/

.left-absec {
    position: absolute;
    left: -9rem;
}

.right-absec {
    position: absolute;
    right: -11rem;
}

.curved-line-img {
    animation-name: jhula;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

@keyframes jhula {
    0% {
        transform: rotate(-5deg);
    }

    50% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(-5deg);
    }
}

.about-home-heading h1 {
    font-size: 119px;
    line-height: 140px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: southamdemo;
    margin-bottom: 30px;
}

@keyframes disco {
    0% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(10px);
    }
}

.about-home-container {
    width: 862px;
    margin: 0 auto;
}

.para-about-home p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
}

.box-about-home {
    background-color: #ffffff41;
    padding: 10px 20px;
}

.about-home-parent {
    position: relative;
}

.left-text-box-ab-home {
    font-family: "Poppins", sans-serif;
}

.left-text-box-ab-home h3 {
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
    color: #ffffff;
}

.left-text-box-ab-home p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #ffffff;
}

.boxes-about-home-parent span img {
    position: absolute;
    top: -13rem;
    right: -34rem;
}

.ab-home-right {
    font-family: "Poppins", sans-serif;
}

.ab-home-right h1 {
    font-size: 56px;
    font-weight: 700;
    color: #e0300c;
    margin-right: 10px;
}

.ab-home-right h5,
.ab-home-right h6 {
    font-size: 18px;
    /* line-height: 27px; */
    font-weight: 600;
    color: #ffffff;
}

.about-home-parent .shop-btn {
    position: relative;
}

.about-home .ag-smoke-block {
    position: relative;
    bottom: 566px;
}

.about-home .ag-smoke-4 {
    top: 37em;
    left: 0px;
}

.follow-slider-home {
    /* background-color: #000; */
    /* height: 100vh; */
}

.heading-follow-slider-sec h1 {
    font-family: southamdemo;
    font-size: 141px;
    line-height: 78px;
    padding-top: 50px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}

.heading-follow-slider-sec h3 {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    position: relative;
    right: 110px;
    top: 6px;
}

/* 6june2023  */
.shop-now-merch-box-btn a {
    /* border: 2px solid #173A03; */
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 19px;
    padding: 0.5rem 1.1rem;
    text-decoration: none;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 11px;
    transition: all 0.2s ease-in-out;
}

.back-lin-green {
    background: linear-gradient(to top, #163803, #637a56);
}

.back-lin-red {
    background: linear-gradient(to top, #d20000, #690000);
}

.back-lin-violet {
    background: linear-gradient(to top, #44119c, #22094e);
}

.shop-now-merch-box-btn {
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.shop-now-merch-box-btn a:hover {
    color: #ffffff;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 18px;
}

.item-merch-pr-parent .item {
    width: 80%;
    margin: 0 auto;
}

.item-merch-pr-parent {
    padding: 20px 0 20px 0;
}

.merch-parent-boxes .owl-dot.active span {
    width: 70px;
    height: 8px;
    margin: 0px 0px;
    background: #e0300c;
    display: block;
    -webkit-backface-visibility: visible;
    transition: 0.2s ease;
    /* border-radius: 30px; */
}

.merch-parent-boxes .owl-dot {
    width: 100px;
}

/* .merch-parent-boxes .owl-dots {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    width: 50%;
    margin: 20px auto;
    border-bottom: 2px solid #E0300C;
} */

.follow-slider-home-parent .owl-dot.active span {
    width: 70px !important;
    height: 8px !important;
    margin: 0px 0px !important;
    background: #e0300c !important;
    display: block !important;
    -webkit-backface-visibility: visible !important;
    border-radius: 0 !important;
    transition: 0.2s ease !important;
    /* border-radius: 30px; */
}

.follow-slider-home-parent .owl-dot {
    width: 100px;
    opacity: 0;
}

.follow-slider-home-parent .owl-dot.active {
    opacity: 1;
}

.follow-slider-home-parent .owl-dots {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: start !important;
    width: 35% !important;
    margin: 60px auto 10px auto !important;
    border-bottom: 2px solid #e0300c !important;
}

.follow-slider-home-parent .owl-stage-outer {
    margin: 65px 0 0 0;
}

.follow-slider-home-parent {
    margin-bottom: 60px;
    position: relative;
    z-index: 9999;
}

.img-slide-follow img {
    width: 93% !important;
    margin: 0 auto;
}

/* .bg-black-all {
    background-color: #000;
} */

.gig-slide-btm-parent h1 {
    font-family: Teko-bold;
}

footer {
    position: relative;
    height: 77vh;
    padding: 8rem 0 0rem 0;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/fo-bg.png);
    background-size: cover;
    background-position: 100% 100%;
    opacity: 0.5;
}

.fo-cotent-parent {
    position: relative;
    z-index: 9999;
}

.footer-align-parent {
    display: flex;
    justify-content: space-between;
}

.fo-links-heading h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 33px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 1.4rem;
}

.fo-links {
    margin-bottom: 1.4rem;
}

.fo-links a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    font-family: Altone-regular;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.fo-links a:hover {
    color: #e4611d;
}

.footer-content2 {
    margin-right: 10rem;
    border-left: 2px solid #ffffff;
    padding-left: 3.5rem;
}

.fo-links-parent2 {
    margin-top: 7rem;
}

.fo-logo img {
    width: 100%;
    animation-name: fo-logo-anim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: all ease-in-out;
}

@keyframes fo-logo-anim {
    0% {
        transform: rotate(-12deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-12deg);
    }
}

.get-in-fo h3 {
    font-family: southamdemo;
    font-size: 92px;
    line-height: 107px;
    color: #ffffff;
}

.get-in-fo h4 {
    font-family: Altone-regular;
    font-size: 20px;
    color: #ffffff;
}

.copyright-inner p {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    margin-bottom: 0;
}

.copyright-parent {
    background-color: #e0300c;
}

.copyright-inner a {
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    font-family: Altone-regular;
    padding: 0 10px;
}

.copyright-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright-parent-inner {
    padding: 2rem 0;
    width: 82%;
    margin: 0 auto;
}

/* .ovrfdiv-main {
    overflow-x: hidden;
} */

/* 6june2023  */

.ag-smoke-block {
    z-index: 4;
    position: relative;
    background-color: rgb(0, 0, 0);
}

.ag-smoke-1 {
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    animation: 31s ease-in-out 0s infinite normal none running an-smoke-1;
}

.ag-smoke-2 {
    width: 57.1em;
    z-index: 2;
    top: 7em;
    position: absolute;
    left: 0px;
    animation: 30s ease-in-out 0s infinite normal none running an-smoke-2;
}

.ag-smoke-3 {
    width: 100%;
    z-index: 4;
    top: -32em;
    position: absolute;
    left: 0px;
    animation: 27s ease-in-out 0s infinite normal none running an-smoke-2;
}

.ag-smoke-4 {
    width: 61.4em;
    z-index: 3;
    position: absolute;
    top: 12em;
    right: 0px;
    animation: 30s ease-in-out 0s infinite normal none running an-smoke-3;
}

.ag-smoke__delay-1 {
    animation-delay: 2s;
}

.ag-smoke__delay-2 {
    animation-delay: 2s;
}

@keyframes an-smoke-1 {
    0% {
        opacity: 1;
        transform: translateY(0px) rotate(0.01deg);
    }

    50% {
        opacity: 0.9;
        transform: translateY(-82%) rotate(0.01deg) translateX(-50%);
    }

    100% {
        opacity: 1;
        transform: translateY(0px) rotate(0.01deg);
    }
}

@keyframes an-smoke-2 {
    0% {
        opacity: 0.5;
        transform: translate(91%, 20%) rotate(0.01deg);
    }

    50% {
        opacity: 0.9;
        transform: translateY(5%) rotate(23.01deg);
    }

    100% {
        opacity: 0.5;
        transform: translate(91%, 20%) rotate(0.01deg);
    }
}

@keyframes an-smoke-3 {
    0% {
        opacity: 1;
        transform: translateY(0px) rotate(0.01deg);
    }

    50% {
        opacity: 0.9;
        transform: translateY(-82%) rotate(0.01deg) translateX(-50%);
    }

    100% {
        opacity: 1;
        transform: translateY(0px) rotate(0.01deg);
    }
}

.heading-follow-slider-sec {
    padding-top: 1.5rem;
}

/* 4july */
.teko-rock-inner h2 {
    color: #ff2b00;
    font-size: 228px;
    line-height: 175px;
    font-weight: 700;
    opacity: 0.2;
    font-family: "Teko", sans-serif;
}
.teko-rockstar-parent {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.merch-bulb-right {
    position: absolute;
    right: 0;
    top: -4%;
}
.merch-bulb-left {
    position: absolute;
    left: 0;
    top: -4%;
}
.merch-bulb-right img,
.merch-bulb-left img {
    opacity: 0.5;
    animation-name: blurbulb-anim2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: relative;
    z-index: 1;
    filter: blur(2px);
}

/* @keyframes blurbulb-anim {
    0%{
        filter: blur(5px);
        transform: rotate(5deg);
    }
    50%{
        filter: blur(0px);
        transform: rotate(-5deg);
    }

    100%{
        filter: blur(5px);
        transform: rotate(5deg);
    }
} */

@keyframes blurbulb-anim2 {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes draw {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.heading-featured-merch {
    position: relative;
    z-index: 99999;
    overflow: hidden;
}

.heading-featured-merch h1 {
    display: inline-block !important;
}

.animated-text {
    width: 0;
    animation: draw 2.5s ease-in-out forwards;
    animation-delay: 0.5s;
    white-space: nowrap;
    overflow: hidden;
}

.animated-text {
    animation-delay: 1s;
}

/* #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#c95e18, #000000);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#cd611677, #c8391c4a);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* background: linear-gradient(#c71717cf, #000000); */

#content {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#content.show {
    opacity: 1;
}
.pre-cont-img2 img {
    transform: translate(-38px, -52px);
    animation-name: pre-cont-img-anim;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    transition: all ease-in-out;
}

.pre-cont-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pre-load-content {
    animation-name: pre-load-cont-par;
    transition: all ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 2s;
    animation-duration: 1s;
}
@keyframes pre-load-cont-par {
    100% {
        transform: rotate(-20deg) scale(1.3);
    }
}

@keyframes pre-cont-img-anim {
    0% {
        transform: translate(10px, 10px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(-38px, -52px);
    }
}

/* .loader-bg {
    background: linear-gradient(#7d1010cf, #000000);
    height: 0%;
    width: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: -58%;
    animation: pgchange 3s forwards;
} */

.loader-bg {
    /* background-color: #91400a; */
    background: linear-gradient(#713000cc, #000000);
    height: 159%;
    width: 200%;
    position: absolute;
    border-radius: 50%;
    bottom: -14%;
    animation: pgchange 3s forwards;
}

@keyframes pgchange {
    0% {
        height: 200%;
    }
    100% {
        height: 0%;
    }
}

.ac-bg-splash {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.9;
}

.acheive-bebas h3 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 45px;
    letter-spacing: 1.5px;
    font-weight: 700;
    line-height: 35px;
    color: #ffffff;
    margin-bottom: 0;
}
.acheive-bebas {
    text-align: center;
}

.dish-yellow-circ {
    display: inline-block;
    background-image: url(../img/music-dish-yelow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 100%;
    position: relative;
    z-index: 9;
}

.dish-yellow-circ span {
    color: #e0300c;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    min-height: 86px;
    font-family: "Poppins", sans-serif;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 11px 20px;
}

.dish-yellow-circ-parent {
    display: flex;
    justify-content: center;
    margin: 0 0 0.8rem 0;
}

.dish-yellow-circ-btm-para p {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    background-color: #e0300c;
    border-radius: 21px;
    font-family: "Poppins", sans-serif;
    text-align: center;
    width: 100%;
    padding: 0.4rem 0;
    margin: 0;
    box-shadow: rgb(255 255 255 / 56%) 0px 10px 31px 0px,
        rgb(255 255 255 / 0%) 0px 0px 0px 1px;
}
.dish-yellow-circ-btm-para {
    width: 70%;
    margin: 0 auto;
    transform: translate(0, -1.3rem);
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.fo-links-inner img {
    animation: bounce 2s infinite forwards;
}

.fo-link-delay1 img {
    animation-delay: 0.4s;
}
.fo-link-delay2 img {
    animation-delay: 2s;
}
.fo-link-delay3 img {
    animation-delay: 3s;
}

.achieve-revamp-card {
    background-image: url(../img/cut-out-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100%;
    padding: 1.5rem 0.5rem 1.2rem 0.5rem;
    min-height: 192px;
    max-height: 192px;
    position: relative;
}

.achieve-revamp-cards-parent {
    width: 55%;
    margin: 3rem auto 0 auto;
    position: relative;
}

.achieve-top-cont-parent {
    position: relative;
}

.ac-card-heading h3 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 45px;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.ac-card-heading-font {
    font-size: 37px !important;
}

.ac-card-para p {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    color: #fff;
}
.ac-card-heading {
    margin: 0.5rem 0 0.2rem 0;
}
.achieve-revamp-card-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.achieve-revamp-card-one,
.achieve-revamp-card-three {
    padding: 2rem 0.5rem;
}

/* font-family: 'Poppins', sans-serif; */

/* 4july */

/* 24july */
.head-navi-parent li a img {
    animation-name: fo-logo-anim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: all ease-in-out;
}
.achieve-revamp-card-four {
    background-image: url(../img/non-cut-out-bg.png);
}
.achieve-top-logo img {
    transform: rotate(15deg);
}
.achieve-top-logo {
    margin-bottom: 1rem;
}
.js-cont {
    position: relative;
    width: 100%;
    height: 100%;
}
/* .js-scroll {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    will-change: transform;
  } */

.marque-parent-slide img {
    margin: 0 1rem;
}

.abs-img-ach-card {
    position: absolute;
    right: -12%;
    top: 41%;
}

.hov-trans {
    transition: 0.3s ease-in-out;
}

.hov-trans:hover {
    color: #fff;
    transform: translateY(-5px);
}

.abs-img-ach-card img {
    width: 90%;
}

.ach-btm {
    background-color: #e02f0cbd;
    border-radius: 19px;
    text-align: center;
    padding: 0.3rem 0;
    width: 65%;
    margin: 0.5rem auto;
}
.ach-btm.ach-btm-two {
    width: 71%;
}
.ach-btm p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    font-family: "Poppins", sans-serif;
    margin: 0;
}

.merch-rock-hang h3 {
    font-size: 90px;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    /* font-family: 'Teko', sans-serif; */
    font-family: Teko-bold;
}

.merch-rock-hang {
    writing-mode: tb;
    transform: rotate(180deg);
}

.merch-rock-left {
    position: absolute;
    left: 4%;
    top: 32%;
}
.merch-rock-right {
    position: absolute;
    right: 3%;
    top: 32%;
}
.dish-img img {
    transform: translateY(19px);
    position: relative;
    z-index: 9;
}

.dish-one {
    position: absolute;
    top: -4rem;
}
.dish-one img {
    width: 100%;
}

.nav-top-active {
    border-bottom: 3px solid #fff;
}

.border-green-merch-boxrev {
    border: 5px solid #78bb5299;
    border-radius: 0 0 10px 10px;
    border-top: none;
}
.border-red-merch-boxrev {
    border: 5px solid #7b1911;
    border-radius: 0 0 10px 10px;
    border-top: none;
}

.green-merch-box-gradient {
    /* background: linear-gradient(rgb(43 110 5 / 61%), rgb(22 55 3 / 24%)); */
    /* box-shadow: inset 0px 4px 18px #ffffff1a; */
    mix-blend-mode: screen;
    /* background: rgb(43,110,5); */
    background: linear-gradient(
        175deg,
        #5aff003d 0%,
        rgb(64 135 50 / 20%) 100%
    );
}
.red-merch-box-gradient {
    background: linear-gradient(to bottom, #861d04c4, #d2040433);
    /* background: linear-gradient(rgb(210 0 0 / 28%), rgb(105 0 0 / 43%)); */
    /* box-shadow: inset 0px 16px 19px #ffffff1a; */
}

.purple-merch-box-gradient {
    /* background: linear-gradient(to bottom, #b814eb57, #8a1e9f47); */
    background: linear-gradient(to bottom, #7308d55e, #8a1e9f40);
    mix-blend-mode: screen;
}

.border-purple-merch-boxrev {
    border: 5px solid #8b47ff8f;
    border-radius: 0 0 10px 10px;
    border-top: none;
}

/* gig-guide-styles */
.gig-heading h2 {
    font-size: 153px;
    font-family: southamdemo;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}
.gig-heading {
    position: relative;
    text-align: center;
    z-index: 99;
    margin-bottom: 14rem;
}
.gig-guide-body .merch-bulb-left {
    top: unset;
}

.gig-guide-body .merch-bulb-right {
    top: 7rem;
}

.search {
    width: 100%;
    position: relative;
    display: flex;
    font-family: "Bebas Neue", sans-serif;
}

.searchTerm {
    letter-spacing: 1px;
    width: 100%;
    border-right: none;
    background: #e0300c4a;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 5px 0 0 5px;
    outline: none;
    font-size: 21px;
    color: #ffffff;
}

.searchTerm::placeholder {
    color: #ffffffa6;
}

.searchButton {
    width: 50px;
    background: #e0300c4a;
    text-align: center;
    border: none;
    color: #ffffffa6;
    border-radius: 0px 11px 11px 0px;
    cursor: pointer;
    font-size: 17px;
}

/*Resize the wrap to see the search bar change!*/
.wrap {
    width: 100%;
}

.gig-guide-body .merch-bulb-right img,
.gig-guide-body .merch-bulb-left img {
    opacity: 0.8;
    animation: none;
    filter: blur(2px);
}
.search-and-filter-container {
    width: 76%;
    position: relative;
    z-index: 999999;
}

.row-gig-parent {
    position: relative;
    z-index: 999999;
}
.filter-box-parent {
    margin: 1rem 0;
}

.filter-box {
    background: #e0300c4a;
    padding: 1.5rem 1rem;
    border-radius: 11px;
    position: relative;
    z-index: 99999999;
}

.filter-box-heading h3 {
    font-size: 58px;
    color: rgb(255, 255, 255);
    font-family: "Bebas Neue", sans-serif;
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}

.gig-guide-body .accordion-item {
    background-color: transparent;
    border: none;
}

.gig-guide-body .accordion-button {
    background: transparent;
    color: #fff;
    padding: 0rem 1rem 0rem 0rem;
    font-family: "Bebas Neue", sans-serif;
    font-size: 26px;
}

.gig-guide-body .accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.gig-guide-body .accordion-button:focus {
    border: none !important;
    box-shadow: none !important;
}

.gig-guide-body .accordion-button:after {
    color: #000;
}

.gig-guide-body .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../img/drp-icn-one.png) !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.gig-guide-body .accordion-button:not(.collapsed)::after {
    background-image: url(../img/drp-icn-two.png) !important;
    transform: rotate(360deg);
}

.gig-guide-body .accordion-body {
    padding: 0.25rem 0.25rem 0rem 0.25rem;
}

.gig-guide-body .accordion-item {
    padding-bottom: 2rem;
}
.gig-guide-body .accordion-button span {
    min-width: 95px;
}

.input-and-check input {
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%;
    background: none;
    cursor: pointer;
    vertical-align: text-top;
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
}

.input-and-check input:hover {
    opacity: 1;
}

.input-and-check input:checked:before {
    opacity: 1;
}

.input-and-check input:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
}

.input-and-check label {
    font-family: "Bebas Neue", sans-serif;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.6px;
}

.apply-btn input {
    background: linear-gradient(#fd370d, #f5350d, #7f1c07);
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 2.3rem;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: rgb(255 245 245 / 35%) 0px 0px 10px;
    transition: all 0.3s ease-in-out;
}

.apply-btn input:hover {
    box-shadow: rgb(255 245 245 / 35%) 0px 0px 14px;
}
.acc-parent {
    margin: 1rem 0 3rem 0;
}

.ornge-heading-gig-hr hr {
    margin: 0;
    opacity: 1;
    height: 3px;
    background: #e0300c;
}
.ornge-heading-gig {
    display: flex;
    justify-content: end;
    margin-top: 0rem;
}
.gig-parent-right {
    width: 93%;
    padding-top: 3rem;
}
.ornge-heading-gig h3 {
    min-width: 184px;
    text-align: center;
    display: inline-block;
    background: #e0300c;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 0.3rem 0;
}
.serv-box-gig-parent {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 7rem;
}
.serv-box-gig-text h3 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 57px;
    color: #ffffff;
    letter-spacing: 0.6px;
}

.img-serv-box-gig-text {
    display: flex;
    align-items: center;
}
.serv-box-gig-text h4 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 26px;
    color: #ffffff;
    letter-spacing: 0.6px;
    margin: 0;
}
.img-serv-box-gig img {
    width: 92%;
}

.serv-box-gig-text-right p {
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
}
.serv-box-gig-text-right h5 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 26px;
    color: #fff;
    letter-spacing: 0.6px;
    text-align: end;
}
.serv-box-gig-text-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.gig-parent-right-mg {
    margin-top: 3rem;
}
.row-gig-img-one {
    position: absolute;
    z-index: -1;
    top: 32rem;
    left: 0;
}
.row-gig-img-two {
    position: absolute;
    z-index: -1;
    top: 112rem;
    left: 0;
}

.row-gig-img-one img {
    transition: 0.6s ease-in-out;
    width: 100%;
}
.row-gig-img-two img {
    transition: 0.6s ease-in-out;
    width: 100%;
}

.relative-row-of-gig {
    position: relative;
}

/* .gig-guide-sec {
    overflow: hidden;
} */

/* gig-guide-styles */
/* 24july */

/* tees styles */
.tees-body .merch-parent-boxes {
    width: 95%;
}

.tees-body .gig-heading {
    margin-bottom: 3rem;
}

.tees-body .merch-bulb-right {
    top: 1rem;
    z-index: -1;
}
.tees-body .merch-bulb-left {
    top: 1rem;
}
.inputs-tees-left-parent {
    display: flex;
    justify-content: space-between;
}

.inputs-tees-left-parent label {
    font-size: 21px;
}

.inputs-tees-left-parent .input-and-check {
    min-width: 115px;
    padding-bottom: 0.5rem;
}
.inputs-tees-left-parent-all {
    padding-bottom: 1.4rem;
}

label {
    cursor: pointer;
}

.tees-body .text-cont-merch {
    width: 68%;
}

.tees-card-gapping {
    padding: 1rem 0 5rem 0;
}

.tees-sec {
    position: relative;
    padding-bottom: 2rem;
}
.tees-abs-img img {
    transition: all 0.5s ease-in-out;
}

.tees-abs-img {
    position: absolute;
    bottom: 0;
}
/* tees styles */

/* bands styles */
.bands-body .gig-heading {
    margin-bottom: 2rem;
}

.alphabet-inner-parent span {
    font-family: "Bebas Neue", sans-serif;
    font-size: 26px;
    color: #fff;
    padding: 0 0.7rem;
    border-right: 2px solid #fff;
}
.alphabet-parent-bands {
    text-align: center;
    margin-bottom: 3rem;
}
.brdr-right-none {
    border-right: none !important;
}
.alphabet-parent-bands {
    position: relative;
    z-index: 99999;
}

.box-band {
    background: #e0300c4a;
    border-radius: 11px;
    width: 82%;
    margin: 0 auto;
}

.box-band-gap {
    padding-top: 1.5rem;
}
.box-band-head h4 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 46px;
    padding: 1.5rem 2rem 0rem 2rem;
    color: #fff;
}

.box-band-head hr {
    background: #fff;
    height: 3px !important;
    margin: 0;
}

.box-band-body {
    padding: 2rem 3rem 6rem 3rem;
}

.box-band-body span {
    font-size: 26px;
    font-family: "Bebas Neue", sans-serif;
    text-decoration: underline;
    color: #fff;
    padding: 0 1rem;
}

.main-parent-bands {
    position: relative;
    z-index: 999;
}

.abc {
    position: relative;
}

.scroll-to-top-btn {
    position: fixed;
    bottom: 2rem;
    right: 12rem;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1001;
    display: none;
}

.pos-rel-band {
    position: relative;
}
.pos-rel-band img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.bd-absimg-one {
    position: absolute;
    z-index: -1;
    top: 16rem;
}
.bd-absimg-two {
    position: absolute;
    z-index: -1;
    top: 96rem;
}
.bd-absimg-three {
    position: absolute;
    z-index: -1;
    top: 176rem;
}
.bd-absimg-four {
    position: absolute;
    z-index: -1;
    top: 256rem;
}
.bd-absimg-five {
    position: absolute;
    z-index: -1;
    top: 336rem;
}
.bands-sec {
    padding-bottom: 3rem;
}

/* bands styles */

/* borrowed sec  */
.cont-detail .cont-inpt {
    width: 100%;
    margin-bottom: 25px;
    height: 60px;
    padding: 0 20px;
    background: #eeeeee87;
    border: none;
    color: #ffffff !important;
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
}

section.sec-5 textarea {
    width: 100%;
    margin-bottom: 25px;
    height: 140px;
    padding: 20px 20px;
    background: #eeeeee87;
    border: none;
    border-radius: 10px;
    color: #ffffff;
    resize: none;
}

section.sec-5 .cont-inpt:focus-visible::placeholder {
    color: #e2310a;
}

section.sec-5 textarea::placeholder,
section.sec-5 .cont-inpt::placeholder {
    color: #ffffff;
}
section.sec-5 textarea:focus-visible::placeholder {
    color: #e2310a;
}

section.sec-5 :focus-visible {
    background: #eeeeee !important;
    outline-color: #e2310a !important;
    color: #e2310a !important;
}

section.sec-5 .row {
    background-image: url(../img/cont-bg1.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    padding: 90px 0;
    margin-top: 3rem;
}
.info span {
    display: flex;
    gap: 10px;
}

.info span a {
    font-size: 20px;
    color: white;
    text-decoration: none;
    margin-bottom: 70px;
    display: flex;
    gap: 16px;
    align-items: center;
    font-family: Altone-regular;
}
.col-lg-5.info-bg {
    background-image: url(../img/cont-bg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    padding: 75px 70px;
    display: flex;
    align-items: center;
    transform: translate(11px, 0) !important;
}
.info h2 {
    font-size: 52px;
    color: white;
    text-align: left;
    font-family: chandler-mountain;
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    margin-bottom: 60px;
}
.secives-title h1 {
    font-size: 54px;
    color: white;
    text-align: center;
    font-family: "Chandler-Mountain";
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}
.info span a i {
    font-size: 28px;
}
.col-lg-7.m-auto.cont-detail {
    padding: 0 150px;
}
.social-icons {
    text-align: right;
}

.social-icons a i {
    color: #c297ba;
    font-size: 26px;
}

.social-icons {
    display: flex;
    gap: 13px;
    justify-content: end;
    transform: translateY(50px);
}

section.sec-5 {
    background-image: url(../img/ac-roster-bg.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding: 0rem 0 12rem 0;
}

.parent-row-cont {
    width: 88%;
    margin: 0 auto;
}

.about-body .apply-btn input {
    padding: 0.7rem 2.5rem;
}

.about-body .gig-heading {
    margin-bottom: 2rem;
}
/* borrowed sec  */

/* productpage styles */
/* ------------------product-page-styles------------------  */

.product-hero-sec {
    padding-top: 2.5rem;
    padding-bottom: 7rem;
}

.three-imgs-parent-prdt {
    display: flex;
    padding-top: 1rem;
}
.three-imgs-prdct img {
    width: 94%;
}

.img-hero-content img {
    width: 100%;
}

.right-content-prdct-heading h2 {
    font-family: "Poppins", sans-serif;
    font-size: 80px;
    font-weight: 600;
    color: #fff;
}
.right-content-prdct-heading h3 {
    font-family: "Poppins", sans-serif;
    font-size: 45px;
    font-weight: 400;
    color: #fff;
    margin-top: 1rem;
}

.right-content-prdct-para h4 {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0.3rem 0;
}

.right-content-prdct-para p {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 3rem;
}

.right-content-prdct-para {
    margin-top: 2rem;
}

.colors-heading h5,
.quantity-heading-prdt h5 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.quantity-parent-prdct {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 30%;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 0.3rem 1rem;
    margin-bottom: 1rem;
}

.add-minus-btns {
    border: none;
    background: none;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.input-add-prdct {
    background: none;
    border: none;
    text-align: center;
    font-size: 29px;
    font-weight: 700;
    color: #fff;
    max-width: 60%;
}

.prdct-center-align {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.prdct-btnshero a {
    font-family: "Poppins", sans-serif;
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    color: #e0300c;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #e0300c;
    padding: 0.4rem 1.2rem;
    transition: 0.3s ease-in-out;
}

.prdct-btnshero a:hover {
    background-color: #e0300c;
    color: #ffffff;
}

.hero-btm-btns-prdct {
    display: flex;
}

.prdct-btnshero2 {
    margin-left: 1rem;
}

.hero-btm-btns-prdct {
    display: flex;
    margin-top: 3rem;
}

.product-main {
    padding: 3rem 0 10rem 0;
}

.product-main .col-lg-4 {
    width: 30%;
    margin: 0 auto;
}

.product-main .supp-card {
    margin-top: 4rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.pr-page-body .header-first-sec-parent {
    background-image: url(../img/combined.png);
}

.col-lg-6.chery-pro:before {
    position: absolute;
    right: -78px;
    top: 38px;
    content: "Rockstar Merch";
    font-size: 55px;
    font-weight: bolder;
    font-family: chandler-mountain-bold;
    writing-mode: tb;
    color: #ffffff21;
    letter-spacing: 20px;
    height: 100%;
}

.chery-pro {
    position: relative;
}

.row-second-margin {
    margin: 2rem 0;
}

.recent-pr {
    padding: 9rem 0 8rem 0;
}

.heading-rec-pr h5 {
    color: #fff;
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: chandler-mountain;
    font-size: 45px;
    margin: 0;
}

.flex-pr-btm-box-parent {
    display: flex;
    width: 73%;
}
.parent-rece-pr {
    position: relative;
    z-index: 99999;
}

.content-pr-btm-box h4,
.content-pr-btm-box p {
    margin-bottom: 0.3rem;
    font-family: "Poppins", sans-serif;
}
.flex-pr-btm-box {
    /* background: #ffffff8a; */
    padding: 2rem 0.3rem;
    display: flex;
    border-radius: 26px;
    /* backdrop-filter: blur(161px); */
    position: relative;
    z-index: 1;
}

.flex-pr-btm-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    background: #ffffff47;
    z-index: -1;
    border-radius: 26px;
}
.rece-shop-row .flex-pr-btm-box:before {
    background: #ffffff33;
}
.rece-shop-row {
    width: 86%;
    margin: 0 auto;
}

.flex-pr-btm-box a {
    text-decoration: none;
    max-width: 129px;
    border-radius: 10px;
    padding: 0.28rem 0;
    background: linear-gradient(#e0300c, #701806);
    color: #fff;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.4px;
}
.flex-pr-btm-box a:hover {
    color: #fff;
}

.content-pr-btm-box span i {
    color: #ff9b29;
    font-size: 22px;
}
.content-pr-btm-box h4 span {
    margin-left: 0.6rem;
}
.flex-pr-btm-box a span {
    padding-right: 0.5rem;
}
.img-pr-boxbtm {
    margin-right: 0.7rem;
}

.content-pr-btm-box h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.content-pr-btm-box p {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}
.heading-rec-pr {
    text-align: center;
    margin-bottom: 2.5rem;
}

.product-hero-sec .row {
    position: relative;
}

.heading-shop-hero h2 {
    font-size: 80px;
    font-family: "Chandler-Mountain";
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}

.content-hero-shopping-parent {
    width: 47%;
    margin: 0 auto;
    position: relative;
    z-index: 999999;
}
.heading-shop-hero {
    text-align: center;
}

.heading-inner-row h4 {
    font-family: "Chandler-Mountain";
    margin-bottom: 0;
    font-size: 33px;
    color: #ffffff;
}

.heading-inner-row-right {
    display: flex;
    justify-content: space-between;
}

.inner-row-shop hr {
    opacity: 1;
    background: #ffffff !important;
}
.flex-shirt-shop-cart {
    display: flex;
}

.img-flex-cont h3,
.img-flex-cont-two h3 {
    font-size: 29px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
}
.img-flex-cont h4,
.img-flex-cont-two h4 {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
}
.img-flex-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 1rem;
}
.img-flex-cont-two {
    display: flex;
    justify-content: space-between;
}

.min-w-h3-shop {
    min-width: 55px;
    text-align: center;
}
.min-w-h3-shop-two {
    min-width: 127px;
    text-align: center;
}
.img-flex-cont-two-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hr-shop-cart-two hr {
    margin: 0.3rem 0 0 0;
    opacity: 1;
    background: #ffffff !important;
}

.rel-row {
    position: relative;
}

.abs-shopcan {
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-70%);
    text-align: end;
}
/* .space-row-one-shop{
    display: flex;
    justify-content: space-between;
}

.space-row-one-shop .space-row-one-shop-rep{
    width: 40%;
} */

.heading-parent-thrdrow-shop h3,
.heading-parent-thrdrow-shop-two h3 {
    font-family: "Chandler-Mountain";
    margin-bottom: 0;
    font-size: 33px;
    width: 100%;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
}
.heading-parent-thrdrow-shop h4,
.heading-parent-thrdrow-shop-two h4 {
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
    font-size: 29px;
    width: 100%;
    display: flex;
    justify-content: end;
    text-align: end;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
}

.heading-parent-thrdrow-shop {
    display: flex;
    justify-content: space-between;
}

.hr-shop-cart-three {
    opacity: 1;
    background: #ffffff !important;
}
.heading-parent-thrdrow-shop-two {
    display: flex;
    justify-content: end;
}

.heading-parent-thrdrow-shop-two h3 {
    padding-right: 0.7rem;
}
.content-parent-third-row-shop {
    padding: 2rem 0;
    width: 90%;
    margin: 0 auto;
}
.heading-parent-thrdrow-shop {
    display: flex;
    justify-content: space-between;
    /* gap: 4rem; */
    padding-bottom: 0.8rem;
}

.shopping-cart {
    padding: 1.5rem 0;
}

.inner-row-shop {
    padding: 3rem 0 1rem 0;
}

.shopping-btn a {
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    min-width: 255px;
    border-radius: 11px;
    border: 2px solid #4a1308;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background-image: -moz-linear-gradient(top, #e0300c, #701806);
    background-image: -webkit-linear-gradient(top, #e0300c, #701806);
    background-image: -o-linear-gradient(to top, #e0300c, #701806);
    background-image: linear-gradient(to top, #e0300c, #701806);
    padding: 0.9rem 0rem;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.shopping-btn a:hover {
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
}

.btns-shopping-parent {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
}

.shopping-btn a span {
    padding: 0 0.4rem;
    font-size: 13px;
}

/* ------------------product-page-styles------------------  */
/* productpage styles */

/* checkout page styles */

.checkout-body-page .header-first-sec-parent {
    background-image: url(../img/combinedtwo.png);
}

section.sec-1-cart {
    background-image: url(../img/cartbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 19rem;
    margin-top: 65px;
}
.method-btn a {
    border: 1px solid white;
    padding: 15px 16px;
    /* display: flex; */
    border-radius: 50px;
    font-family: "Poppins";
    margin-right: 20px;
    font-size: 15px;
    text-decoration: none;
    color: white;
}

.method-btn a i {
    color: white;
    margin-right: 10px;
}

.method-btn a img {
    margin-right: 10px;
}

.method-btn {
    margin-bottom: 100px;
}

.method-payment {
    margin-top: 30px;
}
form label {
    font-size: 20px;
    font-family: "Poppins";
    color: white;
    font-weight: 500;
}
.method-payment p {
    color: white;
    font-size: 20px;
    font-family: "Poppins";
    font-weight: 500;
    margin-bottom: 28px;
}

.cart-payment h2 {
    color: white;
    font-size: 49px;
    text-align: center;
    font-family: "Chandler-Mountain";
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
}

.cart-payment {
    background: #8d628d;
    border-radius: 20px;
    padding: 30px 50px;
    width: 80%;
    margin-left: auto;
}
form.form-cart input {
    width: 100%;
    height: 46px;
    margin-bottom: 15px;
}

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

.dat-br div {
    display: flex;
    gap: 10px;
}

.date-cart input {
    width: 110px !important;
}
.car-btn-form a,
.car-btn-form button {
    font-size: 18px;
    display: flex;
    justify-content: center;
    padding: 13px 20px;
    border-radius: 14px;
    border: 2px solid #4a1308;
    background-image: -moz-linear-gradient(top, #e0300c, #701806);
    background-image: -webkit-linear-gradient(top, #e0300c, #701806);
    background-image: -o-linear-gradient(to top, #e0300c, #701806);
    background-image: linear-gradient(to top, #e0300c, #701806);
    font-family: poppins;
    color: white;
    margin-top: 80px;
    text-decoration: none !important;
    transition: 0.3s ease-in-out;
}

.car-btn-form a:hover,
.car-btn-form button:hover {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

/*  */
form.checkout input {
    width: 100%;
    height: 46px;
    margin-bottom: 18px;
    border: 1px solid #707070;
    padding: 0.5rem;
}

form.checkout label {
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    flex-direction: column;
    gap: 7px;
    display: flex;
}
form.checkout textarea {
    width: 100%;
    height: 173px;
    margin-bottom: 18px;
    border: 1px solid #707070;
}

/*  */

.form-group-custom {
    display: block;
    margin-bottom: 15px;
}

.form-group-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group-custom label {
    display: initial !important;
    position: relative;
    cursor: pointer;
}

.form-group-custom label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 2px;
    width: 20px;
    height: 20px;
}

.form-group-custom input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 99999;
}
.chec-box-supp-main-inner span {
    font-size: 15px;
    font-weight: 400;
    color: #8d628d;
}
.shippin-check {
    display: flex;
    justify-content: start !important;
    gap: 90px;
}

.shippin-check label {
    width: inherit !important;
}

.form-group-custom.ac label {
    font-size: 15px;
    font-family: "Poppins";
    color: #fff;
    font-weight: 400;
}
.check-h1 {
    background: linear-gradient(to bottom, #e0300cbd, #701806b0);
    padding: 60px 0;
    text-align: center;
    color: white;
    font-size: 80px;
    margin: 0;
    font-family: "Chandler-Mountain";
}

/* form.checkout {
    background: #ffffff2b;
    padding: 80px 70px;
} */
section.sec-1-cart .car-btn-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.sec-1-cart .car-btn-form a,
section.sec-1-cart .car-btn-form button {
    width: 412px;
    border-radius: 19px;
    padding: 9px 20px;
}
section.sec-1-cart .sub-total p {
    /* display: table; */
    margin-left: auto;
    text-align: center !important;
    width: 307px;
}

.heading-ord-sum h2 {
    font-size: 58px;
    color: #ffffff;
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
}

.heading-ord-sum {
    text-align: center;
}
.parent-summary-checkout {
    background: #ffffff2b;
}

.checkout-body-page .parent-summary-checkout {
    background: none;
}

.contain-parnet {
    position: relative;
    z-index: 999;
}
/* checkout page styles */

/* payemnt page styles */
.payment-box-parent {
    background: #e02f0c8a;
    border-radius: 20px;
    padding: 2rem 1.5rem;
    width: 84%;
    margin: 0 auto;
}

.payment-heading h2 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
.payment-heading {
    text-align: center;
}
.pay-button button {
    font-family: "Poppins", sans-serif;
    border: 1px solid #fff;
    border-radius: 30px;
    min-width: 151px;
    color: #fff;
    background: transparent;
    transition: 0.3s ease-in-out;
    min-height: 53px;
}

.pay-button button:hover {
    background: #fff;
    color: #e0300c;
}
.payment-button-parent {
    display: flex;
    justify-content: start;
    width: 100%;
    gap: 10px;
    padding: 1rem 0;
}
.parent-payment-inpt .checkout {
    background: none;
    padding: 40px 10px;
}

.head-navi-parent {
    position: relative;
    z-index: 999;
}
.parent-payment-inpt .checkout input {
    font-size: 18px;
    width: 97%;
    margin-top: 18px;
}

input[type="date"] {
    -webkit-appearance: none; /* Safari */
    appearance: none;
}

.payment-v-parent {
    /* background: #ffffff2b; */
    padding: 2rem 0;
}

.payment-body-page .sec-1-cart {
    padding-bottom: 5rem;
}
.pay-button button span {
    padding-right: 0.3rem;
}

.payment-body-page .car-btn-form {
    width: 84%;
    margin: 0 auto;
}

/*  modal*/
.modal {
    --bs-modal-width: 65% !important;
    text-align: center;
}
.thanks ul {
    display: flex;
    justify-content: center;
    margin-bottom: 49px !important;
    background: #e02f0c8a;
    width: 70%;
    margin: 0 auto;
    padding: 1rem 0;
    border-radius: 11px;
}

.thanks h1 {
    font-size: 80px;
    color: #ffffff;
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: "Chandler-Mountain";
    margin-bottom: 110px;
    marker: 80px;
    margin-top: 60px;
}

.thanks li {
    font-size: 33px;
    font-family: "Chandler-Mountain";
    color: #fff;
    display: flex;
    flex-direction: column;
    border-left: 1px solid;
    padding: 0 30px;
}
.modal-header {
    border: navajowhite;
}
.thanks li:first-child {
    border: none;
}
.modal-header {
    border: none !important;
}
.thanks .car-btn-form a {
    width: 412px;
    padding: 9px 20px;
    border-radius: 19px;
    margin: 0 auto;
}
.thanks-modal .modal-content {
    background-image: url(../img/thnks.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thanks {
    padding-bottom: 50px;
}
.thanks li span {
    font-size: 25px;
}

.payment-body-page .btn-close {
    color: #fff;
}

.payment-body-page .btn-close:hover {
    color: #fff;
}
.payment-body-page .modal-dialog {
    max-width: 1442px;
}

.payment-body-page .modal .car-btn-form a {
    border-radius: 30px;
    box-shadow: rgb(255 245 245 / 35%) 0px 0px 10px;
}

.achieve-roster {
    transition: all 0.6s ease-in-out;
}
.tees-abs-img img {
    width: 100%;
}
.content-pr-btm-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.thanks-modal .modal-dialog {
    max-width: 80% !important;
}

.sec-blend {
    position: relative;
}

.inerline .blackline img {
    position: absolute;
    top: 0%;
    z-index: 99;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    object-fit: none;
    opacity: 1;
    z-index: 1;
}
.z-0{
    z-index: 0 !important;
}

.heading-achieve h1 {
    z-index: 9999;
    position: relative;
}

.inerline {
    position: relative;
}

.gig-slide-parent.sticky {
    position: fixed;
    top: 0;
    z-index: 99999999999999999999999999;
}
.gig-slide-parent {
    transition: all 0.3s ease;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
/* payemnt page styles */

/* box shadow of merch card  */
/*.border-green-merch-box {*/
/*    box-shadow: 0 -1px 11px rgba(43, 110, 5, 0.5), 0 6px 32px rgba(43, 110, 5, 0.5), 0 -8px 37px rgba(43, 110, 5, 0.5);*/
/*}*/

/*.border-red-merch-box {*/
/*    box-shadow: 0 -1px 11px rgba(210, 0, 0, 0.5),*/
/*                0 6px 32px rgba(210, 0, 0, 0.5),*/
/*                0 -8px 37px rgba(210, 0, 0, 0.5);*/
/*}*/
/*.border-purple-merch-box {*/
/*    box-shadow: 0 -1px 11px rgba(68, 17, 156, 0.5),*/
/*                0 6px 32px rgba(68, 17, 156, 0.5),*/
/*                0 -8px 37px rgba(68, 17, 156, 0.5);*/
/*}*/

/*green */
/* .tees-body-green .box-banner-img {
    filter: hue-rotate(298deg);
}

.tees-body-green {
    filter: saturate(2) hue-rotate(55deg);
}
.tees-body-green .border-green-merch-box {
    filter: hue-rotate(315deg);
}
.merch-box-inner a {
    text-decoration: none;
}

.tees-body-green .wrap {
    filter: hue-rotate(410deg);
}

.tees-body-green .filter-box-parent{
    filter: hue-rotate(410deg);
}

.tees-body-green .fo-link-delay1 {
    filter: hue-rotate(300deg);
}
.tees-body-green .fo-link-delay2 {
    filter: hue-rotate(280deg);
}

.tees-body-green .fo-logo img, .tees-body-green .head-navi-parent li a img {
    filter: hue-rotate(127deg) saturate(14.5);
}

.tees-body-green .copyright-parent {
    filter: hue-rotate(414deg) saturate(0.8);
} */
.tees-body-green .header-first-sec-parent {
    background-image: url(../img/home-header-bg-green.png);
    /* filter: saturate(1) hue-rotate(307deg); */
}

.tees-body-green .ag-smoke-block img {
    filter: hue-rotate(45deg);
}
.tees-body-green .tees-abs-img .stur {
    width: 100%;
    filter: hue-rotate(45deg);
}

.tees-body-green .ul-float ul li a {
    filter: hue-rotate(55deg);
}
.tees-body-green .hero-content-parent,
.tees-body-green .gig-heading {
    filter: hue-rotate(55deg);
}
.tees-body-green footer::before {
    content: "";
    background-image: url(../img/fo-bg-green.png);
    opacity: 1;
}

.tees-body-green .search-and-filter-container {
    filter: hue-rotate(75deg);
}

.tees-body-green .fo-logo img,
.tees-body-green .head-navi-parent li a img {
    filter: hue-rotate(127deg) saturate(14.5);
}
.tees-body-green .merch-bulb-right img,
.tees-body-green .merch-bulb-left img {
    filter: hue-rotate(5deg) blur(2px);
    width: 63%;
}

.tees-body-green .copyright-parent {
    background-color: #265100;
}

/* .tees-body-green .border-green-merch-box {
    box-shadow: -1px -1px 37px 7px rgb(29 169 29 / 60%);
    -webkit-box-shadow: -1px -1px 37px 7px rgb(29 169 29 / 60%);
    -moz-box-shadow: -1px -1px 37px 7px rgb(29 169 29 / 60%);
} */
.border-green-merch-box {
    box-shadow: -1px -1px 20px 3px rgb(29 169 29 / 60%);
    -webkit-box-shadow: -1px -1px 20px 3px rgb(29 169 29 / 60%);
    -moz-box-shadow: -1px -1px 20px 3px rgb(29 169 29 / 60%);
}

/*green*/
/* box shadow of merch card  */

/*red */
/* .tees-body-red .box-banner-img {
    filter: hue-rotate(298deg);
}

.tees-body-red {
    filter: saturate(2) hue-rotate(15deg);
}
.tees-body-red .border-red-merch-box {
    filter: hue-rotate(40deg);
}
.merch-box-inner a {
    text-decoration: none;
}

.tees-body-red .wrap {
    filter: hue-rotate(340deg);
}

.tees-body-red .filter-box-parent{
    filter: hue-rotate(340deg);
}

.tees-body-red .fo-link-delay1 {
    filter: hue-rotate(340deg);
}
.tees-body-red .fo-link-delay2 {
    filter: hue-rotate(-10deg);
}

.tees-body-red .fo-logo img, .tees-body-red .head-navi-parent li a img {
    filter: hue-rotate(350deg);
}

.tees-body-red .copyright-parent {
    filter: hue-rotate(360deg);
} */

.tees-body-red .header-first-sec-parent {
    background-image: url(../img/home-header-bg-red.png);
}

.tees-body-red .ag-smoke-block {
    filter: hue-rotate(-20deg);
}
.tees-body-red .merch-bulb-right img,
.tees-body-red .merch-bulb-left img {
    opacity: 0.8;
    animation: none;
    filter: blur(2px);
    filter: hue-rotate(-15deg) blur(6px);
}

.tees-body-red .tees-abs-img .stur {
    filter: hue-rotate(-25deg);
}

.tees-body-red footer::before {
    content: "";
    background-image: url(../img/fo-bg-red.png);
    opacity: 1;
}

.tees-body-red .copyright-parent {
    background-color: #be0000;
}

.tees-body-red .fo-logo img,
.tees-body-red .head-navi-parent li a img {
    filter: hue-rotate(345deg) saturate(2);
}
.tees-body-red .hero-content-parent,
.tees-body-red .gig-heading {
    filter: hue-rotate(-15deg);
}

/* .tees-body-red .border-red-merch-box {
    box-shadow: -1px -1px 37px 7px rgb(229 2 2 / 67%);
    -webkit-box-shadow: -1px -1px 37px 7px rgb(229 2 2 / 67%);
    -moz-box-shadow: -1px -1px 37px 7px rgb(229 2 2 / 67%);
} */
.border-red-merch-box {
    box-shadow: -1px -1px 20px 3px rgb(229 2 2 / 67%);
    -webkit-box-shadow: 1px -1px 20px 3px rgb(229 2 2 / 67%);
    -moz-box-shadow: 1px -1px 20px 3px rgb(229 2 2 / 67%);
}

/*red*/

/*purp */
/* .tees-body-red.box-banner-img {
    filter: hue-rotate(298deg);
}

.tees-body-purp {
    filter: saturate(2) hue-rotate(275deg);
}
.tees-body-purp .border-purple-merch-box {
    filter: hue-rotate(80deg);
}
.merch-box-inner a {
    text-decoration: none;
}

.tees-body-purp .wrap {
    filter: hue-rotate(340deg);
}

.tees-body-purp .filter-box-parent{
    filter: hue-rotate(340deg);
}

.tees-body-purp .fo-link-delay1 {
    filter: hue-rotate(80deg);
}
.tees-body-purp .fo-link-delay2 {
    filter: hue-rotate(-10deg);
}

.tees-body-purp .fo-logo img, .tees-body-purp .head-navi-parent li a img {
    filter: hue-rotate(350deg);
}

.tees-body-purp .copyright-parent {
    filter: hue-rotate(360deg);
} */
.tees-body-purp .header-first-sec-parent {
    background-image: url(../img/home-header-bg-purp.png);
}

.tees-body-purp footer::before {
    content: "";
    background-image: url(../img/fo-bg-purp.png);
    opacity: 1;
}

.tees-body-purp .tees-abs-img .stur {
    filter: hue-rotate(-95deg);
}

.tees-body-purp .head-navi-parent li a img,
.tees-body-purp .fo-logo img {
    filter: hue-rotate(280deg) saturate(1);
}

.tees-body-purp .copyright-parent {
    background-color: #7e2d8c;
}

.tees-body-purp .search-and-filter-container {
    filter: hue-rotate(276deg);
}

.tees-body-purp .ag-smoke-block {
    filter: hue-rotate(-85deg);
}
.tees-body-purp .ul-float ul li a {
    filter: hue-rotate(-85deg);
}

.tees-body-purp .merch-bulb-right img,
.tees-body-purp .merch-bulb-left img {
    opacity: 0.8;
    animation: none;
    filter: blur(2px) hue-rotate(-115deg);
}

/* .tees-body-purp .border-purple-merch-box {
    box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
    -webkit-box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
    -moz-box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
} */
.border-purple-merch-box {
    box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
    -webkit-box-shadow: -1px -1px 20px 3px rgb(141 107 255 / 52%);
    -moz-box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
}

.tees-body-purp .purple-merch-box-gradient {
    box-shadow: inset -1px 6px 23px #ffffff12 !important;
}

/*purp*/

/*gig changes*/
.row-gig-img-two img {
    width: 1920px;
    height: 1261px;
}
.fd-bar {
    position: absolute;
    top: -162px;
    width: 116% !important;
    left: -160px;
}
.row-gig-img-two .fd-bar {
    position: absolute;
    top: -94px;
    width: 116% !important;
    height: 16% !important;
    left: -160px;
    z-index: 2;
}
.thanks-modal {
    z-index: 9999999999999 !important;
}
.hero-heading h2 span {
    font-size: 52px;
}
.merch-box-inner {
    border-radius: 11px;
}

/*gig changes*/

/* 30 july */
.pagination-cust {
    justify-content: end;
    display: flex;
    padding-bottom: 3rem;
    width: 92%;
}
.tees-abs-img-fade {
    position: absolute;
    width: 123% !important;
    left: -8rem;
    top: -11rem;
    z-index: 1;
}
.bd-absimg-one-fadebar {
    position: absolute;
    width: 120% !important;
    top: -9rem;
    left: -10rem;
}
.bd-absimg-five-fadebar {
    position: absolute;
    width: 120% !important;
    bottom: -10rem;
    left: -10rem;
}

.bands-body .merch-bulb-left {
    position: absolute;
    left: 0;
    top: 100%;
}

.bands-body .merch-bulb-right {
    position: absolute;
    right: 1%;
    top: 100%;
}
.fd-bar-ab-sec {
    position: absolute;
    top: -12rem;
    left: -12rem;
}

.fd-bar-ab-sec img {
    width: 120%;
}
.abs-anchor {
    padding: 0 !important;
}

.parent-payment-inpt .checkout input::placeholder {
    color: #8d628d8c;
}
.merch-box a {
    text-decoration: none !important;
}

.tees-body-purp .gig-heading {
    filter: hue-rotate(-35deg);
}

.tees-body .merch-box {
    width: 95%;
    margin: 0 auto;
}
.apply-btn {
    text-align: center;
}

.pagination-cust {
    padding-bottom: 3rem;
}
.contain-parnet .container-custom {
    width: 79vw;
    margin: 0 auto;
}

.checkout-body-page .content-hero-shopping-parent {
    width: 97% !important;
    margin: 0 auto;
    position: relative;
    z-index: 999999;
}
.thanks img {
    filter: hue-rotate(48deg) saturate(4.5);
}

img {
    user-select: none;
    -webkit-user-drag: none;
}

.ab-home-right {
    padding: 0rem 0rem 3rem 0rem;
}
.about-body .apply-btn {
    text-align: start !important;
}
.merch-rock-hang h3 span {
    padding-top: 2rem;
}

/* 30 july */

/* PRODUCT PAGE CHANGES */
.descrip-box {
    position: relative;
    padding: 1.5rem;

    z-index: 1;
}

.descrip-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(72px) brightness(24%);
    background-color: rgb(217 88 61 / 37%);
    z-index: -1;
}

.descrip-box-gap {
    margin-top: 2rem !important;
}

.descrip-box-heading h3 {
    color: #fff;
    font-size: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.descrip-box-para p {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    font-family: "Poppins", sans-serif;
}
.rating-pr span,
.progres-num-and-star span {
    display: inline-block;
}
.rate-pr-head-one {
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
}

.star-parent-top {
    padding: 0 0 0 1rem;
}

.star-parent-top i {
    color: #ff9b29;
    font-size: 26px;
}

.rate-pr-head-two {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    padding: 0 0 0 1rem;
}
.rating-box-pr-top-parent {
    display: flex;
    justify-content: space-between;
    width: 75%;
}
.sm-starr i {
    color: #ff9b29;
}

.sm-starr {
    padding: 0 0.7rem;
}

.progres-num-and-star .rate-pr-head-two {
    padding-left: 0;
}

.progress2 {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #ffffff;
    border-radius: 6px;
}

.progress-bar2 {
    height: 7px;
    border-radius: 6px;
    background-image: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0.05)
    );
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
    width: 65%;
    background-color: #ff9b29;
    animation: progressAnimation 6s;
}

@keyframes progressAnimation {
    0% {
        width: 5%;
    }
    100% {
        width: 65%;
    }
}

.progess-bar-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 47%;
    margin-bottom: 1rem;
}
.progres-num-and-star {
    width: 13%;
}
.progres-num-and-star-pd {
    padding-left: 1rem;
}

.progess-bar-parensupper {
    padding: 3rem 0;
}

.anim-none {
    width: 0 !important;
    animation: none !important;
}

.reviews-heading h3 {
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding-bottom: 1.5rem;
    position: relative;
}

.reviews-heading h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10%;
    height: 8px;
    background: #fff;
}
.hl-pr {
    width: 100%;
    background: #fff;
    height: 2px;
    opacity: 1;
    margin: 0;
}
.btn-filt-pr button,
.write-modal-button button {
    border: none;
    outline: none;
    min-width: 118px;
    font-family: "Bebas Neue", sans-serif;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(#e0300c, #701806);
    letter-spacing: 0.5px;
    border-radius: 10px;
    padding: 0.25rem 0;
}

.btn-filt-pr button span,
.write-modal-button button span {
    padding-right: 0.5rem;
}

.write-modal-button button {
    min-width: 165px;
}

.star-box-inner {
    border: 1px solid #ffffff;
    padding: 0.4rem 0.7rem;
    color: #ff9b29;
    cursor: pointer;
}

.star-box-inner i {
    font-size: 20px;
}

.filter-and-write-parent {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
}

.btn-filt-pr {
    display: flex;
}

.star-box-parent {
    display: flex;
    gap: 20px;
    padding: 0 0 0 2rem;
}

.star-box-parent {
    display: none;
}

.highlight {
    background: #4ab90070;
    color: #2a9f00;
}

.modal-head-cust {
    background: linear-gradient(#e0300c, #701806);
    position: relative;
    padding: 2rem 0;
}

.modal-head-cust h2 {
    font-size: 53px;
    color: #fff;
    font-family: "Chandler-Mountain";
    margin: 0;
}

.pr-page-body .modal-dialog {
    max-width: 61% !important;
}

.pr-page-body .btn-close {
    background: url(../img/cancel.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.pr-page-body .btn-close:focus {
    box-shadow: none;
}

.pr-page-body .btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.7rem;
}

.shirt-modal-content h3 {
    font-size: 44px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
}
.pr-page-body .modal-content {
    background-color: unset;
}

.modal-body-cust {
    background-color: #ffffff24 !important;
    backdrop-filter: blur(17px);
    padding: 0 0 2rem 0;
}
.shirt-box-modal-parent {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
}

.modal-body-cust-inner {
    width: 76%;
    margin: 0 auto;
}

.shirt-modal-content {
    padding-left: 2rem;
}

.pr-page-body .modal {
    z-index: 99999999999;
}

.stars-modal-parent {
    display: flex;
}

.stars-modal-pd {
    padding-right: 0.5rem;
}

.input-and-textare-modal {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: start;
    margin-bottom: 3rem;
}

.input-modal-parent input,
.input-modal-parent textarea {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    font-family: "Poppins", sans-serif;
    width: 100%;
    border: none;
    outline: none;
}

.input-modal-parent textarea {
    min-height: 165px;
}

.input-modal-parent label {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0.5rem;
}

.btm-text-modal {
    text-align: center;
    padding-bottom: 1rem;
}

.btm-text-modal p {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

.btm-text-modal a {
    color: #de2f0b;
    font-weight: 500;
    text-decoration: none;
}

.btm-text-modal a:hover {
    color: #de2f0b;
}

.agree-btn-mod a {
    color: #ffffff;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
    display: inline-block;
    width: 76%;
    text-decoration: none;
    background: linear-gradient(#dd2f0c, #6f1806);
    border-radius: 10px;
    padding: 0.78rem 0;
    letter-spacing: 0.5px;
}

.agree-btn-mod a:hover {
    color: #ffffff;
}

.review-two-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.7rem;
}

.review-two-head-inner h3 {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    min-width: 126px;
    min-height: 28px;
    font-family: "Poppins", sans-serif;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 3px 4px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 12px;
    right: 0;
}
/* .select-styled:hover {
    background-color: #b83729;
  } */
/* .select-styled:active, .select-styled.active {
    background-color: #ab3326;
  } */
.select-styled:active:after,
.select-styled.active:after {
    top: 4px;
    border-color: transparent transparent #fff transparent;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    color: #808080;
    border-radius: 0 0 6px 6px;
}
.select-options li {
    margin: 0;
    padding: 2px 0;
    text-indent: 11px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.select-options li:hover {
    color: #fff;
    background: #dc2f0c;
}
.select-options li[rel="hide"] {
    display: none;
}

.review-two-head-innerrev {
    display: flex;
    align-items: center;
}
.review-two-head-innerrev h3 {
    padding-right: 2rem;
}

.rv-two-left-box-head span {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    padding-left: 0.5rem;
}
.recomm-rev-box-two span {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    padding-left: 0.5rem;
}

.rv-two-left-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    width: 20%;
}
.review-two-inner-box-parent {
    display: flex;
    padding: 1rem 0;
}

.rv-two-star-and-due-parent {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.rv-two-star i {
    font-size: 22px;
    color: #ff9b29;
}

.due p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    font-family: "Poppins", sans-serif;
}

.rv-two-right-box {
    width: 80%;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.well-head-rv-two h3 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.rv-two-m-para p {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    font-family: "Poppins", sans-serif;
    margin-bottom: 1rem;
}

.span-was-this span {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.span-was-this span i {
    color: #ff9b29;
    padding-left: 0.7rem;
}

.was-this-help-parent {
    display: flex;
}

.rv-two-left-box-head {
    padding-bottom: 1.2rem;
}

.you-may-heading h2 {
    font-size: 141px;
    font-family: southamdemo;
    color: rgb(255, 255, 255);
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    margin-bottom: 3rem;
}

.content-descrip-sec-parent {
    position: relative;
    z-index: 999999999999;
}

.you-may-heading {
    text-align: center;
}

.you-may-also-parent {
    padding: 2rem 0 4rem 0;
}

.you-may-row {
    width: 85%;
    margin: 0 auto;
}

.you-may-row .item-merch-pr-parent {
    width: 87%;
    margin: 0 auto;
}

.you-may-row .border-green-merch-box {
    box-shadow: -1px -1px 37px 7px rgb(29 169 29 / 60%);
    -webkit-box-shadow: -1px -1px 37px 7px rgb(29 169 29 / 60%);
    -moz-box-shadow: -1px -1px 37px 7px rgb(29 169 29 / 60%);
}

.you-may-row .border-red-merch-box {
    box-shadow: -1px -1px 37px 7px rgb(229 2 2 / 67%);
    -webkit-box-shadow: -1px -1px 37px 7px rgb(229 2 2 / 67%);
    -moz-box-shadow: -1px -1px 37px 7px rgb(229 2 2 / 67%);
}

.you-may-row .border-purple-merch-box {
    box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
    -webkit-box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
    -moz-box-shadow: -1px -5px 34px 7px rgb(141 107 255 / 52%);
}
.you-may-row .tee-para {
    width: 64%;
    margin: 0 auto;
}

.ag-smoke-blockrevpr {
    top: -15rem;
    position: relative;
}
.shirt-modal img {
    width: 100%;
}
.shirt-modal-content h3 {
    font-size: 37px;
}
.shirt-modal-content {
    padding-left: 1rem;
}

.top-pr-stars i {
    font-size: 30px;
    color: #ff9b29;
}

.star-and-right-review-top-parent,
.top-pr-modal-openner {
    display: flex;
    align-items: center;
}

.top-pr-modal-openner span {
    color: #ff9b29;
    padding-right: 0.7rem;
}

.top-pr-modal-openner h4 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
}
.top-pr-modal-openner {
    padding-left: 0.7rem;
    border-left: 1px solid #fff;
    margin-left: 1.5rem;
}

.shop-cart-body .header-first-sec-parent {
    background-image: url(../img/shop-cart-bg.png);
}

.heading-rec-pr-total h5 {
    font-size: 26px;
    font-weight: 500;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    margin: 0;
}

.heading-rec-pr-total h5 span {
    font-size: 30px;
    font-weight: 600;
    padding-left: 0.4rem;
}
.heading-rec-pr-total {
    text-align: center;
    padding: 3rem 0;
}

.rece-shop-heading {
    text-align: center;
    padding-bottom: 2rem;
}
.rece-shop-heading h3 {
    font-size: 59px;
    color: #fff;
    text-shadow: rgb(255, 74, 34) 0px 0px 10px;
    font-family: chandler-mountain;
    margin: 0;
}

.rece-shop-box {
    padding: 3rem 0 4rem 0;
    width: 85%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.rece-shop-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff775a40;
    filter: blur(1px);
    z-index: -1;
}
.flex-pr-btm-box-parent-revamp {
    width: 95%;
    margin: 0 auto;
}

.glassy {
    background: #ffffff2b;
    padding: 80px 30px;
}

.checkout-body-page .img-flex-cont h3,
.checkout-body-page .img-flex-cont-two h3 {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
}

.checkout-body-page .payment-box-parent {
    width: 95%;
    margin: 0 auto;
}
.glassy .check-rev {
    width: 95%;
    margin: 0 0 0 auto;
}
.glassy .car-btn-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}

.rev-rev {
    width: 95%;
    margin: 0 auto;
}
.checkout-body-page .sec-1-cart {
    padding-bottom: 6rem !important;
}

pymt-two-fctor-mthd {
    padding: 0 0 18px 0;
}
.pymt-two-fctor-mthd h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    color: #fff;
}
/* The switch - the box around the slider */
.switch {
    font-size: 17px !important;
    position: relative !important;
    display: inline-block !important;
    width: 4.5em !important;
    height: 1.8em !important;
}
/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    font-family: "Poppins", sans-serif;
}
/* The slider */
.sliderrev {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #707070;
    transition: 0.4s;
    border-radius: 30px;
}
.sliderrev:before {
    position: absolute;
    content: "";
    height: 1.2em;
    width: 1.2em;
    border-radius: 20px;
    left: 0.3em;
    bottom: 0.35em;
    background-color: #fff;
    transition: 0.4s;
}
input:checked + .sliderrev {
    background: linear-gradient(#f4350d, #7a1b07);
}
input:checked + .sliderrev:before {
    transform: translateX(2.7em);
    background-color: #fff;
}

.pymt-two-fctor-mthd {
    margin-bottom: 0.8rem;
}

.pymt-updt-btn button {
    border: none;
    outline: none;
    background: linear-gradient(#fd370d, #7f1c07);
    min-width: 154px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    border-radius: 19px;
    padding: 0.53rem 0;
    font-family: "Poppins", sans-serif;
}

.pymt-updt-btn {
    display: flex;
    justify-content: end;
}

.modal-z {
    z-index: 9999999999 !important;
}

/* PRODUCT PAGE CHANGES */

/* login-page styles */
.login-main-parent {
    background-image: url(../img/home-header-bg.png);
    background-size: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-box-parent-inner {
    background-image: url(../img/login-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    box-shadow: rgb(255 255 255 / 80%) 0px 0px 75px;
}

.login-box-parent {
    width: 49%;
}

.login-logo,
.login-heading,
.login-para {
    text-align: center;
}

.login-heading h2 {
    font-family: "Poppins", sans-serif;
    font-size: 34px;
    font-weight: 600;
    color: #ffffff;
}

.login-para p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.login-input {
    position: relative;
}
.login-input img {
    position: absolute;
    top: 0.9rem;
    left: 1rem;
}

.login-input input {
    min-height: 49px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #ff4600;
    width: 100%;
    outline: none;
    padding: 0 1rem 0 3.5rem;
}

.login-input input::placeholder {
    color: #ff440086;
}
.content-login-box-parent {
    width: 72%;
    margin: 0 auto;
    padding: 0.5rem 0 2rem 0;
}
.login-input-parent {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.login-input-two img {
    position: absolute;
    top: 0.75rem;
    left: 1rem;
}

.login-input {
    position: relative;
}

.login-input .password-toggle i {
    position: absolute;
    top: 50%;
    left: -2rem;
    transform: translateY(-50%);
    font-size: 22px;
    color: #1010108a;
}

.password-toggle {
    position: absolute;
    right: 10px;
    cursor: pointer;
    height: 100%;
}

.rember span {
    font-size: 18px;
}
.forget-pass a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
}

.forget-pass a:hover {
    color: #fff;
}
.rem-and-forg-pass {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0 1rem 0;
}
.login-register-button {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-top: 1rem;
}

.login-button a,
.register-button a,
.login-register-button button,
.register-button button {
    font-family: "Poppins", sans-serif;
    min-width: 203px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#fd370d, #7f1c07);
    border-radius: 19px;
    text-decoration: none;
    padding: 0.78rem 0;
    transition: all 0.3s ease-in-out;
}
.register-button button {
    border: none;
}
.login-register-button button {
    max-width: 203px;
}
.login-register-button button {
    border: none;
}

.login-button a:hover,
.register-button a:hover,
.login-register-button button:hover,
.register-button button:hover {
    color: #fff;
    box-shadow: rgb(255 255 255 / 38%) 0px 4px 11px;
}

/* login-page styles */

/* register-page-styles */
.register-parent {
    width: 70%;
}

.register-inner-parent {
    background-image: url(../img/register-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    box-shadow: rgb(255 255 255 / 80%) 0px 0px 75px;
}

.register-heading h2 {
    font-size: 64px;
    font-weight: 600;
    color: #fff;
    font-family: "Poppins", sans-serif;
    margin: 0;
}
.register-heading {
    margin-bottom: 2rem;
}
.register-content-parent {
    padding: 2rem 2rem;
}

.login-input label {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0.5rem;
}

.regis-butt a {
    min-width: 169px;
    max-width: 169px;
}

.inner-row-parent-reg {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 2rem;
}
.inner-row-parent-reg .login-input input {
    padding: 0 1rem 0 1rem;
}
.reg-and-back-to-web-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
}

.backto-web-reg a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 21px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}
.backto-web-reg a:hover {
    color: #fff;
}

.rockandlogoimg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.rockandlogoimg img {
    width: 100%;
}

.register-thank-inner-parent {
    background-image: url(../img/reg-thank.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 15px;
    box-shadow: rgb(255 255 255 / 80%) 0px 0px 75px;
}

.register-thank-parent {
    width: 75%;
}

.backto-web-reg a span {
    padding-right: 0.6rem;
}
.backto-web-reg a i {
    font-size: 29px;
    padding-right: 0.8rem;
}

.logo-thank {
    text-align: center;
    padding-bottom: 1rem;
}

.register-thank-parent {
    width: 65%;
}

.heading-thnk {
    text-align: center;
}
.heading-thnk h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}
.logo-thank img {
    width: 16%;
}

.heading-thnk p {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
}
.continue-thnk-btn {
    display: flex;
    justify-content: center;
    padding: 2rem 0 0 0;
}
.reg-thank-content-parent {
    padding: 1.5rem 0 2rem 0;
}

.forget-send-button {
    padding-top: 2rem;
}

.have-an-acc {
    padding: 0.4rem 0 0rem 0;
}

.have-an-acc span {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    padding-right: 0.5rem;
}
.have-an-acc a {
    font-size: 18px;
    font-weight: 700;
    color: #ff4600;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
}
.have-an-acc a:hover {
    color: #ff4600;
}
.forgot-parent-main .content-login-box-parent {
    padding: 1rem 0 3rem 0;
}

.input0single-parent {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 2rem 0 0 0;
}

.form-control-cust {
    font-family: "Poppins", sans-serif;
    color: #ff440093;
    font-size: 30px;
    font-weight: 400;
    max-width: 82px;
    min-height: 49px;
    text-align: center;
    outline: none;
}

.base-timer span {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.base-timer {
    text-align: center;
    padding: 1rem 0 0;
}

.new-pass-head {
    padding: 1.5rem 0 1rem 0;
}

.new-pass-button {
    padding-top: 2rem;
}

.login-main-parent .new-pass-content-parent {
    padding: 1rem 0 2.5rem 0;
}
.login-main-parent .form-group-custom label:before {
    width: 20px;
    height: 20px;
}
/* register-page-styles */

/*changes 15-aug*/
.we-none-block {
    color: #e0300c;
    cursor: pointer;
}
.we-none-block:hover {
    color: #fff;
}
.free-tee-img {
    position: absolute;
    bottom: -1rem !important;
}
.free-tee-img img {
    width: 100%;
}
/*changes 15-aug*/

/*Pre-Checkout Page Styles*/
.precheck-parent .login-box-parent {
    width: 100% !important;
}
.or-center {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.or-center h3 {
    font-size: 44px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin: 0;
}
.continue-heading {
    text-align: center;
    padding: 5rem 0 7rem 0;
}

.login-logo-right img {
    width: 50%;
}

.login-logo-right {
    text-align: center;
}

.continue-heading h3 {
    font-size: 34px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin: 0;
}

.pre-check-row-parent .row .col-lg-3 .login-box-parent-inner {
    height: 100%;
    background-image: url(../img/rec.png);
}
.linear-check {
    background: linear-gradient(to top, #99220a96, #5e1709fc);
    text-align: center;
    margin-top: 5rem;
    padding: 1.3rem 0;
}
.linear-check h3 {
    font-family: chandler-mountain;
    margin: 0;
    font-size: 70px;
    color: #ffffff;
}

/*Pre-Checkout Page Styles*/

/*PRODUCT_PAGE CHANGES*/
.pr-page-select-parent {
    position: relative;
    margin: 0rem 0 2rem 0;
}
.pr-page-select-parent label {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
}
.pr-page-select-parent .select {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    min-width: 175px;
    background: #fff;
    min-height: 37px;
    font-family: "Poppins", sans-serif;
}
.pr-page-select-parent .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #707070 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 9px;
}
.pr-page-select-parent .select-styled:active:after,
.pr-page-select-parent .select-styled.active:after {
    top: 7px;
    border-color: transparent transparent #707070 transparent;
}

.pr-page-select-parent .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 7px 16px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.pr-page-select-parent .select-options {
    border-radius: 0;
    padding: 0.7rem 0;
}
.pr-page-select-parent .select-options li {
    margin: 0;
    padding: 2px 0;
    text-indent: 44px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
img,
svg {
    vertical-align: middle;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

/*PRODUCT_PAGE CHANGES*/

/*Search Bar*/
.search-container {
    position: absolute;
    top: 3rem;
    right: 0;
    display: inline-block;
}

.search-input {
    padding: 5px 20px 5px 20px;
    border-radius: 15px;
    outline: none;
    border: 2px solid rgb(231 40 0);
    color: rgb(231 40 0);
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.search-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 10px;
    border-radius: 0 15px 15px 0;
    border: none;
    cursor: pointer;
    background: rgb(231 40 0);
    /* background: linear-gradient(rgb(253, 55, 13), rgb(127, 28, 7)); */
}
#search-container {
    opacity: 0;
}

/* This is to include the FontAwesome icons. You can replace this with your preferred icon library */
.search-button i {
    font-size: 18px;
    color: #fff;
}

.select2-container {
    font-family: "Poppins", sans-serif !important;
}

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgb(231 40 0) !important;
    color: white;
}

.Ship-drp .select2-container {
    width: 100% !important;
    margin-bottom: 18px !important;
}
.Ship-drp .select2-container--default .select2-selection--single {
    border-radius: 0;
    font-size: 14px;
    min-height: 40px;
    padding: 4px 0;
}
.Ship-drp
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 5px;
}

.pr-slider-parent .owl-carousel .owl-nav.disabled {
    display: flex;
    justify-content: space-between;
}
.pr-slider-parent .owl-dots {
    display: none;
}
.pr-slider-parent .owl-carousel .owl-nav button.owl-next,
.pr-slider-parent .owl-carousel .owl-nav button.owl-prev {
    color: #fff;
}
.pr-slider-parent .owl-theme .owl-nav {
    display: flex;
    margin-top: 10px;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.three-imgs-prdct.item {
    background: #fff;
    padding: 1rem;
    border-radius: 30px;
}

.img-hero-content {
    background-image: url(../img/bg-prod.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.pr-slider-parent .owl-carousel .owl-nav button.owl-next span,
.pr-slider-parent .owl-carousel .owl-nav button.owl-prev span {
    font-size: 16px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: none !important;
}

.pr-slider-parent .owl-carousel .owl-nav button.owl-next span,
.pr-slider-parent .owl-carousel .owl-nav button.owl-prev span {
    font-size: 40px;
    max-height: 10px;
    display: block;
}
.login-heading h2 sub {
    position: relative;
    bottom: 0;
    font-size: 29px;
}
/*Search Bar*/

/* feat-merch-dots */
.merch-parent-boxes .owl-dot span {
    background: transparent !important;
    border: 2px solid #fff;
    width: 15px !important;
    height: 15px !important;
}
.merch-parent-boxes .owl-dot.active span {
    background: #ee4100 !important;
    border: 2px solid #ee4100;
    width: 15px !important;
    height: 15px !important;
}

.merch-parent-boxes .owl-dots .owl-dot {
    max-width: 40px;
}

.heart-icon {
    position: absolute;
    right: 8%;
    bottom: 4%;
}
.heart-icon i {
    font-size: 30px;
    color: #fb4400;
    cursor: pointer;
}

.gender-icon {
    position: absolute;
    left: 8%;
    bottom: 4%;
}
.gender-icon i {
    font-size: 30px;
    color: #fb4400;
    cursor: pointer;
}

/* feat-merch-dots */

/* footer-revamp-styles */
.footer-content-rev {
    padding-left: 7rem;
    border-left: 1px solid #fff;
}
.fo-links-inner img:hover {
    animation: none;
}
.subs-fo-heading h3 {
    font-size: 25px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.sub-inpt {
    width: 100%;
    border-radius: 0;
    border: none;
    outline: none;
    font-family: "Poppins", sans-serif;
    padding: 0.4rem 0.3rem;
    color: #e0300c;
}
.sub-btn {
    background: linear-gradient(#fd370db0, #f5350da3, #7f1c07b3);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    outline: none;
    padding: 0 1.8rem;
}
.subs-fo-parent {
    margin: 6rem 0 0 0;
}
.sub-btn-parent {
    display: flex;
    margin: 2rem 0 0 0;
}
/* footer-revamp-styles */

/* header-cart-hang */
.ul-float ul {
    position: relative;
}
.cart-hang {
    position: fixed;
    z-index: 999999999999999999999999999;
    top: 15%;
    right: 6%;
    transform: scale(1);
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: 0.3s ease-in-out;
}

.cart-hang-every {
    transform: scale(1);
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: 0.3s ease-in-out;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}
.img-hero-content {
    position: relative;
}
.img-hero-content button {
    position: absolute;
    top: 2%;
    right: 2%;
    background: transparent;
    border: none;
    outline: none;
}
.modl-img-pr {
    width: 100%;
}
.modl-img-pr {
    width: 50%;
}
#exampleModalcust .modal-content {
    background: #fff;
}
#exampleModalcust .btn-close {
    background: url(../img/bl-cancel.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#exampleModalcust .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
}
.pr-page-select-parent-pr {
    display: flex;
    justify-content: start;
}
.pr-page-select-parent-pr .select2-container {
    min-width: 130px;
}
.img-flex-cont-two-parent #field1 {
    position: relative;
    z-index: 999999999999;
}
.qty-min {
    min-width: 120px;
    text-align: center;
}
.chery-pro {
    max-height: 820px;
    max-width: 750px !important;
}
.pr-slider-parent {
    max-width: 750px !important;
}
.right-content-prdct-parent {
    width: 85%;
}
.img-hero-content button img {
    min-width: 40px;
    max-width: 40px !important;
    min-height: 40px;
    max-height: 40px;
}
.img-hero-content img {
    width: 100%;
    min-width: 745px;
    max-width: 745px;
    min-height: 800px;
    max-height: 800px;
}

/* header-cart-hang */

/* stars? */
.rating {
    display: flex;
    width: 100%;
    justify-content: start;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 50px;
    height: 40px;
    /* margin-top: auto; */
    background-image: url(../img/mod-star.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: 0.3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url(../img/rated.png);
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url(../img/rated.png);
}
.active-btn {
    background-color: #fff !important;
}

.btn-cu a {
    text-decoration: none;
    width: 129px;
    border-radius: 10px;
    padding: 0.28rem 0;
    background: linear-gradient(#e0300c, #701806);
    color: #fff;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.4px;
}
.btn-cu a:hover {
    color: #fff;
}
.btn-cu,
.tr-with-btn h4 {
    transform: translateX(-20px);
}
.pd-rowe {
    padding: 1rem 0;
}

.gigguide-sec-bg {
    background-image: url(../img/ac-roster-bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.repli-single-pr {
    padding: 5rem;
}

.img-flex-shop img {
    max-width: 100px !important;
}
.pormocodeHideInputfield {
    display: none;
}

.quantity-control button {
    position: relative;
    z-index: 9999;
}
/* stars? */

/* Changes 9-oct-2023 */
.achieve-sec-bar {
    top: -1.5rem !important;
}

/* .heart-icon i:hover::before {
    content: "\f187";
} */

.bg-master-tees-color {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.bg-master-tees-color-initial {
    background-image: url(../img/ac-roster-bg.png);
}

.bg-master-tees-color-red {
    background-image: url(../img/ac-bg-roster-red.png);
}
.bg-master-tees-color-purp {
    background-image: url(../img/ac-bg-roster-purp.png);
}
.bg-master-tees-color-green {
    background-image: url(../img/ac-bg-roster-green.png);
}

.box-banner-img img {
    width: 100%;
}

.tees-body-purp .sub-btn {
    background: linear-gradient(#d80dfdb0, #b30df5a3, #78077fb3) !important;
}

.tees-body-green .sub-btn {
    background: linear-gradient(#15c33bb0, #33b72ca3, #1a5f26b3);
}
.tees-body-red .sub-btn {
    background: linear-gradient(#ff0c00b0, #f50d0da3, #7f0707b3);
}

.green-color-loader {
    background: linear-gradient(#9fbf1e77, #6dc81c4a) !important;
}

.green-color-loader .loader-bg {
    background: linear-gradient(#6dc81c4a, #000000) !important;
}

.green-color-loader img {
    filter: hue-rotate(127deg) saturate(14.5);
}
.red-color-loader {
    background: linear-gradient(#f50d0da3, #7f0707b3) !important;
}

.red-color-loader .loader-bg {
    background: linear-gradient(#f50d0da3, #000000) !important;
}

.red-color-loader img {
    filter: hue-rotate(345deg) saturate(2);
}
.purp-color-loader {
    background: linear-gradient(#3b1d47a3, #5a1d5eb3) !important;
}

.purp-color-loader .loader-bg {
    background: linear-gradient(#8840a5a3, #000000) !important;
}

.purp-color-loader img {
    filter: hue-rotate(280deg) saturate(1);
}

.search form {
    display: flex;
}

.exzoom .exzoom_img_box {
    background-image: url(../img/bg-prod.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.smoke-section-parent {
    position: relative;
    z-index: 1;
}
.container-custom {
    position: relative;
    z-index: 3;
}

.none-block-pr {
    display: none;
}
.input-and-check select {
    background: linear-gradient(#fd370d, #f5350d, #7f1c07);
    border: none;
    color: white;
    padding: 2px 22px;
    border-radius: 3px;
    font-size: 14px;
}
.input-and-check select option {
    background: #d72e0b;
    border-radius: 13px;
}
/* Changes 9-oct-2023 */
/* font-family: 'Poppins', sans-serif; */
/* font-family: 'Bebas Neue', sans-serif; */
.tees-body-purp .merch-bulb-right img,
.tees-body-purp .merch-bulb-left img {
    width: 67%;
}

.smoke-section-parent.z-d {
    z-index: 2;
}
.pills-tees-prdt a {
    text-decoration: none;
    color: #ffff;
    font-weight: 500;
    font-family: "Bebas Neue", sans-serif;
    font-size: 18px;
}
.pills-tees-prdt a:hover{
    color: #fff;
}