/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 02 2026 | 20:46:58 */
/* =====================================================
   MAIN PDF DROPDOWN
===================================================== */

.pdf-dropdown {

    --pdf-red: #ed2528;

    width: 100%;
    box-sizing: border-box;

    padding: 14px;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(237, 37, 40, 0.12),
            transparent 30%
        ),
        #090909;

    border: 1px solid rgba(255, 255, 255, 0.09);

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.35);

}


/* =====================================================
   HEADER
===================================================== */

.pdf-dropdown .pdf-viewer-header {

    min-height: 48px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

        padding: 0 12px;

    box-sizing: border-box;

}


/* =====================================================
   LEFT TITLE AREA
===================================================== */

.pdf-dropdown .pdf-viewer-title {

    display: flex;

    align-items: center;

    gap: 9px;

    margin: 0;

    padding: 0;

    color:
        rgba(255, 255, 255, 0.78);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

    line-height: 1.3;

    text-transform: uppercase;

}


/* =====================================================
   TITLE TEXT
===================================================== */

.pdf-dropdown .pdf-title-text {

    display: inline-block;

    margin: 0;

    padding: 0;

}


/* =====================================================
   RED LIVE DOT
===================================================== */

.pdf-dropdown .pdf-live-dot {

    display: block;

    width: 7px;
    height: 7px;

    min-width: 7px;
    min-height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background:
        var(--pdf-red);

    box-shadow:
        0 0 10px
        rgba(237, 37, 40, 0.75);

    animation:
        pdfDropdownPulse 1.8s
        ease-in-out
        infinite;

}


/* =====================================================
   CLICK / VIEW PDF BUTTON
===================================================== */

.pdf-dropdown .pdf-dropdown-toggle {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-width: 105px;

    min-height: 36px;

    padding:
        10px 14px;

    margin: 0;

    box-sizing: border-box;

    border:
        1px solid
        rgba(237, 37, 40, 0.50);

    border-radius: 7px;

    background:
        rgba(237, 37, 40, 0.08);

    color:
        #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    cursor: pointer;

    user-select: none;

    outline: none;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;

    -webkit-tap-highlight-color:
        transparent;

}


/* =====================================================
   BUTTON HOVER
===================================================== */

.pdf-dropdown .pdf-dropdown-toggle:hover {

    background:
        var(--pdf-red);

    border-color:
        var(--pdf-red);

    color:
        #ffffff;

    box-shadow:
        0 8px 25px
        rgba(237, 37, 40, 0.28);

    transform:
        translateY(-1px);

}


/* =====================================================
   BUTTON FOCUS
===================================================== */

.pdf-dropdown .pdf-dropdown-toggle:focus {

    outline: none;

    border-color:
        var(--pdf-red);

    box-shadow:
        0 0 0 2px
        rgba(237, 37, 40, 0.15);

}


/* =====================================================
   BUTTON ACTIVE
===================================================== */

.pdf-dropdown .pdf-dropdown-toggle:active {

    transform:
        translateY(0);

}


/* =====================================================
   BUTTON TEXT
===================================================== */

.pdf-dropdown .pdf-button-text {

    display: inline-block;

    margin: 0;

    padding: 0;

    color: inherit;

    font-size: inherit;

    font-weight: inherit;

    line-height: 1;

}


/* =====================================================
   CLEAN CHEVRON ARROW
===================================================== */

.pdf-dropdown .pdf-dropdown-arrow {

    display: block;

    width: 7px;
    height: 7px;

    min-width: 7px;
    min-height: 7px;

    flex: 0 0 7px;

    box-sizing: border-box;

    border-right:
        1.5px solid
        rgba(255, 255, 255, 0.90);

    border-bottom:
        1.5px solid
        rgba(255, 255, 255, 0.90);

    transform:
        rotate(45deg)
        translateY(-2px);

    transition:
        transform 0.35s
        cubic-bezier(.22, 1, .36, 1);

}


/* =====================================================
   CHEVRON OPEN
===================================================== */

.pdf-dropdown.is-open
.pdf-dropdown-arrow {

    transform:
        rotate(225deg)
        translateY(-2px);

}


/* =====================================================
   PDF FRAME
   CLOSED STATE
===================================================== */

.pdf-dropdown .pdf-frame {

    position: relative;

    width: 100%;

    height: 0;

    max-height: 0;

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    overflow: hidden;

    background:
        #ffffff;

    border:
        1px solid transparent;

    border-radius: 12px;

    opacity: 0;

    visibility: hidden;

    transition:
        height 0.55s
            cubic-bezier(.22, 1, .36, 1),

        max-height 0.55s
            cubic-bezier(.22, 1, .36, 1),

        opacity 0.30s ease,

        visibility 0s
            linear 0.55s,

        border-color 0.30s ease;

}


/* =====================================================
   PDF FRAME
   OPEN STATE
===================================================== */

.pdf-dropdown.is-open
.pdf-frame {

    height: 800px;

    max-height: 800px;

    opacity: 1;

    visibility: visible;

    border-color:
        rgba(255, 255, 255, 0.08);

    transition:
        height 0.55s
            cubic-bezier(.22, 1, .36, 1),

        max-height 0.55s
            cubic-bezier(.22, 1, .36, 1),

        opacity 0.30s ease,

        visibility 0s
            linear 0s,

        border-color 0.30s ease;

}


/* =====================================================
   PDF IFRAME
===================================================== */

.pdf-dropdown .pdf-frame iframe {

    display: block;

    width: 100%;

    height: 100%;

    min-width: 100%;
    min-height: 100%;

    margin: 0;

    padding: 0;

    border: 0;

    outline: none;

    background:
        #ffffff;

}


/* =====================================================
   PDF FRAME SCROLLBAR
===================================================== */

.pdf-dropdown .pdf-frame {

    scrollbar-width:
        thin;

    scrollbar-color:
        #ed2528 #111111;

}


.pdf-dropdown .pdf-frame::-webkit-scrollbar {

    width: 6px;

}


.pdf-dropdown .pdf-frame::-webkit-scrollbar-track {

    background:
        #111111;

}


.pdf-dropdown .pdf-frame::-webkit-scrollbar-thumb {

    background:
        var(--pdf-red);

    border-radius:
        10px;

}


/* =====================================================
   RED DOT ANIMATION
===================================================== */

@keyframes pdfDropdownPulse {

    0%,
    100% {

        box-shadow:
            0 0 5px
            rgba(237, 37, 40, 0.40);

    }

    50% {

        box-shadow:
            0 0 16px
            rgba(237, 37, 40, 1);

    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .pdf-dropdown {

        padding:
            11px;

        border-radius:
            15px;

    }


    .pdf-dropdown .pdf-viewer-header {

        min-height:
            45px;

        padding:
            0 10px;

    }


    .pdf-dropdown .pdf-viewer-title {

        font-size:
            10px;

        letter-spacing:
            1.7px;

    }


    .pdf-dropdown .pdf-dropdown-toggle {

        min-width:
            100px;

        min-height:
            35px;

        padding:
            9px 12px;

    }


    .pdf-dropdown.is-open
    .pdf-frame {

        height:
            700px;

        max-height:
            700px;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .pdf-dropdown {

        padding:
            8px;

        border-radius:
            13px;

    }


    .pdf-dropdown .pdf-viewer-header {

        min-height:
            43px;

        padding:
            0 9px;

        gap:
            8px;

    }


    .pdf-dropdown .pdf-viewer-title {

        gap:
            7px;

        font-size:
            8px;

        letter-spacing:
            1.2px;

        line-height:
            1.2;

    }


    .pdf-dropdown .pdf-live-dot {

        width:
            6px;

        height:
            6px;

        min-width:
            6px;

        min-height:
            6px;

        flex-basis:
            6px;

    }


    .pdf-dropdown .pdf-dropdown-toggle {

        min-width:
            88px;

        min-height:
            33px;

        padding:
            9px 10px;

        gap:
            7px;

        font-size:
            8px;

        letter-spacing:
            1px;

        border-radius:
            6px;

    }


    .pdf-dropdown .pdf-dropdown-arrow {

        width:
            6px;

        height:
            6px;

        min-width:
            6px;

        min-height:
            6px;

        flex-basis:
            6px;

        border-width:
            1.5px;

    }


    .pdf-dropdown .pdf-frame {

        border-radius:
            8px;

    }


    .pdf-dropdown.is-open
    .pdf-frame {

        height:
            600px;

        max-height:
            600px;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .pdf-dropdown {

        padding:
            7px;

        border-radius:
            12px;

    }


    .pdf-dropdown .pdf-viewer-header {

        min-height:
            40px;

        padding:
            0 8px;

    }


    .pdf-dropdown .pdf-viewer-title {

        gap:
            6px;

        font-size:
            7px;

        letter-spacing:
            0.9px;

    }


    .pdf-dropdown .pdf-live-dot {

        width:
            5px;

        height:
            5px;

        min-width:
            5px;

        min-height:
            5px;

        flex-basis:
            5px;

    }


    .pdf-dropdown .pdf-dropdown-toggle {

        min-width:
            80px;

        min-height:
            31px;

        padding:
            8px 9px;

        gap:
            6px;

        font-size:
            7px;

        letter-spacing:
            0.8px;

        border-radius:
            6px;

    }


    .pdf-dropdown .pdf-dropdown-arrow {

        width:
            6px;

        height:
            6px;

        min-width:
            6px;

        min-height:
            6px;

        flex-basis:
            6px;

    }


    .pdf-dropdown.is-open
    .pdf-frame {

        height:
            500px;

        max-height:
            500px;

    }

}


/* =====================================================
   VERY SMALL MOBILE
===================================================== */

@media (max-width: 360px) {

    .pdf-dropdown .pdf-viewer-title {

        font-size:
            6.5px;

        letter-spacing:
            0.7px;

    }


    .pdf-dropdown .pdf-dropdown-toggle {

        min-width:
            75px;

        padding:
            8px 7px;

        font-size:
            6.5px;

    }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .pdf-dropdown .pdf-live-dot {

        animation:
            none;

    }


    .pdf-dropdown .pdf-dropdown-toggle {

        transition:
            none;

    }


    .pdf-dropdown .pdf-dropdown-arrow {

        transition:
            none;

    }


    .pdf-dropdown .pdf-frame {

        transition:
            none;

    }

}