:root{
    --option-selector-color: rgba(var(--secondarycolorRGB), 0.06);
}

.form-control:focus{box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, .25);}

hr{border-color:rgba(0,0,0,.1);opacity:1;border: none; background-color: var(--border-color); height: 1px;}
hr.headDivider{margin-top:10px;margin-bottom:20px;}

.pricelist_table .border_none,
.pricelist_table .border_none td{border: none;padding: 0; margin: 0; height: 0;}
.pricelist_table{width: auto;}
.pricelist_table .table_thead td{font-size: 13px;font-weight: var(--text-bold); background-color: #f7f7f7; border-top: none; text-transform: uppercase;border-top: 1px solid var(--border-color);}
.pricelist_table td{font-size: 13px;font-weight: 500;border-color: var(--border-color); padding: 5px!important;box-shadow: none;}
.pricelist_table .t_footer td{color: #000;font-weight: var(--text-bold); border-top-width: 2px;}
.part_number_tableOuter{margin-bottom: 15px;}
.personalize-detail-block .product-detail-list li{ position: relative;padding-left: 10px;}
.personalize-detail-block .product-detail-list li::after{content: ""; position: absolute; left: 0; top: 7px;width: 4px; height: 4px; background-color: currentColor; border-radius: 100%;}
.personalize-detail-block .product-detail-list li + li{ margin-top: 5px;}

.orderdetail_section{margin-top: 20px;background-color: var(--white); border-radius: 6px; padding: 15px;}
.orderdetail_section .orderdetail_title{font-size: 18px; font-weight: var(--text-bold); color: var(--black); margin-bottom: 5px;}
.order_description .table-bordered{border: none; margin-bottom: 6px;}
.order_description .table-bordered td{border-left: none; border-right: none; padding-left: 6px; padding-right: 6px; border-bottom-width: 1px; border-color: var(--border-color); box-shadow: none;}
.order_description .table-bordered td:nth-child(1){font-weight: var(--text-bold);}
.order_description .table-bordered>:not(caption)>*{border: none;}


.order_qty_section{ position: sticky;z-index: 1001;bottom: 0px;background-color: #fff; border-radius: 8px 8px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 20px; padding:15px; display: flex; align-items: center; flex-wrap: wrap;}


.productPriceBox{font-size: 24px;font-weight: var(--text-bold); color: var(--primarycolor);}
.productPriceBox .par_unit_text{font-size: 13px; color: #626262; font-weight: var(--text-bold);}
.productPrice_block .EachProduct_price{font-size: 13px; color: #626262; font-weight: var(--text-bold);}
.productPrice_block {line-height: 1.2;}



.order_qty_section .product_button{flex: 1 0 ; text-align: right;}
.order_qty_section .product_button .btn + .btn{ margin-left: 8px;}

.print_multiple_positions_box{ display: grid; gap: 11px;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));}
.print_multiple_positions{position: relative;}
.print_multiple_positions input[type="checkbox"]{position: absolute; left: 15px; top: 10px; margin: 0;}
.print_multiple_positions label{width: 100%; cursor: pointer;}
.print_multiple_positions label .print_positions_img{ padding: 10px; border: 1px solid var(--border-color); margin: 1px; display: block; border-radius: 6px; text-align: center; padding-left: 25px; background:#fff;}
.print_multiple_positions label .print_positions_img .img-responsive{display: inline-block;}
.print_multiple_positions label .print_positions_text{ padding-top: 5px; text-align: center;}
.print_multiple_positions label .print_positions_text .print_positions_txt_title{ display: block;}
.print_multiple_positions label .print_positions_text .print_positions_price{font-weight: var(--text-bold); font-size: 18px;}
.print_multiple_positions label .print_positions_text .print_positions_txt_sub_title{font-size: 13px;}
.print_multiple_positions input[type="checkbox"]:checked + label .print_positions_img{margin: 0;border-color: var(--secondarycolor);background-color: var(--option-selector-color);border-width: 2px;}

.personalize_text_group label{font-weight: var(--text-bold); margin-bottom: 5px;}
.personalize_text_group .form-control{font-size: 14px;}

.HatColor_grid{display: grid;gap: 12px;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));}
.HatColor_grid .HatColor_box{text-align: center;}
.HatColor_grid .HatColor_name{font-weight: var(--text-bold); padding-bottom: 5px;}
.HatColor_grid .qvQtybtn-sm{ margin: 0 auto;}

.product_des_box{display: block;}
.product_des_box p{font-size: 16px;line-height: 1.4;margin-bottom: 6px;}
.product_des_box ul li{ text-indent: -9px; margin-left: 9px; font-size: 16px;line-height: 1.4;}
.product_des_box ul li + li{ margin-top: 5px;}

.numbering_option_box{padding-top: 4px;}
.numbering_option_box .numbering_option_input{display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));align-items: end;}
.numbering_option_box .numbering_option_input .label_block{font-size: 12px;font-weight: 500;}
.numbering_option_box .numbering_option_input .consecutive-number{text-align: center; display: inline-block; border: 1px dashed #999; color: #A32C00; font-size: 11px; height: 30px; line-height: 12px; padding: 2px 0; background-color: #eeeeee; border-radius: 4px;}
.numbering_option_box .numbering_option_input .form-control{border-color: #ababab;height: 30px;border-radius: 5px;}
.numbering_option_box p{font-size: 12px;margin-top: 5px; margin-bottom: 0;}
.pmscolor_selector .btn{border-radius: 4px;font-size: 14px;width: 100%; padding-left: 8px; padding-right: 18px; padding-top: 5px; padding-bottom: 5px; display: flex; align-items: center; justify-content: center; gap: 5px; justify-content: start;}
.pmscolor_selector .btn .color_box{display: inline-block;min-width: 26px; min-height: 26px; border-radius: 4px; border: 1px solid #979797; overflow: hidden;}
.pmscolor_selector .btn .color_box span,
.pmscolor_selector .btn .color_box span img{width: 24px; height: 24px;display: block;}
.pmscolor_selector .dropdown-menu{width: 100%;min-width: 100%;max-height: 300px; overflow: auto;}
.pmscolor_selector .dropdown-menu .dropdown-item{ padding: 6px 8px; display: flex;align-items: center; gap: 5px; font-size: 14px;}
.pmscolor_selector .dropdown-menu .dropdown-item:hover{background-color: #f3f3f3;color: var(--primaryDefault);}
.pmscolor_selector .dropdown-menu .dropdown-item.active{background-color: #abc1ff; color: #000;}

.pmscolor_selector .dropdown-toggle::after{position: absolute;right: 5px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; border: none; background-position: center center; margin: 0;background-repeat: no-repeat; background-size: 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}

.pmscolor_selector .dropdown-menu .dropdown-item span.color_box{display: inline-block;width: 26px; height: 26px; border-radius: 4px; border: 1px solid #979797; overflow: hidden;}
.pmscolor_selector .dropdown-menu .dropdown-item span.color_box span{width: 100%; display: block;height: 100%;}
.pmscolor_selector .dropdown-menu .dropdown-item span.color_box img{width: 100%;height: 100%;}

.material_details_alert{margin-top: 12px;}
.material_details_alert .alert{padding-left: 35px; background-color: #F8F8F8; font-size: 14px; border-color: #EDEDED;  color: var(--primaryDefault); margin-bottom: 0; border-radius: 6px;display: inline-block; width: 100%;}
.material_details_alert .alert + .alert{margin-top: 9px;}
.material_details_alert .alert label{cursor: pointer;font-weight: 500;display:inline;}
.material_details_alert .alert label b,
.material_details_alert .alert label strong{font-weight: var(--bold)!important;}
.material_details_alert .alert .info-icon{display: inline-block; vertical-align: middle; margin-left: 4px;}
.material_details_alert .adder_img_view{display: flex; align-items: flex-start; gap: 15px;font-weight: normal;margin-top: 10px;}

.custom-checkbox .form-check-input{ flex-shrink: 0; width: 16px; height: 16px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #bdbdbd; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; border-radius: 4px; opacity:1;}
.custom-checkbox .form-check-input:checked[type=checkbox]{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: var(--secondarycolor); border-color: var(--secondarycolor);
}
.material_details_alert .form-check-input{ margin-left: -24px; margin-top: 2px;}
.row.g-3{ margin-left: -6px; margin-right: -6px;row-gap: 15px;}
.row.g-3 >div[class*="col-"]{padding-left: 6px;padding-right: 6px;}


.width_auto_radio_list{display: inline-flex; flex-flow:column;}
.attachment_options_list.width_auto_radio_list{ min-width: 50%;}
.special_instructions_input{resize: none; max-width: 700px;}

.selected_value_print_box{padding-bottom: 15px; padding-top: 15px;}
.selected_value_print_box .selected_value_print_row{display: flex; justify-content: space-between; font-size: 13px;font-weight: 400; padding-left: 4px; padding-right: 4px;padding-bottom: 5px; margin-bottom: 5px;border-bottom: 1px solid var(--border-color); }
.selected_value_print_box .selected_value_print_row .selected_value{font-weight: 500;color: #000;flex: 1 0;}
.selected_value_print_box .selected_value_print_row .selected_value_title{flex: 1 0; max-width: 98px;text-align: right;}
.selected_value_print_box .selected_value_print_row .colon_icon{width: 15px; text-align: center;}
.selected_value_print_box .selected_value_print_row:last-child{margin-bottom: 0;}
.selected_value_print_box .table tr td:nth-child(1){width: 0;white-space: nowrap;font-size: 12px; vertical-align: middle;}
.selected_value_print_box .table.table-sm td{font-size: 13px;}
.selected_value_print_box .table.table-sm td,
.selected_value_print_box .table.table-sm th{padding: 5px 3px;}
.selected_value_print_box .Selected-text{font-weight: var(--text-bold);}

.product-action-box .dropdown-menu{border: none;box-shadow: var(--box-shadow);}
.product-action-box .bootstrap-select .dropdown-menu li.active small{color: #fff!important;}
body .bootstrap-select .dropdown-toggle:focus,
body .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline: none!important;}


.ss_product_qty_details .ss_sectionBlock{padding:15px;border-radius:var(--global-border-radius);margin-bottom:20px;box-shadow:rgba(9, 30, 66, 0.25) 0px 2px 6px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;background-color: var(--white);}
.ss_product_qty_details .ss_sectionBlock .ss_headsection{margin-bottom:10px}
.ss_product_qty_details .qvConfirmation_list{display:flex;justify-content:space-between;font-size:14px;color:#333;padding-bottom:2px}
.ss_product_qty_details .qvConfirmation_list+.qvConfirmation_list{margin-top:4px}
.ss_product_qty_details .qvConfirmation_list.totalprice_list{color:#000;font-weight:var(--text-bold);border-top:1px #e4e4e4 solid;padding-top:6px;margin-top:6px;font-size:16px}
.ss_product_qty_details .qvConfirmation_list.totalprice_list .price_container.TotalPrice{font-size:16px}
.ss_product_qty_details .qvConfirmation_list .price_container{width:auto;font-size:14px;float:none}
.ss_product_qty_details .product-value-txt{padding-top:10px}

.ss_qvCart .discount_on_quantity_text{font-size: 14px;}

.product_totalprice{color:var(--secondarycolor);line-height:normal;font-size:30px;}
.product_totalprice .total_price{font-weight: bold;}
.product_totalprice .ss-price-fraction{font-size:.48em;top:-.75em;position:relative;font-weight:500}
.discount_on_quantity_text{margin-top: 4px;}
.qvConfirmationArea .actual-price,.qvConfirmationArea .par_unit_text{font-size:15px;color:#000;font-weight:400;display:inline-block;vertical-align:0px;margin-left:2px}
.ss_product_qty_details .product-action-box .qty_box{margin-bottom:15px}
.ss_product_qty_details .product-action-box .input-group .Qty_select_box{flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}


.ss_steps_options_box hr { margin: 10px 0; border-color: var(--border-color); }


.quantityBox{position: relative; gap: 12px; display: flex; align-items: center; margin-bottom: 15px;}
.quantityBox label{margin: 0;font-weight: var(--text-bold); font-size: 16px;}
.qvQtybtn .qvQty{display: inline-block; width: 95px; font-weight: var(--text-bold); font-size: 18px; color: #333; border: 1px solid #D5D7DA; padding: 3px 3px; text-align: center; height: 38px; margin: 0; outline: 0;border-radius:8px}
.qvQtybtn .qvQty::-webkit-outer-spin-button,
.qvQtybtn .qvQty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qvQtybtn .qvQty { -moz-appearance: textfield; }


.ask-our-expert-box{display:flex;align-items:flex-start;gap:8px;background-color: var(--white); border-radius: var(--global-border-radius); padding: 10px 15px; box-shadow: rgba(9, 30, 66, 0.25) 0px 2px 6px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;line-height: normal;}
.ask-our-expert-box .ask-our-expert-img{width:40px;height:40px;color:var(--secondarycolor);border-radius:100%;overflow:hidden;display: flex;align-items:center; justify-content: center; background-color:var(--option-selector-color); border-radius: 100%;margin-top: 5px;}
.ask-our-expert-box .ask-our-expert-text{flex:1 0}
.ask-our-expert-box .ask-our-expert-text .icon{color:var(--secondarycolor);display: inline-block; margin-right: 2px;}
.ask-our-expert-box .ask-our-expert-text .icon svg{width: 18px;}
.ask-our-expert-box .ask-our-expert-text p{font-size:13px;margin-bottom: 2px;}
.ask-our-expert-box .ask-our-expert-text .ask-our-expert-title{display: block; font-size: 16px; font-weight: var(--text-bold); color: var(--primaryDefault);margin-bottom: 1px;}
.ask-our-expert-box .ask-our-expert-text .expert_call{font-size: 18px;margin-bottom: 5px;font-weight: bold;}
.ask-our-expert-box .ask-our-expert-text .expert_call a{color:#000;vertical-align:middle;}
.ask-our-expert-box .ask-our-expert-text .expert_call a:hover{color:#c00}

#main-container.on .ss_sectionBlock .ss_qvConfirmation-block{left: 270px !important; right: inherit; width: 100%;;}

.gy-4{row-gap: 25px;}
.form-label{font-weight: var(--text-bold);margin-bottom: 8px;font-size: 14px;}
.sign_header_box{display: flex; gap: 15px; align-items: center;flex-wrap: wrap;}
.sign_header_box .sign_header_title{font-size: 14px;font-weight: var(--text-bold);}
.sign_header_box .sign_header_img img{max-width: 150px;}


.header_sign_list{ display: grid; width: 100%; grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); gap: 5px;}
.header_sign_list .header_sign_list_item a{text-align: center;display: block;width: 100%;padding: 5px;border: 2px solid transparent;}
.header_sign_list .header_sign_list_item a img{max-width: 150px;}
.header_sign_list .header_sign_list_item a.active{border-color: var(--secondarycolor);}
.header_sign_list .header_sign_list_item{position: relative;text-align:center;}
.header_sign_list .header_sign_list_item .info-icon{position: absolute; right: 5px; top: 5px; display: inline-block; color: var(--primaryDefault);z-index: 2;}
.header_sign_list .header_sign_list_item a.more_details_link{font-size: 12px;font-weight: 500;display: inline-block;margin-top: 4px;padding: 0;width:auto}

.cliparts_row{border-top: 1px solid #ddd; display: grid; width: 100%; grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); border-left: 1px solid #ddd;}
.cliparts_row .cliparts_item{position: relative; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; text-align: center;}
.cliparts_row .cliparts_item.selected:before,.cliparts_row .cliparts_item:hover:before { border: 2px solid var(--secondarycolor); content: ""; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; position: absolute }
.cliparts_row .cliparts_item a{display: block;width: 100%; height: 100%; padding: 6px 4px; position: relative;z-index: 1;}
.cliparts_row .cliparts_item a img{max-width: 96px;}

.message_cliparts_row{display: flex;gap: 20px; align-items: center;flex-wrap: wrap;}
.message_cliparts_row + .message_cliparts_row{margin-top: 20px;}
.message_cliparts_row .message_cliparts_icon img{max-width: 70px;}
.message_cliparts_row .text_box{flex: 1 0;}
.message_cliparts_row .text_box textarea{height: 70px;resize: none;}
.message_cliparts_row .action_box{display: flex; flex-flow: column; gap: 8px; width: 150px;}
.message_cliparts_row .action_box .icon svg{max-width: 18px;}
.results_and_pagination_box{justify-content: space-between; flex-wrap: wrap;gap: 15px;row-gap: 10px; margin-top: 25px;}


.popover-header:empty + .popover-body { padding: 0; }
.popover-body_container{font-size: 14px;line-height: 1.5;}
.popover-body_container .popover-header{display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; margin-bottom: 0!important;}
.popover-body_container .close_popover{font-size: 24px; color: #000;opacity: 0.5; line-height: 1;}
.popover-body_container .close_popover:hover{opacity: 1; text-decoration: none;}
.popover-body_container .popover-body {padding: 10px 14px;}
.popover-body_container .popover-body p + p{ margin-top: 10px;}
.popover-body_container .popover-body ul li {padding-left: 13px; line-height: 1.5; position: relative;}
.popover-body_container .popover-body ul li + li{ margin-top: 8px;}
.popover-body_container .popover-body ul li::before{content: ""; position: absolute; top: 8px;left: 0;width: 5px;height: 5px; border-radius: 100%;background-color: currentColor;}

.Warning_Cliparts_modal .modal-header{padding: 15px;}
.Warning_Cliparts_modal .modal-body{padding: 15px; padding-top: 0;}
.graphic_filter_bar_box{margin: 0 -15px 20px;padding: 15px;background-color: #efefef; position: sticky; top: 0; z-index: 2;}
.graphic_filter_bar{display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end;}
.graphic_filter_bar .form-label{display: block;font-weight: var(--text-bold);font-size: 14px; margin-bottom: 5px;}
.graphic_filter_bar .filter-group{flex: 1 0;}
.graphic_filter_bar .filter-group.submit-btn{max-width: 60px;}
.graphic_filter_bar .filter-group.submit-btn .btn{width: 100%;}
.graphic_filter_bar select.form-control{padding-right: 18px; height: 35px; padding-top: 0; padding-bottom: 0;}
.graphic_filter_bar input.form-control{height: 35px; padding-top: 0; padding-bottom: 0;}
.graphic_filter_bar_box .hidden_filter_bar{display: flex;justify-content: space-between; gap: 8px; align-items: center;font-weight: var(--text-bold);}

.select_ANSI_header_modal .modal-header{gap: 5px;}

@media (min-width: 1400px) {
    .attachment_options_list{ width: 50%;}
}

@media (max-width: 1023px) {
    .selected_value_print_box{display: none;}
}

@media (min-width: 1024px) {

    .ss_steps_options_box{position: sticky; top: calc(var(--sticky-position) + 8px); z-index: 1;}
    .personalizeMain-main-right-box{position: sticky;top: calc(var(--sticky-position) + 8px);z-index: 1;}
    .personalizeMain-content .personalize-img-sticky{position: sticky;top: calc(var(--sticky-position) + 8px);}
}
@media (min-width: 992px) {
    .personalizeMain-main-right-box{flex: 1 0 0%; max-width: var(--rightblockWidth);}
    .personalizeMain-main-container{display: flex; gap: var(--gap);}
    .personalizeMain-main-left-box{flex: 1 0 0%; max-width: calc(100% - var(--rightblockWidth) - var(--gap));}
    .personalizeMain-main-right-box{flex: 1 0 0%; max-width: var(--rightblockWidth);}
}
@media (max-width: 1400px) {

    .personalizeMain-content .personalize-img .personalize-img-placeholder img{max-height: 400px;}
}
@media (min-width: 1201px) {
    .personalizeMain-content .personalize-img-block{width: var(--left-block--width); }
    .personalizeMain-content .personalize-detail-block{flex: 1 0; max-width: calc(100% - var(--left-block--width) - var(--gap));}
}
@media (max-width: 1200px) {
    .personalizeMain-content{display: block;}
    .personalizeMain-content .personalize-img-block{margin-bottom:var(--gap) ;}
}

@media (max-width: 1023px) {
    body{padding-bottom:118px;}
    .ss_product_qty_details .ss_sectionBlock{padding: 0;box-shadow: none;}
    .ss_sectionBlock .ss_qvConfirmation-block{position:fixed;left:0;right:0;bottom:0;z-index:500;background-color:#fff;padding:10px 20px;box-shadow:0 -2px 26px rgba(0,0,0,.1);border-top:1px solid #bdbdbd;text-align:center;transition: all .5s ease; width: 100%;}
    .ss_qvConfirmation-block .ss_product_discount{display:none}
    .ss_qvConfirmation-block .shippingBlock{display:none;flex:1 0 100%;margin-bottom:0;padding-left:0;padding-top:2px;border-top:1px solid var(--border-color);margin-top:0}
    .ss_qvConfirmation-block .shippingBlock .shippingBlock_box{justify-content:center;gap:10px}
    .shippingBlock .shippingBlock_box .shippingBlock_img{max-width:15px}
    .shippingBlock .shippingBlock_box .shippingBlock_img img{max-width:20px;max-height:20px}
    .shippingBlock .cutoff-details-txt{border-top-color:#f5f5f5}
    .ss_sectionBlock .ss_qvConfirmation-block .ss_qvCart{display:inline-flex;justify-content:center;align-items:center;column-gap:15px;row-gap:8px;flex-wrap:wrap}

    .quantityBox{margin-bottom: 0;}
    .discount_on_quantity_text{margin-top: 0px;}

    .ss_sectionBlock .qvConfirmationArea{display: flex; align-items: end; gap: 5px; justify-content: center;flex-wrap: wrap;}
    .ss_sectionBlock .discount_on_quantity_text{padding-bottom: 4px;}
    .ss_product_qty_details .product-action-box{margin-bottom: 0; display: flex; align-items: center; justify-content: center; gap: 10px;padding-top: 8px;}
    .ss_product_qty_details .product-action-box .addtocartbtn{width: auto!important; min-width: 180px;}
}

@media (max-width: 991px) {
    .personalizeMain-content{flex-flow: column;}
    #back-top{bottom: 130px;}
    .personalizeMain-content .personalize-img .personalize-img-placeholder img{max-width: 100%;}

    .Warning_Cliparts_modal .modal-dialog{max-width: 700px;}

}

@media (max-width: 767px) {
    .personalize-product-heading{padding: 30px 0 20px;}
    .personalize-product-heading h1{font-size: var(--main-heading-size);padding-top: 0;margin: 0;}
    .personalizeMain-content .personalize-img,
    .personalize-detail-cont{padding: 15px;}
    .order_description .table-bordered td{font-size: 14px;}
    .personalize-detail-block h2{font-size: 22px;}
    .personalize-detail-block .personalize_subhead{margin-bottom: 15px;}
    .personalize-detail-block .personalize_subhead + p{margin-bottom: 15px;}
    .personalizeMain-main-container{padding-bottom: 20px;}

    .product_totalprice{font-size: 26px;}
    .ss_sectionBlock .discount_on_quantity_text{padding-bottom: 2px;}
    body{height: auto;padding-bottom: 0px;}
    .ss_product_qty_details .product-action-box{flex-flow: column;}
    .ss_product_qty_details .product-action-box .addtocartbtn{width: 100%!important; }

    #designstudio-button{z-index: 1!important;}
    .die-selection-list{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}

    .message_cliparts_row .action_box{flex: 1 0 100%;}
    .Warning_Cliparts_modal .modal-dialog{max-width: 100%;margin: 15px;}
    .graphic_filter_bar_box{position: initial;}
    .graphic_filter_bar{position: initial;flex-flow: column;}
    .graphic_filter_bar .filter-group{width: 100%;}
    .graphic_filter_bar .filter-group.submit-btn{max-width: 100%; padding: 0; display: flex; flex-flow: column; gap: 10px;}
    .personalize-detail-block .personalize_subhead{display:flex;justify-content:space-between;gap:5px;}
    .pricelist_table td{white-space:nowrap;}
    
}

@media (max-width: 567px) {
 .select_ANSI_header_modal .select_ANSI_header_links{flex-flow: column-reverse;}
 .select_ANSI_header_modal .modal-header{align-items: center;}
}
.personalize-detail-cont.error {border: 1px solid red;}


/* new css added by vishal on 08-04-2025 for design new sku page */

.sku-row-container .row_with_divider, .sku-main-container .row_with_divider { margin-top: 20px !important; padding-top: 20px !important; }
.sectionBlock { background-color: #F6F6F8; padding: 20px; margin-bottom: 18px; }
.sku-detail-block .step i { background-color: var(--primaryDefault) !important; color: #fff; }
.gray-box-title .counter { background-color: var(--primaryDefault) !important; color: #fff !important; display: inline-block; min-width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; font-weight: bold; margin-right: 8px; }
.sku-img-block #skuRegulation0 { background-color: #fff !important; margin: 0 !important; }
.sku-detail-block .copyBlock { font-weight: var(--text-bold); color: var(--primaryDefault); }
.sku-detail-block .copyBlock .selected_label { color: var(--secondarycolor)!important; }
.product-des-section { padding-bottom: 30px; display: flex; gap: 30px; }
.product-des-section .product-Des-content-left { flex: 1 0; }
.product-des-section .product-Des-content ul.list-unstyled li { font-size: 16px; }
.product-des-section h3 { font-size: 22px; color: var(--primaryDefault); font-weight: normal; }
.product-des-section .product-Des-content ul.list-unstyled { padding: 0 0 0 15px; margin-bottom: 15px; }
.product-des-section .product-Des-content ul.list-unstyled li:before { left: -15px; }
.product-des-section .download_pdf_btn .fa { margin-right: 4px; font-size: 18px; }
.product-des-section .product-Des-indent { padding-left: 10px; }
.product-des-section .product-Des-content-right { width: 308px; }
.shippingBlock_box { border: 2px solid #DEE2E6; padding: 10px 25px; display: flex; align-items: center; gap: 12px; border-radius: 16px; }
.shippingBlock_box .shippingBlock_text { flex: 1 0 auto; line-height: 1.3; }
.shippingBlock_box .shippingBlock_title { font-size: 18px; color: #000; font-weight: var(--text-bold); }
.shippingBlock_box .shippingBlock_text { font-size: 14px; color: #000; }
.shippingBlock_box .shippingBlock_text strong { color: #006600; }
.sku-detail-block .qv_detail_main { padding: 0; }
.qvadder-block .adderRow { background-color: #ffffff; }
.qvConfirmation-block .qvCart { background-color: #ffffff; width: 100%; border: none; padding: 0; }
.qvConfirmation-block .qvCart .qvCart_detail { display: block; }
.qvConfirmation-block .qvConfirmationArea { display: block; padding: 0; text-align: right; }
.qvConfirmation-block .qvQtyArea { padding: 10px 0 0 0; display: block; text-align: right; }
.qvConfirmation-block .qvConfirmationArea .label_container { font-size: 16px; }
.attrLabel, .attrLabel span { font-size: 14px; }
.qvConfirmation-block .qvConfirmationArea .price_container { padding: 0 0 0 15px; }
.qvConfirmation-block .qvConfirmationArea .attrLabel { text-align: right; }
.attrLabel span:not(.m3) { text-align: left; }
.qvConfirmation-block .qvQtybtn { gap: 8px; }
.qvQty, .seletionbox .qvQty { text-align: center; border-color: #D5D7DA; font-size: 16px; color: #181D27; border-radius: 8px; border: 1px solid #D5D7DA; box-shadow: 0 1px 2px 0px rgba(10, 13, 18, 0.05); height: 40px; width: 95px; }
.sku_product_qty_cont .quantity-plus, .sku_product_qty_cont .quantity-minus { width: 40px; height: 40px; border-radius: 8px; border: 1px solid #D5D7DA; background-color: transparent; margin: 0;padding:0; }
.sku_product_qty_cont .quantity-plus:active, .sku_product_qty_cont .quantity-minus:active, .sku_product_qty_cont .quantity-plus:hover, .sku_product_qty_cont .quantity-minus:hover, .sku_product_qty_cont .quantity-plus:focus, .sku_product_qty_cont .quantity-minus:focus { background-color: #FAFAFA; color: var(--primarycolor); outline: none; box-shadow: none; border-color: #D5D7DA; }
.total_price_container { padding: 0px 0 8px; }
.total_price_container .total_price { font-size: 34px; font-weight: bold; color: var(--primarycolor); line-height: 1.2; }
.total_price_container .actual-price_text { font-size: 15px; color: #535862; font-weight: 400; display: block; }
.product_old_price { font-size: 20px; margin-right: 9px; font-weight: normal; color: #818881; position: relative; visibility: hidden; display: inline-block; }
.product_old_price::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; height: 1px; background-color: #818881; }
.product_old_price.active { -webkit-animation: slide-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
.product_old_price_wraper { display: inline-block; overflow: hidden; min-width: 90px; vertical-align: -6px; }
@keyframes slide-left { 0% { visibility: hidden; -webkit-transform: translateX(80px); transform: translateX(80px); } 100% { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } }
.product_saved_price { text-align: right; font-size: 14px; padding-top: 10px; visibility: hidden; }
.product_saved_price.active { visibility: visible; }
.product_saved_price .qvPriceDiscount { font-weight: var(--text-bold); }
#pricelist { background-color: transparent; }
#pricelist li.materialHeader { background-color: transparent; }
#pricelist li:nth-child(1) { background-color: #e9e9e9; }
.sku_product_bottom { text-align: right; }
.sku_product_bottom .sku_product_buyqtysave_box { display: inline-block; margin-right: 30px; }
.sku_product_bottom .sku_product_action_btn { display: inline-block; }
.sku_product_bottom .sku_product_action_btn .btn { width: 250px; white-space: inherit; padding-top: 6px; padding-bottom: 5px; line-height: 1.2; font-weight: var(--text-bold); }
.sku_product_tust_badges { text-align: right; margin-bottom: 40px; }
.sku_product_tust_badges .sku_product_tust_badges_list { padding-top: 15px; margin-top: 20px; border-top: 1px solid #D9D9D9; display: inline-block; padding-left: 18px; }
.sku_product_tust_badges .sku_product_tust_badges_list li { display: inline-flex; gap: 8px; align-items: center; }
.sku_product_tust_badges .sku_product_tust_badges_list li + li { margin-left: 40px; }
.sku_product_tust_badges .sku_product_tust_badges_list li .sku_product_tust_badges_text { font-size: 16px; color: #000; text-align: left; line-height: 1.4; }
.sku_product_tust_badges .sku_product_tust_badges_list li .sku_product_tust_badges_text strong { display: block; font-weight: 700; }
body .buyimg-slug-box { border: none; margin: 0; padding: 0; }
.sku_insider_buying_section { margin-bottom: 20px; }
.sku_have_question_box { background-color: #EDEDF0; border-radius: 8px; display: flex; max-width: 450px; margin-left: auto; }
.sku_have_question_box .sku_have_question_text { padding: 13px 15px; color: var(--primaryDefault); }
.sku_have_question_box .sku_have_question_text .title { display: block; font-size: 18px; }
.sku_have_question_box .sku_have_question_btn { background-color: #FFFFFF; border: 1px solid #DEE2E6; border-radius: 8px; padding: 15px; display: flex; gap: 10px; flex: 1 0 auto; align-items: center; }
.sku_have_question_box .sku_have_question_btn .text { flex: 1 0; font-size: 11px; color: #666666; }
.sku_have_question_box .sku_have_question_btn .text b { display: block; font-size: 16px; color: var(--primaryDefault); }
.sku_tusted_reviews_row { border-top: 1px solid #D9D9D9; padding-top: 15px; text-align: center; }
.sku_tusted_reviews_row .sku_tusted_reviews_box { display: inline-flex; align-items: center; gap: 8px; }
.sku_tusted_reviews_row .sku_tusted_reviews_box .sku_tusted_reviews_text { flex: 1 0; }
.sku_tusted_reviews_row .sku_tusted_reviews_box .sku_tusted_reviews_title { font-size: 18px; font-weight: 700; color: #000; }
.sku_tusted_reviews_row .sku_tusted_reviews_box .reviews_count { font-size: 16px; color: #000; }
.sku-detail-block { padding-bottom: 70px; }
.product_des_read_more .product-Des-content-text { overflow: hidden; position: relative; height: 100px; }
.product_des_read_more .product-Des-content-text.active { height: auto; }
.product_des_read_more .product-Des-content-text:not(.active)::after { position: absolute; height: 35%; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .75) 54%, #fff); content: ""; display: block; }
.product-Des-content .product_des_read_more_link { padding-left: 10px; }
.product-Des-content:not(.product_des_read_more) .product_des_read_more_link { display: none; }
.qvConfirmation-block .qvConfirmationArea .price_container { font-size: 22px; font-weight: bold; color: var(--primarycolor); }
.pricelist-details .body8bcolor { color: #000 !important; }
.sku_product_qty_cont { display: flex; gap: 15px; align-items: flex-start; background-color: #fff; border-radius: 8px; border: 1px solid #C9C9C9; padding: 15px; padding-right: 25px; }
.sku_product_qty_cont .qvConfirmation-block { flex: 1 0; }

@media (min-width: 992px) {
    .sku-img-block { position: sticky; top: var(--sticky-position); }
}
@media (max-width: 1199px) {
    .product-des-section { gap: 15px; }
    .sku_tusted_reviews_row .sku_tusted_reviews_box .sku_tusted_reviews_title { font-size: 16px; }
    .product-des-section .product-Des-content-right { width: 280px; }
    .shippingBlock_box { padding: 10px; }
    .sku_product_bottom .sku_product_buyqtysave_box { margin-right: 12px; }
    .sku_product_qty_cont { padding: 10px; gap: 10px; }
    .qvQty, .seletionbox .qvQty { width: 60px; }
}
@media (max-width: 767px) {
    .product-des-section { flex-flow: column; }
    .sku_product_qty_cont { flex-flow: column; gap: 20px; }
    .customproductcart { width: 100%; }
    .qvConfirmation-block .qvConfirmationArea, .qvConfirmation-block .qvConfirmationLabel { border: none; }
    .qvConfirmation-block .qvQtyArea { width: 100%; border: none !important; }
    .sku_product_tust_badges .sku_product_tust_badges_list { padding-left: 0; }
    .sku_product_tust_badges { text-align: center; margin-bottom: 30px; }
    .sku_product_tust_badges .sku_product_tust_badges_list { display: flex; flex-wrap: wrap; gap: 20px; }
    .sku_product_tust_badges .sku_product_tust_badges_list li { flex: 1 0; flex-flow: column; align-items: center; justify-content: center; }
    .sku_product_tust_badges .sku_product_tust_badges_list li + li { margin-left: 0; }
    .sku_product_tust_badges .sku_product_tust_badges_list li .sku_product_tust_badges_text { text-align: center; }
    .sku_have_question_box .sku_have_question_btn { padding: 10px; }
    .sku_have_question_box .sku_have_question_text { padding: 10px; }
    .sku_have_question_box .sku_have_question_text .title { font-size: 16px; }
    .sku_have_question_box .sku_have_question_btn { gap: 6px; }
    .sku_tusted_reviews_row .row { row-gap: 20px; }
    .sku_product_qty_cont { padding: 12px; }
    .sku_product_qty_cont .qvConfirmation-block { width: 100% !important; }
    .sku-detail-block { padding-bottom: 0px; }
    .sku_tusted_reviews_row { text-align: left; }
    .sectionBlock { padding: 15px; margin: 0 -15px; margin-bottom: 18px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; background-color: #fff; border-radius: 0; }
}
@media (min-width: 767px) {
    .sku-row-container .sectionBlock { padding: 0; background-color: transparent; }
}
/* new css added by vishal on 08-04-2025 for design new sku page */


/*new css that design new section */
.sku-detail-block .copyBlock .selected_label .m3 { font-size: inherit; }
.form-control::placeholder { color: #333; }
.form-control:focus { box-shadow: none; border-color: var(--secondarycolor); }
.qv_sub_headsection { font-size: 14px; line-height: 1.5; padding-bottom: 15px; margin-top: -6px; max-width: 620px; }
.price-row .sub_qvQtybtn { float: right; }
.next_step_btn_box .btn-success { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.price-row .quantity-label, .price-row .order-pack { line-height: 40px; }
.sub_qvQtybtn { display: inline-flex; vertical-align: middle; gap: 8px; }
.sub_qvQtybtn .quantity-minus, .sub_qvQtybtn .quantity-plus { text-align: center; padding: 0; font-weight: var(--text-bold); font-size: 21px; color: var(--primaryDefault); line-height: 10px; background: var(--light); width: 40px; height: 40px; border-radius: 8px; border: 1px solid #D5D7DA; background-color: transparent; margin: 0; }
.sub_qvQtybtn .quantity-minus:hover, .sub_qvQtybtn .quantity-plus:hover { background-color: #FAFAFA; color: var(--primarycolor); outline: none; box-shadow: none; border-color: #D5D7DA; }
.sub_qvQtybtn .quantity-input { font-weight: var(--text-bold); padding: 3px 3px; outline: none; text-align: center; border-color: #D5D7DA; font-size: 16px; color: #181D27; border-radius: 8px; border: 1px solid #D5D7DA; box-shadow: 0 1px 2px 0px rgba(10, 13, 18, 0.05); height: 40px; width: 95px; }
.sub_qvQtybtn .quantity-input:focus { border-color: var(--secondarycolor); box-shadow: none; }
.material_color_option { display: grid; gap: 15px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); padding: 0; list-style-type: none; margin: 0; }
.material_color_option.material_color_option-sm { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
.select_color_imgBlock.material_color_option .material_color_img { width: 100%; display: block; height: auto; }
.select_orientation_list.material_color_option .material_color_img { display: flex; align-items: center; justify-content: center; }
.select_orientation_list.material_color_option .material_color_img img { max-width: 100px; max-height: 100px; }
.material_color_option .material_color_box input[type="radio"] { opacity: 0; height: 0; display: none; }
.material_color_option .material_color_box input[type="radio"]:checked + label .material_color_shape, .material_color_option .material_color_box .label-box.active .material_color_shape { border-color: var(--secondarycolor); box-shadow: 0 0 0 1px var(--secondarycolor); background-color: #fff; }
.material_color_option .material_color_box input[type="radio"]:checked + label, .material_color_option .material_color_box .label-box.active { font-weight: var(--text-bold); }
.material_color_option .material_color_box label, .material_color_option .material_color_box .label-box { font-size: 14px; display: block; color: var(--primaryDefault); cursor: pointer; text-align: center; margin: 0; }
.material_color_option .material_color_box .material_color_shape { display: block; color: var(--primaryDefault); cursor: pointer; border: 1px solid var(--border-color); border-radius: 6px; text-align: center; padding: 5px; line-height: normal; width: 100%; background-color: #fff; }
.material_color_option .material_color_box .material_color_shape .material_color_name { margin: 0; padding: 8px 0; background-color: #f9f9f9; border-radius: 6px; }
.material_color_option .material_color_box .material_color_shape:has(.material_color_name) { padding: 0; }
.material_color_option .material_color_box .material_color_code { display: block; height: 30px; border: 1px solid #cecece; margin: 0 auto; border-radius: 4px; }
.material_color_option .material_color_box .material_color_name { display: block; padding-top: 4px; }
.material_color_option .material_color_box:hover .material_color_shape { border-color: var(--secondarycolor); }
.material_color_option .material_color_box input[type="radio"]:checked + label .material_color_shape .material_color_name, .material_color_option .material_color_box .label-box.active .material_color_shape .material_color_name { background-color: transparent; }
.material_color_option > li{background-color:transparent!important;}
.die-selection-list { display: grid; gap: 11px; row-gap: 15px; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); padding: 0; margin: 0; }
.die-selection-box input[type="radio"] { display: none; }
.die-selection-box label { cursor: pointer; text-align: center; display: block; margin: 0; }
.die-selection-box label .die-selection-img { display: block; border: 1px solid var(--border-color); border-radius: 4px; padding: 8px 5px; width: 100%; background-color: #fff; }
.die-selection-box label:hover .die-selection-img { border-color: var(--secondarycolor); }
.die-selection-box label .die-selection-img .die-selection-img-placeholder { width: 100%; height: 170px; display: flex; align-items: center; justify-content: center; }
.die-selection-box label .die-selection-img .die-selection-img-placeholder img { max-height: 100%; }
.die-selection-box label .die-selection-title { font-size: 14px; color: var(--primaryDefault); display: block; padding-top: 5px; }
.die-selection-box label .custom_detail_input { margin-top: 2px; font-size: 14px; height: 35px; border-radius: 5px; transition: 0.3s; width: 100%; resize: none; padding: 6px; }
.die-selection-box input[type="radio"]:checked + label .die-selection-img { border-width: 2px; border-color: var(--secondarycolor); padding: 7px 4px; }
.die-selection-box input[type="radio"]:checked + label .die-selection-title { font-weight: var(--text-bold); }
.die-selection-box input[type="radio"]:not(:checked) + label .custom_detail_input { background-color: #e9ecef; pointer-events: none; height: 0; box-shadow: none; border: none; opacity: 0; }
.custom-radio-box { position: relative; }
.custom-radio-box input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; margin-top: 4px; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: 12px; border: 1px solid #828282; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; border-radius: 50%; position: absolute; top: 8px; left: 10px; margin-left: 0; z-index: 2; cursor: pointer; }
.custom-radio-box>label { border-radius: 6px; border: 1px solid var(--border-color); padding: 10px; padding-left: 35px; margin: 0; font-size: 14px; display: block; line-height: 1.4; position: relative; cursor: pointer; background-color: #fff; }
.custom-radio-box>label .custom-radio-title { display: block; font-weight: var(--text-bold); }
.custom-radio-box>label .custom-radio-text { display: block; max-width: 620px; }
.custom-radio-box>label:hover { border-color: var(--secondarycolor); }
.custom-radio-box input[type="radio"]:checked + label { border-color: var(--secondarycolor); background-color: #fff;  padding-left: 34px; box-shadow:0 0 0px 1px var(--secondarycolor);}
.custom-radio-box input[type="radio"]:checked { background-color: var(--secondarycolor); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); border-color: var(--secondarycolor); }
.custom-radio-box input[type="radio"]:checked + label .custom-radio-title { font-weight: var(--text-bold); }
.upload_artwork_radio_list .custom-radio-box label .upload_artwork { pointer-events: none; user-select: none; transition: 0.3s; }
.upload_artwork_radio_list .custom-radio-box input[type="radio"]:checked + label .upload_artwork { pointer-events: all; user-select: none; }
.upload_artwork_radio_list .upload_artwork_btn_box { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; row-gap: 8px; }
.upload_artwork_radio_list .upload_artwork_btn_box .upload_artwork_filename { display: inline-block; margin-left: 4px; }
.custom_radio_list { padding: 0; margin: 0; }
.custom_radio_list li { list-style-type: none; }
.custom_radio_list li + li { margin-top: 10px; }
.font_sample_perview { background-color: #eeeeee; padding: 5px; min-height: 60px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; border-radius: 5px; border: 1px solid #ccc; font-size: 24px; }
@media (min-width: 767px) { .custom_radio_list.two_col { display: grid; row-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); margin-left: -5px; margin-right: -5px; }
.custom_radio_list.two_col li { padding-left: 5px; padding-right: 5px; }
.custom_radio_list.two_col li + li { margin-top: 0; }
.custom_radio_list.two_col .custom-radio-box { height: 100%; }
.custom_radio_list.two_col .custom-radio-box label { height: 100%; } }
.upload_artwork_modal .fileUploadBox { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 200px; background: #fff; border-radius: 0 0 8px 8px; border: 2px solid var(--secondarycolor); border-top: none; text-align: center; position: relative; overflow: hidden; }
.upload_artwork_modal .fileUploadBox::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: #deddd8; }
.upload_artwork_modal .fileUploadBox .file_label { text-align: center; cursor: pointer; padding: 20px; margin: 0; width: 100%; display: block; background-color: #fff }
.upload_artwork_modal .fileUploadBox .file_icon { display: flex; width: 44px; height: 44px; border-radius: 8px; align-items: center; justify-content: center; background-color: rgba(var(--secondarycolorRGB), 0.1); color: var(--secondarycolor); margin: 0 auto; margin-bottom: 10px;}
.upload_artwork_modal .fileUploadBox .file_upload_title { font-size: 16px; font-weight: var(--text-bold); display: block; margin-bottom: 4px; }
.upload_artwork_modal .fileUploadBox .file_accepted { font-size: 14px; margin-bottom: 10px; display: block; }
.upload_artwork_modal .fileUploadBox .max_files { display: block; margin-top: 4px; font-size: 12px; text-align: center; }
.upload_artwork_modal .fileUploadBox .btn-primary { min-width: 150px; transition: all 0.15s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.upload_artwork_modal .fileUploadBox .btn-primary:hover { transform: translateY(-2px); }
.upload_artwork_modal .fileUploadBox .btn-primary:active { transform: translateY(2px) scale(0.97); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.upload_artwork_modal .file_upload_info { font-size: 12px; line-height: 1.4; }
.upload_artwork_modal .uploading-state { padding: 20px; }
.upload_artwork_radio_list .d-none, .upload_artwork_modal .d-none, .fileUploadBox .d-none { display: none !important; }
.upload_artwork_modal .fileUploadBox > input[type="file"] { display: none !important; }
.upload_artwork_modal .preview-card { max-width: 250px; display: flex; flex-direction: column; align-items: center; animation: fadeIn 0.4s ease; position: relative; padding: 10px; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.upload_artwork_modal .image-preview-element { max-width: 100%; max-height: 130px; object-fit: contain; }
.upload_artwork_modal .upload_info_text { display: none; margin-top: 10px; font-size: 13px; color: #664d03; padding: 8px 10px; border: 1px solid #ddc681; background-color: #fbf4e1; border-radius: 6px; }
.upload_artwork_modal .fileUploadBox:not(.d-none) + .upload_info_text { display: block; }

.upload_artwork_radio_list .custom-radio-box.active:has( + .upload_artwork_modal) input[type="radio"]:checked + label { border-radius: 8px 8px 0 0; border-bottom: none; box-shadow:none; border-width:2px; }

.multi-preview .preview-remove-btn { all: unset; width: 25px; height: 25px; border-radius: 100%; background-color: #dbdbdb; color: #000; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; position: absolute; top: -10px; right: -6px; z-index: 2; cursor: pointer; transition: 0.3s; }
.multi-preview .preview-remove-btn:hover { background-color: #bdbdbd; }
.multi-preview .file_name { width: 100%; overflow: hidden; text-align: center; margin-top: 4px; font-weight: var(--text-bold); font-size: 12px; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 15px; }
.upload_img_preview_box { padding-top: 25px; }
.upload_img_preview_box .img_box { width: 150px; border-radius: 8px; border: 1px solid #ccc; position: relative; display: flex; align-items: center; justify-content: center; flex-flow: column; padding: 10px; }
.upload_img_preview_box .img_box img { max-height: 108px; max-width: 108px; }
.upload_artwork_modal .state-view { width: 100%; flex: 1 0 100%; padding: 20px 15px 15px; display: flex; flex-flow: column-reverse; gap: 15px; }
.upload_artwork_modal .multi-preview { display: grid; gap: 15px; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
.upload_artwork_modal .multi-preview .preview-item img { max-width: 100%; max-height: 100%; }
.upload_artwork_modal .multi-preview .preview-item a { pointer-events: none; }
.upload_artwork_modal .multi-preview .img_view_wrap { height: 100px; padding: 10px 5px; border: 1px solid #ccc; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-flow: column; background-color: #fff; }
.upload_artwork_modal .multi-preview .img_view_doc { width: 80px; }
.loader-ring { display: inline-block; width: 50px; height: 50px; border: 4px solid rgba(0, 111, 83, 0.1); border-radius: 50%; border-top-color: var(--secondarycolor); animation: spin-anim 1s linear infinite; margin-bottom: 16px; }
@keyframes spin-anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.sectionBlock .btn-edit-toggle { background-color: #fff; border: 1px solid #ddd; text-decoration: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; z-index: 1; font-size: 15px; border-radius: 4px; }
.sectionBlock .btn-edit-toggle:hover { background-color: #dfdfdf; }
body .sectionBlock .qv_headsection { position: relative; padding-bottom: 0; padding-right: 90px; text-transform: capitalize; }
.progress-bar-wrapper { max-width: 320px; margin: 16px auto 0 auto; }
.custom-progress { background-color: #d5d5d5; border-radius: 8px; height: 8px; overflow: hidden; }
.custom-progress-fill { background-color: var(--secondarycolor); width: 0%; height: 100%; border-radius: 8px; transition: width 0.1s linear; }
.progress-percent { font-size: 13px; font-weight: 700; color: var(--secondarycolor); margin-top: 6px; }
.qv_sub_title { margin-top: 20px; font-size: 18px; font-weight: var(--text-bold); margin-bottom: 5px; }
.sectionBlock { transition: height 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s;}
.section-content { padding-top: 15px; }
.section-content p{margin-bottom:10px;}
.collapsed-state .section-content { opacity: 0; transform: translateY(-15px); pointer-events: none; }
.sectionBlock:not(.collapsed-state) .btn-edit-toggle { display: none !important; }
.sectionBlock.collapsed-state .btn-edit-toggle { display: inline-block !important; }
.sectionBlock.manually-expanded .btn-edit-toggle { display: inline-block !important; }
.customproductcart_wrap .qvQtyArea { text-align: right; float: none; max-width: 100%; display: block; }
.customproductcart_wrap .qvQtybtn { display: inline-flex; vertical-align: middle; gap: 8px; }
.custom-radio-box .material_color_shape{display:block; margin-bottom:6px;}
.custom-radio-box .material_color_name{display:block;font-weight:var(--text-bold)!important;}


.total_price_container .PackageRow{margin-bottom:2px;font-size:15px;}