.error {
    color: red;
}

.alltemplate-tabs .sidebar-item .slide-preview h2 {
    font-size: 7px !important;
}

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

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.7);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotate(-10deg) scale(0.9);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes flipInX {
    from {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }

    to {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
    }
}

@keyframes flipInY {
    from {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }

    to {
        opacity: 1;
        transform: perspective(400px) rotateY(0deg);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-80px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(80px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(80px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-80px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(1.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes skewIn {
    from {
        opacity: 0;
        transform: skewY(20deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.slide-animate-in {
    animation: slideIn 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.fade-animate-in {
    animation: fadeIn 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.zoom-animate-in {
    animation: zoomIn 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.rotate-animate-in {
    animation: rotateIn 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.bounce-animate-in {
    animation: bounceIn 0.8s cubic-bezier(.4, 0, .2, 1) both;
}

.flipx-animate-in {
    animation: flipInX 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.flipy-animate-in {
    animation: flipInY 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.slideleft-animate-in {
    animation: slideInLeft 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.slideright-animate-in {
    animation: slideInRight 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.slideup-animate-in {
    animation: slideInUp 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.slidedown-animate-in {
    animation: slideInDown 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.scale-animate-in {
    animation: scaleIn 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.skew-animate-in {
    animation: skewIn 0.7s cubic-bezier(.4, 0, .2, 1) both;
}

.reveal .slides {
    font-family: var(--presentation-font, 'Montserrat', sans-serif);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: unset;
}

.reveal .slides>section {
    min-width: 1510px;
    transform: scale(0.9);
}

.reveal p {
    margin: 7px 0px;
}

.reveal {
    color: #000000;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
    text-transform: capitalize;
    color: #000;
}

.reveal {
    font-size: unset;
}

.reveal .progress span {
    background: rgb(255 69 28 / 80%);
}

.reveal .progress {
    height: 5px;
}

.reveal .slide-number {
    font-size: 14px;
    background-color: white;
    color: black;
    border-radius: 4px;
    font-weight: 600;
}

.controls .navigate-left {
    background: white !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    padding: 7px !important;
    color: black !important;
    box-shadow: 0px 0px 9px 0px #aeaeae;
}

.controls .navigate-right {
    background: white !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    padding: 7px !important;
    box-shadow: 0px 0px 9px 0px #aeaeae;
    color: black !important;
}

.controls .navigate-left .controls-arrow::before {
    width: 2em;
    left: 3px;
}

.controls .navigate-left .controls-arrow::after {
    width: 2em;
    left: 3px
}

.controls .navigate-right .controls-arrow::before {
    width: 2em;
    left: 3px
}

.controls .navigate-right .controls-arrow::after {
    width: 2em;
    left: 3px
}

.reveal img {
    max-width: unset;
    max-height: unset;
    margin: unset;
}

@media print {

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
        background: #fff !important;
    }

    .reveal {
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
    }

    .reveal .slides {
        transform: none !important;
        position: static !important;
    }

    .reveal .slide-background,
    .reveal .backgrounds,
    .controls,
    .progress,
    .slide-number {
        display: none !important;
    }

    section {
        page-break-after: always;
        page-break-inside: avoid;
        width: 100vw;
        height: 100vh;
        display: block !important;
        position: relative !important;
    }

    section>div {
        height: 100%;
        width: 100%;
    }
}