/*Editor Style Start */


.e-toolbar .e-toolbar-items {
    background: #000000 !important;
    height: 82px;
}

.e-pv-sidebar-toolbar {
    background: #000000 !important;
}
.e-pv-mobile-annotation-toolbar .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow, .e-pv-sidebar-toolbar .e-pv-tbar-btn {
    color: #fff;
}

.e-toolbar .e-toolbar-item .e-tbar-btn {
    background: #8e8e8e !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fffafa !important;
    border: none;
}

.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pdfviewer.e-pv-mobile-view .e-pv-annotation-container > .e-pv-tbar-btn.e-pv-select, .e-pdfviewer.e-pv-mobile-view .e-pv-formdesigner-container > .e-pv-tbar-btn.e-pv-select, .e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pv-mobile-formDesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons, .e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select {
    background: #fafafa;
    border: 0;
    border-radius: 0;
    color: #0d8fff;
}

.e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon, .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon, .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon, .e-pv-formdesigner-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon, .e-pv-formdesigner-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon {
    color: #ffff !important;
}
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea, .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled textarea.e-input {
    background: none;
    color: rgb(255 255 255);
}
.e-pv-total-page {
    color: #fff0f0;
    font-size: inherit;
}
.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pdfviewer.e-pv-mobile-view .e-pv-annotation-container > .e-pv-tbar-btn.e-pv-select, .e-pdfviewer.e-pv-mobile-view .e-pv-formdesigner-container > .e-pv-tbar-btn.e-pv-select, .e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pv-mobile-formDesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons, .e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select, .e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select {
    background: #868282;
    border: 0;
    border-radius: 0;
    color: #ffffff;
}
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.42);
    color: #ffff !important;
}
.e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: rgb(134 130 130);
    border-color: rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 0;
    border-radius: 2px;
    color: rgb(235 235 235 / 87%);
}
.e-toolbar .e-toolbar-item.e-overlay {
    background: #000000;
    opacity: 0.5;
    color: rgb(255 252 252 / 26%);
}
.e-pv-annotation-color-container.e-btn, .e-pv-annotation-opacity-container.e-btn, .e-pv-annotation-stroke-container.e-btn, .e-pv-annotation-thickness-container.e-btn, .e-pv-annotation-shapes-container.e-btn, .e-pv-annotation-calibrate-container.e-btn, .e-pv-annotation-textcolor-container.e-btn, .e-pv-annotation-textalign-container.e-btn, .e-pv-annotation-textprop-container.e-btn, .e-pv-annotation-handwritten-container.e-btn, .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:not(.e-selected) {
    background-color: #8e8e8e !important;
    border-color: transparent;
}
.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn, .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn, .e-pv-mobile-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn, .e-pv-mobile-annotation-toolbar .e-dropdown-btn.e-btn, .e-pv-annotation-toolbar .e-dropdown-btn.e-btn, .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn, .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn, .e-pv-shapes-toolbar .e-pv-tbar-btn, .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused, .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon, .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret, .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret, .e-pv-annotation-comment-panel-container .e-pv-tbar-btn, .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon, .e-pv-form-designer-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
    color: #ffff !important;
}
.e-menu-wrapper, .e-menu-container {
    background: #8e8e8e !important;
}
.e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) {
    background-color: #8e8e8e !important;
    border: 0;
    border-radius: 2px;
}
.e-input-group.e-control-wrapper.e-pv-current-page-box:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
    border: 1px solid #ffff !important;
    border-radius: 2px;
}
.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    color: #ffff !important;
}

.e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-pv-submit .e-tbar-btn .e-tbar-btn-text.e-pv-submitform-text {
    display: inline-block;
    padding: 3px 4px !important;
    color: #fff !important;
}
.e-pv-thumbnail-view-button.e-btn, .e-pv-organize-view-button.e-btn {
    background: rgb(142 142 142) !important;
    padding: 6px;
}
.e-btn:hover, .e-css.e-btn:hover {
    background: rgb(142 142 142) !important;
}
.e-pv-bookmark-button.e-btn {
    background: #8e8e8e !important;
}



/* Hide the icon */

div#PdfViewer_openContainer {
    width: 120px;
}

button#PdfViewer_open {
    width: 100px;
    display: block !important;
}

.e-pdfviewer .e-pv-open-document-icon::before {
    content: 'Upload File' !important;
    padding: 0 !important;
}

.e-pdfviewer:not(.e-pv-mobile-view) .e-pv-viewer-main-container {
    min-width: 400px;
    padding-top: 30px;
}

div#PdfViewer_sideBarToolbar {
    top: 112px !important;
}

#PdfViewer_open {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn, .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn, .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn, .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
    height: 30px;
    min-width: 36px;
    width: 36px;
}

.e-pv-sidebar-toolbar-splitter {
    background: none;
}
/* Fix tooltip text wrapping & width */
#PdfViewer_open::before {
   /* content: "Open file (Ctrl+O)";
    background-color: #666;*/
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    box-sizing: content-box;
    position: absolute;
    top: -26px;
    left: 6px;
    z-index: 3000000;
}

/* Tooltip arrow */
/*#PdfViewer_open::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #666;
}
*/
.e-pv-viewer-main-container {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
    color: black !important;
}

/*Editor Style End*/

/*Page Style Start*/

body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    background: #f4f6f8 !important;
    color: #222 !important;
}

.upload-section, .ads-section, .about, .faqs, .feedback, .blogs {
    background: var(--white);
    padding: 40px;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    margin-bottom: 40px;
}

.section-title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 2.2em;
}

.section-subtitle {
    text-align: center;
    color: var(--gray);
    margin-bottom: 30px;
}

.upload-box {
    border: 2px dashed var(--primary);
    padding: 60px;
    text-align: center;
    border-radius: var(--radius);
    background: #f0f6ff;
    transition: 0.3s ease;
    cursor: pointer;
}

    .upload-box:hover {
        background: #e5f0ff;
    }

.feature-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.feature-item {
    background: #eef4ff;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

    .feature-item::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #ff416c, #ff4b2b);
        animation: underlineSlide 3s infinite;
    }

    .feature-item:nth-child(2)::before {
        background: linear-gradient(90deg, #00c6ff, #0072ff);
    }

    .feature-item:nth-child(3)::before {
        background: linear-gradient(90deg, #7f00ff, #e100ff);
    }

    .feature-item:nth-child(4)::before {
        background: linear-gradient(90deg, #f7971e, #ffd200);
    }

@keyframes underlineSlide {
    0% {
        transform: translateX(-100%);
        opacity: 0.3;
    }

    50% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0.3;
    }
}

/*Page Style End*/