                                            /* For desktop */
                                            @media screen and (min-width: 768px) {
                                                .responsive-image-textbox {
                                                    max-width: 550px;
                                                    /* Larger size for desktop */
                                                    height: auto;
                                                }
                                            }

                                            /* For mobile */
                                            @media screen and (max-width: 767px) {
                                                .responsive-image-textbox {
                                                    max-width: 380px;
                                                    /* Smaller size for mobile */
                                                    height: auto;
                                                }
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
                                                content: '10px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
                                                content: '12px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
                                                content: '14px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
                                                content: '16px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
                                                content: '18px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
                                                content: '20px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
                                                content: '24px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
                                                content: '30px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="34px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="34px"]::before {
                                                content: '34px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
                                                content: '36px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="38px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="38px"]::before {
                                                content: '38px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="5px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="5px"]::before {
                                                content: '5px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="6px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="6px"]::before {
                                                content: '6px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="7px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="7px"]::before {
                                                content: '7px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="8px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before {
                                                content: '8px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before {
                                                content: '9px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="11px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before {
                                                content: '11px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
                                                content: '22px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
                                                content: '26px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
                                                content: '28px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
                                                content: '32px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="40px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="40px"]::before {
                                                content: '40px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="42px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="42px"]::before {
                                                content: '42px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="44px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="44px"]::before {
                                                content: '44px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="46px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="46px"]::before {
                                                content: '46px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before {
                                                content: '48px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="50px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="50px"]::before {
                                                content: '50px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="52px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="52px"]::before {
                                                content: '52px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="54px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="54px"]::before {
                                                content: '54px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="56px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="56px"]::before {
                                                content: '56px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="58px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="58px"]::before {
                                                content: '58px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="60px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="60px"]::before {
                                                content: '60px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="62px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="62px"]::before {
                                                content: '62px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="64px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="64px"]::before {
                                                content: '64px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="66px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="66px"]::before {
                                                content: '66px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="68px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="68px"]::before {
                                                content: '68px';
                                            }

                                            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="70px"]::before,
                                            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="70px"]::before {
                                                content: '70px';
                                            }

                                            /* Add more selectors for each size you want to label */

                                            /* Quill custom font styles */
                                            /* Font CSS for Roboto */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=roboto]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=roboto]::before {
                                                content: 'Roboto';
                                                font-family: 'Roboto', sans-serif;
                                            }

                                            /* Font CSS for Madelican */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=madelican]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=madelican]::before {
                                                content: 'Madelican';
                                                font-family: 'Madelican', cursive;
                                            }

                                            /* Font CSS for Pearly */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=pearly]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=pearly]::before {
                                                content: 'Pearly';
                                                font-family: 'Pearly', cursive;
                                            }

                                            /* Font CSS for Dancing Script */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="dancing script"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="dancing script"]::before {
                                                content: 'Dancing Script';
                                                font-family: 'Dancing Script', sans-serif;
                                            }

                                            /* Font CSS for Charlotte 3 */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="charlotte"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="charlotte"]::before {
                                                content: 'Charlotte';
                                                font-family: 'Charlotte', sans-serif;
                                            }

                                            /* Font CSS for Cinzel */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=cinzel]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=cinzel]::before {
                                                content: 'Cinzel';
                                                font-family: 'Cinzel', serif;
                                            }

                                            /* Font CSS for Anjhay */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=anjhay]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=anjhay]::before {
                                                content: 'Anjhay';
                                                font-family: 'Anjhay', cursive;
                                            }

                                            /* Font CSS for Abhaya Libre 2 */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="abhaya libre"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="abhaya libre"]::before {
                                                content: 'Abhaya Libre';
                                                font-family: 'Abhaya Libre', sans-serif;
                                            }

                                            /* Font CSS for Kelly Signature */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="kelly signature"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="kelly signature"]::before {
                                                content: 'Kelly Signature';
                                                font-family: 'Kelly Signature', sans-serif;
                                            }

                                            /* Font CSS for Elatina */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=elatina]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=elatina]::before {
                                                content: 'Elatina';
                                                font-family: 'Elatina', cursive;
                                            }

                                            /* Font CSS for Alex Brush */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="alex brush"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="alex brush"]::before {
                                                content: 'Alex Brush';
                                                font-family: 'Alex Brush', sans-serif;
                                            }

                                            /* Font CSS for Maytra */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=maytra]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=maytra]::before {
                                                content: 'Maytra';
                                                font-family: 'Maytra', cursive;
                                            }

                                            /* Font CSS for Sacramento */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sacramento]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sacramento]::before {
                                                content: 'Sacramento';
                                                font-family: 'Sacramento', cursive;
                                            }

                                            /* Font CSS for Sansilk */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sansilk]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sansilk]::before {
                                                content: 'Sansilk';
                                                font-family: 'Sansilk', sans-serif;
                                            }

                                            /* Font CSS for Eilee Smith */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="eilee smith"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="eilee smith"]::before {
                                                content: 'Eilee Smith';
                                                font-family: 'Eilee Smith', sans-serif;
                                            }

                                            /* Font CSS for Allura */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=allura]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=allura]::before {
                                                content: 'Allura';
                                                font-family: 'Allura', cursive;
                                            }

                                            /* Font CSS for Vidaloka */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=vidaloka]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=vidaloka]::before {
                                                content: 'Vidaloka';
                                                font-family: 'Vidaloka', serif;
                                            }

                                            /* Font CSS for Ranget */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ranget]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ranget]::before {
                                                content: 'Ranget';
                                                font-family: 'Ranget', cursive;
                                            }

                                            /* Font CSS for Scriptina */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=scriptina]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=scriptina]::before {
                                                content: 'Scriptina';
                                                font-family: 'Scriptina', cursive;
                                            }

                                            /* Font CSS for Tommy Hilfiger AF */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="tommy hilfiger af"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="tommy hilfiger af"]::before {
                                                content: 'Tommy';
                                                font-family: 'Tommy Hilfiger AF', sans-serif;
                                            }

                                            /* Font CSS for Trajan Pro */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="trajan pro"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="trajan pro"]::before {
                                                content: 'Trajan Pro';
                                                font-family: 'Trajan Pro', sans-serif;
                                            }

                                            /* Font CSS for Creative Thoughts */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="creative thoughts"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="creative thoughts"]::before {
                                                content: 'Creative Thoughts';
                                                font-family: 'Creative Thoughts', sans-serif;
                                            }

                                            /* Font CSS for Dollamin */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=dollamin]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=dollamin]::before {
                                                content: 'Dollamin';
                                                font-family: 'Dollamin', cursive;
                                            }

                                            /* Font CSS for Cormorant Medium */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=cormorant-medium]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=cormorant-medium]::before {
                                                content: 'Cormorant';
                                                font-family: 'Cormorant Medium', serif;
                                            }

                                            /* Font CSS for Great Vibes */
                                            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="great vibes"]::before,
                                            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="great vibes"]::before {
                                                content: 'Great Vibes';
                                                font-family: 'Great Vibes', sans-serif;
                                            }

                                            .coupon-style {
    border: 2px dashed #ff6b6b; /* Dashed border to mimic cutout */
    border-radius: 8px; /* Rounded corners for coupon-like look */
    background-color: #fff; /* Background color of the button */
    color: #ff6b6b; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Uppercase text */
    cursor: pointer; /* Show pointer to indicate clickable */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    position: relative; /* For placing pseudo-elements if needed */
}

/* Hover effect */
.coupon-style:hover {
    background-color: #ff6b6b; /* Invert background on hover */
    color: #fff; /* Change text to white */
}

/* Optional enhancement: Dashed animation around the button */
.coupon-style::after {
    content: ""; /* Empty content for the pseudo-element */
    position: absolute;
    top: -4px; /* Positioning around the button */
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px dotted #ff6b6b; /* Dotted border for the coupon-like cut */
    border-radius: 10px; /* Make it match the border-radius */
    z-index: -1; /* Keep it behind the button */
}
