/** Shopify CDN: Minification failed

Line 989:0 Unexpected "/"

**/
/*  */

.p-text{
    font-size: 14px;
    color: #7f7f7f;
    /* line-height: 20px; */
    line-height: 18px;
    letter-spacing: 0px;
    word-spacing: 0;
}

.f-head-desc{
    font-size: 12px;
    color: #7f7f7f;
    /* line-height: 20px; */
    line-height: 18px;
    letter-spacing: 0px;
    word-spacing: 0;
}
.hidden {
    display: none;
}
.highlight-heading{
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: none;
    color: #00FFE6;
}


/*  */
.b-toggles{
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 30px;
}
.toggle-c{
    padding: 0;
}
.btn-toggle{
    width: 100%;
    background: #ebecf4;
    color: #5E6A81 ;
    border: 1px solid #ebecf4;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: none;
    font-weight: 500;
    transition:none !important;
    margin: 0;
    padding: 8px 10px;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.btn-toggle:hover{
    background: #ffffff !important;
    color: #00FFE6 !important;
    border: 1px solid #00FFE6 !important;
}
.b-toggles .active{
    background: #ffffff;
    color: #00FFE6 !important;
    border: 1px solid #00FFE6;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.btn-badge-pro {
    width: 22%;
    height: auto;
    margin: 7px 0px 7px 10px;}
/* product details */
.nav-tabs{
    background: rgb(240 241 250 / 80%);
    border-radius: 25px 25px 0 0;
}
.nav-tabs .nav-link{
    padding: 10px 20px;
    border: 0px solid transparent;
    border-radius: 25px 25px 0 0;
    color: #424753;
    font-size: 14px;
    display: flex;
    align-items: center;
}

#nav-tab-toggle .nav-link.active{
    background: #e3e5f2;
    padding: 10px 20px;
    border: 0px solid transparent;
    border-radius: 25px 25px 0 0;
}
#nav-tabContent-toggle{
    background: #424753;
    padding: 20px;
    color: #fff;
    border: 0px solid transparent;
    border-radius: 0 0 25px 25px;
}
.innerp-titlemain{
    letter-spacing: 1px;
    font-size: 16px;
}
.innerp-title{
    text-transform: none;
    letter-spacing: 1px;
    font-size: 16px;
    margin: 0;
}
.innerp-content{
    font-size: 16px;
    /* color: #9D9D9D; */
    color: #C1C1C1;
    margin-top: 5px;
    margin-bottom: 25px;
}
.t-paginationlist{
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}
.t-pagination{
    background: #9fa6b5;
    padding: 1px;
    border-radius: 64px;
    list-style: none;
    border: 3px solid #9fa6b5;
    margin: 0;
}
.t-pagination.active{
    padding: 2px;
    border: 4px solid #bac0ce;
    background: #242933;
    border-radius: 100px;
    list-style: none;
    margin: 0;
}
.avail-head{
    text-align: left;
}
.avail-qty{
    text-align: right;
}
.alert-light{
    padding: 10px 10px;
    font-size: 13px;
    color: #00FFE6;
    background: rgb(239 239 239 / 30%);
    border: none;
    width: 85%;
}
.label-pdetails{
    width: 5%;
    margin-right: 6px;
}

/* single color variant */
.color-single-variant-mob{
    display: none;
}
.color-single-variant-desk{
    display: block;
}
/* about */
.pabout-section {
    padding: 20px 0;
    margin: 0;
    margin-top: 3rem;
    padding-bottom: 0px;
}
.pabout-section .row{
    width: 100%;
}
.about-heading{
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: none;
}
.abt-highlights{
    font-weight: 600;
    font-size: 14px;
    color: #808080;
    margin: 5px 0;
}
.abt-points{
    font-size: 14px;
    color: #7f7f7f;
    line-height: 18px;
    list-style: disc;
    margin-left: 7px;
}
#read-more-btn,#read-less-btn{
    cursor: pointer;
    color: #b6b6b6;
    font-weight: 400;
}
.p-text.long {
    display: none;
}
.re-content {
    display: none;
}

/* add to cart mobile only */
.patc-section{
    display: none;
}

/* features */
.pfeatures-section{
    padding: 10px;
    margin-top: 30px;
}

.features-r .f-head-desc{
    margin-bottom: 0 !important;
}

.features-r{
    margin-bottom: 10px;
}
.count-row{
    margin-bottom: 10px !important;
}

.f-img{
    padding: 0;
    width: 25px;
}

.count-row .f-content-first{
    display: flex;
    align-items: center;
}
.count-badge {
    opacity: 0;
    animation: blink 1s infinite;
}
@keyframes blink  {
    0%, 50%, 100% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
}
.count-row .f-content-first{
    padding-right: 0;
}
.countimg{
    padding: 0;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.f-img .count-badge{
    width: 60%;
}

.f-head{
    text-transform: none;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 22px;
}
.f-badge{
    color: #16AD40;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 15px;
}

/* users activity */
.text-span{
    display: flex;
    align-items: baseline;
}
.img-new-percentage{
    width: 35px;   
}
.banner1 {
    margin: 16px 0px 20px 0px;
    border: 1.5px solid #00FFE6;
    border-radius: 10px;    
    padding: 13px;
    display: flex;
    align-items: center;
    font-family: "Selecta-Regular";
    color: #333;
    justify-content: space-evenly;
}
.icon1 {
    margin-left: 24px;
    width: 40px;
    height: 40px;
    margin-right: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
/* .icon svg {
    fill: #00FFE6;
    width: 100%;
    height: 100%;
} */
.text1 {
    margin-left: 23px;
    font-size: 14px;
    width: 80%
}
.percentage1 {
    font-size: 40px;
    color: #00FFE6;
    font-weight: bold;
}
.percentage2 {
    font-size: 20px;
    color: #00FFE6;
    font-weight: bold;
}

.highlight1 {
    color: #00FFE6;
    font-weight: bold;
}
.highlight2 {
    color: #242933;
    font-weight: bold;
}

/* product image section */
.product__thumbs--below{
    padding: 0 15px !important;
}
.color-single-variant-desk{
    padding: 0 15px;
    margin-top: 18px;
}
/* navigation product details */
#imgt-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 15%;
}
#imgnav-tab-toggle{
    width: max-content;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    gap: 0px;
    align-items: center;
}
#imgnav-tab-toggle .nav-link{
    padding: 10px 15px;
}
 .products-padding-style{
        margin: -40px 0px 0px 0px;
        padding: 24px 15px;
        position: relative;
    }
#imgnav-tab-toggle .nav-link.active{
    background: #e3e5f2;
    padding: 10px 15px;
    border: 0px solid transparent;
    border-radius: 25px;
}
#dots-nav{
    bottom: 14% !important;
}
#dots-nav, #dots-nav-single{
    position: absolute;
    width: 100%;
    top: auto;
    bottom: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 0;
}
.bullets-pagination, .bullets-paginations-single{
    width: 4px;
    height: 4px;
    border: 0px solid #9fa6b5;
    border-radius: 50%;
    display: inline-block;
    background: #9fa6b5;
    margin: 0 3px;
    transition: transform 1s cubic-bezier(0.49, 0.24, 0.34, 0.77);
}
.bullets-pagination.active{
    background-color: #000;
    width: 21px;
    height: 10px;
    border: 4px solid #9FA6B5;
    border-radius: 10px;
    margin-top: 10px;
}
.bullets-paginations-single.active{
    background-color: #000;
    /* width: 20px;
    height: 8px; */
    padding: 2px;
    border: 3px solid #9FA6B5;
    border-radius: 10px;
    margin-top: 12px;
    transform: scale(1.2);
}
.pagination .page-link {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
/* .pagination .page-item.active .page-link {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
} */

/* pagination */
.pagination{
    display: flex;
    width: max-content;
    background: rgb(240 241 250 / 80%);
    padding: 8px 16px;
    border-radius: 50px;
}
/* .page-item {
    display: none;
}
.page-item.visible {
    display: inline-block;
}
.bullets-paginations-single {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: gray;
    margin: 0 5px;
}

.bullets-paginations-single.active {
    background-color: blue;
} */


/* specifications */
.btn-collpaser {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #ebecf4;
    align-items: center;
    border: 1px solid transparent;
    margin: 3px 0;
}
.btn-collpaser:hover {
    background: #ebecf4 !important;
    border: 1px solid transparent !important;
}
.btn-toggler,.btn-toggler-s {
    font-size: 14px;
    color: #6F737C;
    line-height: 20px;
    flex-grow: 1;
    text-align: center;
}

.close-btn,.close-btn-s {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-weight: 500;
    color: #6F737C;
    line-height: 20px;
    display: none;
    cursor: pointer;
}
#specification-body{
    border: 0;
    background: #f7f8fc;
    border-radius: 0;
    padding: 10px 0;
}
.accordion-button{
    font-weight: 500;
    color: #000000;
    font-size: 1.125rem;
}
.accordion-body{
    font-size: 13px;
    color: #7f7f7f;
    line-height: 20px;
}
.accordion-button,.accordion-body{
    background-color: #f7f8fc;
}
.accordion-button:not(.collapsed){
    background-color: #f7f8fc;
    color: #000000;
}
.accordion-button:focus{
    box-shadow: none;
}
.spec-inhead{
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 700;
    color: #000;
    margin: 3px 0;
    letter-spacing: 1px;
}

/* Size chart */
#sizechart-body{
    overflow: hidden;
    position: relative;
    border: 0;
    background: #f7f8fc;
    border-radius: 5px;
    padding: 0;
}
.sizeguide-r{
    display: flex;
    flex-direction: row-reverse;
    --bs-gutter-x: 10px;
}
.sizeguide-r2{
    padding: 0 12px;
}
.text-sizeg{
    padding: 0;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 1px;
    border: 0 solid #000;
    border-bottom: 1px solid;
    margin: 0;
    display: inline;
}

.btn-sizeguide img {
    width: 8% !important;
}
.btn-sizeguide1 img {
    width: 8% !important;
}
#sizeg-c1,#sizeg-c2{
    padding: 20px 25px;
}
#sizeg-c1{
    text-align: right;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-direction: row;
    /* margin-top: 20px;   */
     padding: unset !important;
}
#sizeg-c3{
    background: #242933;
    display: flex;
    justify-content: center;
    padding-top: 25px;
    color: #fff;
}
#sizeg-c4{
    padding: 25px 25px 25px 15px;
}
.sg-inner-h{
    text-transform: none;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0;
}
.btn-sizeguide{
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    GAP: 10PX;
    padding-bottom: 8px;
    margin: -2px;

}
.btn-sizeguide1{
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    GAP: 10PX;
    padding-bottom: 20px;
    margin: -2px;
}
.size-chart-desk{

    width: 100%;
}
.collapse-sizeguide {
    display: none;
}
.size-card{
    border: none;
}
.innersize-card{
    border: 1px solid #E3E5F2;
    border-radius: 0 0 10px 10px;
    background: #f7f8fc;
    padding: 25px 10px;
}
.sizeli-header{
    font-size: 16px;
    color: #5E6A81;
    border: none;
    background: #F0F1FA;
}
.li-sizes{
    list-style: none;
    margin: 0;
}
.s-item{
    font-size: 15px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    width: 110px;
    justify-content: center;
}
.fade-in-left {
    animation: fadeInLeft 0.5s forwards;
}
  
.fade-out-left {
    animation: fadeOutLeft 0.5s forwards;
}
@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
}
@keyframes fadeOutLeft {
    from {
      opacity: 1;
      transform: translateX(0);
    }
    to {
      opacity: 0;
      transform: translateX(-100%);
    }
}
#sizeTab{
    border: none;
    background: transparent;
    margin: 0;
    border-radius: 0;
}
.closes-sizeg{
    cursor: pointer;
}
.closes-sizeg1{
    cursor: pointer;
}
#sizeTabContent .tab-pane{
    padding: 15px 0;
}
#sizeTab .nav-link{
    padding: 0 10px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    background: #f7f8fc;
}
#sizeTab .nav-link.active{
    color: #00FFE6;
}
.size-inner-mhead{
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
    margin: 3px 0;
    letter-spacing: 1.5px;
}
.size-inner-content{
    font-size: 12px;
    color: #7f7f7f;
    line-height: 18px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 400;
}
.variant-input-wrap[name="Color"],[name="GRIP SOCKS (Color)"],[name="Grip Socks (Color)"],[name="FPRO™ Shin Guard Stays (Color)"],[name="Shin Guard Stays (Color)"]{
    border: 0;
    width: max-content;
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.line-variantcolor{
    margin-top: -10px;
    border: 1px solid #d3d3d3;
    width: 180%;
}
.line-variantcolor.checked{
    border-bottom: 1px solid #00FFE6 !important;
    opacity: 1;
}
.variant-input-wrap[name="Color"] .variant-input{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.variant-input-wrap[name="GRIP SOCKS (Color)"] .variant-input{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.variant-input-wrap[name="Grip Socks (Color)"] .variant-input{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.variant-input-wrap[name="FPRO™ Shin Guard Stays (Color)"] .variant-input{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.variant-input-wrap[name="Shin Guard Stays (Color)"] .variant-input{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
/* .variant-input-wrap input[type=radio][name=Color]:checked+label{
    border: 2px solid #00FFE6 !important;
    box-shadow: 0 0 0 2px #00FFE6 !important;
    box-shadow: 0 0 0 2px var(--colorTextBody) !important;

} */
/* .variant-input-wrap input[type="radio"] label{
    border: 2px solid #000 !important;
    box-shadow: 0 0 0 2px #000 !important;
    box-shadow: 0 0 0 2px var(--colorTextBody) !important;
} */
.variant-input-wrap .qty{
    padding: 8px 24px;
    background-color: #f0f1fa;
    border: 0px solid transparent;
    border-radius: 3px;
    color: #5e6a81;
    font-size: 14px;
    box-shadow: none;
    margin: 0 !important;
    margin-right: 10px !important;
}
.variant-input-wrap input[type=radio] .qty{
    border: 1px solid #00FFE6;
    color: #00FFE6;
    background: transparent;
    box-shadow: none;
}
.variant-input-wrap input[type=radio]:checked+.qty{
    box-shadow: 0 0 0 0px #00FFE6;
    border: 1px solid #00FFE6;
    background: transparent;
    color: #00FFE6;
}
.variant-wrapper{
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
[data-center-text=true] .variant-input-wrap .color-swatch{
    border: 0px solid transparent;
    padding: 0;
    margin: 0;
    border-radius: 2px !important;
    width: 25px;
    height: 25px;
}
.variant-input-wrap input[type=radio]:checked+.color-swatch{
    box-shadow: 0 0 0 4px #00FFE6 !important;
    margin: 6px 0 !important;
    margin-top: -6px !important;
    border: 0px solid transparent !important;
}
[data-center-text=true] .variant-input-wrap .color-swatch.selected-border {
    box-shadow: 0 0 0 4px #00FFE6 !important;
    margin: -6px 0 6px !important;
    border: 0px solid transparent !important;
}
.color-variant-l{
    font-weight: 600;
}
.color-swatch:before {
    border: 0px solid;
}
[data-swatch_style=round] .color-swatch:before {
    border: 0px solid;
    border-radius: 0;
    border-width: 0px;
}
#price-c-inner{
    padding: 20px 3px;
}
.product__price2.on-sale2{
    font-size: 1.125rem;
    font-weight: 600;
}
.product__price1.on-sale1{
    font-size: 1.125rem;
    font-weight: 600;
}
#price-c-inner .product_price--compare{
    font-size: 0.9rem;
    color: #7F7F7F;
    text-decoration: line-through;
    text-decoration-color: #7F7F7F;
    margin: 0 10px;
}
.product_price-savings2,.product_price-savings1{
    font-size: 0.9rem;
    color: #16AD40;
    font-weight: 600;
    letter-spacing: 0px;
}

/* Size chart & Add to cart desktop */
.mob-atc-btns{
    padding: 0px;
}
#btn-addtocart-pop3{
    display: none;
}
#cart-test, #custom-bundle-add-to-cart{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 13px;
    width:100%;
    background: #00FFE6;
    border-radius: var(--buttonRadius);
    color: #161616;
    margin: 0;
}
#sticky-ATC.disabled {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 25px 10px;
    width: 100%;
    background: #c9c9c9;
    border-radius: var(--buttonRadius);
    color: #333333;
    border-color: #a9a9a9;
}
#cart-test[disabled] {
    background: #c9c9c9;
    color: #333;
    border-color: transparent;
}
/* Specification */
.specification-section{
    padding: 20px 0;
    margin: 0;
    margin-top: 0rem;
}
/* mobile specification */
.specification-mob-modal{
    display: none;
}
/* Progress */
.progress-section{
    padding: 20px 0;
    margin: 0;
    margin-top: 0rem;
}

.pr-row{
    margin-top: 20px;
}
.pr-row .f-head{
    width: 50%;
}
.prv-section{
    margin-top: 1.5rem;
}
.prv-section .row{
    margin: 0;
    margin-right: 0;
    width: 100%;
}
.prv-section .pr-v{
    padding: 0px;
}
.prv-section .pr-v2{
    padding: 0px;
}

/* Partners */
.partner-section{
    padding: 20px 0;
    margin: 0;
    margin-top: 1rem;
}
#p-partnerlogos{
    width: 95%;
    display: grid;
}
.row-scroll{
    display: flex;
    align-items: center;
    gap: 9px;
}
#c-logo{
    padding: 0 15px;
}
.p-text-para{
    font-size: 16px;
    color: #7f7f7f;
    line-height: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    word-spacing: 0;
}
/* How Works */
.work-section{
    padding: 20px 0;
    margin: 0;
    margin-top: 1rem;
}
/* add to cart sticky */
.atc-containermain{
    display: none;
}

/--------Media Queries -----------/

/* For mobile screens */
@media(max-width:373px){
    /* toggles */
    .b-toggles {
        width: 50% !important;
    }
    .b-toggles .active {
        padding: 8px;
        font-size: 13px;
    }
    .btn-toggle{
        padding: 8px;
        font-size: 13px;
    }
    /* review star */
    .str {
        width: 35%;
    }
    .str i {
        font-size: 9px !important;
    }
    .promo-gird__review-texts {
        font-size: 10px;
        width: 90%;
    }
    /* price */
    .product__price.on-sale {
        font-size: 0.99rem;
    }
    .product__price--compare {
        font-size: 0.85rem;
    }
    .product__price-savings {
        font-size: 0.95rem;
    }
    /* product details */
    .product-single__sticky {
        margin-bottom: 1rem;
    }
    /* imag nav */
    #imgt-nav {
        padding: 0 15px;
    }
    #imgnav-tab-toggle{
        flex-wrap: nowrap;
        width: max-content;
    }
    #imgnav-tab-toggle .nav-link {
        padding: 10px 10px;
        display: flex;
        justify-content: center;
    }
    #imgnav-tab-toggle .nav-link img {
        width: 75%;
    }
    /* size popup */
    #btn-addtocart-pop1{
        padding: 15px 30px !important;
        font-size: 13px !important;
    }
}









@media(max-width:768px){
   .product-single__sticky {
        background: #fefefe !important;
    }
    /* about */
    .pabout-section {
        padding: 20px 15px;
        padding-top: 0px;
        margin-top: 0px;
    }
    .row{
        width: 100%;
    }
    .size-row .col-sm-6{
        width: 50%;
        margin: 10px 0;
    }
    .alert-light{
        font-size: 12px;
        width: 100%;
    }
    .label-pdetails{
        width: 5%;
        margin-right: 2px;
    }
    #p-partnerlogos {
        width: 100%;
        padding: 20px 15px;
        gap: 20px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
    }
    #p-partnerlogos, .col {
        flex: 0 0 auto;
    }
    
    /* button toggle */
    .btn-badge-pro {
        width: 36%;
        height: auto;
        margin: 7px 0px 7px 10px;
        }

    .b-toggles .active{
        padding: 0;
    }
    /* add to cart mobile only */
    .patc-section{
        display: block;
        padding: 0 15px;
        margin-top: 0px;
    }
    #btn-addtocart-pop2{
        text-align: center;
        margin:0;
        border: 0;
        border-radius: 3px;
        padding: 20px 30px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: none;
        width: 100%;
        background: #00FFE6;
        color: #ffff;
    }

    /* Size chart & Add to cart desktop */
    .mob-atc-btns{
        padding: 20px 15px;
        margin-bottom: 3rem;
    }
    #btn-addtocart-pop3{
        display: block;
    }
    #btn-addtocart-pop3{
        text-align: center;
        margin: 0;
        border: 0;
        border-radius: 3px;
        padding: 20px 30px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: none;
        width: 100%;
        background: #ebecf4;
        color: #6f737c;
        margin-bottom: 5px;
        margin-top: 3px;
    }
    #cart-test{
        text-align: center;
        margin: 0;
        border: 0;
        border-radius: 3px;
        padding: 20px 30px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        text-transform: none;
        width: 100%;
        background: #00FFE6;
        color: #fff;
        margin-bottom: 5px;
    }
    .banner1 {
        margin: 0px 0px 0px 0px;
      margin: 0 15px;
      border: 1.5px solid #00FFE6;
      border-radius: 10px;    
      padding: 20px;
      display: flex;
      align-items: center;
      font-family: "Selecta-Regular";
      color: #333;
      justify-content: space-evenly;
    }
    .text1 {
        font-size: 12px;
        width: 68%;
        margin-right: -35px;
        margin-left: unset;
    }
    .percentage1 {
        font-size: 40px;
    }
    .img-new-percentage {
        width: 75px;
    }
    .icon1{
        margin-right: 33px;
        margin-left: unset;
    }

    /* single color variant */
    .color-single-variant-mob{
        display: block;
        padding: 0 15px;
    }
    .color-single-variant-desk{
        display: none;
    }
    .color-single-variant-mob .variant-wrapper {
        display: flex;
        gap: 0px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 0px 0 0px;
    }
    .color-single-variant-mob .variant-wrapper .variant-input-wrap[name=Color], [name="GRIP SOCKS (Color)"],[name="Grip Socks (Color)"], [name="FPRO\2122 Shin Guard Stays (Color)"],[name="Shin Guard Stays (Color)"]{
        gap: 15px;
        width: 100%;
        justify-content: space-around;
    }

    /* navigation product */
    #dots-nav{
        padding: 0;
        top: auto;
        bottom: auto;
        width: -webkit-fill-available;
        position: relative !important;
        margin: 1rem 0;
        margin-bottom: 10px;
    }
    #dots-nav-single{
          position: relative;
        width: 100%;
        /* top: auto; */
        bottom: 0% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 0;
        margin: 1rem 0;
        margin-bottom: 10px;
        justify-content: space-evenly;
    /* align-items: baseline; */
    }
    .pagination .prev,.pagination .next{
        background: none; 
    }
    #imgt-nav{
        /* margin-top: -80px; */
        top: auto;
        bottom: auto;
        width: 100%;
        /* padding: 20px 15px 0px 15px; */
        /* padding-top: 10px;
        margin: 0px 0px -15px 0px; */
        margin: 1rem 0;
        margin-bottom: 10px;
        position: relative !important;
        /* background-color: #ffffff; */
    }
    #imgnav-tab-toggle .nav-link.active {
        padding: 8px 10px;
    }
    #imgnav-tab-toggle .nav-link {
        padding: 8px 10px;
    }
    #imgnav-tab-toggle {
        width: max-content;
        justify-content: space-evenly;
        gap: 3px;
    }
    .pagination {
        width: max-content;
        padding: 7px 5px;
    }
    .t-pagination {
        padding: 0px;
    }
    .t-pagination.active {
        padding: 2px;
        border: 3px solid #bac0ce;
    }
    .nav-toggle-mainnav{
        display: none;
    }
    #t-nav{
        position: relative;
        margin-top: -45px;
    }
    #dots-nav{
        bottom: 5% !important;
    }
    /* product details */
    #nav-tabContent-toggle {
        padding: 25px 15px;
    }
    .product__thumbs{
        display: none;
    }
    .b-toggles{
        width: 50%;
    }
    /* .product-single__meta{
        padding: 30px 15px !important;
        padding-left: 0 !important;
    } */
    .avail-head {
        text-align: left;
        display: flex;
        align-items: center;
    }
    .innerp-titlemain {
        margin-bottom: 0;
    }
    .avail-qty {
        padding: 0;
    }
    /* progress */
    .progress-section {
        padding: 0px 15px;
        margin: 45px 0;
    }
    .progress-section .row {
        width: auto;
    }
    .prv-section{
        width: auto;
        display: flex;
        flex-direction: row-reverse;
    }
    .prv-section .col-6{
        width: 50%;
        padding: 0px;
    }
    .progress-section.row.col-6,video{
        width: 100%;
    }
    .prv-section.row {
        margin: 0;
    }
    .highlight-heading{
        font-size: 24px;
        padding: 0 15px;
        font-weight: 600;
    }
    .pr-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
    .pr-row .col-2{
        width: auto;
        display: flex;
        align-items: center;
    }
    .pr-row .col-10{
        width: 78%;
        padding-left: 20px;
    }
    .pr-row .col-2 h2{
        font-size: 30px;
        margin: 0;
    }
    .pr-row .f-head {
        width: 100%;
        font-size: 14px;
    }
    .partner-section{
        padding: 0;
        margin: 0;
        margin-top: 0;
    }
    .row-scroll {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        width: 35%;
        gap: 15px;
    }
    .p-text-para{
        font-size: 14px;
        color: #7f7f7f;
        line-height: 18px;
        padding: 0 15px;
    }
    .work-section .row{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .full-width-video {
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    /*  */ 
    .product-single__sticky{
        margin-bottom: 0px;
        position: relative;
    }
    /* features */
    .pfeatures-section {   
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items:center;
    }
    .features-r{
        padding: 0;
    }
    .f-img {
        width: 8%;
    }
    .f-content-first {
        width: 92%;
        padding-left: 15px;
    }
    .f-badge{
        font-size: 14px;
    }
    .nav-tabs {
        display: flex;
        justify-content: space-around;
    }
    .nav-tabs .nav-link {
        padding: 10px 15px;
    }
    /* screens */
    .grid__item {
        padding: 0 !important;
    }
    #nav-tabContent-toggle{
        border-radius: 25px 25px 0 0;
        margin-bottom: 3rem;
        margin-top: 0rem;
    }
    /* specification-desk */
    .specification-section{
        display: none;
    }

    /* specification-mobile */
    .specification-mob-modal{
        display: block;
        padding: 0px 15px;
        margin: 1rem 0;

    }
    #fullscreenModalSpecification{
        z-index: 9999999999;
    }
    #modal-spec-mob {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        max-width: none;
    }
    #modal-spec-mob .modal-content {
        height: 100%;
        border: none;
        border-radius: 0;
    }
    #modal-spec-mob .modal-body {
        overflow-y: auto;
        padding: 0;
    }
    #modal-spec-mob .modal-header {
        background-color: #242933;
        padding: 40px 15px 15px;
    }
    .btn-toggler-mob{
        padding: 10px;
        background: #ebecf4;
        font-size: 14px;
        color: #6F737C;
        line-height: 20px;
        text-align: center;
        width: 100%;
        border: 1px solid transparent;
        border-radius: 3px;
    }
    .btn-spec-close{
        margin: 0 20px 0 0 !important;
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        --bs-btn-close-hover-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        opacity: 1;
        font-size: 15px;
    }
    #fullscreenModalSpecificationLabel{
        color: #ffffff;
        font-size: 16px;
        text-transform: none;
        letter-spacing: 1px;
    }
    .acco-spec-mob .accordion-button{
        background-color: transparent;
        margin: 1rem 0;
    }
    .acco-spec-mob .accordion-body{
        background-color: transparent;
    }

    /* variants */
    .variant-input-wrap .qty{
        width: 100%;
        padding: 9px 15px !important;
        text-align: center;
        border: 0px solid transparent;
        background: #f0f1fa;
        color: #5E6A81;
        border-radius: 3px;
        margin: 0 !important;
        margin-right: 10px !important;
    }
    .variant-input-wrap{
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        overflow: auto;
        padding: 5px 3px;
    }
    .variant-wrapper{
        display: flex;
        gap: 5px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 3px 0 25px 0;
    }
    [data-center-text=true] .variant-input-wrap .color-swatch{
        border: 1px solid transparent;
        padding: 0;
        margin: 0 0px 5px 0;
        border-radius: 2px !important;
    }
    
    .variant-input-wrap[name=Color], [name="GRIP SOCKS (Color)"],[name="Grip Socks (Color)"], [name="FPRO™ Shin Guard Stays (Color)"],[name="Shin Guard Stays (Color)"]{
        gap: 17px;
        width: 100%;
        justify-content: flex-start;
    }
    .variant-input-wrap[name=Color] .variant-input, .variant-input-wrap[name="GRIP SOCKS (Color)"] .variant-input{
        gap: 10px;
        font-size: 9px;
        text-align: center;
        padding: 15px 0;
        color: #000;
    }
    .variant-input-wrap[name=Color] .variant-input, .variant-input-wrap[name="Grip Socks (Color)"] .variant-input{
        gap: 10px;
        font-size: 9px;
        text-align: center;
        padding: 15px 0;
        color: #000;
    }
    .variant-input-wrap[name=Color] .variant-input, .variant-input-wrap[name="Shin Guard Stays (Color)"] .variant-input{
        gap: 10px;
        font-size: 9px;
        text-align: center;
        padding: 15px 0;
        color: #000;
    }
    .variant-input-wrap input[type=radio]:checked+.color-swatch{
        margin: -6px 0 11px!important;
    }
    .line-variantcolor{
        margin-top: -10px;
        border: 1px solid #d3d3d3;
        width: 170%;
    }
    .line-variantcolor.checked{
        border-bottom: 1px solid #00FFE6 !important;
        opacity: 1;
    }
    
    /* Size popup mobile */
    #btn-addtocart-pop1{
        position: fixed;
        bottom: 0;
        transition: bottom .3s, visibility .3s;
        z-index: 10;
        text-align: center;
        margin:0;
        border: 0;
        border-radius: 0;
        padding: 20px 50px;
        font-size: 15px;
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: none;
        width: 100%;
        background: #00FFE6;
        color: #ffff;
    }
    .line-sticky-small{
        background-color: black;
        padding: 0.03rem;
        margin: 0;
        margin-top: 8px;
        width: 18%;
        display: inline;
        border-radius: 100px;
        border: 1px solid black;
        position: absolute;
        left: 41%;
        right: 0;
        z-index: 99;
    }
    #fullscreenModalSizeMob{
        z-index: 1200 !important;
        background: transparent;
        opacity: 1;
    }
    .fullscreenModalSizeMob .modal-dialog {
        position: fixed;
        bottom: -100%;
        left: 0;
        margin: 0;
        transition: bottom 0.3s ease-in-out;
        width: 100%;
        height: 75%;
        
    }
    .fullscreenModalSizeMob.show .modal-dialog {
        bottom: 0;
        
    }
    .fullscreenModalSizeMob.show .modal-content {
        background: rgb(255, 255, 255);
        border-radius: 15px 15px 0 0;
        padding: 0;
        height: 96%;
    }
    .fullscreenModalSizeMob.show .modal-body {
        padding: 0;
        border-radius: 15px 0 0 0;
        overflow-x: hidden;
    }
    .fullscreenModalSizeMob.show .modal-footer {
        padding: 0;
        margin: 0;
    }
    .sticky-container{
        margin: 0;
        padding: 0;
    }
    #sticky-ATC{
        margin: 0;
        padding: 25px 0;
        line-height: 0;
        font-size: 18px;
    }
    #modal-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }
    .sizeguide-mob-r1{
        width: auto;
    }
    #sizeg-c1-mob{
        display: flex;
        /* justify-content: flex-end; */
        align-items: center;
        gap: 15px;
        border: none;
        padding-bottom: 10px;
        margin: -2px;
    }
    #sizeg-c2-mob{
        padding: 25px 20px;
    }
    .btn-sizeguide-mob{
        width: 50%;
    }
    .btn-sizeguide-mob1{
        width: 50%;
    }
    .sizeguide-mob-r2{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 100%;
    }
    .sizeguide-mob-r21{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 100%;
    }
    #sizeg-c3-mob{
        width: 20%;
        background: #242933;
        display: flex;
        justify-content: center;
        padding-top: 35px;
        color: #fff;
        height: 55rem;
    }
    #sizeg-c4-mob{
        width: 83%;
        padding: 20px 20px;
        padding-top: 30px;
    }
    .text-sizeg-mob{
        font-size: 16px;
        color: #000;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 1px;
        border: 0 solid #000;
        border-bottom: 1px solid;
        margin: 0;
        display: inline;
    }
    .sg-inner-h-mob{
        text-transform: none;
        letter-spacing: 1px;
        font-size: 15px;
        font-weight: 600;
        margin: 10px 0;
        color: #000;
    }
    .p-text-mob{
        font-size: 12px;
        color: #7f7f7f;
        line-height: 20px;
        padding: 0;
    }
    .card-sizechart{
        display: flex;
        width: auto;
    }
    .card-sizechart .col-card{
        width: 50%;
        padding: 0 5px 0 0;
    }
    .card-sizechart .col-card1{
        width: 50%;
        padding: 0 0 0 5px;
    }
    .innersize-card-mob{
        padding: 15px 10px;
        border: 1px solid #E3E5F2;
        border-radius: 0 0 10px 10px;
        background: #f7f8fc;
    }
    .s-item-mob{
        font-size: 12px;
        display: flex;
        align-items: center;
        padding: 10px 0;
        width: 110px;
        justify-content: center;
    }
    .closes-sizeg-mob{
        font-size: 14px;
        position: fixed;
    }
    .closes-sizeg-mob1{
        font-size: 14px;
        position: fixed;
    }
    .size-row {
        width: auto;
    }
    .size-row .col-sm-6{
        padding: 0 5px;
    }
    #sizeTab-Mob{
        display: flex;
        justify-content: flex-start;
        gap: 15px;
        margin: 0;
        background: transparent;
        border: none;
        border-radius: 0;
    }
    #sizeTab-Mob .nav-link{
        padding: 0;
        border: none;
        border-radius: 0;
        font-size: 14px;
        background: transparent;
    }
    #sizeTab-Mob .nav-link.active{
        color: #00FFE6;
    }
    /* #sticky-ATC{
        margin: 0 !important;
        display: inline-block;
        text-align: center;
        border-radius: 0px;
        cursor: pointer;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        width: 100%;
    } */
    
    .atc-containermain {
        display: none; 
        position: fixed;
        bottom: -100%; 
        left: 0;
        right: 0;
        transition: bottom 0.5s ease-in-out; 
        z-index: 9999; 
    }
    
    .atc-containermain.show {
        bottom: 0; 
        display: block; 
    }

    /* review */
    #omnisend-reviews-block{
        padding: 0 15px;
    }


    .bullets-paginations-single.active {
        margin-top: 10px;
    }


    .products-padding-style-matonly{
        margin: -40px 0 0 !important;
        position: relative !important;
    }
}

/* For tab screens */
@media(min-width:769px) and (max-width:991px){
    .b-toggles{
        width: 50%;
    }
}

/* For larger screens */
@media(max-width:1024px) {
    #dots-nav-single {
        bottom: 35%;
    }
}
.single-pdt-buyNow{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    align-items: center;
    border: 1px solid transparent;
    margin: 3px 0;
    background: #00FFE6;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    border-radius: var(--buttonRadius);
}

@media (min-width: 769px) and (max-width: 1165px){

    .pr-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
    .pr-row .col-2{
        width: auto;
    }
}