header,
    footer {
        display: none;
    }

    .cardinfo {
        visibility: hidden;
    }

    /* Custom Alert Overlay */
    .custom-alert {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        justify-content: center;
        align-items: center;
        z-index: 1050;
        /* Above Bootstrap modals */
    }

    /* Alert Box Animation */
    .alert-box {
        animation: slideIn 0.3s ease-out;
    }

    @keyframes slideIn {
        from {
            transform: translateY(-50px);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .color-thumbnail{
        width: 125px;
        display: inline-grid;
    }
    /*--checklist-offcanvas--*/
    .movenexttab svg, .movenexttab #hitArea {
        pointer-events: none !important;
        overscroll-behavior: none !important;
        touch-action: none !important;
    }
    .coverflow-slider .main-image-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .svg-main {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #svgContainer {
        position: relative;
    }

    .help-guidelines {
        display: flex;
    }

    .help-guidelines .safety-area {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -37px;
        z-index: 1;
        left: 0;
    }

    .help-guidelines .safety-area.bleed {
        left: 120px;
        top: -50px;
    }

    .help-guidelines .safety-area .s-text {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #E2F8E7;
        border: 1px solid #A5E3B5;
        padding: 0px 10px;
        color: #000000;
        border-radius: 30px;
	font-size:14px;
        white-space: nowrap;
    }

    .help-guidelines .safety-area.bleed .s-text {
        background-color: #E5F5FD;
        border-color: #AFE2F9;
    }

    .help-guidelines .safety-area .s-dash-line {
        border-right: 2px dashed #117A5E;
        width: 1px;
        display: block;
        height: 20px;
    }

    .help-guidelines .safety-area.bleed .s-dash-line {
        border-color: #0C72A9;
    }

    .help-guidelines .safety-area .s-circle {
        background-color: green;
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 50%;
    }

    .help-guidelines .safety-area.bleed .s-circle {
        background-color: #0C72A9;
    }

    /* Custom Tooltip Styles */
    .tooltip {
        position: absolute;
        background: #333;
        color: white;
        padding: 8px 12px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        z-index: 1000;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease;
        bottom: calc(100% + 8px);
        left: 50%;
        transform: translateX(-50%);
        
    }

    .tooltip::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
        border-top-color: #333;
    }

    .tooltip.show {
        opacity: 1;
    }