.lSAction>a{
    top: 91% !important;
}

@media(max-width:991px){
    .lSAction>a{
        top: 86% !important;
    }
}
@media(max-width:577px){
    .lSAction>a{
        top: 90% !important;
    }
}
@media(max-width:779px){
    .lSAction>a{
        top: 90% !important;
    }
}

.lSSlideOuter {
    position: relative !important;
}

.lSPager.lSGallery{
    display: inline-block !important;
}

.lSSlideWrapper, .lSSlideWrapper .lSFade {
    position: initial !important;
}

.lSNext, .lSPrev{
    color: black !important;
}
/* -------------------------------------product page ----------------------------------------------------------- */

.dselects li , .review-order-detail{
    background: #fff !important;
}
@media (max-width: 575px){

    .product-content .product-title {
        height: 55px;
    }
}

.all-step-bg {
    padding:15px;
    background-color: rgb(236, 241, 244);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.price_connect_20 {
    font-weight: bold;
}
/* .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #54b3c3 !important;
    color: #000;   
}
.nav-link.active,.nav-pills .nav-link.active {
    background-color: #54b3c3 !important;
    color: #ffffff;
}

.nav-link {
    color: #000;
    background-color: #fff;
    padding: 0.5rem;
}

.nav-link:hover,.nav-item-print-method:hover {
    color: #000;
} */

/* .price_chart_head {
    background-color: #fff !important;
}

.price_chart_qty_row td {
    background: #fff !important;
    border-bottom: 1px solid #dee2e6 !important;
}
.price_chart_qty_row{
    border-right: none !important
} */


.product-color:hover,
.item-wrap:hover,
.od-product-wrapper:hover,
.style-wrapper.selected {
    box-shadow: 0px 0px 10px 0px #c9c9c9;
    border-color: transparent;
}

.product-color:hover .product-title,
.item-wrap:hover .product-title,
.od-product-wrapper:hover .product-title {
    font-weight: 500 !important;
}

.product-color:hover,
.item-wrap:hover,
.od-product-wrapper:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 5px !important;
    /* border:2px solid #54B3C3 !important;
    background: #EEF7F9 !important; */
}

.product-color.selected,
.style-wrapper.selected {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 5px !important;
    border: 2px solid #54B3C3 !important;
}

.product-color:hover,
.item-wrap:hover {
    border: 1px solid #005996;
}

.table-bordered td {
    border: 1px solid #dee2e6 !important;
}

.grayish-step {
    padding: 0 20px !important;
    border-top-left-radius: 10px;
    color: white !important;
    border-top-right-radius: 10px;
}

.product-sec-title {
    font-size: 23px;
    background-color: #1D497E !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /* font-style: italic; */
    /* text-transform: uppercase; */
}

.sec-title-qty-price-area {
    color: #fff;
    padding: 10px 0px;
}

.product-sec-title .badgeh4 {
    color: #fff !important;
    font-size: 1.2rem;
}

.sec-title-qty {
    color: #fff !important;
}

.sec-title-price {
    color: #fff !important;
}

.product-sec-title .badge {
    font-size: 20px;
    font-style: normal !important; 
    font-weight: 500;   
}

.badge{
    padding-right: 0px;
}

.large-option{
    width: 10% !important;
    min-width: 80px;
}
.od-product-name{
    border: 0px!important;
}
.od-product-name .option-value{
    height: 0 !important;
    padding: 10px 10px !important
}
.tab-pane.fade{
    border-radius: 10px !important;
    overflow: hidden;
}
/* .nav-pills{
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse:separate;
    border-spacing:10px;
} */
.nav-item-print-method{
    display: table-cell;
    margin-bottom: 10px;
    color: #000;
    background-color: #fff;
    vertical-align:middle;
}

.product-content .product-title{
    font-size: 1rem;
    display: table;
    width:100%;
    height: 80px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
}

.customize_tabLink .nav.nav-tabs {
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 405px;
    margin: 0 auto;
}
.customize_tabLink .nav.nav-tabs li{
    display: inline-block;
    margin: 0;
}
.customize_tabLink .nav.nav-tabs li a{
    border: 0;
    font-size: 15px;
    color: #6e7376;
    padding: 0;
}
.customize_tabLink .nav.nav-tabs li.active a{
    color: #217ab2;
    text-decoration: underline;
    font-weight: 500;
}
.customize_tabLink .nav.nav-tabs li a:hover{
    color: #217ab2;
    background-color: transparent;
}

.title-band-wrapper{
    width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
}
.title-band-wrapper{
    margin-bottom: 30px;
}

.customize-repeater{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    padding: 12px 0;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    max-width: 94%;
}
.customize-repeater:first-child .customize_crossBtn {
    display: none;
}
.add_upload_outer .lan-wrist-upload{
    margin: 0;
}
.add_upload_outer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.reapt_outer {
    padding: 15px 0 0;
}
.repeater_heading {
    margin: 15px 0 0;
    font-size: 15px;
    padding: 10px;
}
.cstmize_msg_bx{
    width: 33%;
    padding: 0 12px;
}

.checkout-form-list > label{
    color: #333333;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=tel], .checkout-form-list input[type=password], .checkout-form-list input[type=email], .checkout-form-list textarea{
    box-shadow: none !important;
    border: 1px solid #c3c3c3;
    font-size: 15px;
    color: #474a4e;
    outline: none;
    box-shadow: none;
}
.cstmize_style_clor_bx{
    width: 33%;
    padding: 0 12px;
}

.fontForm {
    padding-bottom: 0;
}
.fontForm a > img{
    max-width: 100px;
}
.fontForm .btnSelectFont {
    float:none;
}

.fontForm #txtCustomFonts {
    border: medium none;
    border-radius: 5px;
    color: #9c9c9c;
    display: none;
    float: left;
    font-size: 18px;
    font-weight: 300;
    margin-left: 0!important;
    margin-top: 22px;
    padding: 8px 20px;
    width: 100%;
}

.fontForm .btnSelectFont, .wrapper-dropdown {
    display: block;
    line-height: 43px;
    padding: 0 20px;
    border: 1px solid #c3c3c3;
    box-shadow: none;
    font-size: 15px;
    color: #474a4e;
    height: 45px;
    border-radius: 6px;
}

.customize_crossBtn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}
.customize_crossBtn a {
    display: flex;
    align-items: center;
    color: #ff0000;
    font-size: 14px;
    height: 25px;
    width: 25px;
    min-width: 25px;
    background: #eee;
    border-radius: 50%;
}
.customize-repeater:first-child .customize_crossBtn {
    display: none;
}

.sec-title-qty-price-area {
    padding: 10px 30px;
    font-size: 14px;
}







@media (max-width: 1140px){
    .sec-title-qty-price-area {
        position: relative!important;
        top: 1px!important;
    }
}
@media(max-width:767px){
    .sec-title-qty-price-area{
        padding: 0;
    }
    /* .nav-pills{
        table-layout: auto;
        border-spacing:5px;
    } */
    h4.grayish-step, h4.badgeh4{
        font-weight:500;
    }

    .cstmize_msg_bx {
        width: 100%;
        padding: 0 12px;
    }

    .cstmize_style_clor_bx{
        width: 50%;
    }
}
@media(max-width:567px){
    .large-option{
        width: 20% !important;
        margin-bottom: .5rem!important
    } 
    .od-product-name .option-value{
        font-size: 14px !important;
    }
    /* .nav-pills .nav-link{
        font-size: 12px;
        padding: 0.25rem
    } */
    .repeater_heading {
        margin: 15px 0 0;
        font-size: 15px;
        padding: 10px;
    }
    
    .cstmize_style_clor_bx {
        width: 100%;
    }
    
    .fontForm .btnSelectFont, .wrapper-dropdown{
        height: 38px;
        line-height: 34px;
    }
}

@media(max-width:991px){
    .left-panel{
        padding: 0px;
        padding-bottom: 20px;
    }
}

@media(max-width:420px){
    .add_upload_outer{
        flex-wrap: wrap;
    }
}

/*=========== Tab Contents ============*/
.custom-scroll::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
}
.custom-scroll::-webkit-scrollbar:horizontal {
    height: 12px;               /* width of the entire scrollbar */
}
.custom-scroll::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track:horizontal {
    background: #f1f1f1;        /* color of the tracking area */
}
.custom-scroll::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb:horizontal  {
    background-color: #c1c1c1;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #f1f1f1;  /* creates padding around scroll thumb */
}
.custom-scroll {
    scrollbar-width: thin;          /* "auto" or "thin"  */
}
.product-tabs .ptabs{
    width: 100%;
    display: table!important;
    table-layout: fixed;
}
.product-tabs .ptabs span{
    cursor: pointer;
    padding: 15px 10px;
    display: table-cell;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    vertical-align: middle;
    font-weight: 500;
    line-height: 1.2rem;
    font-size: 18px;
    background: #fff !important;
    border: 1px solid #ECF1F4;
    height: 60px;
}

.product-tabs .ptabs span.active {
    color: #ECF1F4 !important;
    background:  #1D497E !important;
}
.price_chart{max-height: 250px;}
.price_chart{max-height: 250px}
.price_chart table td:first-child{white-space:nowrap;}
.price_chart table td{padding: 3px;text-align: center;vertical-align: middle}
.price_chart_size_row{background: white;}
.price_chart_qty_row td{
    background:#ECF1F4;
    border: none !important;
}
.price_chart_qty_row{
    border-right: 1px solid #dee2e6!important;
}
.price_chart_head{
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    background:#ECF1F4 !important;
    border: none !important;
}
.scrollbar-outer{
    overflow: auto;
    width: 100%;
}
.tab-contents .tab-body .tab-body-body{
    display: none;
    text-align: left;
    padding: 10px 0px;
}
.tab-contents .tab-body .tab-body-body.active{
    display: block;
}

.pdescription-content, .pdescription-content p, .pdescription-content span, .pdescription-content p span, .product-descriptions, .product-descriptions p, .product-descriptions span, .product-descriptions p span{
    /* font-family: 'Gilroy', sans-serif !important; */
    font-family: 'Poppins' !important;
    font-size: 1rem!important;
}

@media (max-width: 1024px) {
    .product-tabs .ptabs {
        table-layout: auto;
    }
    .product-tabs .ptabs span{
        font-size:16px;
        height: 50px;
        padding: 10px 10px;
        line-height: 1rem;
    }
}

@media (max-width: 767px) {
    .product-tabs{
        margin-left: -15px;
        margin-right: -15px;
    }
    .product-tabs .ptabs span {
        font-size: 14px;
        padding: 10px 5px;
        height: 40px;
    }
    
}

@media (max-width: 575px) {
    .product-tabs .ptabs span {
        font-size: 12px;
        padding: 5px;
    }
}

@media (min-width: 768px){
    .pricing-chart-rendering{
        padding-top: 0px!important;
    }
}

#accordion-new-faq .card {
    border-radius: 0px !important;
    float: left;
    width: 100%;
    margin-top: 10px !important;
    margin-left: 10px !important;
}
#accordion-new-faq .card-body {
    border-top: 1px solid rgba(0,0,0,.125);
    color: #3A3A3A;
}
#accordion-new-faq .card-header {
    padding: 0rem 0rem !important;
    font-size: 16px;
    border-bottom: 0;
    border-left: none !important;
    background-color: transparent !important;
}
#accordion-new-faq .card-header .btn{
    text-align: left !important;
    font-weight: 500;
}
#accordion-new-faq .card-header:hover {
    text-decoration: none;
    color: #1D497E !important;
}
#accordion-new-faq .card-body {
    font-size: 15px;
}

.accordion_title:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 16px;
}

/* -------------------------------------product page ----------------------------------------------------------- */

.large-option{
    width: 10% !important;
    min-width: 150px;
}

@media(max-width:567px){
    .large-option{
        width: 20% !important;
        margin-bottom: .5rem!important;
        min-width: 95px;
    } 
}