.product_main{display:flex;margin:10px 0 35px}
.product_img_box{display:flex;flex:1 0 auto;max-width:500px;flex-flow:column}
.product_img_box .product_img{text-align:center}
.product_thumb{display:flex;column-gap:15px;margin-top:15px;justify-content:center}
.product_thumb li{cursor:pointer;border-radius:5px;border:1px solid transparent;padding:3px}
.product_thumb li.active{border-color:var(--secondarycolor)}
.product_thumb li .product_thumb_a{position:relative;display:block;border-radius:5px;overflow:hidden}
.product_thumb li .product_thumb_a img{max-width:120px;max-height:120px}
.product_img_wrap{position:sticky;top:4px}
.product_img_wrap .productViewContainer{margin:0 auto}
.product_text_box{padding-left:25px;flex:1 0;position:relative}
.product_text_box.opened{pointer-events:none}
.product_text_box h1{font-size:32px;margin-bottom:8px}
.product_text_box p{margin-bottom:14px}
.personalize_header{display:flex;justify-content:space-between;align-items:center}
.personalize_header h4{font-size:22px;font-weight:var(--text-bold);color:#000}
.personalize_header .close{opacity:1;width:30px;height:30px;border-radius:100%;text-align:center;line-height:12px;background-color:#000;outline:0;color:#fff}
.personalize_body{padding:15px 15px 10px}
.form-floating{position:relative;margin-bottom:15px}
.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25;font-size:16px}
.form-floating>label{position:absolute;top:0;left:0;height:100%;font-size:16px;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;margin-bottom:0}
.form-floating>textarea.form-control{height:auto;resize:none;appearance:none;overflow:hidden;min-height:53.5px}
@media (prefers-reduced-motion:reduce){
.form-floating>label{transition:none}
}
.personalize_btn{display:inline-flex;padding-left:15px;column-gap:15px}
.form-floating>.form-control{padding:1rem .75rem}
.form-floating>.form-control::-moz-placeholder{color:transparent}
.form-floating>.form-control::placeholder{color:transparent}
.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.75;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.view_upload_image .view_upload_image_title{font-size:16px;font-weight:var(--text-bold);margin-bottom:8px}
.view_upload_image{margin-bottom:15px}
.view_upload_image .d-flex .upload_image{flex-shrink:0}
.view_upload_image .d-flex .Photo_name{margin-left:14px;line-height:1.4}
.view_upload_image .d-flex .Photo_name .size{font-size:12px;color:#9d9595}
.view_upload_image .d-flex .re_upload_upload_btn{flex-shrink:0;margin-left:auto}
.radio_select_parent+.radio_select_parent{border-top:1px solid #c8c8c8;margin-top:15px;padding-top:10px}
.radio_select_parent .title{font-weight:var(--text-bold);font-size:18px;color:var(--black);margin-bottom:10px}
.radio_select_parent .title .info{display:inline-block;vertical-align:middle;margin-left:2px;margin-top:-3px}
.radio_select>input[type=radio]{display:none}
.radio_select>input:checked+label .dot::after{opacity:1}
.radio_select label{position:relative;cursor:pointer;margin-bottom:0;padding-left:28px}
.radio_select label .dot{position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;height:20px;background:0 0;border:2px solid #767676;border-radius:100%;display:block}
.radio_select label .dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);width:12px;height:12px;border-radius:100%;background:var(--secondarycolor);opacity:0;transition:.3s}
.radio_select .info{display:inline-block;vertical-align:middle;margin-left:2px;margin-top:-3px}
.radio_select_inline{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:12px}
.design_theme_select{display:flex;column-gap:30px;flex-wrap:wrap}
.radio_color_select>input[type=radio]{display:none}
.radio_color_select>input[type=radio]:checked+.color_design::after{opacity:1;transform:scale(1.2)}
.radio_color_select .color_design:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:0 0;border:1px solid var(--secondarycolor);opacity:0;transition:.3s}
.radio_color_select .color_design{cursor:pointer;width:36px;height:36px;border-radius:100%;margin-bottom:0;position:relative}
.edit_design_tool{border-top:1px solid #c9c9c9;margin-top:15px;padding-top:15px}
.Qty_box .select2-container .select2-selection--single{height:48px;border-radius:4px 0 0 4px;font-size:24px;font-weight:var(--text-bold);border-color:#d2d2d2}
.Qty_box .select2-container .select2-selection--single .select2-selection__rendered{height:100%;line-height:48px;text-align:center}
.Qty_box .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}
.popover{font-size:14px}
.QuantitySelector .dropdown-menu{max-height:300px;overflow:auto}
.QuantitySelector .dropdown-menu.radio input{visibility:hidden;position:absolute;left:-30px}
.QuantitySelector .dropdown-item.active{background-color:#0098ff}
.QuantitySelector .dropdown-menu.radio .dropdown-item{position:relative;overflow:hidden;cursor:pointer}
.QuantitySelector .dropdown-toggle{text-align:right;width:110px}
.QuantitySelector .discount{margin-left:4px;color:#0057e2;font-size:12px}
.QuantitySelector2_input{position:absolute;z-index:2;top:3px;left:3px;width:60px;height:calc(100% - 6px);font-size:16px;text-align:center;background:#fff;border:none;border-radius:2px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;line-height:normal}
.QuantitySelector .discount{margin-left:4px;color:#0057e2;font-size:12px}
.QuantitySelector .dropdown-item.active .discount{color:#fff}
.QuantitySelector span{margin-left:4px}
.QuantitySelector input::-webkit-inner-spin-button,.QuantitySelector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.QuantitySelector .dropdown-item.active .discount,.QuantitySelector .dropdown-item:active .discount{color:#fff}
.QuantitySelector .btn-dropdown{padding:0 15px!important;font-size:16px;height:46px;background:#e9e9e9;border-radius:4px;box-shadow:none;background:linear-gradient(180deg,#f4f4f4 0,#e2e2e2 100%);border:1px solid #c3c3c3}
.design_info_box{background:#fffef7;border:1px solid #d7d7d7;border-radius:12px;margin-top:20px;padding:10px 15px}
.design_info_list li{display:flex;padding:7px 0;color:#000;column-gap:8px}
.design_info_list li:first-child{padding-top:0}
.design_info_list li:last-child{padding-bottom:0}
.design_info_list li .design_info_title{flex:1 0;max-width:125px;font-weight:var(--text-bold);text-align:right}
.design_info_list li .design_info_text{flex:1 0}
.design_info_list li+li{border-top:1px solid #e7e7e7}
.accessories_box{display:flex;column-gap:15px}
.accessories_box .accessories_img{flex:1 0;max-width:90px}
.accessories_box .accessories_img .ImgBox{width:90px;border:1px solid #767676;display:flex;align-items:center;justify-content:center}
.accessories_list_box{flex:1 0}
.accessories_list_box ul li{display:flex;column-gap:10px;align-items:center}
.accessories_list_box ul li+li{margin-top:10px}
.accessories_list_box ul li .accessories_label_checkbox{flex:1 0}
.accessories_list_box ul li .accessories_qty_box{flex:1 0;max-width:176px}
.accessories_label_checkbox label{padding-left:30px;cursor:pointer;position:relative;color:#000;margin-bottom:0;line-height:1.4}
.accessories_label_checkbox label .chec_box{display:inline-block;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #333;border-radius:4px;background:#fff}
.accessories_label_checkbox label .chec_box::after{content:"";width:14px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s;background-image:url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75502 9.8036L0.205017 5.44535C-0.0683389 5.18351 -0.0683389 4.75898 0.205017 4.49711L1.19494 3.54888C1.4683 3.28702 1.91154 3.28702 2.1849 3.54888L5.25 6.48478L11.8151 0.196377C12.0885 -0.0654589 12.5317 -0.0654589 12.8051 0.196377L13.795 1.14461C14.0683 1.40645 14.0683 1.83098 13.795 2.09285L5.74498 9.80363C5.47159 10.0655 5.02838 10.0655 4.75502 9.8036Z' fill='white'/%3E%3C/svg%3E")}
.accessories_label_checkbox label .info_text{display:block;color:var(--primaryDefault);font-size:13px}
.accessories_label_checkbox input[type=checkbox]:checked~label>.chec_box{border-color:var(--secondarycolor);background-color:var(--secondarycolor)}
.accessories_label_checkbox input[type=checkbox]:checked~label>.chec_box::after{opacity:1}
.accessories_qty{width:120px;margin-left:auto;background:#fff;border:1px solid #baaeae;border-radius:16px;display:flex;visibility:hidden}
.accessories_qty .qty:nth-child(1){border-radius:16px 0 0 16px}
.accessories_qty .qty:last-child{border-radius:0 16px 16px 0}
.accessories_qty .qty{all:unset;flex:1 0;text-align:center;cursor:pointer}
.accessories_qty .qty:hover{background-color:#ededed}
.accessories_qty .form-control{font-size:16px;font-weight:var(--text-bold);padding:0 5px;width:45px;border:0;border-left:1px solid #baaeae;border-right:1px solid #baaeae;border-radius:0;box-shadow:none;height:28px;text-align:center}
.accessories_qty .form-control::-webkit-inner-spin-button,.accessories_qty .form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.accessories_qty .form-control[type=number]{-moz-appearance:textfield}
.accessories_li.active .accessories_qty{visibility:visible}
.form-control:focus{border-color:#000;box-shadow:none}
.accordion_card{border-bottom:1px solid #bbb;margin-bottom:10px}
.accordion_card .accordion_title_box{padding-bottom:10px;line-height:normal}
.accordion_card .accordion_title_box .info{vertical-align:1px}
.accordion_card .accordion_title_box .info:hover{text-decoration:none}
.accordion_card .accordion_title_box .title{background:0 0;border:none;outline:0;cursor:pointer;font-weight:var(--text-bold);font-size:18px;color:var(--black);position:relative;padding-left:28px;text-align:left;line-height:normal}
.accordion_card .accordion_title_box .title .arrow{width:20px;height:20px;background:rgba(190,190,190,.2);border:1px solid #c1c1c1;box-shadow:0 0 0 1px rgba(0,0,0,.08),inset 0 -2px 0 rgba(164,164,164,.35),inset 0 4px 0 -2px #fff;border-radius:4px;position:absolute;top:2px;left:0;display:flex;align-items:center;justify-content:center}
.accordion_card .accordion_title_box .title .arrow svg{transition:.3s;transform:rotate(180deg)}
.accordion_card .accordion_title_box .title[aria-expanded=true] .arrow svg{transform:rotate(0)}
.accordion_card .accordion_title_box .title .Selected_subtitle{display:inline-block;font-weight:400;font-size:15px}
.accordion_card .accordion_title_box .title .Selected_subtitle .colon_icon{margin:0 3px;display:inline-block;font-weight:var(--text-bold);font-size:18px}
.accordion_card .card-body{padding:0;padding-left:30px;padding-top:5px;padding-bottom:15px}
.accordion_card .accordion_title_box .badge{font-size:11px;font-weight:400;border-radius:4px;letter-spacing:.3px;vertical-align:middle;margin-left:4px}
.accordion_card.disabled_card_printing{cursor:not-allowed}
.accordion_card.disabled_card_printing .title{user-select:none;pointer-events:none}
.upload_file .upload_file_btn{font-size:14px;font-weight:var(--text-bold);color:var(--primaryDefault);background:#f1f1f1;border:1px dashed #bcbcbc;border-radius:4px;padding:8px 20px;cursor:pointer;margin:0}
.upload_file .upload_file_btn .icon{margin-right:3px}
.logo_upload_aria .logo_upload_img{width:38px;height:38px;border-radius:4px;border:1px solid #ccc;position:relative;align-items:center;justify-content:center;margin-right:8px}
.logo_upload_aria .logo_upload_img img{max-height:100%;display:inline-block}
.logo_upload_aria .logo_upload_img .close{position:absolute;top:-7px;right:-13px;width:15px;margin-right:5px;height:15px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#606060;opacity:1;color:#fff;font-size:10px;text-align:center}
.logo_upload_aria .accessories_label_checkbox{margin-top:12px}
.TExt_field_box .form-group .form-control{display:inline-block;width:200px;vertical-align:middle;margin:0 10px}
.TExt_field_box .form-group label{margin:0;vertical-align:middle}
.logo_upload_box .logo_upload_img_block{display:inline-block;vertical-align:middle}
.logo_upload_box .upload_file{display:inline-block;vertical-align:middle}
.edit_design_sub_heading{background:#fff0e0;padding:9px 10px;border:1px solid #f3bf8b;border-radius:8px;font-size:13px;margin-bottom:10px}
.edit_design_sub_heading p{margin-bottom:0}
.custom-control.custom-radio .custom-control-label{padding-left:0}
.custom-control-input:checked~.custom-control-label::before{background-color:#1660cf}
.custom-control-label::after,.custom-control-label::before{width:16px;height:16px}
.align_object_box{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px}
.align_object_box .dropdown-item{padding:.4rem 1.5rem;font-size:14px}
.align_object_box .dropdown-item input.itemCheckbox{margin-right:4px;vertical-align:middle}
.btn_icon{box-shadow:0 2px 3px 0 rgba(0,0,0,.2)!important;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #666;border-radius:4px;color:#333;background-color:#fff;font-size:18px}
.btn_icon.active,.btn_icon.focus,.btn_icon:hover{background-color:var(--secondarycolor);color:#fff;border-color:var(--secondarycolor)}
.btn_icon.btn_icon_with_text{width:auto;gap:5px;padding:0 10px}
.btn_icon.btn_icon_with_text .btn_icon_text{font-size:14px;font-weight:var(--text-bold)}
.btn_icon.delete_btn{color:var(--danger)}
.btn_icon.delete_btn:hover{color:var(--white)}
.btn_icon.disabled{color:#6b6b6b;background-color:#d3d3d3;border-color:#9b9b9b;pointer-events:none}
.text_alignment_button{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.text_style_frame{max-width:445px;width:100%;backdrop-filter:blur(2px);border-radius:25px;padding:4px;border:1px solid #ccc;display:flex;column-gap:15px;align-items:center}
.text_style_frame .form-control-sm{border:0;box-shadow:none;height:30px;outline:0;font-weight:var(--text-bold)}
.text_style_frame .form-control-sm:focus{box-shadow:none}
.text_style_frame .frame_btn{border-radius:4px;all:unset;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#000}
.text_style_frame .frame_btn.active{background-color:#f1f1f1;border-radius:3px;color:var(--primarycolor)}
.text_style_frame .font_size{display:flex;gap:10px}
.text_style_frame .font_size input[type=text]{width:50px;text-align:center}
.text_style_frame .action_frame{display:flex;column-gap:3px}
.text_style_frame .color_select input.input_color{opacity:0;height:0;visibility:hidden;width:0}
.color_select .color{width:24px;height:24px;display:block;border-radius:100%;background:#000}
.color_select label{margin:0}
.undo_btn_group{margin-bottom:5px}
.undo_btn_group .btn{position:relative;padding-left:30px}
.undo_btn_group .btn+.btn{margin-left:6px}
.undo_btn_group .btn .icon{position:absolute;transform:translateY(-50%);top:50%;left:10px;display:flex}
.Place_Rectangle_box .Rectangle_color{display:inline-block}
.Place_Rectangle_box .Rectangle_color input{width:0;height:0;opacity:0;margin-left:-5px}
.Place_Rectangle_box .Rectangle{width:33px;height:33px;border-radius:2px;background:#000;margin-right:5px;display:inline-block;vertical-align:middle;cursor:pointer}
.personalize_body{padding:0;margin-top:15px}
.save_btn_group{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}
.btn_with_icon .icon{display:inline-flex;margin-right:4px;vertical-align:middle}
.Personalize_btn_group{margin-top:30px}
.Personalize_btn_group.d-flex{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.Personalize_btn_group.d-flex .btn_group .btn+.btn{margin-left:15px}
.pb_text_design_box{border-bottom:1px solid #c8c8c8;margin-bottom:10px;padding-bottom:15px}
.pb_text_design_box .pb_text_design_box_title{font-weight:var(--text-bold);font-size:18px;color:var(--black);margin-bottom:10px;line-height:normal}
.quick_design_bar{display:flex;row-gap:12px;column-gap:10px;flex-wrap:wrap;align-items:center;margin-top:15px;position:sticky;top:0;z-index:2;padding:5px 0 12px;background-color:#fff;border-bottom:1px solid #ccc}
.quick_design_bar .quick_design_btn_group{display:flex}
.quick_design_bar .quick_design_btn_group_label{margin:0;font-size:14px;font-weight:var(--text-bold)}
.quick_design_bar .alignment_btn_group{display:flex;gap:10px;align-items:center}
.quick_design_bar .common_btn_group{display:flex;gap:10px;align-items:center;padding-left:10px;margin-left:10px;border-left:1px solid #ccc}
.show_badges_row{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:17px;display:grid}
.show_badges_row .show_badges_col .show_badges_action{display:flex;align-items:center;justify-content:center;gap:10px}
.show_badges_row .show_badges_col .show_badges_action .action{display:flex;align-items:center;gap:10px}
.show_badges_row .show_badges_col .show_badges_action .flip_btn .btn_icon_text{margin-top:2px}
.show_badges_row .show_badges_col .showrecords{--height:166px;--width:260px;width:var(--width);height:var(--height);position:relative}
.show_badges_row .show_badges_col .template_flip_box{position:absolute;top:50%;left:50%;width:var(--width);height:var(--height);margin:100;float:left;perspective:500px;transform:translate(-50%,-50%)}
.show_badges_row .show_badges_col .template_flip{position:absolute;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d}
.show_badges_row .show_badges_col .template_back,.show_badges_row .show_badges_col .template_front{position:absolute;height:100%;width:100%;background:#fff;line-height:300px;color:#03446a;text-align:center;font-size:60px;border-radius:5px;display:flex;backface-visibility:hidden;align-items:center}
.show_badges_row .show_badges_col .template_back{background:#fff;color:#fff;transform:rotateY(180deg)}
.show_badges_row .show_badges_col .showrecords.template_flipped .template_flip{transform:rotateY(180deg);transition:transform .5s}
.orientation-horizontal .template_flip .template_back img,.orientation-horizontal .template_flip .template_front img{width:100%!important;height:auto!important}
.orientation-vertical .template_flip .template_back img,.orientation-vertical .template_flip .template_front img{width:auto!important;height:180px!important}
.show_badges_row .show_badges_col .show_badges_price_text{font-size:14px;text-align:center}
.show_badges_row .show_badges_col .show_badges_price_text .price{font-size:18px;font-weight:var(--text-bold)}
.show_badges_row .show_badges_qty_box{display:flex;align-items:center;justify-content:center;gap:4px}
.show_badges_row .show_badges_qty_box .qty_text{flex-shrink:0;font-weight:var(--text-bold)}
.show_badges_row .show_badges_qty_box .badge-quantity-input{padding:0 4px;text-align:center;font-size:14px;font-weight:var(--text-bold);max-width:60px}
.photo_and_signature_bx .btn+.btn{margin-left:8px}
.save_design_btn_group .btn+.btn{margin-left:8px}
.fake_id_badge{background:#f9f9f9;border:1px solid #e4e4e4;margin-top:16px;padding:9px;line-height:1.5}
.fake_id_badge strong{display:block}
.product_price{font-size:24px;color:var(--black);font-weight:var(--text-bold)}
.product_price .per_Badge_price{display:inline-block;margin-left:6px;font-size:18px;vertical-align:middle;color:#505050}
.flow-column{flex-flow:column}
.department_grid2{grid-template-columns:repeat(auto-fill,minmax(250px ,1fr));gap:20px;display:grid}
.department_grid2 .department_col_new{display:flex;flex-flow:column;align-items:center;background:#f1f1f1;border-radius:8px;padding:15px 10px 15px;justify-content:center;text-align:center}
.department_grid2 .department_col_new .product_img img.img-fluid{transition:.3s}
.department_grid2 .department_col_new:hover .product_img img.img-fluid{transform:scale(1.03)}
.loader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
.loader .loader_span{width:48px;height:48px;border-radius:50%;display:inline-block;border:4px solid #fff;border-top-color:var(--secondarycolor);-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite}
@-webkit-keyframes rotation{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes rotation{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes rotationBack{
0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@keyframes rotationBack{
0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@media (min-width:992px){
.popover{max-width:450px;line-height:1.3}
}
.row.gy-3{--gutter:15px;margin-top:calc(-1 * var(--gutter));margin-left:calc(calc(-1 * var(--gutter)/ 2));margin-right:calc(calc(-1 * var(--gutter)/ 2))}
.row.gy-3 div[class*=col-],.row.gy-3 div[class*=col]{margin-top:var(--gutter);padding-left:calc(var(--gutter)/ 2);padding-right:calc(var(--gutter)/ 2)}
.badge_qty_cont{margin-bottom:15px;margin-top:20px}
.badge_qty_cont .badge_qty_title{font-size:16px;font-weight:var(--text-bold);margin-bottom:8px}
.badge_qty_cont .badge_qty_box{display:flex;width:150px;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:6px;overflow:hidden;margin:0 20px 0 10px}
.badge_qty_cont .badge_qty_box .badge_qvQty_input{border:none;text-align:center;height:48px;font-size:16px;font-weight:var(--text-bold);color:#000}
.badge_qty_cont .badge_qty_box .badge_qty_btn{width:45px;height:48px;text-align:center;background:linear-gradient(#f7f8fa ,#e7e9ec);border:none;box-shadow:none;outline:0;flex-shrink:0;color:var(--primaryDefault)}
.badge_qty_cont .badge_qty_box .badge_qty_btn:focus,.badge_qty_cont .badge_qty_box .badge_qty_btn:hover{background-color:#d7d7d7}
.badge_qty_cont .badge_qty_wrap{display:flex;flex-wrap:wrap;align-items:center;row-gap:6px}
.badge_qty_cont .badge_qty_wrap .badge_qty_text{font-size:16px;font-weight:var(--text-bold);color:var(--primaryDefault)}
.badge_qty_cont .badge_qty_wrap .badge_qty_total_price{font-size:12px;font-weight:var(--text-bold);line-height:normal}
.badge_qty_cont .badge_qty_wrap .badge_qty_total_price .badge_qty_price_span{font-size:24px;display:block;font-weight:var(--text-bold)}
.badge-primary{background-color:var(--secondarycolor);font-weight:var(--text-bold)}

.fieldsWithInfo_box {margin-bottom: 15px;}
.fieldsWithInfo_box .fieldsWithInfo{ margin-bottom:0;}
.fieldsWithInfo_box .fieldsWithInfo .form-control{ padding-right:50px;}
.fieldsWithInfo_box .fieldsWithInfo .info-field-span{ position:absolute;top:1px;right:1px;bottom:1px; width:45px;display:flex;align-items:center;text-align:center;justify-content:center;  background-color:#e9ecef;border-radius: 0 .25rem .25rem 0;border-left:1px solid #ced4da}
.fieldsWithInfo_box .error-message{ margin-top:2px;display:block;}

@media (max-width:1400px) {
    .product_img_box .product_img{height:auto}
.design_info_box{padding:10px}
.product_text_box{padding-left:20px}
.design_info_list li .design_info_title{max-width:135px}
.product_img_box{width:500px;max-width:500px}
.product_thumb li .product_thumb_a img{max-width:100px;max-height:100px}
}
@media (max-width:1200px){
.show_badges_row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.show_badges_row .show_badges_col .showrecords{--width:245px}
.accordion_card .accordion_title_box .title .Selected_subtitle{font-size:12px;display:block}
.accordion_card .accordion_title_box .title .Selected_subtitle .colon_icon{display:none}
}
@media (max-width:1099px){
.accessories_list_box ul li .accessories_qty_box{max-width:115px}
}
@media (max-width:991px){
.product_main{flex-wrap:wrap}
.product_img_box{max-width:100%;width:100%;flex:1 0 100%}
.product_text_box{flex:1 0 100%;padding-left:0;padding-top:20px;width:100%}
.product_img_wrap{position:relative;top:inherit}
.product_img_box .product_img{max-width:400px;margin:0 auto}
.product_thumb{align-items:center;justify-content:center}
.product_thumb li .product_thumb_a img{max-width:80px;max-height:80px}
.design_info_box{max-width:500px;margin:0 auto;margin-top:20px}
.product_img_box .fake_id_badge{display:none}
.productViewContainer{flex-flow:column-reverse;row-gap:15px}
.productViewContainer .product_thumb{max-width:100%;flex-flow:row}
.quick_design_bar{position:inherit;top:inherit}
.show_badges_row .show_badges_col .showrecords{--width:220px;--height:150px}
}
@media (max-width:767px){
.product_img_cont{border-radius:6px;overflow:hidden;border:1px solid #ccc}
.product_img_cont::before{content:"Your Design";background-color:var(--secondarycolor);color:#fff;text-align:center;display:block;padding:4px 6px;font-size:16px}
.product_img_cont .your_design_toggle{all:unset;cursor:pointer;background:#333;display:block;width:100%;text-align:center;font-size:18px;color:#fff}
.product_img_cont .your_design_toggle:not(.active){margin-top:10px}
.product_img_cont .your_design_toggle .down_icon{display:inline-block;position:relative;transition:.3s}
.product_img_cont .your_design_toggle.active .down_icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);transform-origin:center center}
.product_img_box{position:sticky;top:0;z-index:99;background-color:#fff}
.design_info_box{display:none}
.product_img_box .product_img{margin-top:10px}
.product_img_box .product_img,.product_thumb{padding:0 6px}
.accordion_card .accordion_title_box .info{position:absolute;top:0;right:0}
.accordion_card .card-body{padding-bottom:10px;padding-left:0;padding-top:0}
.accordion_card .accordion_title_box{padding-right:18px;position:relative;padding-left:28px}
.accordion_card .accordion_title_box .title{font-size:16px;line-height:1.3;padding-left:0;position:initial;line-height:1.4}
.accordion_card .accordion_title_box .title .Selected_subtitle .colon_icon{font-size:16px}
.accordion_card .accordion_title_box .title .arrow{width:18px;height:18px}
.accordion_card .accordion_title_box .title .Selected_subtitle{font-size:14px;line-height:1.4}
}
@media (max-width:567px){
.body-container{padding:15px}
.accessories_list_box ul li{align-items:self-start;flex-flow:column}
.accessories_qty{display:none}
.accessories_li.active .accessories_qty{display:flex;margin-top:8px}
.accessories_list_box ul li .accessories_qty_box{max-width:100%;margin-left:30px}
.accessories_box{column-gap:10px}
.accessories_box .accessories_img .ImgBox{width:80px}
.accessories_box .accessories_img{max-width:80px}
.design_info_list li{flex-flow:column}
.design_info_list li .design_info_title{max-width:100%;text-align:left}
.accessories_label_checkbox label .chec_box{top:3px}
.radio_select_inline{row-gap:8px}
.radio_select_inline_with_icon .radio_select{position:relative;padding-right:15px}
.radio_select_inline_with_icon .radio_select .info{position:absolute;top:0;right:0}
.text_style_frame{max-width:378px}
.text_style_frame .form-control-sm{width:70px}
.text_style_frame .font_size input[type=text]{width:40px}
.personalize_header h4{font-size:20px}
.personalize_header .close{width:26px;height:26px;font-size:18px}
.show_badges_row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}
}
@media (max-width:500px){
.show_badges_row .show_badges_col .showrecords{--width:200px;--height:150px}
}
@media (max-width:400px){
.text_style_frame{margin-top:43px;flex-wrap:wrap;max-width:295px}
.text_style_frame .font_face{width:100%;flex:1 0 100%;margin-top:-39px;line-height:normal;height:auto;align-self:self-start;max-width:100%}
.text_style_frame .font_face .form-control-sm{border:1px solid #ccc;border-radius:17px;width:100%}
.badge_qty_cont .badge_qty_wrap .badge_qty_text{flex:1 0 auto;width:100%}
.badge_qty_cont .badge_qty_box{margin-left:0}
}
@media (max-width:480px){
.show_badges_row{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}
.show_badges_row .show_badges_col .template_back{justify-content:center}
.show_badges_row .show_badges_col .showrecords{--width:320px;--height:210px;margin:0 auto}
.show_badges_row .show_badges_col .show_badges_action{max-width:320px;margin-left:auto;margin-right:auto}
}
@media (max-width:380px){
.Personalize_btn_group.d-flex{text-align:center;flex-flow:column;gap:12px}
.Personalize_btn_group.d-flex .btn_group{display:flex;flex-flow:column;gap:10px}
.Personalize_btn_group.d-flex .btn_group .btn-lg{margin-left:0!important}
.Personalize_btn_group.d-flex .next_step_btn .btn{width:100%}
}