.popups {
    z-index: 999999; /* Make sure it's above other content */
}



    #closePopup {
        background-color: #d6d6d6;
        border-radius: 50%;
        cursor: pointer;
        padding: 5px;
        position: absolute;
        top: -30px;
        right: -10px;
        width: 25px; /* Adjust size here */
        height: 25px; /* Adjust size here */
    }
    
    #closePopup:hover {
        background-color: #e20000;
    }








    .popup-close-btn {
        background-color: #d6d6d6;
        border-radius: 50%;
        cursor: pointer;
        padding: 5px;
        position: absolute;
        top: -30px;
        right: -10px;
        width: 25px;
        height: 25px;
    }
    
    .popup-close-btn:hover {
        background-color: #e20000;
    }
    .popup-button {
        background-color: #e20000; 
        border: none; 
        color: white; 
        padding: 10px 20px; 
        border-radius: 10px; 
        cursor: pointer; 
        display: block; 
        margin: 20px auto 0; 
        width: 80%;
    }

    .popup-text {
        color: white; 
        text-align: center;
    }
    
    #confirmInfo:hover, #confirmInfo:active {
        background-color: #4da6c7!important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
        #addCustomBgFront {
        background-color: #d6d6d6;
    }
    
    #addCustomBgBack {
        background-color: #d6d6d6;
    }




    .custom-toggle-container {
        display: flex;
        justify-content: space-between;
        background-color: #f6f6f6;
        border-radius: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        position: relative;
        width: 100%;
        box-shadow: 0 0px 5px rgba(0,0,0,0.5);
    }
    
    .custom-toggle-indicator {
        background-color: #6EC1E4;
        border-radius: 20px;
        position: absolute;
        transition: left 0.4s ease, width 0.4s ease;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
        top: 50%;
        transform: translateY(-50%);
        height: calc(100% - 7px);
        margin-left: 2px;
        margin-right: 2px;
    }
    
    .custom-toggle-menu {
        display: flex;
        justify-content: space-between;
        list-style: none;
        padding: 0;
        width: 100%;
        margin: 0;
        align-items: center;
        height: 30px;
    }
    
    .custom-toggle-menu li {
        flex-grow: 1;
        text-align: center;
        position: relative;
        font-size: 14px;
    }
    
    .custom-toggle-menu li:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 25%;
        bottom: 25%;
        width: 1px;
        background-color: #000000;
        opacity: 0.5;
    }
    
    .custom-toggle-menu li a {
        color: #000000;
        display: block;
        padding: 10px 0;
    }
    
    .custom-toggle-menu li.active a {
        font-weight: bold;
    }
    
    #custom-background1, #custom-design1 {
    color: #ffffff; /* Sets text color to white */
    margin: 10px;
    margin-top: 20px;
    }

    #custom-background1 h4, #custom-design1 h4 {
        color: #6EC1E4; /* Ensures headings are also white */
    }