/** Shopify CDN: Minification failed

Line 3598:0 Unexpected ","

**/
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.bg-canvas-wrapper {
    border: 5px solid #cbc2c2;
    /* max-width: 1180px; */
     max-width: 1238px; 
    margin: 0 auto;
}
.bg-canvas-holder {
    position: relative;
}

#rulerX,
#rulerY {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #464646;
}

#rulerX {
    height: 20px;
    left: 20px;
}

#rulerY {
    width: 20px;
    top: 20px;
}

.ruler .cm span {
    color: #fff;
    font-size: 10px;
    top: 0;
    position: absolute;
    left: 1px;
}

#rulerY .ruler .cm span {
    top: -2px;
    right: 3px;
    width: 6px;
    left: auto;
    transform: rotate(90deg);
}

.ruler {
    position: relative;
    width: 70%;
    margin: 00px auto;
    height: 20px;
    overflow: hidden;
}

.ruler .cm,
.ruler .mm {
    position: absolute;
    border-left: 1px solid #fff;
    height: 20px;
    width: 10%;
    bottom: 0;
}

#rulerY .ruler {
    width: 20px;
}

#rulerY .ruler .cm,
#rulerY .ruler .mm {
    position: absolute;
    border-top: 1px solid #fff;
    width: 20px;
    left: 0;
    border-left: 0px;
}

.ruler .cm:after {
    position: absolute;
    bottom: -15px;
    font: 11px/1 sans-serif;
}

#rulerY .ruler .cm:after {
    left: -15px;
}

.ruler .mm {
    height: 5px;
}

.ruler .mm:nth-of-type(5) {
    height: 10px;
}

#rulerY .ruler .mm {
    width: 5px;
}

#rulerY .ruler .mm:nth-of-type(5) {
    width: 10px;
}

.ruler .mm:nth-of-type(1) {
    left: 10%;
}

.ruler .mm:nth-of-type(2) {
    left: 20%;
}

.ruler .mm:nth-of-type(3) {
    left: 30%;
}

.ruler .mm:nth-of-type(4) {
    left: 40%;
}

.ruler .mm:nth-of-type(5) {
    left: 50%;
}

.ruler .mm:nth-of-type(6) {
    left: 60%;
}

.ruler .mm:nth-of-type(7) {
    left: 70%;
}

.ruler .mm:nth-of-type(8) {
    left: 80%;
}

.ruler .mm:nth-of-type(9) {
    left: 90%;
}

.ruler .mm:nth-of-type(10) {
    left: 100%;
}

#rulerY .ruler .mm:nth-of-type(1) {
    top: 10%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(2) {
    top: 20%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(3) {
    top: 30%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(4) {
    top: 40%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(5) {
    top: 50%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(6) {
    top: 60%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(7) {
    top: 70%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(8) {
    top: 80%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(9) {
    top: 90%;
    left: unset;
}

#rulerY .ruler .mm:nth-of-type(10) {
    top: 100%;
    left: unset;
}

/* .bg-canvas-holder:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                background: #464646;
            } */
.bg-canvas-wrapper>.bg-canvas-holder>.canvas-container {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-bottom: 30px;
    max-width: 100%;
}

#bg_canvas {
    margin: 0 auto;
    display: block;
    /* background: rgba(0, 0, 0, 0) url(data:image/gif;base64,R0lGODlhJAAkAIAAAP///83NzSH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMTM2REE2MjcxNkIxMUU1OTZEMUE3MjBFNzk0Qjg0MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMTM2REE2MzcxNkIxMUU1OTZEMUE3MjBFNzk0Qjg0MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExMzZEQTYwNzE2QjExRTU5NkQxQTcyMEU3OTRCODQxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkExMzZEQTYxNzE2QjExRTU5NkQxQTcyMEU3OTRCODQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAACQAJAAAAlKMj3nA7d+UTLC+iYPdIE9ueRJYiQoJmRTqqAjbugYcyRrd2Xgu7/ZN+/l0OGGRGETuYMZk7/h0uoZRppLVtFaxV1SWu/V2SV9xmDwGldFnta0AADs=) repeat scroll left top; */
    /* background: rgba(0, 0, 0, 0) url('/cdn/shop/files/Editor_Bg_-_PNG.png?v=1724732980') repeat scroll -1px top; */
    /*background: rgba(0, 0, 0, 0) url('/cdn/shop/files/checkerboard-background-sticker.png?v=1782366894') repeat scroll center; 25/06/26 Update*/
   /* background: rgba(0, 0, 0, 0) url('/cdn/shop/files/bg_wall.jpg?v=1784787002') repeat scroll center;  */
    background: rgba(0, 0, 0, 0) url('/cdn/shop/files/Room_Wall_Only.jpg?v=1789969778') repeat scroll center;
   

     

    
}

.sticker-no-image-upload #bg_canvas{
     background: #ebe6e2 url('/cdn/shop/files/Room_Boy_Sticker.jpg?v=1789969687') no-repeat scroll center;
     background-size: 100%;
     /* background-size: auto; */
}


.bg-canvas-wrapper>.bg-canvas-holder>.canvas-container>canvas {
    /* max-width: 100% !important;
    width: auto !important;
    height: auto !important; */
        /* padding-top: 15px;
        top:55px !important; */
        
}

.bg-canvas-wrapper>.bg-canvas-holder>.canvas-container {
    max-width: 100%;
    margin: 0 auto;
    height: auto !important;
}

.bg-canvas-toolbar {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    margin-bottom: 0px;
    justify-content: center;
    align-items: center;
    background: #e7e7e7;
}

.single-image-upload {
    display: none;
}

/* button#single-image-upload-button {
    border-radius: 5px;
    min-width: auto;
    min-height: auto;
    display: inline-block;
    background: #0d6efd;
    border-color: #0d6efd;
    padding: 6px 10px;
    word-break: break-word;
    height: 30px;
    letter-spacing: 0;
} */
#single-image-upload-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #3d6cb3;
    border-radius: 8px;
    background: #63b0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#3d6cb3));
    background: -moz-linear-gradient(top, #63b0ff, #3d6cb3);
    background: linear-gradient(to bottom, #63b0ff, #3d6cb3);
    text-shadow: #264470 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0;
}

#single-image-upload-button:hover,
#single-image-upload-button:focus {
    border: 1px solid #4c87e0;
    background: #77d3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#77d3ff), to(#4982d7));
    background: -moz-linear-gradient(top, #77d3ff, #4982d7);
    background: linear-gradient(to bottom, #77d3ff, #4982d7);
    color: #ffffff;
    text-decoration: none;
}

#single-image-upload-button:active {
    background: #3d6cb3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6cb3), to(#3d6cb3));
    background: -moz-linear-gradient(top, #3d6cb3, #3d6cb3);
    background: linear-gradient(to bottom, #3d6cb3, #3d6cb3);
}



button#single-image-upload-button:before,
button#single-image-upload-button:after {
    display: none;
}

.bg-canvas-toolbar select.form-control:focus-visible,
#bgColorPicker:focus-visible {
    outline: unset;
    outline-offset: unset;
    box-shadow: unset;
}

.bg-canvas-toolbar select.form-control {
    height: 30px;
    padding: 0px 5px;
    border: 1px solid grey;
}

#addTextBtn {
    font-weight: 700;
    min-width: auto;
    min-height: auto;
    padding: 10px;
    height: 30px;
    width: 30px;
    background-size: contain;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
}

.bg-canvas-toolbar>div+div,
.text-sec-smallbtns.undo-redo,
.zoom-sec {
    /* padding-left: 10px; */
    position: relative;
}

.bg-canvas-toolbar>div+div::before,
.text-sec-smallbtns.undo-redo:before,
.zoom-sec:before {
    /* content: "";
    display: inline-block;
    width: 1px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    background: grey; */
}

.bg-canvas-toolbar .text-sec {
    display: flex;
    /* gap: 10px; */
    align-items: center;
}

select#canvasheightandwidth,
select#fontFamilySelect {
    appearance: auto;
    font-style: italic;
}

.text-sec-title {
    /* font-style: italic;
    font-weight: 700;
    text-transform: uppercase; */
    box-shadow: unset;
    line-height: normal;
}

.text-sec-color .clr-field button {
    left: 0;
}

input.bgColorPicker {
    max-width: 90px;
    height: 30px;
    padding: 5px 5px 5px 27px;
    border: 1px solid grey;
    border-radius: 0;
}

.text-sec-color .clr-field button {
    left: 6px;
    height: calc(100% - 14px);
    width: 16px;
}

.text-sec input[type=checkbox] {
    visibility: hidden;
    width: 0;
    height: 0;
    display: none;
}

.text-sec svg {
    width: 28px;
    height: 28px;
    border: 0px solid grey;
    border-radius: .25rem;
    padding: 6px 8px;
    vertical-align: middle;
}

.text-sec input:checked+label {
    background: #0d6efd;
    border-radius: .25rem;
}

/* .text-sec input:checked+label>svg {
    fill:  var(--secondary-black);
}
 */
.text-sec-smallbtns {
    display: flex;
    align-items: center;
}

.text-sec .text-sec-fontweight svg,.text-sec .text-sec-fontunderline svg,.text-sec .text-sec-fontstyle svg {
   border-radius: 3px;
    /* margin-right: -1px; */
    padding: 4px;
}

.text-sec .text-sec-fontweight input:checked+label {
    border-radius: 0.25rem 0 0 0.25rem;
}

.text-sec .text-sec-fontstyle svg {
    border-radius: 0;
    margin-right: -1px;
}

.text-sec .text-sec-fontstyle input:checked+label {
    border-radius: 0;
}

.text-sec .text-sec-fontunderline svg {
    border-radius: 0 0.25rem 0.25rem 0;
}

.text-sec .text-sec-fontunderline input:checked+label {
    border-radius: 0 0.25rem 0.25rem 0;
}

.text-sec input:checked+label {
    /* background: var(--primary-green); */
    border-radius: 8px !important;
        border-color: #1E3A5F;
    background: #F3F6FA;
    color: #1E3A5F;
}

.text-sec-smallbtns.undo-redo button.undo {
    margin-right: -1px;
}

.text-sec-smallbtns.undo-redo button.undo svg,
.zoom-sec .zoom-in svg {
    border-radius: 0.25rem 0 0 0.25rem;
}

.text-sec-smallbtns.undo-redo button.undo {
    margin-right: -1px;
}

.text-sec-smallbtns.undo-redo button.redo svg,
.zoom-sec .zoom-out svg {
    border-radius: 0 0.25rem 0.25rem 0;
}

.text-sec-smallbtns.undo-redo button,
.zoom-sec button {
    background: transparent;
    border-width: 0px;
    padding: 0;
}

.text-sec-smallbtns.undo-redo button:disabled svg {
    fill: grey;
}

.zoom-sec svg {
    stroke: black;
}

span.zoom-value {
    height: 30px;
    padding: 5px;
    border: 1px solid grey;
    margin: 0 -1px;
    min-width: 55px;
    line-height: normal;
    letter-spacing: 0;
}

select#fontFamilySelect {
    font-style: normal;
}

.imglist-item {
    position: relative;
    cursor: pointer;
}

.recent-upload-container {
    position: relative;
    top: unset;
    z-index: 999;
    height: auto;
    right: unset;
    margin-left: auto;
    background: #ededed;
    display: flex;
    margin-right: auto;
    padding: 20px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    gap: 10px;
    width: fit-content;
    flex-direction: row;
    align-items: center;
}

.recent-upload-data {
    overflow: hidden;
    max-width: 265px;
    width: auto;
    max-height: unset;
}

.recent-upload {
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
    position: relative;
    width: auto;
}

.canvas_add_replace_image {
    width: 75px;
    height: 75px;
    position: relative;
    border-radius: 5px;
    border: 0px solid #ced4da;
}

.imglist-item img {
    border-radius: 5px;
    background: #F6F8FA;
    padding: 0;
    display: block;
    min-height: 75px;
    max-height: 75px;
    width: 100%;
    object-fit: contain;
}

.imglist-item .canvas_remove_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 0px;
    padding: 2px;
    cursor: pointer;
    z-index: 1;
    background-color: #F44336;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.3s;
}

.imglist-item .canvas_remove_image::before,
.imglist-item .canvas_remove_image::after {
    content: "";
    display: block;
    height: 2px;
    background-color: #fff;
}

.imglist-item:hover .canvas_remove_image {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
}

.imglist-item .canvas_remove_image::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0px 3px;
    -moz-transform-origin: 0px 3px;
    transform-origin: 0px 3px;
}

.imglist-item .canvas_remove_image::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 8px 3px;
    -moz-transform-origin: 8px 3px;
    transform-origin: 8px 3px;
}

.recent-upload>.imglist-item>.canvas_add_replace_image:after {
    content: "";
    background: #000;
    opacity: .6;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 5px;
}

.recent-upload>.imglist-item:hover>.canvas_add_replace_image:after {
    position: absolute;
}

.recent-upload>.imglist-item>.canvas_add_replace_image:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 10px;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(-45deg) translate(0px, -10px) scale(0);
    -moz-transform: rotate(-45deg) translate(0px, -10px) scale(0);
    transform: rotate(-45deg) translate(0px, -10px) scale(0);
    z-index: 2;
}

.recent-upload>.imglist-item:hover>.canvas_add_replace_image:before,
.recent-upload>.imglist-item.active>.canvas_add_replace_image:before {
    border-color: #fff;
    -webkit-transform: rotate(-45deg) translate(0px, -10px) scale(1);
    -moz-transform: rotate(-45deg) translate(0px, -10px) scale(1);
    transform: rotate(-45deg) translate(0px, -10px) scale(1);
}

/* Background css */
input#bgImageUpload {
    display: none;
}

.sample-bg-images {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}

.sample-bg-image {
    max-width: 75px;
    max-height: 75px;
    background-size: cover;
    border: 1px solid #ced4da;
    overflow: hidden;
    border-radius: 0.25rem;
}

.sample-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.bg-image-upload-sec {
    display: flex;
    background: #e7e7e7;
    padding: 0;
    max-width: 100%;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
    border-top: 1px solid grey;
    justify-content: center;
    text-align: center;
    /* position: sticky; */
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    padding: 30px 15px;
}

/* button#bg-image-upload-button {
    color: #000;
    background: #fff;
    font-style: italic;
    border: white;
    font-size: 15px;
    min-width: auto;
    min-height: auto;
    padding: 10px 20px;
} */
#bg-image-upload-button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #3d6cb3;
    border-radius: 8px;
    background: #63b0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#3d6cb3));
    background: -moz-linear-gradient(top, #63b0ff, #3d6cb3);
    background: linear-gradient(to bottom, #63b0ff, #3d6cb3);
    text-shadow: #264470 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}

#bg-image-upload-button:hover,
#bg-image-upload-button:focus {
    border: 1px solid #4c87e0;
    background: #77d3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#77d3ff), to(#4982d7));
    background: -moz-linear-gradient(top, #77d3ff, #4982d7);
    background: linear-gradient(to bottom, #77d3ff, #4982d7);
    color: #ffffff;
    text-decoration: none;
}

#bg-image-upload-button:active {
    background: #3d6cb3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6cb3), to(#3d6cb3));
    background: -moz-linear-gradient(top, #3d6cb3, #3d6cb3);
    background: linear-gradient(to bottom, #3d6cb3, #3d6cb3);
}

.recent-upload-container button {
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #000;
    border-radius: 50%;
    position: relative;
    /* top: calc(50% - 10px); */
    padding: 0;
    /* position: relative; */
    /* position: absolute; */
    left: unset;
    /* z-index: 1; */
    flex: 0 0 20px;
    cursor: pointer;
}

.recent-upload-container button:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    background: transparent;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    top: calc(50% - 4px);
    left: calc(50% - 5px);
    transform: rotate(-45deg);
}

.recent-upload-container button.recent-upload-prev:before {
    transform: rotate(136deg);
    top: calc(50% - 4px);
    left: calc(50% - 3px);
}


/* Loader css */
.bg-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: rgb(0 0 0 / 15%);
    justify-content: center;
}

.bg-loader-btn {
    width: fit-content;
    height: fit-content;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    grid-gap: 5px;
    background: black;
    border-radius: 30px;
    padding: 5px 20px;
    color: #ffffff;
    font-weight: 600;
    min-height: 45px;
    min-width: 160px;
}

.bg-loader svg {
    height: 24px;
}

.bg-canvas-wrapper {
    position: relative;
}

/* button#add-to-cart-item {
    color: #000;
    background: #fff;
    font-style: italic;
    border: white;
    font-size: 15px;
    min-width: auto;
    min-height: auto;
    padding: 10px 20px;
} */
/* #add-to-cart-item {
    cursor: pointer;
    letter-spacing: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #3d6cb3;
    border-radius: 8px;
    background: #63b0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#3d6cb3));
    background: -moz-linear-gradient(top, #63b0ff, #3d6cb3);
    background: linear-gradient(to bottom, #63b0ff, #3d6cb3);
    text-shadow: #264470 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}

#add-to-cart-item:hover,
#add-to-cart-item:focus {
    border: 1px solid #4c87e0;
    background: #77d3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#77d3ff), to(#4982d7));
    background: -moz-linear-gradient(top, #77d3ff, #4982d7);
    background: linear-gradient(to bottom, #77d3ff, #4982d7);
    color: #ffffff;
    text-decoration: none;
}

#add-to-cart-item:active {
    background: #3d6cb3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6cb3), to(#3d6cb3));
    background: -moz-linear-gradient(top, #3d6cb3, #3d6cb3);
    background: linear-gradient(to bottom, #3d6cb3, #3d6cb3);
}

#add-to-cart-item:before {
    content: "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: -7px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEWElEQVRIidWUTWyVRRSG33Nm5iuWVihwW2wj/yIWBSH4k0AJ/iyIBl2aQGIwICYlJipBV4b4Q1gQWSiJUReS6AalCQqoMYUqUTQlUiEC1ZYWaTGkve293N779btzZ+a4kJpaCm7qwjeZxeQkz5Nz5mSA/zgEAMm7K8rVNL3QV6pfJj32vZtIAQ9tr0dIpCnM0G2s6J2JhAMAS5FYcn6eHxJcjucumnDBrW+fDRhwT/lT8eunimvjpgMHFkykgEZfPtm/f1UqlWq6fdbswEwxM8cAYmaOmTnPzDERxSGEmIhiIhoSkdhamzjn8iFIXiTESZKcWrp06RUA0KMFzrnWgfSA80FqRQQighACgvdw3sM7jxACJAQAgFIKrBhMDGIC0V9n8uTJfxz67ND8dU+uS3i0YP2GDdaWbLNzJSil9jHzVmYOSuvDSqltrNgByHrv30yKSV8ul8PV7NXmTCbTPpAeQLo/ne7v6z/Tc6lnRtEWKwDgHwIA8N4fiQsxro0lx8xg5ktGm5+NNsFEpjMqi3YbY9q11o6YNhHRbgAgoh0QNIiIK+QLuG5EAFBM7LEQcknVtKpGAI1ElBeRRhAalVZBICskSEZrzSIAnGvzwZcDgIi8QUxbReRv7nUdbN6yOV1Mkh/jOIZSfAxADTO3MrNl5gat9R5tNJsoet8Y/azSeiordYWIngPBikj9aN51AgAoWnskm8kAoHu11juJqJ6INDM9ysxLlFKITAQTRTBGIzKmT2t9nECDY1njCqy1X6T70xAJ0wB5gZmzRJQF8BqANcycB2GLUuoDrU2stFqhtDrPihcRUfhXQTw8fC6OC13ZTBbXHrmBmbcSMZRSrxLhLmZOtNa9Wqs6rc0+rTUiE20gomdGs9R4gpaWFjSsXHWniNxXXTMTRLSaCI+LoIqIaon4HhFZBqBcKVVFwFqAphBTnojugMgU7/yeg58f9ON2AADFYvHI5cu98N4DwHKA5jEziKgewHpmdsxsAaxXWsMYc0axmqO1honMuo2bNlpgnDUdSVJMvlPe5NrPn+tanKI+G7tsb6gctM7lkiQpWGuz1pbytlRKlpX9Zhfme3DUL0F/NB3MnIxwbigoDA/nHlye2vXQzC931tZeZSkBv5+sCMdLq/fKpAobRVEqispSK6tbn15cd3EW30K4rbsNJ36q/+ZC3ZJXAHQBYz67sSm1rXnL9diXJO0Q+h3c2WFg0O2derjjeQAotT+8IPSVfvXdRQ79Dr4jgVwp9flhVzf962530w4A4NPmfAXFUzG9rBpTuBJJzRA6LpycOVI/+kPBHWsphgeWrWJJBHPvn4WmDz8KL5d7DcABN9iikZzuKEuf7i5tlOq7OV1eh/0nz+Ngd3r7YDbTAQAnTke5zt7SI/lQOVvVzMe3Zy/gq3MX921r7Tw0wrjpiABgwZy5TxitX2TF2trSex3dXR+PqVcz8w6jVb3z4bj3flfnxe7kRrz/X/4E+soIcg3Q448AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
} */

/* Modal CSS */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 16px;
	border: 3px solid var(--primary-green);
	box-shadow: 5px 6px 0 0 var(--bg-grey);
	overflow: hidden;
	gap: 0px;
	background: #fff;
}
.modal-footer .btn {
	display: flex;
	padding: 8px 24px;
    height: 48px;
	justify-content: center;
	align-items: center;
	gap:10px;
	border-radius: 100px;
	border: 2px solid var(--primary-green);
	background: var(--primary-green);
	text-decoration: none;
    /* color: var(--white); */
	color: var(--secondary-black);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	    letter-spacing: 0;
	text-transform: unset;
	transition: all .2s;
	font-family: var(--primary-font);
	margin: 0;
    cursor:pointer;
}

.modal-footer .btn:hover {
	color: var(--white);
    border-color: var(--secondary-black);
    background: var(--secondary-black);
}

.modal-footer .btn.btn-gray{
    color:var(--secondary-black);
    border-color: #efefef;
    background:  #efefef ;
}

.modal-footer .btn.btn-gray:hover {
	color: var(--white);
    border-color: var(--secondary-black);
    background: var(--secondary-black);
}

.modal-footer .btn.btn-gray:hover .icon{
	    filter: invert(1);
}

.modal-footer .btn .icon{
    max-width:26px;
}
    .modal-footer .btn .icon img {
    width: 100%;
}
.modal-body {
	padding: 0px;
}
.cropper-text-b-fix{
        display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto 40px;
    gap: 5px;
    position: relative;
    font-size: var(--small-text-14);
    max-width: max-content;
}
.cropper-text-b-fix .icon{
    display: flex;
}
.cropper-text-b-fix:before{
     content: '';
    background-image: url("/cdn/shop/files/arrow.svg?v=1782984411");
    position: absolute;
        width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: -45px;
    bottom: 15px;
    display: none;
    /* transform: rotate(190deg); */
}

.modal-backdrop {
    position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	display: flex !important;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    /* align-items: center; */
    justify-content: space-between;
    padding: 25px 16px 16px;
    /* border-bottom: 1px solid #dee2e6; */
     border-bottom:none;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    gap:0px;
}
.modal-header .header-title-icon{
        /* position: relative;
    top: -8px; */
         position: relative;
    top: 0;
    max-width: 30px;
    background: #f1f3f5;
    border-radius: 5px;
    height: 28px;
    width: 28px;
    left: 0;
    /* display: flex; */
    display: none;
    align-items: center;
    justify-content: center;

}
.modal-header .header-title-icon img{
    /* width:36px; */
    width: 18px;
}
.modal-header h4 { 
	font-family: var(--secondary-font);
    margin-bottom: 10px;
    font-size: var(--standard-title-22);
    margin-top: 0px;
    line-height: normal;
    padding-left: 0;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
}
.modal-header p {
	font-family:var(--primary-font);
	font-size: var(--extra-small-text-12);
	font-style: normal;
	font-weight: var(--font-medium);
	color: var(--secondary-black);
    margin:0px;
    line-height:normal;
}
.modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
    cursor:pointer;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin: 0;
    font-size: 20px;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.cropper-image-wrap {
	max-height: 450px;
}

.cropper-container .cropper-canvas img {
	/* filter: brightness(0.4); */
        /* filter: brightness(1) opacity(0.9) grayscale(1); */
            opacity: 0.2 ;
    filter: grayscale(1);
}

.cropper-container.cropper-bg .cropper-crop-box {
	/* filter: brightness(1); */
}


.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
    margin: 0.25rem;
}
body .cropper-container .cropper-modal {
	background-color: rgba(0, 0, 0, .55) !important;
}

.heder-title-wrap {
    position: relative;
    /* padding-left: 15px; */
        flex: 1;
    text-align: center;
}
.heder-title-wrap .crop-model-heading6{
    border-radius: 30px;
    background: #edf6e7;
    max-width: max-content;
    font-size: var(--extra-small-text-12);
        justify-content: center;
    padding: 5px 15px;
    margin: 0 auto 10px;
    gap: 4px;
    /* color: var(--primary-green); */
    font-weight: 500;
    display: flex;
        font-weight: var(--font-semibold);
    color: #1e3a5f;
    /* font-size: 12.5px; */
}
.heder-title-wrap p {
 font-family: var(--primary-font);
    font-size: var(--extra-small-text-12);
    color: #6e7681;
}
.heder-title-wrap p  strong {
    font-weight: var(--font-semibold);
    color: #1a2330;
}

/* Remove grid */
.cropper-dashed,
.cropper-center {
	display: none !important;
}

/* Green crop border */
.cropper-view-box {
	outline: 2px solid #5E7F95 !important;
	outline-offset: 0;
}

/* Crop box border */
.cropper-crop-box {
	border: 2px solid #5E7F95 !important;
}

.cropper-point {
	width: 18px !important;
	height: 18px !important;
	background: #fff !important;
	border: 2px solid #10c38b !important;
	border-radius: 10px !important;
	opacity: 1 !important;
}

.cropper-point.point-n,
.cropper-point.point-s,
.cropper-point.point-e,
.cropper-point.point-w {
	/* width: 30px !important;
	height: 12px !important;
	background: #fff !important;
	border: 1px solid #fff !important;
	opacity: 1 !important;
	box-shadow: 0px 0px 0px 1px #000; */
        width: 36px !important;
    height: 18px !important;
    background: #fff !important;
    border: 2px solid #5E7F95 !important;
    opacity: 1 !important;
    box-shadow: none;
}

.cropper-point.point-n {
	top: -10px !important;
}

.cropper-point.point-s {
	bottom: -10px !important;
}

.cropper-point.point-e {
	right: -20px !important;
	transform: rotate(90deg);
}

.cropper-point.point-w {
	transform: rotate(90deg);
	left: -20px !important;
}

.crop-modal-footer {
	display: flex;
	/* justify-content: space-between; */
        justify-content: space-around;
	align-items: center;
	padding: 20px 15px;
	gap: 10px;
}

.crop-footer-links {
	display: flex;
	gap: 20px;
	margin: 0px;
}

.crop-footer-links a {
	color: #221f1a;
	text-decoration: underline;
	font-size: 14px;
}

.crop-footer-links a:hover {
	color: var(--primary-green);
}

/* Base handle styling */
.cropper-point {
	width: 24px !important;
	height: 24px !important;
	background: transparent !important;
	opacity: 1 !important;
}

/* Corner handles */
.cropper-point.point-ne,
.cropper-point.point-nw,
.cropper-point.point-se,
.cropper-point.point-sw {
	border: 2px solid #5E7F95 !important;
    height: 24px !important;
    width: 24px !important;
    border-radius: 8px !important;
     background: #fff !important;
}

/* Top Left */
.cropper-point.point-nw {

	/* border-top: 5px solid #fff !important;
	border-left: 5px solid #fff !important;
	box-shadow: -2px -2px 1px 1px #000, inset 2px 2px 0px 1px #000;
	height: 30px !important;
	width: 28px !important;
	border-radius: 10px 0px 0px 0px !important; */
	left: -10px !important;
	top: -10px !important;
}

/* Top Right */
.cropper-point.point-ne {
	/* border-top: 5px solid #fff !important;
	border-right: 5px solid #fff !important;
	box-shadow: inset -2px 2px 0px 1px #000, 2px -2px 0px 1px #000;
	height: 30px !important;
	width: 28px !important;
	border-radius: 0px 10px 0px 0px !important; */
	right: -10px !important;
	top: -10px !important;
}

/* Bottom Left */
.cropper-point.point-sw {
	/* border-bottom: 5px solid #fff !important;
	border-left: 5px solid #fff !important;
	box-shadow: -2px 2px 0px 1px #000, inset 2px -2px 0px 1px #000;
	height: 30px !important;
	width: 28px !important; 
    border-radius: 0px 0px 0px 10px !important;*/
	left: -10px !important;
	bottom: -10px !important;
	
}

/* Bottom Right */
.cropper-point.point-se {
	/* border-bottom: 5px solid #fff !important;
	border-right: 5px solid #fff !important;
	box-shadow: inset -2px -2px 0px 1px #000, 2px 2px 0px 1px #000;
	height: 30px !important;
	width: 28px !important;
    border-radius: 0px 0px 10px 0px !important; */
	right: -10px !important;
	bottom: -10px !important;
	
}



@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        /* max-width: 800px; */
        max-width: 850px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        /* max-width: 1140px; */
        max-width: 850px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.modal-fullscreen .modal-header {
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
}

.modal-fullscreen .modal-footer {
    border-radius: 0;
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/16px auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.modal-footer button.button {
    padding: 10px;
    min-width: auto;
    min-height: auto;
}

.text-sec-smallbtns label {
    display: flex;
}

.bg-canvas-toolbar select.form-control,
#addTextBtn,
#addTextBtn:before,
#addTextBtn:after,
input.bgColorPicker {
    border-radius: 5px;
}

.text-sec-smallbtns label,
#undo,
#redo,
#zoom-in,
#zoom-out {
    cursor: pointer;
}

#addTextBtn {
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: middle;
    /* padding: 12px 24px; */
    border: 1px solid #3d6cb3;
    border-radius: 30px;
    background-image: url(/cdn/shop/files/Text.png?v=1717587311);
    background-size: contain;
    background-repeat: no-repeat;
    background: #63b0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#3d6cb3));
    background: -moz-linear-gradient(top, #63b0ff, #3d6cb3);
    background: linear-gradient(to bottom, #63b0ff, #3d6cb3);
    text-shadow: #264470 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}

#addTextBtn:hover,
#addTextBtn:focus {
    border: 1px solid #4c87e0;
    background: #77d3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#77d3ff), to(#4982d7));
    background: -moz-linear-gradient(top, #77d3ff, #4982d7);
    background: linear-gradient(to bottom, #77d3ff, #4982d7);
    color: #ffffff;
    text-decoration: none;
}

#addTextBtn:active {
    background: #3d6cb3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6cb3), to(#3d6cb3));
    background: -moz-linear-gradient(top, #3d6cb3, #3d6cb3);
    background: linear-gradient(to bottom, #3d6cb3, #3d6cb3);
}

button#addTextBtn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/cdn/shop/files/Text.png?v=1717587311);
    background-size: 55%;
    position: absolute;
    top: 0;
    background-position: center;
    left: 0;
    background-repeat: no-repeat;
}

.addtocart-sec {
    display: flex;
    flex-direction: row;
    margin-left: 0;
    padding-left: 0;
    /* padding-left: 25px; */
    border-left: 0px solid grey;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    gap: 20px;
    flex: 0 0 315px;
    justify-content: center;
}

.text-sec input+label {
    background: white;
}

.text-sec-smallbtns.undo-redo button,
.zoom-sec button {
    background: white;
}

.bg-image-upload-sec-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 calc(100% - 350px);
    justify-content: center;
}

.bg-canvas-wrapper {
    border: 5px solid #cbc2c2;
}

.text-sec-smallbtns {
    gap: 10px;
}

span.banner-price {
    font-size: 25px;
}

#bg-image-upload-button {
    margin-left: 10px;
}

.sample-bg-images {
    margin-right: 20px;
}

.bg-image-upload-sec-wrap {
    justify-content: space-around;
}

.bg-canvas-toolbar {
    justify-content: space-around;
}

.single-image-upload-sec {
    margin-right: 20px;
    margin-left: 20px;
}

.sample-bg-image {
    width: 75px;
    height: 75px;
}

.recent-upload-container {
    margin-left: 10px;
    z-index: 1;
}

/* New design changes css */
.range-w-h-sec, .size-heightwidth-sec {
    display: flex;
    gap:10px 10px;
    align-items: center;
}
.size-slider-sec {
    display: flex;
    align-self: center;
}
/* Chrome, Safari, Edge, Opera */
.size-heightwidth-sec input::-webkit-outer-spin-button,
.size-heightwidth-sec input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.size-heightwidth-sec input[type=number] {
    -moz-appearance: textfield;
}
.size-heightwidth-sec input[type=number] {
    height: 38px;
    padding: 8px 10px;
    border: 1px solid grey;
    max-width: 45px;
    text-align: center;
}
.size-heightwidth-sec input:focus-visible {
    outline: unset;
    outline-offset: unset;
    box-shadow: unset;
}
.size-heightwidth-sec div {
    position: relative;
}
.size-heightwidth-sec span {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(-100% + 6px);
    font-style: italic;
}

.size-slider-sec input[type=range] {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none;
    /* creating a custom design */
    width: 260px;
    cursor: pointer;
    outline: none;
    border-radius: 15px;
    /*  overflow: hidden;  remove this line*/

    /* New additions */
    height: 8px;
    background: #1A2330;
        /* background: linear-gradient(to right, rgb(59 59 59) 50%, rgb(204, 204, 204) 50%); */
}

.size-sec.range-w-h-sec.bg-editor-imagesize{
        padding-top: 5px;
    /* border-top: 1px solid #E6E2D8; */
    /* border-bottom: 1px solid #E6E2D8; */
    padding-bottom: 0px;
}

.singleimage-uploadlabel{
      padding-bottom: 5px;
}
/* Thumb: webkit */
.size-slider-sec input[type=range]::-webkit-slider-thumb {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none;
    /* creating a custom design */
    height: 15px;
    width: 15px;
    /* background-color: white; */
    border-radius: 50%;
    border: none;

    /* box-shadow: -407px 0 0 400px #0d6efd; emove this line */
    transition: .2s ease-in-out;
    border: 1px solid var(--primary-green);
    box-shadow: none;
    background:var(--primary-green);
}

/* Thumb: Firefox */
.size-slider-sec input[type=range]::-moz-range-thumb {
    height: 15px;
    width: 15px;
    /* background-color: white; */
    border-radius: 50%;
    border: none;
    border: 1px solid var(--primary-green);
     box-shadow: none;
    background:var(--primary-green);

    /* box-shadow: -407px 0 0 400px #0d6efd; emove this line */
    transition: .2s ease-in-out;
}
button#rotateButton {
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
    padding: 0;
    vertical-align:bottom;
}
button#rotateButton img {
    width: 100%;
}
.text-sec-smallbtns:not(.undo-redo) {
    position: relative;
    padding-right: 10px;
}
.text-sec-smallbtns:not(.undo-redo):before {
    content: "";
    display: inline-block !important;
    width: 1px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background: grey;
}

.input-transform:before {
    display: none !important;
}
.bg-image-upload-sec.bg-canvas-toolbar {
    flex-direction: column;
}
.complete-transform {
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: middle;
    padding: 7.5px 9px;
    border: 1px solid #3d6cb3;
    border-radius: 30px;
    background-image: url(/cdn/shop/files/Text.png?v=1717587311);
    background-size: contain;
    background-repeat: no-repeat;
    background: #63b0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#63b0ff), to(#3d6cb3));
    background: -moz-linear-gradient(top, #63b0ff, #3d6cb3);
    background: linear-gradient(to bottom, #63b0ff, #3d6cb3);
    text-shadow: #264470 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.complete-transform svg.icon.icon-checkmark {
    width: 20px;
    font-size: 16px;
    padding: 0;
    height: 20px;
}
.input-transform {
    text-align:left;
}
.bg-canvas-toolbar .text-sec {
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 830px;
}
.complete-transform:hover,
.complete-transform:focus {
    border: 1px solid #4c87e0;
    background: #77d3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#77d3ff), to(#4982d7));
    background: -moz-linear-gradient(top, #77d3ff, #4982d7);
    background: linear-gradient(to bottom, #77d3ff, #4982d7);
    color: #ffffff;
    text-decoration: none;
}

.complete-transform:active {
    background: #3d6cb3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6cb3), to(#3d6cb3));
    background: -moz-linear-gradient(top, #3d6cb3, #3d6cb3);
    background: linear-gradient(to bottom, #3d6cb3, #3d6cb3);
}
#bg_canvas_texttransform:focus-visible {
    outline: 0;
    outline-offset: 0;
    box-shadow: unset;
}
input#bg_canvas_texttransform {
    height: 30px;
    padding: 7px;
    border: 1px solid grey;
    /* max-width: 45px; */
    text-align: left;
    border-radius: 3px;
}
input#bg_canvas_texttransform {
    width: 350px;
    height: 40px;
}
/* .bg-image-upload-sec.bg-canvas-toolbar .text-sec {
    display: flex;
    gap: 30px 10px;
    align-items: center;
} */
.bg-image-upload-sec.bg-canvas-toolbar .text-sec-smallbtns:not(.undo-redo):before {
  display: none !important;
}
.text-sec-smallbtns:not(.undo-redo) {
    position: relative;
    padding-right: 0px;
}
.text-sec-title {
  position: relative;
  padding-left: 10px;
}
.text-sec-title:before {
    /* content: "";
    display: inline-block!important;
    width: 1px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: 0;
    background: gray; */
}
/* .size-heightwidth-sec div {
    margin-right: 20px !important;
} */
.size-heightwidth-sec span.length {
    bottom: 0px !important;
    top: auto;
    right: -53%;
    width: auto;
    display: inline-block;
    line-height: normal;
    padding: 0;
}
/* Responsive */
@media only screen and (max-width: 1279px) {
    .single-image-upload-sec {
        margin-right: 10px;
        margin-left: 10px;
    }

    #single-image-upload-button {
        padding: 12px 20px;
    }

    .bg-image-upload-sec-wrap {
        flex: 0 0 calc(100% - 320px);
    }

    .addtocart-sec {
        flex: 0 0 315px;
    }
    .size-slider-sec input[type=range] {
        width: 230px;
    }
}

@media only screen and (max-width: 1199px) {
    .bg-canvas-toolbar .text-sec:before {
        display: none;
    }

    .bg-canvas-toolbar .text-sec {
        padding: 0;
    }

    .single-image-upload-sec {
        margin-right: 0;
        margin-left: 0;
    }

    .bg-canvas-toolbar {
        flex-wrap: wrap;
    }

    #bg-image-upload-button {
        margin-left: 0;
    }

    .sample-bg-images {
        margin-right: 0;
    }

    .addtocart-sec {
        flex: 0 0 300px;
        padding-left: 10px;
    }

    .bg-image-upload-sec-wrap {
        flex: 0 0 calc(100% - 370px);
        flex-wrap: wrap;
    }
    .size-slider-sec input[type=range] {
        width: 85px;
    }
}

@media only screen and (max-width: 1023px) {
    .bg-image-upload-sec-wrap {
        flex: 0 0 calc(100% - 300px);
    }
    .bg-canvas-toolbar {
        flex-wrap: wrap;
        justify-content: center;
    }
    .addtocart-sec:before {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .bg-canvas-toolbar {
        justify-content: center;
    }
    .addtocart-sec:before {
        display: none !important;
    }
    .bg-canvas-toolbar .text-sec {
        /* gap: 30px 10px; */
        flex-wrap: wrap;
        justify-content: center;
    }
    .bg-image-upload-sec {
        flex-wrap: wrap;
    }
    .text-sec-smallbtns:not(.undo-redo):before {
        display: none !important;
    }

    .bg-image-upload-sec-wrap,
    .addtocart-sec {
        flex: 0 0 100%;
    }

    .addtocart-sec {
        border-left: 0;
        /* padding-top: 20px; */
        padding-top: 0px;
        position: relative;
    }

    /* .addtocart-sec:before {
        display: none;
        width: 200px;
        margin: 0 auto;
        content: "";
        position: absolute;
        top: 5px;
        left: auto;
        right: auto;
        height: 1px;
        background: grey;
    } */

    select#fontFamilySelect {
        max-width: 150px;
    }

    .imglist-item .canvas_remove_image {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
}

@media only screen and (max-width: 767px) {
    .bg-image-upload-sec .input-transform {
        order: -2;
    }
    .bg-image-upload-sec .text-sec-textsize.range-w-h-sec {
        order: -1;
    }
    .bg-image-upload-sec.bg-canvas-toolbar .text-sec {
        gap: 20px 10px;
    }
    .bg-image-upload-sec .range-w-h-sec > span {
        line-height: normal;
        padding-bottom: 20px;
    }
    .bg-canvas-toolbar .text-sec {
        flex-wrap: wrap;
        justify-content: center;
    }
    .size-sec.range-w-h-sec:before {
        display: none;
    }
    .size-sec.range-w-h-sec {
        padding: 0;
        padding-top: 0px;
    }
}

@media only screen and (max-width: 599px) {
    .sample-bg-image {
        width: 65px;
        height: 65px;
    }
}

@media only screen and (max-width: 479px) {
    input#bg_canvas_texttransform {
        width: 220px;
        height: 40px;
    }
    .sample-bg-image {
        width: 50px;
        height: 50px;
    }

    .sample-bg-images {
        gap: 8px;
    }

    #single-image-upload-button {
        padding: 8px 9px;
        min-height: auto;
        font-size: 16px;
    }

    #add-to-cart-item,
    #bg-image-upload-button {
        font-size: 16px;
    }

    .recent-upload-container {
        margin-left: 0;
        z-index: 1;
        padding: 6px;
        gap: 0;
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
    .range-w-h-sec span {
        flex: 0 0 100%;
        /* padding-bottom: 10px; */
    }
    /* .range-w-h-sec,
    .size-heightwidth-sec {
        flex-wrap: wrap;
        justify-content: center;
    } */
    .size-sec.range-w-h-sec>span {
        padding-bottom: 5px;
        text-align: center;
    }
    .bg-canvas-toolbar .text-sec {
        /* gap: 20px 10px; */
    }
    .size-sec.range-w-h-sec {
        padding-top: 0;
    }
    .text-sec-smallbtns.undo-redo:before {
        display: none;
    }
    .text-sec-smallbtns.undo-redo {
        padding-left: 0;
    }
}

@media only screen and (max-width: 359px) {
    input#bg_canvas_texttransform {
        width: 190px;
        height: 40px;
    }
}

#uploadBtn {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}
/* KP - popup before blank add to cart */
.mypopup, .cartpopup, .textlimitpopup {
    display: none; /* Hidden by default */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black with opacity */
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.mypopup-content{
    background-color: var(--white);
    padding: 0px;
    border-radius: 16px;
    border: 3px solid var(--primary-green);
    max-width: 900px;
    text-align: center;
    position: relative;
    width:100%;
}
.mypopup-cnt-wrap {
    padding: 30px 30px 60px 30px;
    max-height: 710px;
    overflow-y: auto;
}
/* KP - popup before blank add to cart */
.cartpopup-content, .textlimitpopup-content {
    background-color: #fff;
    padding: 35px;
    border-radius: 10px;
    width: auto;
    text-align: center;
    position: relative;
    max-width: 400px;
}

.mypopup-content .image-container,
.textlimitpopup-content .image-container{
    display: flex;
    justify-content: space-around;
    margin-bottom: 0px;
    gap: 30px;
}

.icons {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.icons .wrong, .icons .correct {
    font-size: 24px;
    color: red;
}

.icons .correct {
    color: green;
}

/* mypopupClose button */
.mypopupclose{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

/* KP - popup before blank add to cart */
.cartpopupclose, .textlimitpopupclose {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    cursor: pointer;
    padding: 5px;
    width: 34px;
    height: 34px;
    line-height: 20px;
}

#uploadPhotoBtn {
   padding: 0;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;

}
.wrong {
    text-align: center;
    width: 80%;
 
}
.wrong ,.correct {
   position:relative;
  padding-bottom:55px;
}
.correct {
    text-align: center;
      width: calc(100% - 70%); 
}
.wrong > img, .correct> img {
    width: 55px;
    /* height: 40px; */
    /* margin-top: 10px; */
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 3;
    border-radius: 0;
    background-color: #FFF;
    display: flex;
    /* height: 72px; */
    padding: 10px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transform: translateX(-50%);
    object-fit: contain;
}
.wrong > div img {
    width: 100%;
    height: 100%;
    max-height:450px;
    object-fit: cover;
}
.correct > div img {
    width: 222px;
    height: 100%;
    max-height:450px;
    object-fit: cover;
}
.my-buttons {
    border:0;
    background:transparent;
}

.my-buttons:hover,
.my-buttons:focus {
    /* border: 1px solid #4c87e0;
    background: #77d3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#77d3ff), to(#4982d7));
    background: -moz-linear-gradient(top, #77d3ff, #4982d7);
    background: linear-gradient(to bottom, #77d3ff, #4982d7);
    color: #ffffff;
    text-decoration: none; */
}

.my-buttons:active {
    /* background: #3d6cb3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6cb3), to(#3d6cb3));
    background: -moz-linear-gradient(top, #3d6cb3, #3d6cb3);
    background: linear-gradient(to bottom, #3d6cb3, #3d6cb3); */
}



button.my-buttons:before,
button.my-buttons:after {
    display: none;
}
.mypopup-content p {
    color: #000;
    text-align: center;    
    font-style: normal;    
  padding-top:10px;
  margin-bottom:30px;
  margin-top:0;
  margin-left: auto;
    margin-right: auto;
      max-width: 710px;
  font-size:var(--large-text-18);
  line-height:27px;
  }


@media only screen and (max-width: 991px) {
  .correct{
    width:auto;
  }
    .mypopup-content {
        width: 80%;
    }
    .correct > div img {
        width: 175px;
        /* height: 312px; */
    }
    .wrong > div img {
        /* height: 312px; */
    }
    .correct>div img{
      height:100%;
    }
 
}
@media only screen and (max-width: 767px) {
    .image-container {
        gap: 35px;
    }
    .correct > div img {
        width: 141px;
        /* height: 250px; */
    }
    .wrong > div img {
        /* height: 250px; */
    }
}
@media only screen and (max-width: 639px) {
    .correct > div img {
        width: 110px;
        /* height: 200px; */
    }
    .wrong > div img {
        /* height: 200px; */
    }
    .correct {
        width: auto;
    }
   
}
@media only screen and (max-width: 479px) {
    .bg-loader-btn span {
        font-size: 1.3rem;
    }
    .correct > div img {
        width: 80px;
        /* height: 140px; */
    }
    .wrong > div img {
        /* height: 140px; */
    }
    .image-container {
        gap: 20px;
    }
   
}

.select-menu {
  /* max-width: 330px; */
  /* margin: 50px auto; */
  position: relative;
}
.select-menu .select-btn {
    display: flex;
    background: #fff;
    border: 1px solid #E6E2D8;
    border-radius: 8px;
    padding: 10px 12px;
    height: 40px;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    /* font-weight: var(--font-semibold); */
    color: #1a2330;
    font-family: var(--primary-font);
    font-size: var(--small-text-14);
    font-style: normal;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}
span.sBtn-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 125px;
    width: 110px;
    text-align: left;
}
.select-menu .options {
    top: 100%;
    margin-bottom: 5px;
  position: absolute;
  width: 100%;
  overflow-y: auto;
  max-height: 295px;
    max-height: 165px;
  padding: 10px 0px;
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  z-index: -1;
}
.select-menu .options .option {
  display: flex;
  height: 30px;
  cursor: pointer;
      padding: 8px 11px;
  border-radius: 8px;
  align-items: center;
  background: #fff;
}
.select-menu .select-btn .option-value,
.select-menu .options .option .option-value{
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    color:#1E3A5F;
    width:100%;
}
.select-menu .select-btn .option-value svg, 
.select-menu .options .option .option-value svg{
    max-width:18px;
    height:18px;
    width: 100%;
}

.select-menu .options .option:hover {
  background: #F3F6FA;
    border-radius: 0;
        /* font-weight: 600; */
}
.select-menu .options .option.active-option {
    font-weight: 600; 
        background: #f3f6fa;
    border-radius: 0;
}

.select-menu .options .option i {
  font-size: 25px;
  margin-right: 12px;
}
.select-menu .options .option .option-text {
  font-size: 16px;
  color: #1a2330;
  font-size: 14px;
  text-align: left;
  line-height: 1;

}

.select-btn i {
  font-size: 25px;
  transition: 0.3s;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;

}
i.bx.bx-chevron-down:before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}




/* k 3122024 */
div#bg-page-content-sec .bg-editor-rightpanel {
    max-width: 401px;
    width: 100%;
    background-color:var(--white);
    /* border-left: 1px solid #CCC; */
    /* padding:16px 16px; */
        padding: 13px 22px 18px;
    margin-left: auto;
}
div#bg-page-content-sec{
        /* max-width: 1180px; */
         max-width: 1238px;
    padding: 0 0px;
    margin: 0 auto;
}
div#bg-page-content-sec .bg-editor-warp {
    border: 5px solid #cbc2c2;    
    width: 100%;
    display: flex;    
    border-radius: 16px;
    border: 3px solid var(--primary-green);
    box-shadow: 8px 8px 0px 0px var(--bg-grey);
    overflow:hidden;
}
div#bg-page-content-sec .bg-editor-canvas {
    /* width: calc(100% - 360px); */
}
div#bg-page-content-sec .bg-canvas-leftpanel{
    width: calc(100% - 360px);
        max-width: 835px;
         /* width: 850px; */
}

div#bg-page-content-sec .bg-editor-toolbar {
    flex-direction: column;
    background: transparent;
    border:0;
    padding:0;
}
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec div {
    position: relative;
    /* flex: 1; */
}
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec input[type=number]{
  max-width: fit-content;
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec {
    max-width: 100%;
}
div#bg-page-content-sec .range-w-h-sec,div#bg-page-content-sec .size-heightwidth-sec,div#bg-page-content-sec  .size-slider-sec{
  flex-direction: column;
  width:100%;
}
.bg-editor-warp .bg-editor-text-toolbar, .bg-editor-warp .bg-editor-toolbar {
    background: transparent;
    border:0;
}
.single-image-upload-sec.bg-editor-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin: 0;
    background: #fff;
}
.single-image-upload-sec.bg-editor-upload:after{
    background:url(/cdn/shop/files/img-upload.svg?v=1733220334);
    content:"";
    position:absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);    
    top: 20px;
}
.single-image-upload-sec.bg-editor-upload input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.single-image-upload-sec.bg-editor-upload  #single-image-upload-button{
    display: flex;
    padding: 50px 16px 20px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px dashed var(--border-grey);
    background: transparent;
    color: var(--grey-light);
    text-align: center;
    font-family: var(--primary-font);
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: var(--font-medium);
    line-height: 120%; /* 16.8px */
    text-shadow:none;
    box-shadow:none;
    width: 100%;
    height: 85px;
    z-index: 1;
}

span.single-image-upload-bgremoved {
    position: absolute;
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%;
    background: transparent;
    color: var(--grey-light);
    font-size: var(--extra-small-text-12);
    bottom: 18px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
}
.bg-editor-imageheading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    width: 100%;
  
    align-items: center;
    /* flex-flow: wrap-reverse; */
    gap: 0;
    flex-flow: wrap;
}
#ck_popup_open {
   border-bottom: 1px solid #6e7681;
    margin-left: auto;
    text-align: center;
    font-family: var(--primary-font);
    font-size: 12.5px;
    font-style: normal;
    line-height: 120%;
    text-decoration: unset;
    text-underline-offset: 3px;
    padding: 0;
    background-color: var(--white);
    border-radius: 0;
    color: #6e7681;
}
a#ck_popup_open img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.subhead {
    text-align: center;
}
.size-slider-sec.bg-editor-imgslider {
    width: 100%;
}
.size-slider-sec input[type=range]{
    width:100%;
}
.bg-editor-imageheading a {
    display: inline-flex;
}
.size-heightwidth-sec {
    flex-direction: row !important;
    margin-top: 0px;
}

div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec div span.length {
    position: absolute;
    z-index: 2;
    right: 60%;
    top: 50%;
    transform:translateY(-50%);   
   
}
div#bg-page-content-sec .bg-editor-rightpanel .size-height-sec >  span,
div#bg-page-content-sec .bg-editor-rightpanel .size-width-sec  >  span{
     position: absolute;
     z-index: 0;
     right: 10px;
     top: 50%;
     width: auto;
     transform: translateY(-50%);    
}
#bg-page-content-sec .bg-editor-rightpanel .accordion-body .editor-decoration-selection-wrap.bg-editor-decoration-toolbar-wrap{
        display: flex;
    flex-direction: column;
    gap: 5px;
}
#bg-page-content-sec .bg-editor-rightpanel .accordion-body .editor-decoration-selection-wrap.bg-editor-decoration-toolbar-wrap .decoration_options_wrapper button.adddecorationbtn{
    margin-bottom:10px;
}

#bg-page-content-sec .bg-editor-rightpanel .accordion-body .editor-decoration-selection-wrap.bg-editor-decoration-toolbar-wrap .range-w-h-sec{
    gap:15px;
}

div#bg-page-content-sec .editor-decoration-selection-wrap .decoration_options .form-control,
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec input[type=number]{
    border-radius: 8px;
    border: 1px solid #E6E2D8;
    height:38px;
    width: 100%;
    max-width: 100%;
}
div#bg-page-content-sec .editor-decoration-selection-wrap .decoration_options .form-control,
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec input[type=number],
div#bg-page-content-sec .bg-editor-rightpanel .size-height-sec >  span,
div#bg-page-content-sec .bg-editor-rightpanel .size-width-sec  >  span,
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec div span.length{
    text-align: left;
    color: var(--grey-light);  
    font-family: var(--primary-font);
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: var(--font-medium);
    line-height: 140%;
}
div#bg-page-content-sec .editor-decoration-selection-wrap .decoration_options {
    padding-bottom: 5px;
}
.size-height-sec.bg-editor-imgheight {
    position: relative;
}
.bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar {
    padding: 16px 0 0 0;
    border-top: 1px solid var(--border-grey);
    margin-top: 16px;
    border-bottom: 1px solid var(--border-grey);
}
div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap,
div#bg-page-content-sec .bg-image-upload-sec .text-sec {
    max-width: 100%;
    width: 100%;
    display:flex;
    gap:13px 10px;
    flex-direction:column;
}
div#bg-page-content-sec .bg-editor-toolbar{
    margin-bottom:0px;
    gap:8px 5px;
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec input#bg_canvas_texttransform {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #E6E2D8;
    height: 42px;
        padding: 10px 12px;
    color:#1A2330;  
    font-family: var(--primary-font);
    font-size: var(--small-text-14);
    font-style: normal;
}

div#bg-page-content-sec .bg-image-upload-sec .text-sec .input-transform.editor-text-input.bg-editor-textinput .text-btn-wrap{
    display:flex;
    gap:8px;

}
div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton {
    height: auto;
    width: auto;
    position: relative;
       top: 0;
    right: 0;
   padding: 9px 14px;
    margin: 0;
    border: 1px solid #1E3A5F;
    background: #fff;
    border-radius: 8px;
    font-size: 13px;
    transition: all .3s ease;
    text-shadow: unset;
    font-weight: var(--font-semibold);
    color: #1E3A5F;
        font-family: var(--primary-font);
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton:hover,
div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton:focus {
       color: #1e3a5f;
    background: #F3F6FA;
    border: 1px solid #1E3A5F;
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton:active{
   
    border: 1px solid var(--primary-green);
    background: #f7fdfb;
    color: #222;
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton svg{
  display:none;
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec .input-transform.editor-text-input.bg-editor-textinput {
    position: relative;
    width: 100%;
}
div#bg-page-content-sec .bg-image-upload-sec .text-sec .select-btn {
    width: 100%;
}
.editor-font-selection-wrap.bg-editor-font-toolbar-wrap {
    width: 100%;
}
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec  div span:first-child{
    text-transform:uppercase !important;
}

div#bg-page-content-sec .bg-editor-rightpanel label {
    /* color: var(--secondary-black); */
    color: #1A2330;
    text-align: left;
    font-size: var(--small-text-14);
    /* font-size: var(--small-text-16); */
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%; /* 14px */
    display: block;
    margin-bottom: 0px;
    padding-left:0;
}
div#bg-page-content-sec .bg-editor-rightpanel input::placeholder{
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: var(--font-medium);
     color: var(--grey-light);
   line-height: 19.6px;
  font-family:var(--primary-font)
}
.editor-font-selection-wrap.bg-editor-font-toolbar-wrap {
        padding: 16px 0;
    border-top: 1px solid #ccc;
    margin-top: 16px;
}
.editor-font-selection-cntss {
    padding-top: 16px;
    border-top: 1px solid #ccc;
    margin-top: 16px;
}
.bg-editor-fontselect .select-menu {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.bg-editor-fontselect .select-menu .select-btn {
    max-width: 100%;
    border-radius: 8px;
    padding: 10px 12px;
        border: 1px solid #E6E2D8;
    height: 40px;
    box-shadow: none;
}

.bg-editor-fontselect .select-menu .select-btn  span.sBtn-text {
    color: var(--grey-light);    
    font-family: var(--primary-font);
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: var(--font-medium);
    line-height:var(--lh-19);
}
.editor-color-selection-cnt {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
    /* padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #C7C7C7; */
}

.bgColorPicker-container input.bgColorPicker {
    max-width: 120px;
    padding: 10px 12px 10px 32px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #E6E2D8;
    color: #666;
    text-align: center;
    font-family: "Montserrat BBM";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    cursor: pointer;
}

.bgColorPicker-container .text-sec-smallbtns.bg-editor-font-stylebtn label {
    margin-bottom: 0 !important;
}
.bgColorPicker-container .text-sec-color .clr-field button {
    left: 10px;
    height: calc(100% - 21px);
    width: 18px;
    border-radius: 3px;
}
.editor-decoration-selection-cnt .size-slider-sec,
.editor-fontsize-selection-cnt .size-slider-sec {
    width: 100%;
}

.editor-fontsize-selection-cnt .text-sec-textsize.range-w-h-sec span {   
    display: block;
    width: 100%;
    text-align: left;
     color: var(--secondary-black);
    text-align: left;
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
}
.editor-price-addtocart-wrap .editor-price-cnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#bg-page-content-sec .bg-editor-rightpanel label.editor-price-label,div#bg-page-content-sec .text-sec-smallbtns.bg-editor-font-stylebtn label {
    margin: 0;
}
button#add-to-cart-item {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.text-sec-color .clr-field button {
    left: 10px;
    height: calc(100% - 22px);
    width: 18px;
    border-radius: 3px;
}
.addtocart-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
.editor-price-cnt  span.banner-price {
    color: var(--secondary-black);    
    font-size: 28px;
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%; /* 28px */
}
.editor-price-addtocart-wrap {
    padding-top: 12px;
}
.bg-editor-imageheading label{
  margin:0 !important;
}

#get-started {
    padding: 40px 20px 80px;
    background: var(--light-orange);
    max-width: 100%;
    /* margin-top: -58px; */
    margin-top:30px;
}
#get-started  h2.title{
  margin-top:0;
  margin-bottom:10px;
}
#get-started  .subhead p{
 margin-top:0px;

  margin-bottom:40px;
}
div#bg-page-content-sec .bg-editor-rightpanel .size-height-sec span:first-child,
div#bg-page-content-sec .bg-editor-rightpanel .size-width-sec span:first-child{
  font-weight:var(--font-semibold);
}
.cartpopup-content, .textlimitpopup-content  {
    border-radius: 16px;
    border: 3px solid var(--primary-green);
}
.cartpopup-content , .textlimitpopup-content {
    border-radius: 16px;
    border: 3px solid var(--primary-green);
}

span.cartpopupclose,.mypopupclose , span.textlimitpopupclose {
    position: absolute;
    right: -20px;
    top: -20px;
    background: url(/cdn/shop/files/fi_x.svg?v=1733392826);
    font-size: 0;
    height: 44px;
    width: 44px;
    background-repeat: no-repeat;
    border: 3px solid var(--black);
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    background-size: 24px;
    background-position: center center;
}
span.cartpopupclose:hover,
.mypopupclose:hover,
.textlimitpopupclose:hover {
  border-color:var(--primary-green);
}
.wrong>div,.correct>div{
  height:100%;
}
.wrong>div img{
    /* height: 328px; */
    object-fit: cover;
    border-radius: 8px;
}
.correct>div img {
    width: 222px;
    /* height: 328px; */
    object-fit: cover;
     border-radius: 8px;
    object-position:top;
}
.correct>div img,
.wrong>div img{
  height:400px;
}
.bg-loader .bg-loader-btn {
    border-radius: 100px;
    border: 2px solid var(--secondary-black);
    background: var(--primary-green);
    color: var(--secondary-black);
    font-family: var(--primary-font);
    font-size: var(--regular-text-16);
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 100% */
    letter-spacing: 0.32px;
    text-transform: uppercase;
    position: relative;
      /* text-transform: initial; */
  padding: 16px 24px;
}
.bg-loader svg path + path{
    fill:var(--secondary-black);
}
.bg-loader svg > g > path{
    stroke:var(--secondary-black);
}
.bg-loader .bg-loader-btn svg {
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid var(--secondary-black);    
    position: absolute;
    bottom: 80%;
    background: var(--white);
    padding: 5px;
}

.singleimage-uploadlabel,
.addtocart-info {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    padding-top: 16px;
    line-height: 12px;
}
.singleimage-uploadlabel{
    padding-top:0px;
    padding-bottom:0px;
}
.singleimage-uploadlabel span.singleimage-uploadinfo-txt,
.size-heightwidth-label span.heightwidth-info-txt,
.addtocart-info span.addtocart-info-txt {
    /* color: var(--secondary-black); */
    color: #222222;
    text-align: center;
    font-family: var(--primary-font);
    font-size: var(--extra-small-text-12) !important;
    font-style: normal;
    font-weight: var(--font-medium);   
}


/* 12/06/26 New Updates */ 

.canvas-view-toggle-wrap{
    display: flex;
    /* position: absolute; */
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 10px 15px;
    z-index: 1;
    border-bottom: 1px solid #e6e2d8;
}
.canvas-view-toggle{
    display: flex;
    border-radius: 10px;
    border: 1px solid var(--border-grey);    
    overflow:hidden;
}
.canvas-view-toggle-label{
    /* color: gray; */
    color: #1E3A5F;
    text-align: left;
    font-size: var(--regular-text-16);
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%;
}
.canvas-view-toggle-label.desktop-view{ display: flex;flex:1;}
.canvas-view-toggle-label.mob-view{  display:none; }

.canvas-view-toggle-wrap .togglebtn {
    padding: 8px 10px;
    color: gray;
    text-align: left;
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: var(--font-semibold);
        font-family: var(--primary-font);
    line-height: normal;
    display: flex;
    background: transparent;
    border: 0;
    margin: 0;
    cursor: pointer;
    flex-flow:wrap;
    position:relative;
    position: relative;
    flex-flow: column;
    padding-left: 35px;
}
.canvas-view-toggle-wrap .togglebtn small{
    display:block;
    /* width:100%; */
}
.canvas-view-toggle-wrap .togglebtn img{
    width:14px;
    height:14px;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    object-fit:contain;
}
/* .canvas-view-toggle-wrap .togglebtn:hover, */
.canvas-view-toggle-wrap .togglebtn.active{    background: var(--primary-green); color:var(--black);  font-weight:600;}
.canvas-view-toggle-wrap .togglebtn.active img{
        filter: brightness(0.5);
}

.bg-canvas-holder .canvas-editor-note{
    position: absolute;
    top: 15px;
    z-index: 1;
    left: 15px;
    padding: 15px 15px 15px 55px;
    background: #fff;
       color: #1A2330;
    text-align: left;
    font-size:12.5px;
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%;
    border-radius: 10px;
        color: #1A2330;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
        border: 1px solid #E6E2D8;
    display: flex;
    align-items: center;
}
.bg-canvas-holder .canvas-editor-note a{
    color: var(--primary-green);
    text-align: left;
     font-size:12.5px;
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%;
    text-decoration:none;
}
.bg-canvas-holder .canvas-editor-note a img{
        position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    left: 10px;
    object-fit: contain;
    transform: translateY(-50%);
}
.canvas-editor-note:before{
    content: "";
    left: 20px;
    width: 8px;
    height: 8px;
    display: flex;
    background: var(--primary-green);
    border-radius: 50px;
    position: absolute;
    display:none;
}
.bg-canvas-holder .canvas-editor-note small{
        display: block;
        margin-top: 5px;
        color:#6E7681;
            font-size: 11.5px;
            font-weight:normal;
}
div#bg-page-content-sec .bg-editor-rightpanel label span.greennumber,
.bg-editor-rightpanel .span.greennumber{
   display: inline-flex;
    width: 24px;
    height: 24px;
    max-width:24px;
    justify-content: center;
    border-radius: 50px;
    background: #1E3A5F;
    color: #fff;
    font-size: 12.5px;
    line-height: normal;
    font-style: normal;
    font-weight: var(--font-normal);
    align-items: center;
    margin-right: 10px;
    border: none;
    vertical-align: middle;
    
}
div#bg-page-content-sec .bg-editor-rightpanel label{
    display: flex;
    align-items: center;
    width: 100%;
}
div#bg-page-content-sec .bg-editor-rightpanel .text-size-title label,
div#bg-page-content-sec .bg-editor-rightpanel .image-size-label label{
        color: #6E7681;
    font-size: 12.5px;
    font-weight: var(--font-semibold);
}

.single-image-upload-sec.bg-editor-upload:after{display:none;}
.single-image-upload-sec.bg-editor-upload #single-image-upload-button{
    border: 2px dashed var(--primary-green);
        height: 70px;
    padding: 5px 16px 20px;
    font-size: var(--small-text-14);
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%;
    color: var(--primary-green);
    background: rgb(8 195 128 / 5%);
}
.bg-canvas-toolbar{
    align-items: self-start;
}



.singleimage-uploadlabel span.singleimage-uploadinfo-txt{    color:#6E7681;}
.singleimage-uploadlabel span.singleimage-uploadinfo-txt strong{    font-weight: var(--font-semibold);color:#1A2330;}
.bg-canvas-holder.bg-editor-canvas.wall-view #bg_canvas{
    background: #f3ecde url(/cdn/shop/files/Room.png?v=1783414236) no-repeat center;
    background-size: contain;
    background-position: bottom;
}
.bg-canvas-holder.bg-editor-canvas.page-started-wall-view #bg_canvas{
       background: rgba(0, 0, 0, 0) url('/cdn/shop/files/Final_Bg.png?v=1783333620');
       background-size: contain;
    background-position: bottom;
}
div#bg-page-content-sec .bg-editor-canvas.no-upload-image canvas{
    position:relative !important;
}

#bg_canvas,
.canvas-container,
.canvas-container .upper-canvas {
    /* max-width:776px !important;
    max-height:776px !important; */
    
}


div#bg-page-content-sec .bg-editor-warp{
    gap:20px;
    border-radius: unset;
    border:none;
        box-shadow: none;
}
div#bg-page-content-sec .bg-canvas-leftpanel{
    border-radius: 16px;
    border: 2px solid var(--primary-green);
    overflow: clip;
}
div#bg-page-content-sec .bg-editor-rightpanel{
    border-radius: 16px;
    border: 2px solid var(--border-grey);
    overflow: clip;
}

div#bg-page-content-sec .bg-editor-rightpanel .accordion #headingTwo .accordion-button:after{
    display:none;
}

div#bg-page-content-sec .bg-editor-rightpanel .accordion.accordion-wrapper{
    /* overflow:hidden;
    max-height:700px */
}


div#bg-page-content-sec .editor-price-addtocart-wrap .editor-price-cnt {
    padding: 15px 16px;
    background: rgba(8, 195, 128, 0.05);
    gap: 10px;
    border-radius: 10px;
    border: 2px solid var(--primary-green);
    overflow: clip;
}
div#bg-page-content-sec .editor-price-addtocart-wrap button#add-to-cart-item{ width: 100%;    box-shadow: 0 4px 14px rgba(14, 159, 110, .35);    border-radius: 12px;}
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt{
    border: none;
    color: var(--secondary-black);
    width: 100%;
}

div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo{
    color: var(--secondary-black);
    text-align: left;
     font-size: var(--extra-small-text-12);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;    
    padding: 0px;
        margin-top: 10px;
    position:relative;
    color:#666666;
}
div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo strong{ 
    /* color: var(--secondary-black); */
    color: #222222;
    font-weight: var(--font-semibold);
}

div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo:before {
    content: "";
    left: 0;
    bottom:6px;
    width: 20px;
    height: 20px;
    display: none;
    background-image: url(/cdn/shop/files/secuirity.svg?v=1781846861);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo a {
    text-decoration: none;
    /* font-weight: var(--font-semibold); */
    color: #1A2330;
        padding-left: 0px;
        line-height:normal;
        text-decoration: underline;
    text-underline-offset: 2px;
}
div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo .icon-info{
        position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 7px;
}
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec input[type=number]{
    font-weight: var(--font-semibold);    
    color:#1A2330;
}
div#bg-page-content-sec .bg-editor-rightpanel .bgColorPicker-container label,
div#bg-page-content-sec .bg-editor-rightpanel .text-ssec-fontselect label,
div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec label{
    color: #6E7681;
    font-size: var(--extra-small-text-12);
    font-weight: var(--font-normal);
        margin-bottom: 4px;
}
div#bg-page-content-sec .editor-font-selection-cntss,
div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap,
div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar{
    border:none;
    margin: 0;
    padding-top:0px;
    padding-bottom:0px;
}
div#bg-page-content-sec .editor-price-addtocart-wrap{
    padding-top:0px;
}
div#bg-page-content-sec .editor-price-addtocart-wrap .editor-price-cnt span.money {
    color: var(--secondary-black);
    font-size: var(--lh-28);
    font-style: normal;
    font-weight: var(--font-black);
    line-height: var(--lh-33);
    font-family: var(--primary-font);
}
div#bg-page-content-sec .editor-price-addtocart-wrap .editor-price-cnt .editor-price-label{
    color: gray;
    font-size: var(--extra-small-text-12);
}
div#bg-page-content-sec .editor-fontsize-selection-cnt .size-slider-sec{
    padding-top: 5px;
    padding-bottom: 5px;
}
div#bg-page-content-sec .size-heightwidth-label{
    display:none;
}
div#bg-page-content-sec .addtocart-wrapper {
    margin-top: 10px;
}
div#bg-page-content-sec .bg-editor-rightpanel .size-height-sec>span,
div#bg-page-content-sec .bg-editor-rightpanel .size-width-sec>span{
    transform: unset;
       font-size: 12px;
    color: #6E7681;
    font-weight:normal;
}
.bg-editor-fontselect .select-menu .select-btn span.sBtn-text,
div#bg-page-content-sec .bg-image-upload-sec .text-sec input#bg_canvas_texttransform{
     font-weight:400;
    color: #1A2330;
}
,
div#bg-page-content-sec .bg-image-upload-sec .text-sec input#bg_canvas_texttransform::placeholder{
        color: #6e7681;
}
div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap .editor-font-selection-cntss{
    display: flex;
    gap: 8px;
    justify-content:space-between;
}
div#bg-page-content-sec .bgColorPicker-container input.bgColorPicker{
      max-width: 35px;
    padding: 0;
    font-size: 0;
    width: 35px;
    height: 35px;
}
div#bg-page-content-sec .editor-color-selection-cnt {
    margin-top: 0;
    gap: 5px;
    align-items: flex-end;
        justify-content: flex-end;
}
div#bg-page-content-sec .editor-color-selection-cnt .clr-field {
    display: flex;
}
div#bg-page-content-sec .editor-color-selection-cnt .clr-field button {
    left: 10px;
    height: 15px;
    width: 15px;
    border-radius: 3px;
}
div#bg-page-content-sec .editor-color-selection-cnt label{
       margin: 0;
    width: 100%;
}
div#bg-page-content-sec .editor-color-selection-cnt label svg {
        width: 100%;
    height: 100%;
    padding: 10px;
    cursor:pointer;
}
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontweight,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontstyle,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontunderline{
    height: 30px;
    width:30px;
    display:flex;
    align-items:center;
        border-radius: 8px;
    /* border: 1px solid #E6E2D8; */
        overflow: hidden;
}
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontweight label,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontstyle label,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontunderline label{
        border: 1px solid #E6E2D8;
         border-radius: 8px;
           overflow: hidden;
}

div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontweight input:checked+label,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontstyle input:checked+label,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontunderline input:checked+label,

div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontweight:hover label,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontstyle:hover label,
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontunderline:hover label
{
        border-radius: 8px !important;
    border-color: #1e3a5f !important;
    background: #f3f6fa;
    color: #1e3a5f !important;
}

div#bg-page-content-sec .bg-editor-rightpanel .size-sec.range-w-h-sec.bg-editor-imagesize label.steptitle,
div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap .size-sec.range-w-h-sec.bg-editor-imagesize .steptitle{
    margin-bottom:4px;
}

.singleimage-uploadlabel span.singleimage-uploadinfo-txt{    
    text-align: start;
    /* line-height: 1.2; */
    line-height: 16px;
}

.singleimage-uploadlabel.delivery-date-label  {
    margin-top: 5px;
        justify-content: flex-start;
}
.singleimage-uploadlabel.delivery-date-label span#shipping-date-range {
    /* font-weight: var(--font-semibold); */
    /* color: var(--secondary-black); */
    color: #1A2330;
}

.singleimage-uploadlabel.delivery-date-label img{
    width:20px;
    height:20px;
    object-fit:contain;
}

 div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar {
        /* border-bottom: 1px solid #E6E2D8; */
    padding-bottom: 0px;
}

/* 12/06/26 New Updates End*/  


div#bg-page-content-sec .size-heightwidth-sec svg{
        width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    vertical-align: middle;
    position: relative;
    top: 8px;
    max-width: 15px;
}

div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap .editor-font-selection-cntss .editor-font-selection-cnt.bg-editor-font-toolbar-cnt {
    width:100%;
}

@media(max-width:1800px){
  .mypopup-cnt-wrap{
        padding: 30px 30px 20px;
  }

 
}

@media (max-width:1250px){
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo,
    .singleimage-uploadlabel span.singleimage-uploadinfo-txt,
     .size-heightwidth-label span.heightwidth-info-txt, 
     .addtocart-info span.addtocart-info-txt{
        font-size:12px !important;
    }

}
@media(max-width:1180px){
  .mypopup-cnt-wrap {
    padding: 20px 20px 20px;
    max-height: 588px;
    overflow-y: auto;
  }
  .addtocart-wrapper{
        margin-top: 0px;
  }
  div#bg-page-content-sec{
    max-width: max-content;
  }
  div#bg-page-content-sec .bg-editor-warp{
    flex-direction:column;
    /* width:70%; */
    gap: 0;         /* 12/06/26 New Update*/ 
  }
  div#bg-page-content-sec .bg-editor-canvas {
    width: 100%;
  }
  div#bg-page-content-sec .bg-editor-rightpanel {
    max-width: 100%;
  }
  div#bg-page-content-sec .range-w-h-sec, div#bg-page-content-sec .size-heightwidth-sec , div#bg-page-content-sec  .size-slider-sec {
    flex-direction: row;
    width: 100%;
  }
  .editor-fontsize-selection-cnt .text-sec-textsize.range-w-h-sec span{
    flex: 16%;
  }
  div#bg-page-content-sec .bg-editor-rightpanel label.editor-price-label {
    display: none;
  }
  .editor-price-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .editor-font-selection-wrap.bg-editor-font-toolbar-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
    border-top: 0;
    margin-top: 0;
    padding-top:10px;
    row-gap:0;
  }
  .editor-font-selection-cnt.bg-editor-font-toolbar-cnt,.editor-color-selection-cnt{
    width: 49%;
  }
  .editor-color-selection-cnt {
    width: 49%;
    margin: 0;
    border: 0;
    padding: 0;
    align-self: end;
    justify-content: end;
    gap:10px;
  }
  .editor-fontsize-selection-cnt {
    width: 100%;
    border-top: 1px solid var(--border-grey);
    padding-top: 10px;
  }
  .editor-font-selection-cntss {
    display: flex;
    justify-content: space-between;
    width: 100%;
      padding-top: 10px;
    border-top: 1px solid var(--border-grey);
    margin-top: 10px;
  }
  div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton{
        /* width: 30px;
        height: 30px;
        padding: 2px;
    top:34px; */
    /* top: 39px; */
  }
  .complete-transform svg.icon.icon-checkmark {
    width: 16px;
    font-size: 16px;
    padding: 0;
    height: 16px;
  }
  div#bg-page-content-sec .bg-image-upload-sec .text-sec input#bg_canvas_texttransform{
    height:50px;
    padding-right: 65px;
  }
  div#bg-page-content-sec .bg-image-upload-sec .text-sec input#bg_canvas_texttransform,
  .bg-editor-fontselect .select-menu .select-btn span.sBtn-text,
  div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec input[type=number]{
    font-size: var(--regular-text-16); /*Apply for avoid iPhone taping issue, applyid minimum 16px font size*/
  }
  .editor-fontsize-selection-cnt .text-sec-textsize.range-w-h-sec span {       
        padding: 0;
    }
  div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec div span.length{
        left: 40px;
        right: auto;
  }
  /* 12/06/26 New Updates Start*/  


  div#bg-page-content-sec .bg-editor-rightpanel label.editor-price-label {
    display: flex;
  }
    div#bg-page-content-sec .bg-canvas-leftpanel {
        border-radius: 16px 16px 0px 0px;
        border-bottom: 0;
    }
    div#bg-page-content-sec .bg-editor-rightpanel{
        border-radius: 0px 0px 16px 16px;
        border-top: 0;
                overflow: hidden;
        padding-bottom: 100px;
    }
    .bg-canvas-holder .canvas-editor-note{
        /* max-width: calc(100% - 15px);
        left: 0;
        right: 0px;
        top: 15px;
        margin: 0 auto; */
        font-size: var(--extra-small-text-12);
        /* padding: 5px 10px 5px 20px; */
    }
    .bg-canvas-holder .canvas-editor-note a{
        font-size: var(--extra-small-text-12);
    }
    .canvas-editor-note:before{
        left: 8px;
    }
    /* .canvas-view-toggle-wrap .togglebtn{
            padding: 6px 10px;
    } */
    .canvas-view-toggle-wrap {
        padding: 5px 10px;
    }
    .canvas-view-toggle-wrap.extra-space{    
            padding: 5px 10px;
        }
    .bg-canvas-wrapper>.bg-canvas-holder>.canvas-container>canvas {
        /* padding-top: 15px; */
        /* top: 40px !important; */
    }
     div#bg-page-content-sec .range-w-h-sec, div#bg-page-content-sec .size-heightwidth-sec , div#bg-page-content-sec  .size-slider-sec{
                flex-direction: column;
        width: 100%;
    }
   
    .editor-fontsize-selection-cnt {
        border-top: none;
        padding-top: 0;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap .editor-price-cnt {
        padding: 0px;
        background: transparent;
        gap: 0px;
        border: none;
        overflow: clip;
        flex-direction: column-reverse;
        align-items: self-start;
        flex: 1;
                border-radius: 0;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap .editor-price-cnt span.money {
        font-size: var(--lh-22);
        line-height: var(--lh-24);
    }
    .editor-price-wrap {
        gap: 15px;
        align-items: flex-start;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap .editor-price-cnt .editor-price-label{
        font-size:10px;
    }
    div#bg-page-content-sec .addtocart-wrapper {
        margin-top: 0;
        flex: auto;
        width: max-content;
        justify-content: flex-end;
    }

    div#bg-page-content-sec .editor-price-addtocart-wrap button#add-to-cart-item {
        width: auto;
        /* max-width: 220px; */
    }
    /* div#bg-page-content-sec .editor-price-addtocart-wrap{
        padding: 10px 15px;
        position: absolute;
        width: 99%;
        left: 0;
        right: 0;
        background: #fff;
        bottom: 2px;
        border-radius: 0 0 16px 16px;
        margin: auto;
        border-top: 1px solid var(--border-grey);
        box-shadow: 0px -2px 8px -1px rgb(0 0 0 / 20%);
    } */
     div#bg-page-content-sec .bg-canvas-leftpanel{
        width: 100%;
    }



    .canvas-container,
    .upper-canvas,
    .lower-canvas,
    canvas {
        /* touch-action: pan-y !important; */
        /* touch-action: pinch-zoom; */
        touch-action: manipulation !important;
    }


  /* 12/06/26 New Updates End*/  
}
@media(max-width:991px){
  .correct>div img, .wrong>div img{
            height: 97.9%;
  }
  #get-started{
    margin-top: 0px;
  }
  .editor-fontsize-selection-cnt .text-sec-textsize.range-w-h-sec span{
      flex: 24%;
  }
   .mypopup-content .image-container{
  gap: 20px;
    /* flex-direction: column;
    justify-content: center;
    align-items: center; */

  }
  span.cartpopupclose, .mypopupclose , .textlimitpopupclose{
    right: -10px;
    top: -7px;
    height: 34px;
    width: 34px;
  }
  .mypopup-content p{
     font-size:var( --regular-text-16);
  line-height:var( --lh-19);
  letter-spacing:0;
  }
  
  .crop-footer-links {
		        gap: 2px;
        flex-wrap: wrap;
        flex-direction: column;
             width: max-content;
        flex: 1;
	}
    .modal-header .header-title-icon{
    left: 0px;}
    .modal-header .header-title-icon img {
        /* width: 24px; */
    }
    .modal-header h4{
    padding-left: 0px;}

    .crop-footer-links.mid-btn {
        flex: 1;
        max-width: 100%;
    }
	.crop-modal-footer {
		        gap: 10px 10px;
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: space-between;
	}
    .crop-footer-links.end-btn {
        width: 100%;
        max-width: 100%;
                flex: auto;
    }

	.crop-footer-links a {
		font-size: 12px;
		line-height: 16px;
		font-weight: 500;
	}

	.modal-footer .btn {
		min-width: 115px;
		padding: 8px 10px;
		font-size: 14px;
		line-height: 14px;
	}
    .modal-footer .btn .icon{
        max-width:20px;
        min-width:20px;
    }
       .modal-footer .btn .icon img {
        width: 100%;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap{
        padding-top:15px;
    }
    .heder-title-wrap {
        padding-left: 0;
    }
}
@media(max-width:767px){
  .mypopup-content {
        width: 90%;
    }
    /* .editor-font-selection-cnt.bg-editor-font-toolbar-cnt, .editor-color-selection-cnt {
        width: 100%;
    } */
    #get-started {
      padding: 40px 20px;
    }
  .editor-color-selection-cnt{
    justify-content: space-between;
  }
  .editor-fontsize-selection-cnt .text-sec-textsize.range-w-h-sec span {
        flex: 28%;
        padding: 0;
    }
  .single-image-upload-sec.bg-editor-upload:after{
       top: 50%;
        transform: translateY(-50%);
        left: 16%;
  }
  .bg-image-upload-sec.bg-canvas-toolbar .text-sec {
        gap: 0;
    }
  .single-image-upload-sec.bg-editor-upload #single-image-upload-button{
        padding: 11px 16px 11px 30%;
        height: 40px;
        align-items: self-start;       
        justify-content: center;
  }
  div#bg-page-content-sec .bg-editor-rightpanel .size-heightwidth-sec div span.length{
    left:32px;
  }
  .editor-fontsize-selection-cnt .size-slider-sec{
    padding-top: 20px;
  }
  .text-sec-textsize.range-w-h-sec > span:first-child {
    position: absolute;
    top: 0;
    width: auto;
  }
  .bg-image-upload-sec .text-sec-textsize.range-w-h-sec{
    position:relative;
  }
  .editor-font-selection-wrap.bg-editor-font-toolbar-wrap{
            /* flex-wrap: nowrap; */
        gap: 6px;
        justify-content: start;
    row-gap:0px;
  }
  .editor-font-selection-cnt.bg-editor-font-toolbar-cnt, .editor-color-selection-cnt {
        width: 49%;
    }
    #get-started .subhead p {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar{
    padding: 10px 0 0;   
    margin-top: 10px;
  }

  /* 12/06/26 New Updates Start*/  
  .single-image-upload-sec.bg-editor-upload #single-image-upload-button {
        padding: 5px 15px 15px 15px;
        height: 70px;
        align-items: center;
        justify-content: center;
    }
    

  /* 12/06/26 New Updates End*/
    
    #bg_canvas,
    .canvas-container,
    .canvas-container .upper-canvas {
        max-width:100% !important;
        max-height:100% !important;
        
    }
    div#bg-page-content-sec .editor-color-selection-cnt label svg{
            padding: 8px;
    }
}
@media(max-width:575px){
  .editor-color-selection-cnt {
    width: 64%;
  }
  .editor-font-selection-cntss {
    position: relative;
    padding-top: 30px;
  }
   div#bg-page-content-sec .bg-image-upload-sec .text-sec input#bg_canvas_texttransform {
        height: 44px;      
        padding: 10px;
    }
  .size-slider-sec.bg-editor-imgslider, .size-slider-sec input[type=range],.editor-fontsize-selection-cnt .size-slider-sec{
    width:120px;
  }
    .editor-font-selection-wrap.bg-editor-font-toolbar-wrap label.text-sec-title {
    position: absolute;
    top: 10px;
  } 
  .bg-canvas-holder .canvas-editor-note small{
            margin-top: 2px;
    }
  
  .editor-font-selection-wrap.bg-editor-font-toolbar-wrap {
      position: relative;
      /* padding-top: 33px;    */
      row-gap: 0px;
      padding-bottom:10px;
    /* margin-top:10px; */
  }
  
  .editor-font-selection-cnt.bg-editor-font-toolbar-cnt {
      width: 34%;
  }
  .editor-color-selection-cnt{
    gap:6px;
  }
  .select-menu .options {
    width: 80vw;
    max-height: 135px;
  }
  .text-sec-smallbtns {
    gap: 0px;
  }
  .text-sec svg{
    /* width: 20px;
    height: 20px;
    padding:4px; */
  }
  .cartpopup-content, .textlimitpopup-content {
        max-width: 85%;
    padding: 20px;
  }
  .correct>div img{
        width: 100px;
  }
      .correct>div img, .wrong>div img {
        height: 179px;
    }
  .bg-loader-btn span {
    font-size: 12px;
    letter-spacing: 0;
  }
  .bg-loader .bg-loader-btn{
        padding: 16px 10px;
  }
  /* 12/06/26 New Updates Start*/  
    div#bg-page-content-sec .bg-image-upload-sec .text-sec button#deactivateButton {
        /* top: 37px; */
    }
    .size-slider-sec.bg-editor-imgslider, .size-slider-sec input[type=range], .editor-fontsize-selection-cnt .size-slider-sec {
        width: 100%;
    }
        .editor-font-selection-cnt.bg-editor-font-toolbar-cnt {
        width:50%;
    }
  /* 12/06/26 New Updates End*/ 
  
  

	.cropper-image-wrap {
		max-height: 250px;
	}

	.cropper-crop-box {
		/* overflow: hidden; */
	}

	.cropper-point.point-ne {
		/* border-top: 8px solid #fff !important;
		border-right: 8px solid #fff !important;
		height: 40px !important;
		width: 28px !important;
		right: -3px !important;
		top: -4px !important; */
	}

	.cropper-point.point-sw {
		/* border-bottom: 8px solid #fff !important;
		border-left: 8px solid #fff !important;
		width: 28px !important;
        height: 40px !important;
		left: -3px !important;
		bottom: -4px !important; */
	}


	.cropper-point.point-nw {
		/* border-top: 8px solid #fff !important;
		border-left: 8px solid #fff !important;
		height: 40px !important;
		width: 28px !important;
		left: -3px !important;
		top: -4px !important; */
	}

	.cropper-point.point-se {
		/* border-bottom: 8px solid #fff !important;
		border-right: 8px solid #fff !important;
		height: 40px !important;
		width: 28px !important;
		right: -3px !important;
		bottom: -4px !important; */

	}

	.cropper-point.point-n,
	.cropper-point.point-s,
	.cropper-point.point-e,
	.cropper-point.point-w {
		/* width: 34px !important;
		height:16px !important;
		background: #fff !important;
		border: 1px solid #000 !important;
		border-radius: 10px !important;
		box-shadow: none; */
	}

	.cropper-point.point-n {
		/* top: -9px !important;*/
		margin-left: -16px !important; 
	}

	.cropper-point.point-s {
		/* bottom: -9px !important;*/
		margin-left: -16px !important; 

	}

	.cropper-point.point-e {
		/* right: -17px !important;
		margin-top: -5px !important; */
	}

	.cropper-point.point-w {
		/* left: -17px !important;
		margin-top: -5px !important; */
	}
    .canvas-view-toggle-wrap .togglebtn{
        max-width: max-content;
        width: max-content;
    }
   div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo .icon-info svg{
    max-width:12px;
   }
  
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo,
    .singleimage-uploadlabel span.singleimage-uploadinfo-txt,
    .size-heightwidth-label span.heightwidth-info-txt,
    .addtocart-info span.addtocart-info-txt{
        font-size: 13px !important;
        line-height: normal;
    }
}

@media(max-width:420px){
    div#bg-page-content-sec .bg-editor-rightpanel .size-height-sec>span, div#bg-page-content-sec .bg-editor-rightpanel .size-width-sec>span{
    right:7px;
  }
  .range-w-h-sec, .size-heightwidth-sec{
    gap:6px 6px;
  }
  .bgColorPicker-container input.bgColorPicker {
    max-width: 111px;
  }
  div#bg-page-content-sec .bg-editor-rightpanel{
        padding-bottom: 120px;
    }
  .editor-price-wrap{
    /* flex-direction: column; */
        gap: 6px;
  }
  .size-slider-sec.bg-editor-imgslider, .size-slider-sec input[type=range], .editor-fontsize-selection-cnt .size-slider-sec{
            width: 70px;
  }
  .bgColorPicker-container input.bgColorPicker{
        max-width: 70px;
  }
  .correct>div img {
        width: 80px;
    }
  .correct>div img, .wrong>div img {
      height: 143px;
    }
   div#bg-page-content-sec .primay_btn span.start_crt_txt{
    padding: 14px 10px;
  }
  div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo a{
        /* display: flex; */
    padding-left: 0;
  }
 
  div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo,
  .singleimage-uploadlabel span.singleimage-uploadinfo-txt,
  .size-heightwidth-label span.heightwidth-info-txt,
  .addtocart-info span.addtocart-info-txt{
    font-size: 11px !important;
    line-height: normal;
  }
  .bg-loader-btn span {
    font-size: 11px;
  }
    /* 12/06/26 New Updates Start*/ 
    .size-slider-sec.bg-editor-imgslider, .size-slider-sec input[type=range], .editor-fontsize-selection-cnt .size-slider-sec {
        width: 100%;
    }


  /* 12/06/26 New Updates End*/  
  .canvas-view-toggle-wrap .togglebtn{
        padding: 8px 10px 8px 30px;
            font-size: var(--extra-small-text-12);
  }
}



/*====================================================
 29-06-2026  css start
 =====================================================*/
div#bg-page-content-sec .bg-editor-warp {
    gap: 0;
    /* border: 2px solid var(--primary-green); */
        box-shadow: 0 8px 30px rgba(30, 58, 95, .08);
        border: 1px solid #e6e2d8;
    border-radius: 16px;

}
.bg-editor-rightpanel .image-size-label,
.bg-editor-rightpanel .text-size-title {
    width: 100%;
}
.bg-editor-rightpanel .image-size-label *, .bg-editor-rightpanel .text-size-title * {
    margin-bottom: 0 !important;
}
div#bg-page-content-sec .bg-canvas-leftpanel {
    border-radius:0;
    border: 0px solid var(--primary-green);
}
div#bg-page-content-sec .bg-editor-rightpanel{
    border-radius:0;
    border: 0px solid #e6e2d8;
    border-left-width:1px;
}
.bg-canvas-holder .canvas-editor-note:after {
    content: '';
    /* background-image: url("data:image/svg+xml,%3Csvg width='60' height='45' viewBox='0 0 60 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2054_1826)'%3E%3Cpath d='M52.935 41.2576C52.738 40.0662 52.5691 38.9218 52.3439 37.7961C50.4112 27.9462 45.8045 19.5691 38.505 12.6835C31.0179 5.61972 22.1047 1.57657 11.9249 0.328915C8.34081 -0.111986 4.74738 -0.0932242 1.16333 0.310153C0.52533 0.3852 0.168797 0.666626 0.0468292 1.20133C-0.122055 1.93304 0.300148 2.42085 1.06012 2.37394C2.87091 2.26137 4.6817 2.08314 6.49249 2.07376C26.2235 1.98933 41.7419 14.5972 47.9812 30.1694C49.3885 33.6685 50.3267 37.2895 50.8146 41.0231C50.8334 41.1826 50.8428 41.3327 50.8522 41.4921C50.8522 41.5109 50.824 41.539 50.7771 41.6047C49.9515 40.9574 49.1258 40.3195 48.3095 39.6816C47.0242 38.6779 45.7482 37.6835 44.4722 36.6798C44.05 36.342 43.609 36.2482 43.1305 36.5203C42.4362 36.9049 42.3705 37.6272 42.9991 38.115C45.5324 40.1038 48.075 42.0831 50.6082 44.0625C50.9272 44.3158 51.2368 44.5784 51.584 44.7942C52.1188 45.1413 52.5973 45.0569 52.9819 44.5597C55.2149 41.7079 57.4479 38.8561 59.6809 35.995C60.0656 35.5165 60.0938 35.0662 59.8123 34.616C59.4182 33.9781 58.7427 33.9124 58.2736 34.5034C57.1289 35.948 55.9937 37.4021 54.8584 38.8561C54.3142 39.5409 53.7794 40.2351 53.2353 40.9199C53.1508 41.0231 53.057 41.1169 52.935 41.2576Z' fill='%2var(--secondary-black)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2054_1826'%3E%3Crect width='60' height='45' fill='white' transform='matrix(-1 0 0 1 60 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    width: 60px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 226px;
    top: 50%; */
        background-image: url(/cdn/shop/files/arrow-green-upload-2.svg?v=1784892249);
    position: absolute;
    width: 91px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 50px;
    top: 110%;
    z-index: 11;
    /* transform: rotate3d(130, -90, 0, 190deg); */
}
.single-image-upload-sec.bg-editor-upload #single-image-upload-button {
    /* display: grid;
    grid-template-columns: 32px 1fr;
    grid-template-areas: "icon title" "icon subtitle";
    text-align: left; */

   text-align: left;
    align-items: baseline;
    padding: 12px 14px 12px 55px;
    /* color: #000; */
    height: 67px;
    gap: 6px;
}
.single-image-upload-sec.bg-editor-upload #single-image-upload-button img{
    width:30px;
    height:30px;
    object-fit:contain;
    /* grid-area: icon; */
    position: absolute;
    left:14px;
}
.single-image-upload-sec.bg-editor-upload #single-image-upload-button span.single-image-upload-bgremoved{
    position: static;
    text-align: left;
    display: block;
    margin: 0;
    color:#6E7681;
        font-size: 12.5px;
        font-weight:400;
}
span.singleimage-uploadinfo-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    
}
div#bg-page-content-sec .size-heightwidth-sec img{
    margin-top:18px;
}
.imgheightwidth-label {
        border: none;
        width: 100%;
    border-radius: 9px;
    background: #EDF6E7;
    height: 32px;
    display: flex;
}

div#bg-page-content-sec .imgheightwidth-label label {
    font-size: var(--extra-small-text-12);
       font-size: 12.5px;
    justify-content: center;
    padding: 8px;
    margin: 0;
    gap: 4px;
    color: #1A2330;
    font-weight: 400;
}

div#bg-page-content-sec .imgheightwidth-label label strong {
    font-weight: var(--font-semibold);
    /* color: var(--secondary-black); */
     color: #1E3A5F;
    
}
div#bg-page-content-sec .imgheightwidth-label label strong span.money{
    font-weight: var(--font-semibold);
     color: #1E3A5F;
      font-size: 12.5px;
    
}
/* .singleimage-uploadlabel.delivery-date-label span#shipping-date-range{
    font-weight: 600;
} */
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt {
    /* color: var(--secondary-black) !important;
    border: 2px solid var(--secondary-black) !important;
    font-weight: var(--font-medium); */
}
.cart__blocks p.totals__total-value, span.money {
     font-size: 16px;
    font-weight: var(--font-semibold);
}
div#bg-page-content-sec .bg-editor-rightpanel {
    display: flex;
    flex-flow: column;
    /* justify-content: space-evenly; */
    padding: 0;
}
div#bg-page-content-sec .bg-editor-rightpanel .accordian-sticky-part{
        padding: 0 20px 15px;
    flex: 1;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
div#bg-page-content-sec .bg-editor-rightpanel .accordion-item{
    border-radius: 0;
    border: none;
}

div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt img{
    display:none;
}

div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt:hover,
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt:hover .money {
    color: var(--white) !important;
}
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt:hover img {
        filter: invert(1);
}
div#bg-page-content-sec .editor-color-selection-cnt {
    gap: 0 6px;
}   
div#bg-page-content-sec .editor-color-selection-cnt .bgColorPicker-container label {
   margin-bottom: 10px;
}
div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontweight {
    /* border-radius: 10px 0 0 10px;
    border-right: 0; */
}

div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontstyle {
    /* border-radius: 0;
    border-right: 0; */
}

div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontunderline {
    /* border-radius: 0 10px 10px 0; */
}

 div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt span.money {
    font-size: 16px;
    font-weight: 600;
    transition:all 0.2s;
    /* color:#fff; */
}
div#bg-page-content-sec .bg-editor-rightpanel .bg-editor-imagesize .steptitle {
    width: 100%;
}
div#bg-page-content-sec .bg-editor-rightpanel .bg-editor-imageheading label {
    width: auto;
}
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt img {
    width: 32px;
    height: 32px;
    transition:all 0.2s
}
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt {
    gap: 10px;
    padding: 15px;
    border-radius: 12px;
    font-size:16.5px;
    font-weight:600;
    text-transform: capitalize;
        height: 52px;
}
div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt strong{
    font-weight:600;
}

div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar button#addanotherline,
div#bg-page-content-sec button.adddecorationbtn {
        padding: 4px 0;
       text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 13px;
    font-style: normal;
        font-weight: var(--font-semibold);
    line-height: 100%;
    color: #1E3A5F;
    background:transparent;
    border-radius: 0px;
    width: max-content;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    font-family: var(--primary-font);
    transition: all .3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    border:none;
        margin-top: 3px;
            margin-bottom: 4px;
}
div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar button#addanotherline:hover,
div#bg-page-content-sec button.adddecorationbtn:hover{
        background:transparent;       
         color: var(--primary-green);
}
div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar button#addanotherline .icon-plus,
div#bg-page-content-sec button.adddecorationbtn .icon-plus {
        display: flex;
}
div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar button#addanotherline .icon-plus svg,
div#bg-page-content-sec button.adddecorationbtn .icon-plus svg{
    padding: 0;
    width: 18px;
    height: auto;
    border: none;
    color: var(--primary-green);
}
div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar button#addanotherline:hover .icon-plus svg,
div#bg-page-content-sec button.adddecorationbtn:hover .icon-plus svg{
    color: #fff;
}

div#bg-page-content-sec .bg-image-upload-sec .text-sec .input-transform.editor-text-input.bg-editor-textinput{
    /* border-bottom:1px solid #C7C7C7; */
    padding-bottom:0px;
}
.text-sec input[type=checkbox][disabled] + label{
        opacity: 0.2;
    background: gray;
    pointer-events: none;
}

div#bg-page-content-sec .editor-color-selection-cnt  .clr-field button:before{
    color: #23578a;
}

@media (min-width:768px){
    div#bg-page-content-sec .editor-color-selection-cnt .clr-field button {
    overflow: visible;
    }
    div#bg-page-content-sec .editor-color-selection-cnt .bgColorPicker-container {
        margin-right: 0px;
    }
    div#bg-page-content-sec .bgColorPicker-container input.bgColorPicker {
        max-width: 55px;
        width: 55px;
    }
    div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontweight, div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontstyle, div#bg-page-content-sec .editor-color-selection-cnt .text-sec-fontunderline {
        height: 36px;
        width: 36px;
    }
    .clr-field button::before {
        position: absolute;
        left: auto;
        right: -20px;
        z-index: 9;
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        border-bottom: 2px solid;
        border-left: 2px solid;
        transform: rotate(-45deg);
        top: 3px;
    }
    .primay_btn span.start_crt_txt {
        font-size: 16px;
    }
    /* div#bg-page-content-sec .editor-color-selection-cnt .clr-field:focus .clr-field button:before {
        transform: rotate(135deg);
    } */
    div#bg-page-content-sec .bg-editor-rightpanel .steptitle {
        font-size: 15px !important;
        font-weight: var(--font-semibold);
        font-family: var(--bs-body-font-family);
        margin-bottom:0px;   
        cursor:pointer; 
        /* color:#1E3A5F; */
    }
}
#bg-page-content-sec .bg-editor-rightpanel .accordion-button{
    /* background: #edf6e7; */
    background: #fff;
    box-shadow: none;
    outline: none;
    border-radius: 0;
    padding: 15px 20px;
    z-index:0;
}
#bg-page-content-sec .bg-editor-rightpanel #headingOne .accordion-button{
        background: #fff;
        /**/
}
#bg-page-content-sec .bg-editor-rightpanel #headingOne .accordion-button:not(.collapsed){
     background: #F5F7FA;
}
#bg-page-content-sec .bg-editor-rightpanel #headingTwo .accordion-button{
        border-top: 1px solid #e6e2d8;
        pointer-events: none;
        background: #F5F7FA;
         pointer-events: none; 
}
#bg-page-content-sec .bg-editor-rightpanel #headingThree .accordion-button{
        border-top: 1px solid #e6e2d8;
          border-bottom: 1px solid #e6e2d8;
}



#bg-page-content-sec .bg-editor-rightpanel .accordion-button:after{
    background-image: unset;
    background-repeat: no-repeat;
    background-size: unset;
    transition: var(--bs-accordion-btn-icon-transition);
    position: absolute;
    left: auto;
    right: 26px;
    z-index: 9;
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    color: #23578a;
    top: unset;
}

#bg-page-content-sec .bg-editor-rightpanel .accordion-button:focus{
    box-shadow:unset;
}
#bg-page-content-sec .bg-editor-rightpanel .accordion-body{
    padding: 14px 20px 18px;
}
#bg-page-content-sec .bg-editor-rightpanel .accordion-button:not(.collapsed){
    /* background: var(--primary-green); */
        background: #F5F7FA;
    /* color: #1E3A5F; */
    border-color:#F5F7FA;
}
#bg-page-content-sec .bg-editor-rightpanel .accordion-button:not(.collapsed) .steptitle{
     color: #1E3A5F;
}

#bg-page-content-sec .bg-editor-rightpanel .accordion-button:not(.collapsed):after{
        transform: rotate(135deg);
}

.bg-canvas-holder .canvas-editor-note{
    padding:0;
}
.bg-canvas-holder .canvas-editor-note a{
           padding: 9px 13px 9px 45px;
}


canvas  #rulerX .ruler .cm span,
canvas  #rulerY .ruler .cm span {
    font-family: var(--secondary-font) !important;
      font-size: 16px !important;
}

.bg-canvas-holder .canvas-sticker-note{
    position: absolute;
    bottom: 16px;
    z-index: 1;
    left: 0;
    right: 0;
    margin:auto;
    /* padding: 10px;
    align-items: center;
    font-weight:normal;
    margin: auto;
    text-align: center;
    justify-content: center;
    font-style: normal;   
    line-height: 100%;
    background: transparent;
    color: var(--grey-light);
    font-size: var(--extra-small-text-12); 08/07/26*/

    /* background: #fff3cd; */
    color: #6E7681;
    /* border: 1px solid #ffeeba; */
    padding: 8px 15px;
        border-radius: 999px;
          background: #fff;
    border: 1px solid #E6E2D8;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--primary-font);
    font-size: var(--extra-small-text-12);
    width: max-content;
    text-align: center;
    display: inline-flex;
    gap: 7px;
      
}
.bg-canvas-holder .canvas-sticker-note:before{ 
        position: relative;
    left: 0;
    right: 0;
    z-index: 0;
    content: "";
    width: 14px;
    height: 14px;
    display: flex;
    background-image: url('/cdn/shop/files/info-icon-gray.svg?v=1784876155');
    background-size: 100%;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    
}
.bg-canvas-holder .canvas-sticker-note span{
    color: #1A2330;
    font-weight: var(--font-semibold);
}

.canvas-view-toggle-wrap.extra-space{    
    padding: 19px 15px;
    justify-content: center;
}
.canvas-view-toggle-wrap.extra-space .previewtextcontainer{
        display: flex;
    flex: auto;
}
.canvas-view-toggle-wrap .preview-sticker-dimention{
    color: #1A2330;
    text-align: left;
    font-size:13px;
    font-style: normal;
    font-weight: var(--font-semibold);
    line-height: 100%;
}
.canvas-view-toggle-wrap .preview-sticker-dimention .preview-sticker-heading{
    color: #6E7681;
    font-weight: normal;
}
.shopify-policy__body .scroll-trigger.animate--fade-in,
.shopify-policy__body .scroll-trigger.animate--slide-in{
    opacity:1;
}

.select-menu .options .option .cstm-font-size.option-text{
    font-size:20px;
}


@media (max-width:1180px){
    .bg-canvas-holder .canvas-editor-note:after {
        /* left: 200px; */
     }
     div#bg-page-content-sec .bg-editor-rightpanel {
        padding-bottom: 20px;
    }
    div#bg-page-content-sec .addtocart-wrapper {
         justify-content: center;
    }
    .select-menu .options {
        max-height: 131px;
    }
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo:before{
        bottom:0;
    }
    canvas {
        user-select: none;
        -webkit-user-select: none;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap {
        padding-top: 15px;
    }
    #get-started {
        position: relative;
        z-index: 1111;
    }
    .modal {
        /* z-index: 1111; */
    }
    body.modal-open #get-started{
        position:unset;
    }

    .ctm_reviews{
        position:relative;
        z-index:0;
    }
}
@media (max-width:767px){
    .canvas-view-toggle-wrap {
        padding: 10px 15px;
        flex-flow: column;
        gap: 7px;
    }
    .canvas-view-toggle-wrap.extra-space{    
        padding: 10px 15px;
    }
    .bg-canvas-holder .canvas-editor-note a img {
        width: 24px;
        height: 24px;
        left: 10px;
    }
    .bg-canvas-holder .canvas-editor-note {
        position: absolute;
        left: 10px;
        /* padding: 8px 8px 8px 40px; */
    }
    .bg-canvas-holder .canvas-editor-note a{
        padding: 8px 8px 8px 40px;
    }
    .bg-canvas-holder .canvas-editor-note:after {
        /* left: 180px; */
        width: 54px;
        height: 54px;
    }
    div#bg-page-content-sec .bg-editor-rightpanel {
        /* padding: 12px; */
    }
    .canvas-view-toggle-label.desktop-view{display:block;}
    .canvas-view-toggle-label.mob-view{display: none; }
    .modal-header{
        gap: 0px;
    }
    div#bg-page-content-sec .range-w-h-sec, div#bg-page-content-sec .size-heightwidth-sec , div#bg-page-content-sec  .size-slider-sec{
        margin-top:0px;
    }
    .modal-header h4 {
        /* margin-bottom: 5px; */
        font-size: var(--text-20);
    }
    .heder-title-wrap .crop-model-heading6{
        margin-bottom:5px;
    }
    .cropper-text-b-fix {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 40px auto 10px;
        gap: 5px;
        line-height: normal;
        max-width: 100%;
        font-size: 12px;
        width: 225px;
    }
    .cropper-text-b-fix:before {
        width: 34px;
        height: 34px;
        left: -36px;
        bottom: 16px;
    }
    .bg-canvas-holder .canvas-sticker-note{
        font-size: 13px;
        /* padding: 5px; */
    }
    .bg-canvas-holder, 
    .bg-canvas-holder .canvas-container{
            position: relative;
            touch-action: pan-y !important;
            overflow: visible;
            touch-action: manipulation !important;
            overscroll-behavior: auto !important;
            position: relative;
            user-select: auto !important;
    }
    div#bg-page-content-sec .bg-editor-canvas.sticker-no-image-upload{
        width: 100%;
        overflow: visible;
        touch-action: manipulation !important;
        overscroll-behavior: auto !important;
        position: relative;
        z-index: 0;
    }
    .sticker-no-image-upload .sticker-no-image-upload #bg_canvas{
            overflow: visible;
            touch-action: auto !important;
            overscroll-behavior: auto !important;
            position: relative !important;
            user-select: auto !important;
            z-index: -1;
    }
   
    .sticker-no-image-upload .canvas-container .upper-canvas {
                overflow: visible;
        touch-action: manipulation !important;
        overscroll-behavior: auto !important;
        position: relative;
        user-select: auto !important;
    }
    .sticker-no-image-upload .canvas-container #bg_canvas,
     .sticker-no-image-upload .canvas-container,
     .sticker-no-image-upload .canvas-container .upper-canvas {
                overflow: visible;
        touch-action: auto !important;
        overscroll-behavior: auto !important;
        position: relative !important;
        -webkit-user-select: auto !important;
        user-select: auto !important;
        z-index: -1;
    }
    .sticker-no-image-upload #bg_canvas{
              
         /* background: #eee url('/cdn/shop/files/Sticker_only-767x767.png?v=1784011176') no-repeat scroll center; */
                 background-size: contain;
    }
    div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap .editor-font-selection-cntss .editor-font-selection-cnt.bg-editor-font-toolbar-cnt{
            max-width: calc(100% - 145px);
    }
     .heder-title-wrap p {
        font-size: 10px ;
    }
    #bg-page-content-sec .bg-editor-rightpanel .accordion-body{
            padding: 10px 8px 10px;
    }
    #bg-page-content-sec .bg-editor-rightpanel .accordion-button{
            padding: 8px 12px;
    }
    div#bg-page-content-sec .editor-font-selection-wrap.bg-editor-font-toolbar-wrap,
    div#bg-page-content-sec .bg-image-upload-sec .text-sec{
        gap: 10px 10px;
    }
    #bg-page-content-sec .bg-editor-rightpanel .accordion-button:after{
            width: 6px;
    height: 6px;
    }
}
@media (max-width:575px){
     div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo{
        max-width: 100%;
        /* width: 360px; */
    }
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo:before {
        bottom: 7px;
    }
    .bg-canvas-holder .canvas-sticker-note span{display: block;}
    .bg-canvas-holder .canvas-sticker-note{
        font-size: 13px;
        display: flex;
        text-align: left;
        padding: 5px 5px 5px 10px;
        max-width: max-content;
        width: max-content;
        bottom:10px;
        gap: 3px;
        align-items: center;
    }
    .bg-canvas-holder .canvas-sticker-note:before{
        width: 12px;
        height: 12px;
        top: 0px;
        left: 0px;
    }
    .bg-canvas-holder .canvas-editor-note:after{
                left: 25px;
    }
     .sticker-no-image-upload #bg_canvas{
         /* background-size: 80%; */
         background-size: 100%;
    }
    .canvas-view-toggle-wrap .preview-sticker-dimention{
        font-size: var(--extra-small-text-12);
    }
    div#bg-page-content-sec .bg-image-upload-sec .text-sec .input-transform.editor-text-input.bg-editor-textinput{
        /* padding-bottom:15px; */
    }
    div#bg-page-content-sec .size-sec.range-w-h-sec.bg-editor-imagesize {
            margin-top: 5px;
    }
    .single-image-upload-sec.bg-editor-upload #single-image-upload-button{
        height: 55px;
    }
    div#bg-page-content-sec .editor-color-selection-cnt{
            gap: 0 2px;
    }
    
    div#bg-page-content-sec .editor-color-selection-cnt label svg{
            padding: 6px;
    }
    div#bg-page-content-sec .bg-editor-rightpanel .accordian-sticky-part 
    {    padding: 0 12px 15px;}
   
}
@media (max-width: 420px) {
    div#bg-page-content-sec .bg-editor-rightpanel {
        /* padding: 15px 8px; */
    }
     div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt span.money {
        /* font-size: var(--small-text-14); */
    }
    .single-image-upload-sec.bg-editor-upload #single-image-upload-button,
    div#bg-page-content-sec .bg-editor-rightpanel label{        
         font-size: 13px;
         line-height:normal;
    }
    #ck_popup_open{
        font-size: 11px;
        line-height:normal;
        /* padding: 3px; */
    }
    div#bg-page-content-sec .bg-editor-rightpanel label span.greennumber, .bg-editor-rightpanel .span.greennumber{
        margin-right: 5px;
    }
    .single-image-upload-sec.bg-editor-upload #single-image-upload-button {
               padding: 16px 10px 16px 40px;
        gap: 2px;
    }
    .single-image-upload-sec.bg-editor-upload #single-image-upload-button img {
        left: 10px;
        width: 26px;
        height: 26px;
    }
    .single-image-upload-sec.bg-editor-upload #single-image-upload-button span.single-image-upload-bgremoved {
            font-size: 10px;
        }
    .modal-footer .btn {
        padding: 5px 5px;
        font-size: 12px;
        line-height: normal;
        height: 40px;
        gap: 5px;
    }
    .cropper-text-b-fix {
        margin: 30px auto 10px;
        gap: 5px;
        max-width: 100%;
        font-size: 10px;
        width: 190px;
    }
    .cropper-text-b-fix .icon {
        display: flex;
        max-width: 30px;
    }
    .cropper-text-b-fix .icon img {
        max-width: 100%;
        width: 100%;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt img {
        width: 28px;
        height: 28px;
    }
    .bg-canvas-holder .canvas-editor-note{
            top: 10px;
    }
    .bg-canvas-holder .canvas-editor-note a {
        padding: 7px 7px 7px 38px;    
    }
    .bg-canvas-holder .canvas-editor-note, .bg-canvas-holder .canvas-editor-note a {
        line-height: 12px;
    }
     .bg-canvas-holder .canvas-sticker-note{
        font-size: 12px;
    }
        .bg-canvas-holder .canvas-sticker-note:before {
        width: 10px;
        height: 10px;
    }
    .bg-canvas-holder .canvas-sticker-note span{display: block;}
    .sticker-no-image-upload #bg_canvas {
        /* background-size: 75%; */
        background-size: 100%;
    }
    div#bg-page-content-sec .bg-image-upload-sec.bg-canvas-toolbar.bg-editor-text-toolbar button#addanotherline,
    div#bg-page-content-sec button.adddecorationbtn{
            font-size: var(--extra-small-text-12);
            padding: 5px 6px;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap button#add-to-cart-item {
        width: 100%;
        /* max-width: 220px; */
    }
    div#bg-page-content-sec .bg-editor-rightpanel .accordian-sticky-part{

            padding: 0 8px 0px;
    }
    

    #bg-page-content-sec .bg-editor-rightpanel .accordion-button{
            padding: 8px 8px;
    }
}

@media(max-width:350px){
    .canvas-view-toggle-wrap .togglebtn {
       padding: 7px 5px 7px 30px;
        font-size: 11px;
        width: max-content;
    }
    
    .bg-canvas-holder .canvas-editor-note small,
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo, 
    .singleimage-uploadlabel span.singleimage-uploadinfo-txt, 
    .size-heightwidth-label span.heightwidth-info-txt,
    .addtocart-info span.addtocart-info-txt {
        font-size: 10px !important;
        line-height: normal;
    }
    .singleimage-uploadlabel, .addtocart-info{
        gap: 4px;
    }
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo:before {
        bottom: 5px;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap {
        padding-top: 10px;
    }
    .sticker-no-image-upload #bg_canvas {
        /* background-size: 70%; */
         background-size: 100%;
    }
    div#bg-page-content-sec .bg-editor-rightpanel label span.greennumber, .bg-editor-rightpanel .span.greennumber{
        width: 17px;
        height: 17px;
        max-width: 17px;
        font-size: 11px;
    }
    .single-image-upload-sec.bg-editor-upload #single-image-upload-button, div#bg-page-content-sec .bg-editor-rightpanel label {
        font-size: 11px;
        line-height: normal;
    }
    .heder-title-wrap .crop-model-heading6{
            font-size: 11px;
    }
    div#bg-page-content-sec .editor-price-addtocart-wrap .primay_btn span.start_crt_txt{    font-size: 14.5px;}
    .singleimage-uploadlabel, .addtocart-info{gap:4px;}
    
    .bg-canvas-holder .canvas-sticker-note{
        font-size: 10px;
    }
    
}
@media(max-width:330px){
     .bg-canvas-holder .canvas-editor-note small,
    div#bg-page-content-sec .bg-editor-rightpanel .editorlegalinfo, 
    .singleimage-uploadlabel span.singleimage-uploadinfo-txt, 
    .size-heightwidth-label span.heightwidth-info-txt,
    .addtocart-info span.addtocart-info-txt {
        font-size: 9px !important;
        line-height: normal;
    }
}
/*====================================================
 29-06-2026  css End
 =====================================================*/

.canvas-container.canvas-interact canvas {
    position: absolute !important;
            touch-action: auto !important;
}

.canvas-container.canvas-scroll canvas {
    position: relative !important;
            touch-action: manipulation !important;
}