@import url(https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);

* {
    font-family: inherit;
}

body {
    font-family: 'Poppins', sans-serif;
}

.custom-container {
    max-width: 1200px;
    margin: 0 auto;
}

@media (width<768px) {
    .custom-container {
        width: 90%;
    }
}

@media (width<568px) {
    .custom-container {
        width: 95%;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#my-slider {
    width: 100%;
    /* aspect-ratio: 16/9; */
    max-height: 600px;
    height: fit-content;
    overflow: hidden;
}

#my-slider .splide__slide {
    height: 100%;
}

#my-slider .splide__arrow {
    background: rgba(0, 0, 0, 0.25) !important;
}

#my-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gradient-background {
    background: linear-gradient(300deg, #3ccf4e, #ef5b0c);
    background-size: 120% 120%;
    animation: gradient-animation 12s ease infinite;
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }

    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

.animatedBackground {
    position: absolute;
    width: 100vw;
    height: 100dvh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: #0040C1;
    overflow: hidden;
    z-index: 10;
}

.animatedBackground li {
    position: absolute;
    top: 80vh;
    left: 45vw;
    width: 10px;
    height: 10px;
    border: solid 1px #0039ad;
    color: transparent;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    animation: cube 13s ease-in forwards infinite;
}

undefined .animatedBackground li:nth-child(0) {
    animation-delay: 0s;
    left: 20vw;
    top: 74vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(1) {
    animation-delay: 2s;
    left: 94vw;
    top: 15vh;
}

.animatedBackground li:nth-child(2) {
    animation-delay: 4s;
    left: 30vw;
    top: 9vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(3) {
    animation-delay: 6s;
    left: 4vw;
    top: 96vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(4) {
    animation-delay: 8s;
    left: 10vw;
    top: 87vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(5) {
    animation-delay: 10s;
    left: 23vw;
    top: 49vh;
}

.animatedBackground li:nth-child(6) {
    animation-delay: 12s;
    left: 66vw;
    top: 19vh;
}

.animatedBackground li:nth-child(7) {
    animation-delay: 14s;
    left: 64vw;
    top: 59vh;
}

.animatedBackground li:nth-child(8) {
    animation-delay: 16s;
    left: 70vw;
    top: 31vh;
}

.animatedBackground li:nth-child(9) {
    animation-delay: 18s;
    left: 33vw;
    top: 65vh;
}

.animatedBackground li:nth-child(10) {
    animation-delay: 20s;
    left: 84vw;
    top: 98vh;
}

.animatedBackground li:nth-child(11) {
    animation-delay: 22s;
    left: 68vw;
    top: 14vh;
}

.animatedBackground li:nth-child(12) {
    animation-delay: 24s;
    left: 49vw;
    top: 45vh;
}

.animatedBackground li:nth-child(13) {
    animation-delay: 26s;
    left: 73vw;
    top: 40vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(14) {
    animation-delay: 28s;
    left: 25vw;
    top: 92vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(15) {
    animation-delay: 30s;
    left: 44vw;
    top: 27vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(16) {
    animation-delay: 32s;
    left: 17vw;
    top: 34vh;
}

.animatedBackground li:nth-child(17) {
    animation-delay: 34s;
    left: 60vw;
    top: 52vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(18) {
    animation-delay: 36s;
    left: 12vw;
    top: 62vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(19) {
    animation-delay: 38s;
    left: 46vw;
    top: 72vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(20) {
    animation-delay: 40s;
    left: 50vw;
    top: 81vh;
}

.animatedBackground li:nth-child(21) {
    animation-delay: 42s;
    left: 78vw;
    top: 75vh;
}

.animatedBackground li:nth-child(22) {
    animation-delay: 44s;
    left: 6vw;
    top: 84vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(23) {
    animation-delay: 46s;
    left: 39vw;
    top: 64vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(24) {
    animation-delay: 48s;
    left: 89vw;
    top: 37vh;
}

.animatedBackground li:nth-child(25) {
    animation-delay: 50s;
    left: 85vw;
    top: 78vh;
}

.animatedBackground li:nth-child(26) {
    animation-delay: 52s;
    left: 80vw;
    top: 22vh;
}

.animatedBackground li:nth-child(27) {
    animation-delay: 54s;
    left: 7vw;
    top: 37vh;
}

.animatedBackground li:nth-child(28) {
    animation-delay: 56s;
    left: 96vw;
    top: 56vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(29) {
    animation-delay: 58s;
    left: 27vw;
    top: 54vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(30) {
    animation-delay: 60s;
    left: 35vw;
    top: 69vh;
}

.animatedBackground li:nth-child(31) {
    animation-delay: 62s;
    left: 99vw;
    top: 27vh;
}

.animatedBackground li:nth-child(32) {
    animation-delay: 64s;
    left: 54vw;
    top: 3vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(33) {
    animation-delay: 66s;
    left: 57vw;
    top: 5vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(34) {
    animation-delay: 68s;
    left: 76vw;
    top: 12vh;
}

.animatedBackground li:nth-child(35) {
    animation-delay: 70s;
    left: 58vw;
    top: 44vh;
}

.animatedBackground li:nth-child(36) {
    animation-delay: 72s;
    left: 40vw;
    top: 86vh;
}

.animatedBackground li:nth-child(37) {
    animation-delay: 74s;
    left: 0vw;
    top: 93vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(38) {
    animation-delay: 76s;
    left: 17vw;
    top: 2vh;
    border-color: #0046d4;
}

.animatedBackground li:nth-child(39) {
    animation-delay: 78s;
    left: 91vw;
    top: 24vh;
    border-color: #0046d4;
}

.adminSidebarMenu li {
    transition: transform 0.1s ease-in-out;
}

.adminSidebarMenu li:hover {
    transform: translateX(5px);
}

.adminSidebarMenu li a.active {
    background-color: rgba(0, 0, 0, 0.2);
}