@charset "UTF-8";/*
! tailwindcss v3.1.5 | MIT License | https://tailwindcss.com
*/*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}


button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

a,
button,a:hover {
  text-decoration: none;
  cursor: pointer;
}
.hover\:scale:hover {
    transition: transform 0.3s, background 0.3s;
    transform: scale(1.2);
}

.textback {
    z-index: 1;
    display: inline-block;
    font-weight: bold;
    color: #FFD700;
    /* clr-yellow-dark-1 */
    position: relative;
}

.textback::after {
    content: '';
    position: absolute;
    min-width: 50px;
    width: 90%;
    bottom: 0;
    right: 0;
    height: 50%;
    background: #546C5E;
    opacity: 0.5;
    z-index: -1;
}
.hr {
    background: red;
    width: 70%;
    height: 6px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    z-index: 99;
    border-radius: 6px;
}

.curve {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: -10px;
    left: 0;
    z-index: 0;
}
.btn-outline-theme {
    color: #f70b0b;
    background-color: transparent;
    border: 2px solid #f70b0b;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    padding: 4px;
    font-size: 18px;
}
.btn-outline-theme:hover, .btn-outline-theme:focus {
    color: #ffffff !important;
    background-color: #f70b0b;
    border-color:#f70b0b;
}

.btn-inline-theme {
     color: #ffffff !important;
    background-color: #0B94F7;
   
  border: 2px solid #0B94F7;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    padding: 4px;
    font-size: 18px;
}
.btn-inline-theme:hover, .btn-inline-theme:focus {
    color: #0B94F7!important;
    background-color: none!important;
    border: 2px solid #0B94F7;
    background: none!important;
}
.btn-rounded{
    border-radius: 50px;
    padding: 4px;
    font-size: 18px;
}
.btn-l2r {
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #000399;
    background-color: transparent;
    border: 2px solid #1e008a;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
    width: auto;
    text-align: center;
}

.btn-l2r::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #2901ab;
    z-index: 0;
    transition: left 0.4s ease-in-out;
}

.btn-l2r:hover::before {
    left: 0;
}

.btn-l2r:hover {
    color: #fff;
}

.btn-l2r span {
    position: relative;
    z-index: 1;
}
.curve path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: draw 10s infinite, changeColor 5s infinite;
}

@keyframes draw {
    0% {
        stroke-dashoffset: 100;
    }
    40% {
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dashoffset: 0;
    }
    90% {
        stroke-dashoffset: 100;
    }
    100% {
        stroke-dashoffset: 100;
    }
}

@keyframes changeColor {
    0% {
        stroke: red;
    }
    25% {
        stroke: yellow;
    }
    50% {
        stroke: green;
    }
    75% {
        stroke: blue;
    }
    100% {
        stroke: red;
    }
}



.main-section {
    margin-top: 20px;
    text-align: center;
}

.main-section h2 {
    padding: 10px 30px;
    width: 220px ;
    margin: 0 auto 100px;
    color: black;
    border: 2px solid black;
    font-weight: 500;
    font-size: 25px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.main-section h2::after,
.main-section h2::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #2196f3;
    border-radius: 50%;
    transition: 0.3s;
    z-index: -1;
}
.main-section h2::after {
    left: -30px;
    background: red;
}

.main-section h2::before {
    background: #0000ff;
    right: -30px;
}
.main-section h2:hover {
    transition: 0.3s;
    color: white;
}
.main-section h2:hover::before {
    background: #0000ff;
    animation: right-fill 0.5s linear forwards;
}
.main-section h2:hover::after {
    background: red;
    animation: left-fill 0.5s linear forwards;
}

@keyframes right-fill {
    50% {
        right: 0;
        width: 12px;
        height: 12px;
    }
    100% {
        right: 0;
        width: 51%;
        height: 100%;
        border-radius: 0;
    }
}
@keyframes left-fill {
    50% {
        left: 0;
        width: 12px;
        height: 12px;
    }
    100% {
        left: 0;
        width: 51%;
        height: 100%;
        border-radius: 0;
    }
}

body.dark .main-section h2{
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }}

.sr-only {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}
.sticky{
    position: sticky;
}
.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    bottom: 0;
    top: 0
}

.inset-0,.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.bottom-6 {
    bottom: 1.5rem
}

.right-6 {
    right: 1.5rem
}

.top-full {
    top: 100%
}

.right-0 {
    right: 0
}

.bottom-full {
    bottom: 100%
}

.bottom-0 {
    bottom: 0
}

.top-0 {
    top: 0
}

.right-1\/2 {
    right: 50%
}

.top-1\/4 {
    top: 25%
}

.right-1\/3 {
    right: 33.333333%
}

.right-2 {
    right: .5rem
}

.top-1\/2 {
    top: 50%
}

.left-full {
    left: 100%
}

.top-0\.5 {
    top: .125rem
}

.bottom-auto {
    bottom: auto
}

.left-0 {
    left: 0
}

.-right-2 {
    right: -.5rem
}

.left-0\.5 {
    left: .125rem
}

.-bottom-1 {
    bottom: -.25rem
}

.z-50 {
    z-index: 50
}

.z-10 {
    z-index: 10
}

.z-0 {
    z-index: 0
}

.z-40 {
    z-index: 40
}

.z-30 {
    z-index: 30
}

.col-span-1 {
    grid-column: span 1/span 1
}

.m-auto {
    margin: auto
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.-my-8 {
    margin-bottom: -2rem;
    margin-top: -2rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.-mt-40 {
    margin-top: -10rem
}

.-mt-16 {
    margin-top: -4rem
}

.-mt-32 {
    margin-top: -8rem
}

.ml-4 {
    margin-left: 1rem
}

.mr-3 {
    margin-right: .75rem
}

.-mt-10 {
    margin-top: -2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mr-auto {
    margin-right: auto
}

.mt-1 {
    margin-top: .25rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-52 {
    margin-top: -13rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-0 {
    margin-left: 0
}

.mt-3 {
    margin-top: .75rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-4 {
    margin-top: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-3\.5 {
    margin-left: .875rem
}

.ml-3 {
    margin-left: .75rem
}

.-ml-6 {
    margin-left: -1.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-0 {
    margin-top: 0
}

.-mt-4 {
    margin-top: -1rem
}

.-mr-2 {
    margin-right: -.5rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}
.flex17 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-full {
    height: 100%
}

.h-20 {
    height: 5rem
}

.h-screen {
    height: 100vh
}

.h-2 {
    height: .5rem
}

.h-12 {
    height: 3rem
}

.h-10 {
    height: 2.5rem
}

.h-6 {
    height: 1.5rem
}

.h-0\.5 {
    height: .125rem
}

.h-0 {
    height: 0
}

.h-auto {
    height: auto
}

.h-16 {
    height: 4rem
}

.h-60 {
    height: 15rem
}

.h-8 {
    height: 2rem
}

.h-1 {
    height: .25rem
}

.h-64 {
    height: 16rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-\[38px\] {
    height: 38px
}

.h-\[34px\] {
    height: 34px
}

.h-4\/5 {
    height: 80%
}

.h-14 {
    height: 3.5rem
}

.h-px {
    height: 1px
}

.min-h-screen {
    min-height: 100vh
}

.min-h-full {
    min-height: 100%
}
.min-h-100 {
    min-height: 100px
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.w-1\/2 {
    width: 50%
}

.w-16 {
    width: 4rem
}

.w-auto {
    width: auto
}

.w-6 {
    width: 1.5rem
}

.w-32 {
    width: 8rem
}

.w-2 {
    width: .5rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-14 {
    width: 3.5rem
}

.w-96 {
    width: 24rem
}

.w-4 {
    width: 1rem
}

.w-10 {
    width: 2.5rem
}

.w-28 {
    width: 7rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-\[74px\] {
    width: 74px
}

.w-\[34px\] {
    width: 34px
}

.w-4\/5 {
    width: 80%
}

.w-40 {
    width: 10rem
}

.w-3 {
    width: .75rem
}

.w-5 {
    width: 1.25rem
}

.w-12 {
    width: 3rem
}

.w-48 {
    width: 12rem
}

.min-w-0 {
    min-width: 0
}

.max-w-lg {
    max-width: 32rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}
:root {
    --color-time: #e45647;
    --color-repeat: #4779f4;
    --color-book: #ffa40b;

    --navbar-height: 5rem;
    --side-navbar-width: 18rem;
    --side-navbar-collapsed-width: 5rem;

    --color-white: #fff;

    --color-grey-1: #f3f4f6;
    --color-grey-2: #d1d5db;
    --color-grey-3: #9ca3af;

    --color-dark-0: #080c14;
    --color-dark-1: red;
    --color-dark-2: #1f2937;
    --color-dark-3: #374151;
    --color-dark-4: #6b7280;

    --color-primary-container: var(--color-white);
    --color-secondary-container: var(--color-grey-2);
    --color-third-container: var(--color-grey-1);

    --color-outer-container: var(--color-white);
    --color-inner-container: var(--color-white);

    --color-middle-container: var(--color-grey-1);

    --color-text-primary: var(--color-dark-1);
    --color-text-secondary: var(--color-dark-4);

    /*
    dark mode ->
    --color-outer-container: var(--color-dark-0);
    --color-inner-container: var(--color-dark-2);
    --color-middle-container: var(--color-dark-1);
    --color-white: #fff;
    --color-grey-3: #9ca3af; */

    --color-red-light-1: #fee2e2;
    --color-red-light-2: #fca5a5;
    --color-red-dark-1: #dc2626;
    --color-red-dark-2: #991b1b;

    --color-yellow-light-1: #fef3c7;
    --color-yellow-light-2: #fcd34d;
    --color-yellow-dark-1: #d97706;
    --color-yellow-dark-2: #92400e;

    --color-green-light-1: #d1fae5;
    --color-green-light-2: #6ee7b7;
    --color-green-dark-1: #059669;
    --color-green-dark-2: #065f46;

    --color-blue-light-1: #dbeafe;
    --color-blue-light-2: #93c5fd;
    --color-blue-dark-1: #2563eb;
    --color-blue-dark-2: #1e40af;

    --color-purple-light-1: #ede9fe;
    --color-purple-light-2: #c4b5fd;
    --color-purple-dark-1: #7c3aed;
    --color-purple-dark-2: #5b21b6;

    --color-pink-light-1: #fce7f3;
    --color-pink-light-2: #f9a8d4;
    --color-pink-dark-1: #db2777;
    --color-pink-dark-2: #9d174d;

    --font-family: "cairo";

    --font-size-h1: 1.5rem;
    --font-size-h2: 1.25rem;
    --font-size-h3: 1.125rem;
    --font-size-big: 2rem;
    --font-size-normal: 0.938rem;
    --font-size-small: 0.813rem;
    --font-size-smaller: 0.75rem;

    --font-w-normal: 400;
    --font-w-medium: 700;
    --font-w-bold: 900;
}
html.dark {
    --color-primary-container: var(--color-dark-0);
    --color-secondary-container: var(--color-dark-2);
    --color-third-container: var(--color-dark-1);
    --color-outer-container: var(--color-dark-0);
    --color-inner-containe: var(--color-dark-2);
    --color-middle-container: var(--color-dark-1);
    --color-text-primary: var(--color-white);
    --color-text-secondary: var(--color-grey-3);
}

body.collapsed-side-nav {
    --side-navbar-width: var(--side-navbar-collapsed-width);
}
@media screen and (min-width: 968px) {
:root {
        --font-size-h1: 2rem;
        --font-size-h2: 1.5rem;
        --font-size-h3: 1.25rem;
        --font-size-big: 3rem;
        --font-size-normal: 1rem;
        --font-size-small: 0.875rem;
        --font-size-smaller: 0.813rem;
    }
}




/* circle preloader*/
.preloader-inner{
    margin: 0 auto;
}
.preloader-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #ffffff; /* اللون الأساسي للدائرة */
    animation: spin 1s linear infinite;
}

/* Reusable classes */

.pointer {
    cursor: pointer;
}
.smooth {
    transition: all 0.4s ease;
}
.smooth-sm {
    transition: all 0.2s ease;
}

.flex-item {
    flex: 1;
}

.flex-center-x {
    display: flex;
    justify-content: center;
}

.flex-center-y {
    display: flex;
    align-items: center;
}
.flex-center-both {
    display: flex;
    align-items: center;
    justify-content: center;
}

.justify-betwen {
    justify-content: space-between;
}
.justify-evenly {
    justify-content: space-evenly;
}

@keyframes toSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes shake {
    from {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(10deg);
    }
    75% {
        transform: rotate(-10deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.tospin {
    animation-name: toSpin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ar {
    direction: rtl;
    text-align: right;
}
.en {
    direction: ltr;
    text-align: left;
}

.z-index-1 {
    z-index: 1;
}
.z-index-max {
    z-index: 999999999;
}


.font-w-normal {
    font-weight: var(--font-w-normal);
}
.font-w-medium {
    font-weight: var(--font-w-medium);
}
.font-w-bold {
    font-weight: var(--font-w-bold);
}

/* COLORS */
.clr-dark-0 {
    color: var(--color-dark-0);
}
.bg-color-outer-container {
    background-color: var(--color-outer-container);
}
.clr-color-outer-container {
    color: var(--color-outer-container);
}
.bg-color-inner-container {
    background-color: var(--color-inner-container);
}
.clr-color-inner-container {
    color: var(--color-inner-container);
}

.bg-color-text-secondary {
    background-color: var(--color-text-secondary);
}
.clr-color-text-secondary {
    color: var(--color-text-secondary);
}
.bg-color-text-third {
    background-color: var(--color-text-third);
}
.clr-color-text-third {
    color: var(--color-text-third);
}

.bg-red-light-1 {
    background-color: var(--color-red-light-1);
}
.clr-red-light-1 {
    color: var(--color-red-light-1);
}
.bg-red-light-2 {
    background-color: var(--color-red-light-2);
}
.clr-red-light-2 {
    color: var(--color-red-light-2);
}
.bg-red-dark-1 {
    background-color: var(--color-red-dark-1);
}
.clr-red-dark-1 {
    color: var(--color-red-dark-1);
}
.bg-red-dark-2 {
    background-color: var(--color-red-dark-2);
}
.clr-red-dark-2 {
    color: var(--color-red-dark-2);
}

.bg-yellow-light-1 {
    background-color: var(--color-yellow-light-1);
}
.clr-yellow-light-1 {
    color: var(--color-yellow-light-1);
}
.bg-yellow-light-2 {
    background-color: var(--color-yellow-light-2);
}
.clr-yellow-light-2 {
    color: var(--color-yellow-light-2);
}
.bg-yellow-dark-1 {
    background-color: var(--color-yellow-dark-1);
}
.clr-yellow-dark-1 {
    color: var(--color-yellow-dark-1);
}
.bg-yellow-dark-2 {
    background-color: var(--color-yellow-dark-2);
}
.clr-yellow-dark-2 {
    color: var(--color-yellow-dark-2);
}

.bg-green-light-1 {
    background-color: var(--color-green-light-1);
}
.clr-green-light-1 {
    color: var(--color-green-light-1);
}
.bg-green-light-2 {
    background-color: var(--color-green-light-2);
}
.clr-green-light-2 {
    color: var(--color-green-light-2);
}
.bg-green-dark-1 {
    background-color: var(--color-green-dark-1);
}
.clr-green-dark-1 {
    color: var(--color-green-dark-1);
}
.bg-green-dark-2 {
    background-color: var(--color-green-dark-2);
}
.clr-green-dark-2 {
    color: var(--color-green-dark-2);
}

.bg-blue-light-1 {
    background-color: var(--color-blue-light-1);
}
.clr-blue-light-1 {
    color: var(--color-blue-light-1);
}
.bg-blue-light-2 {
    background-color: var(--color-blue-light-2);
}
.clr-blue-light-2 {
    color: var(--color-blue-light-2);
}
.bg-blue-dark-1 {
    background-color: var(--color-blue-dark-1);
}
.clr-blue-dark-1 {
    color: var(--color-blue-dark-1);
}
.bg-blue-dark-2 {
    background-color: var(--color-blue-dark-2);
}
.clr-blue-dark-2 {
    color: var(--color-blue-dark-2);
}

.bg-purple-light-1 {
    background-color: var(--color-purple-light-1);
}
.clr-purple-light-1 {
    color: var(--color-purple-light-1);
}
.bg-purple-light-2 {
    background-color: var(--color-purple-light-2);
}
.clr-purple-light-2 {
    color: var(--color-purple-light-2);
}
.bg-purple-dark-1 {
    background-color: var(--color-purple-dark-1);
}
.clr-purple-dark-1 {
    color: var(--color-purple-dark-1);
}
.bg-purple-dark-2 {
    background-color: var(--color-purple-dark-2);
}
.clr-purple-dark-2 {
    color: var(--color-purple-dark-2);
}

.bg-pink-light-1 {
    background-color: var(--color-pink-light-1);
}
.clr-pink-light-1 {
    color: var(--color-pink-light-1);
}
.bg-pink-light-2 {
    background-color: var(--color-pink-light-2);
}
.clr-pink-light-2 {
    color: var(--color-pink-light-2);
}
.bg-pink-dark-1 {
    background-color: var(--color-pink-dark-1);
}
.clr-pink-dark-1 {
    color: var(--color-pink-dark-1);
}
.bg-pink-dark-2 {
    background-color: var(--color-pink-dark-2);
}
.clr-pink-dark-2 {
    color: var(--color-pink-dark-2);
}

.clr-brand {
  color: #088178 !important;
}

.clr-primary {
  color: #ed0d0d !important;
}

.clr-warning {
  color: #ffb300 !important;
}

.clr-danger {
  color: #ff3551 !important;
}

.clr-success {
  color: #3ed092 !important;
}

.clr-info {
  color: #18a1b7 !important;
}

.text-grey-4 {
  color: #90908e !important;
}

.clr-muted {
  color: #8e8e90 !important;
}

.clr-7 {
  color: #d77f7a !important;
}

.clr-8 {
  color: #63a2c1 !important;
}

.clr-grey-5, .clr-grey-5 a, .clr-hover-grey-5:hover {
  color: #a2a2a2 !important;
}

.nice_scroll::-webkit-scrollbar {
    width: var(--scroll-width);
    transition: all 1s ease;
}

.nice_scroll::-webkit-scrollbar-track {
    background: var(--color-primary-container);
}

.nice_scroll::-webkit-scrollbar-thumb {
    background: var(--color-blue-light-2);
}
.flex-1 {
    flex: 1 1
}

.flex-none {
    flex: none
}

.flex-shrink-0,.shrink-0 {
    flex-shrink: 0
}

.shrink {
    flex-shrink: 1
}

.grow {
    flex-grow: 1
}

.basis-full {
    flex-basis: 100%
}

.basis-2\/3 {
    flex-basis: 66.666667%
}

.table-auto {
    table-layout: auto
}

.origin-top {
    -webkit-transform-origin: top;
    transform-origin: top
}

.origin-bottom {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.origin-top-left {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.origin-top-right {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.-translate-y-0\.5 {
    --tw-translate-y: -0.125rem
}

.-translate-y-0,.-translate-y-0\.5 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-0 {
    --tw-translate-y: -0px
}

.-translate-x-2 {
    --tw-translate-x: -0.5rem
}

.-translate-x-2,.translate-x-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1,.-translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1 {
    --tw-translate-y: -0.25rem
}

.-translate-y-px {
    --tw-translate-y: -1px
}

.-translate-y-1\/3,.-translate-y-px {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/3 {
    --tw-translate-y: -33.333333%
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-0,.translate-y-4 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-1\/4 {
    --tw-translate-y: 25%
}

.translate-y-1,.translate-y-1\/4 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1 {
    --tw-translate-y: 0.25rem
}

.translate-x-1 {
    --tw-translate-x: 0.25rem
}

.translate-x-1,.translate-y-2 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.-translate-y-2 {
    --tw-translate-y: -0.5rem
}

.-translate-x-9,.-translate-y-2 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-9 {
    --tw-translate-x: -2.25rem
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-0,.translate-x-full {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.translate-x-\[2\.625rem\] {
    --tw-translate-x: 2.625rem
}

.-rotate-180,.translate-x-\[2\.625rem\] {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,.rotate-45 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100,.scale-95 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-125,.scale-150 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-0,.scale-x-90 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-90 {
    --tw-scale-x: .9
}

.scale-y-75 {
    --tw-scale-y: .75
}

.scale-y-0,.scale-y-75 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-0 {
    --tw-scale-y: 0
}

.scale-y-50 {
    --tw-scale-y: .5
}

.scale-y-125,.scale-y-50 {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-125 {
    --tw-scale-y: 1.25
}
.scale-104 {
    scale: 1.4;
}
.scale-x-95 {
    --tw-scale-x: .95
}

.scale-x-95,.transform {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }}

@keyframes pulse {
    50% {
        opacity: .5
    }}

.animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.cursor-pointer {
    cursor: pointer
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-5 {
    gap: 1.25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-1 {
    gap: .25rem
}

.gap-x-6 {
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-x-4 {
    -webkit-column-gap: 1rem;
    column-gap: 1rem
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-7>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.75rem*var(--tw-space-y-reverse));
    margin-top: calc(1.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(3rem*var(--tw-space-y-reverse));
    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(4rem*var(--tw-space-y-reverse));
    margin-top: calc(4rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 1
}

.space-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 1
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

/*****************************
*********  BORDER  *****
******************************/
.border-0 {
    border-width: 0
}
.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
    border-width: 4px
}
.border-dotted {
  border-style: dotted !important;
}

.border-solid {
  border-style: solid !important;
}

.border-double {
  border-style: double !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-brand {
  border-color: #088178 !important;
}

.border-muted {
  border-color: #f7f8f9;
}

.section-border {
  border-top: 1px solid #e6e9ec;
  border-bottom: 1px solid #e6e9ec;
}

.border-color-1 {
  border-color: #e0dede;
}
.border-color-2{
    border-color: rgb(6, 6, 124);
}
.rounded-md {
    border-radius: .375rem
}
.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}
.rounded-2xl {
    border-radius: 1rem
}
.rounded-3xl {
    border-radius: 1.25rem
}
.rounded-4xl {
    border-radius: 1.5rem
}
.rounded-5xl {
    border-radius: 1.75rem
}
.rounded-full {
    border-radius: 9999px
}

.rounded {
    border-radius: .25rem
}

.rounded-l-full {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px
}

.rounded-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.rounded-r-md {
    border-bottom-right-radius: .375rem
}

.rounded-r-md,.rounded-t-md {
    border-top-right-radius: .375rem
}

.rounded-l-md,.rounded-t-md {
    border-top-left-radius: .375rem
}

.rounded-l-md {
    border-bottom-left-radius: .375rem
}



.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-y {
    border-bottom-width: 1px;
    border-top-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-slate-900 {
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42/var(--tw-border-opacity))
}

.border-slate-500 {
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139/var(--tw-border-opacity))
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity))
}

.border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(219 234 254/var(--tw-border-opacity))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(250 204 21/var(--tw-border-opacity))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity))
}

.border-cyan-400 {
    --tw-border-opacity: 1;
    border-color: rgb(34 211 238/var(--tw-border-opacity))
}

.border-rose-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 63 94/var(--tw-border-opacity))
}

.border-purple-400 {
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252/var(--tw-border-opacity))
}

.border-emerald-500 {
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129/var(--tw-border-opacity))
}

.border-teal-400 {
    --tw-border-opacity: 1;
    border-color: rgb(45 212 191/var(--tw-border-opacity))
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity))
}

.border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(6 182 212/var(--tw-border-opacity))
}

.border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166/var(--tw-border-opacity))
}

.border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247/var(--tw-border-opacity))
}

.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(234 179 8/var(--tw-border-opacity))
}

.border-teal-800 {
    --tw-border-opacity: 1;
    border-color: rgb(17 94 89/var(--tw-border-opacity))
}

.border-rose-800 {
    --tw-border-opacity: 1;
    border-color: rgb(159 18 57/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-opacity-10 {
    --tw-border-opacity: 0.1
}

.border-opacity-30 {
    --tw-border-opacity: 0.3
}

.border-opacity-20 {
    --tw-border-opacity: 0.2
}

.border-opacity-0 {
    --tw-border-opacity: 0
}

.border-opacity-100 {
    --tw-border-opacity: 1
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.bg-rose-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(136 19 55/var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity))
}

.bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(204 251 241/var(--tw-bg-opacity))
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity))
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238/var(--tw-bg-opacity))
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity))
}

.bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42/var(--tw-bg-opacity))
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(133 77 14/var(--tw-bg-opacity))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21/var(--tw-bg-opacity))
}

.bg-yellow-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 98 7/var(--tw-bg-opacity))
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 224 71/var(--tw-bg-opacity))
}

.bg-emerald-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105/var(--tw-bg-opacity))
}

.bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(192 132 252/var(--tw-bg-opacity))
}

.bg-teal-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191/var(--tw-bg-opacity))
}

.bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4/var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.bg-rose-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 29 72/var(--tw-bg-opacity))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/var(--tw-bg-opacity))
}

.bg-rose-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230/var(--tw-bg-opacity))
}

.bg-rose-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 113 133/var(--tw-bg-opacity))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253/var(--tw-bg-opacity))
}

.bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138/var(--tw-bg-opacity))
}

.bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178/var(--tw-bg-opacity))
}

.bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 148 136/var(--tw-bg-opacity))
}

.bg-slate-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85/var(--tw-bg-opacity))
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

.bg-teal-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 234 212/var(--tw-bg-opacity))
}

.bg-rose-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(159 18 57/var(--tw-bg-opacity))
}

.bg-slate-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139/var(--tw-bg-opacity))
}

.bg-emerald-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity))
}

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254/var(--tw-bg-opacity))
}

.bg-cyan-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity))
}

.bg-indigo-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(49 46 129/var(--tw-bg-opacity))
}

.bg-cyan-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117/var(--tw-bg-opacity))
}

.bg-emerald-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 95 70/var(--tw-bg-opacity))
}

.bg-teal-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 94 89/var(--tw-bg-opacity))
}

.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity))
}

.bg-rose-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 18 60/var(--tw-bg-opacity))
}

.bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153/var(--tw-bg-opacity))
}

.bg-emerald-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 120 87/var(--tw-bg-opacity))
}

.bg-cyan-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 116 144/var(--tw-bg-opacity))
}

.bg-teal-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110/var(--tw-bg-opacity))
}

.bg-slate-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184/var(--tw-bg-opacity))
}
.bg-brand {
  background-color: #088178 !important;
}

.bg-primary {
  background-color: #3f81eb !important;
}

.bg-warning {
  background-color: #ffb300 !important;
}

.bg-danger {
  background-color: #ff3551 !important;
}

.bg-success {
  background-color: #3ed092 !important;
}

.bg-info {
  background-color: #18a1b7 !important;
}

.bg-grey-4 {
  background-color: #90908e !important;
}


.bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-100 {
    --tw-bg-opacity: 1
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left,var(--tw-gradient-stops))
}

.from-teal-500 {
    --tw-gradient-from: #14b8a6;
    --tw-gradient-to: rgba(20,184,166,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-rose-500 {
    --tw-gradient-from: #f43f5e;
    --tw-gradient-to: rgba(244,63,94,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-cyan-500 {
    --tw-gradient-from: #06b6d4;
    --tw-gradient-to: rgba(6,182,212,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-violet-500 {
    --tw-gradient-from: #8b5cf6;
    --tw-gradient-to: rgba(139,92,246,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-red-500 {
    --tw-gradient-from: #ef4444;
    --tw-gradient-to: rgba(239,68,68,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-sky-500 {
    --tw-gradient-to: #0ea5e9
}

.to-purple-500 {
    --tw-gradient-to: #a855f7
}

.to-red-500 {
    --tw-gradient-to: #ef4444
}

.to-blue-500 {
    --tw-gradient-to: #3b82f6
}

.to-fuchsia-500 {
    --tw-gradient-to: #d946ef
}

.to-amber-500 {
    --tw-gradient-to: #f59e0b
}

.fill-rose-500 {
    fill: #f43f5e
}

.fill-white {
    fill: #fff
}

.fill-red-500 {
    fill: #ef4444
}

.fill-purple-500 {
    fill: #a855f7
}

.fill-yellow-300 {
    fill: #fde047
}

.fill-teal-600 {
    fill: #0d9488
}

.fill-cyan-500 {
    fill: #06b6d4
}

.fill-blue-100 {
    fill: #dbeafe
}

.stroke-rose-500 {
    stroke: #f43f5e
}

.stroke-transparent {
    stroke: transparent
}

.stroke-purple-500 {
    stroke: #a855f7
}

.stroke-yellow-300 {
    stroke: #fde047
}

.stroke-teal-600 {
    stroke: #0d9488
}

.stroke-2 {
    stroke-width: 2
}

.p-2 {
    padding: .5rem
}

.p-5 {
    padding: 1.25rem
}

.p-10 {
    padding: 2.5rem
}

.p-4 {
    padding: 1rem
}

.p-3 {
    padding: .75rem
}

.p-1 {
    padding: .25rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.px-28 {
    padding-left: 7rem;
    padding-right: 7rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-px {
    padding-bottom: 1px;
    padding-top: 1px
}

.py-7 {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pr-1 {
    padding-right: .25rem
}

.pt-40 {
    padding-top: 10rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-3 {
    padding-right: .75rem
}

.pb-px {
    padding-bottom: 1px
}

.pb-56 {
    padding-bottom: 14rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pt-1 {
    padding-top: .25rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-0 {
    padding-top: 0
}

.pb-3 {
    padding-bottom: .75rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-0 {
    padding-bottom: 0
}

.pt-8 {
    padding-top: 2rem
}

.pt-3 {
    padding-top: .75rem
}

.pl-1 {
    padding-left: .25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pr-4 {
    padding-right: 1rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.tracking-widest {
    letter-spacing: .1em
}

.tracking-wider {
    letter-spacing: .05em
}
.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(15 118 110/var(--tw-text-opacity))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(17 94 89/var(--tw-text-opacity))
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}
.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(126 34 206/var(--tw-text-opacity))
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.text-teal-400 {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity))
}

.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(253 224 71/var(--tw-text-opacity))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity))
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgb(113 63 18/var(--tw-text-opacity))
}

.text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(254 249 195/var(--tw-text-opacity))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity))
}

.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4/var(--tw-text-opacity))
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
}

.text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249/var(--tw-text-opacity))
}

.text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59/var(--tw-text-opacity))
}

.text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178/var(--tw-text-opacity))
}

.text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-rose-700 {
    --tw-text-opacity: 1;
    color: rgb(190 18 60/var(--tw-text-opacity))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254/var(--tw-text-opacity))
}

.text-rose-100 {
    --tw-text-opacity: 1;
    color: rgb(255 228 230/var(--tw-text-opacity))
}

.text-emerald-100 {
    --tw-text-opacity: 1;
    color: rgb(209 250 229/var(--tw-text-opacity))
}

.text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgb(207 250 254/var(--tw-text-opacity))
}

.text-teal-100 {
    --tw-text-opacity: 1;
    color: rgb(204 251 241/var(--tw-text-opacity))
}

.text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240/var(--tw-text-opacity))
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147 51 234/var(--tw-text-opacity))
}

.text-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(216 180 254/var(--tw-text-opacity))
}

.text-rose-900 {
    --tw-text-opacity: 1;
    color: rgb(136 19 55/var(--tw-text-opacity))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity))
}

.text-cyan-700 {
    --tw-text-opacity: 1;
    color: rgb(14 116 144/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72/var(--tw-text-opacity))
}

.text-emerald-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105/var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7/var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity))
}

.text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgb(21 94 117/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(49 46 129/var(--tw-text-opacity))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity))
}

.text-opacity-70 {
    --tw-text-opacity: 0.7
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.opacity-90 {
    opacity: .9
}

.opacity-50 {
    opacity: .5
}

.opacity-0 {
    opacity: 0
}

.opacity-20 {
    opacity: .2
}

.opacity-100 {
    opacity: 1
}

.opacity-80 {
    opacity: .8
}

.opacity-60 {
    opacity: .6
}

.opacity-30 {
    opacity: .3
}

.opacity-10 {
    opacity: .1
}

.opacity-70 {
    opacity: .7
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,.shadow-md {
    box-shadow: 0 0 #0000,0 0 #0000,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}

.shadow-sm,.shadow-xl {
    box-shadow: 0 0 #0000,0 0 #0000,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-0,.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity))
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))
}

.drop-shadow-lg,.grayscale-0 {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale-0 {
    --tw-grayscale: grayscale(0)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter,.grayscale {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-300 {
    transition-duration: .3s
}

.duration-200 {
    transition-duration: .2s
}

.duration-500 {
    transition-duration: .5s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

#root {
    height: 100%;
    width: 100%
}

.home-main_section {
    margin-top: calc(var(--navbar-height)*-1)
}

.form-img-cover {
    background-image: radial-gradient(#0000,#000)
}

.hover\:-translate-x-3:hover {
    --tw-translate-x: -0.75rem
}
.hover-up {
  -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.hover-up:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.hover\:-translate-x-2:hover,.hover\:-translate-x-3:hover {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:-translate-x-2:hover {
    --tw-translate-x: -0.5rem
}

.hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity))
}

.hover\:bg-teal-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity))
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity))
}

.hover\:bg-rose-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.hover\:bg-emerald-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.hover\:bg-cyan-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity))
}

.hover\:bg-rose-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(136 19 55/var(--tw-bg-opacity))
}

.hover\:bg-cyan-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99/var(--tw-bg-opacity))
}

.hover\:bg-emerald-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59/var(--tw-bg-opacity))
}

.hover\:bg-yellow-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18/var(--tw-bg-opacity))
}

.hover\:bg-teal-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74/var(--tw-bg-opacity))
}

.hover\:bg-blue-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity))
}

.hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0
}

.hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1
}

.hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.hover\:text-cyan-400:hover {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

.hover\:text-slate-50:hover {
    --tw-text-opacity: 1;
    color: rgb(248 250 252/var(--tw-text-opacity))
}

.hover\:text-rose-500:hover {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.hover\:text-yellow-400:hover {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.hover\:text-purple-400:hover {
    --tw-text-opacity: 1;
    color: rgb(192 132 252/var(--tw-text-opacity))
}

.hover\:text-emerald-500:hover {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.hover\:text-teal-400:hover {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgb(219 234 254/var(--tw-text-opacity))
}

.hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgb(254 249 195/var(--tw-text-opacity))
}

.hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.hover\:opacity-70:hover {
    opacity: .7
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-white:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.focus-visible\:ring-slate-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139/var(--tw-ring-opacity))
}

.focus-visible\:ring-yellow-300:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 224 71/var(--tw-ring-opacity))
}

.focus-visible\:ring-opacity-75:focus-visible {
    --tw-ring-opacity: 0.75
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.focus-visible\:ring-offset-white:focus-visible {
    --tw-ring-offset-color: #fff
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-emerald-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.group:hover .group-hover\:brightness-110 {
    --tw-brightness: brightness(1.1)
}

.group:hover .group-hover\:brightness-110,.group:hover .group-hover\:saturate-150 {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group:hover .group-hover\:saturate-150 {
    --tw-saturate: saturate(1.5)
}

.dark .dark\:border-slate-50 {
    --tw-border-opacity: 1;
    border-color: rgb(248 250 252/var(--tw-border-opacity))
}

.dark .dark\:border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59/var(--tw-border-opacity))
}

.dark .dark\:border-cyan-500 {
    --tw-border-opacity: 1;
    border-color: rgb(6 182 212/var(--tw-border-opacity))
}

.dark .dark\:border-rose-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 63 94/var(--tw-border-opacity))
}

.dark .dark\:border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(234 179 8/var(--tw-border-opacity))
}

.dark .dark\:border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247/var(--tw-border-opacity))
}

.dark .dark\:border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235/var(--tw-border-opacity))
}

.dark .dark\:border-emerald-600 {
    --tw-border-opacity: 1;
    border-color: rgb(5 150 105/var(--tw-border-opacity))
}

.dark .dark\:border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166/var(--tw-border-opacity))
}

.dark .dark\:border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55/var(--tw-border-opacity))
}

.dark .dark\:border-slate-900 {
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42/var(--tw-border-opacity))
}

.dark .dark\:border-opacity-0 {
    --tw-border-opacity: 0
}

.dark .dark\:bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity))
}

.dark .dark\:bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity))
}

.dark .dark\:bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.dark .dark\:bg-emerald-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105/var(--tw-bg-opacity))
}

.dark .dark\:bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.dark .dark\:bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 148 136/var(--tw-bg-opacity))
}

.dark .dark\:bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

.dark .dark\:bg-rose-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(136 19 55/var(--tw-bg-opacity))
}

.dark .dark\:bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42/var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(133 77 14/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 224 71/var(--tw-bg-opacity))
}

.dark .dark\:bg-rose-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 29 72/var(--tw-bg-opacity))
}

.dark .dark\:bg-cyan-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(8 145 178/var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity))
}

.dark .dark\:bg-teal-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 94 89/var(--tw-bg-opacity))
}

.dark .dark\:bg-rose-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(159 18 57/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21/var(--tw-bg-opacity))
}

.dark .dark\:bg-emerald-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59/var(--tw-bg-opacity))
}

.dark .dark\:bg-cyan-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99/var(--tw-bg-opacity))
}

.dark .dark\:bg-teal-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 240 138/var(--tw-bg-opacity))
}

.dark .dark\:bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

.dark .dark\:bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18/var(--tw-bg-opacity))
}

.dark .dark\:bg-rose-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 113 133/var(--tw-bg-opacity))
}

.dark .dark\:bg-emerald-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153/var(--tw-bg-opacity))
}

.dark .dark\:bg-cyan-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 211 238/var(--tw-bg-opacity))
}

.dark .dark\:bg-teal-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191/var(--tw-bg-opacity))
}

.dark .dark\:bg-opacity-0 {
    --tw-bg-opacity: 0
}

.dark .dark\:bg-opacity-100 {
    --tw-bg-opacity: 1
}

.dark .dark\:bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.dark .dark\:bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.dark .dark\:bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.dark .dark\:fill-yellow-300 {
    fill: #fde047
}

.dark .dark\:fill-cyan-900 {
    fill: #164e63
}

.dark .dark\:fill-rose-900 {
    fill: #881337
}

.dark .dark\:stroke-yellow-300 {
    stroke: #fde047
}

.dark .dark\:stroke-teal-400 {
    stroke: #2dd4bf
}

.dark .dark\:stroke-yellow-200 {
    stroke: #fef08a
}

.dark .dark\:text-teal-400 {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.dark .dark\:text-teal-300 {
    --tw-text-opacity: 1;
    color: rgb(94 234 212/var(--tw-text-opacity))
}

.dark .dark\:text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(253 224 71/var(--tw-text-opacity))
}

.dark .dark\:text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.dark .dark\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.dark .dark\:text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgb(103 232 249/var(--tw-text-opacity))
}

.dark .dark\:text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.dark .dark\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.dark .dark\:text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark .dark\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.dark .dark\:text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254/var(--tw-text-opacity))
}

.dark .dark\:text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(254 249 195/var(--tw-text-opacity))
}

.dark .dark\:text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225/var(--tw-text-opacity))
}

.dark .dark\:text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.dark .dark\:text-rose-100 {
    --tw-text-opacity: 1;
    color: rgb(255 228 230/var(--tw-text-opacity))
}

.dark .dark\:text-emerald-100 {
    --tw-text-opacity: 1;
    color: rgb(209 250 229/var(--tw-text-opacity))
}

.dark .dark\:text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgb(207 250 254/var(--tw-text-opacity))
}

.dark .dark\:text-teal-100 {
    --tw-text-opacity: 1;
    color: rgb(204 251 241/var(--tw-text-opacity))
}

.dark .dark\:text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72/var(--tw-text-opacity))
}

.dark .dark\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity))
}

.dark .dark\:text-rose-300 {
    --tw-text-opacity: 1;
    color: rgb(253 164 175/var(--tw-text-opacity))
}

.dark .dark\:text-slate-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249/var(--tw-text-opacity))
}

.dark .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark .dark\:text-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(216 180 254/var(--tw-text-opacity))
}

.dark .dark\:text-emerald-300 {
    --tw-text-opacity: 1;
    color: rgb(110 231 183/var(--tw-text-opacity))
}

.dark .dark\:text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

.dark .dark\:text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133/var(--tw-text-opacity))
}

.dark .dark\:text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.dark .dark\:text-purple-400 {
    --tw-text-opacity: 1;
    color: rgb(192 132 252/var(--tw-text-opacity))
}

.dark .dark\:opacity-70 {
    opacity: .7
}

.dark .dark\:opacity-90 {
    opacity: .9
}

.dark .hover\:dark\:border-opacity-100:hover {
    --tw-border-opacity: 1
}

.dark .dark\:hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-yellow-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-slate-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-rose-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-emerald-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-cyan-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-teal-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.dark .dark\:hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0
}

.dark .dark\:hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1
}

.dark .dark\:hover\:text-cyan-500:hover {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-rose-500:hover {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-slate-50:hover {
    --tw-text-opacity: 1;
    color: rgb(248 250 252/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgb(168 85 247/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-emerald-600:hover {
    --tw-text-opacity: 1;
    color: rgb(5 150 105/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-teal-500:hover {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgb(219 234 254/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-yellow-100:hover {
    --tw-text-opacity: 1;
    color: rgb(254 249 195/var(--tw-text-opacity))
}

.dark .dark\:hover\:text-slate-100:hover {
    --tw-text-opacity: 1;
    color: rgb(241 245 249/var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
}

.dark .group:hover .dark\:group-hover\:text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

@media (min-width:640px) {
    .sm\:static {
        position: static
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:inset-auto {
        bottom: auto;
        left: auto;
        right: auto;
        top: auto
    }

    .sm\:top-full {
        top: 100%
    }

    .sm\:right-auto {
        right: auto
    }

    .sm\:bottom-auto {
        bottom: auto
    }

    .sm\:left-full {
        left: 100%
    }

    .sm\:left-0 {
        left: 0
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .sm\:ml-6 {
        margin-left: 1.5rem
    }

    .sm\:block {
        display: block
    }

    .sm\:h-14 {
        height: 3.5rem
    }

    .sm\:h-60 {
        height: 15rem
    }

    .sm\:h-2 {
        height: .5rem
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-20 {
        width: 5rem
    }

    .sm\:w-4 {
        width: 1rem
    }

    .sm\:max-w-2xl {
        max-width: 42rem
    }

    .sm\:basis-1\/4 {
        flex-basis: 25%
    }

    .sm\:basis-3\/4 {
        flex-basis: 75%
    }

    .sm\:basis-1\/2 {
        flex-basis: 50%
    }

    .sm\:basis-1\/3 {
        flex-basis: 33.333333%
    }

    .sm\:translate-y-2 {
        --tw-translate-y: 0.5rem
    }

    .sm\:translate-x-0,.sm\:translate-y-2 {
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:-translate-y-0\.5,.sm\:translate-y-0 {
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:-translate-y-0\.5 {
        --tw-translate-y: -0.125rem
    }

    .sm\:-translate-y-0 {
        --tw-translate-y: -0px
    }

    .sm\:-translate-y-0,.sm\:scale-95 {
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.25rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.25rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }

    .sm\:rounded-full {
        border-radius: 9999px
    }

    .sm\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .sm\:pb-4 {
        padding-bottom: 1rem
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: 0 0 #0000,0 0 #0000,var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
    }}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:block {
        display: block
    }

    .md\:hidden {
        display: none
    }

    .md\:h-screen {
        height: 100vh
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:basis-1\/3 {
        flex-basis: 33.333333%
    }

    .md\:basis-2\/3 {
        flex-basis: 66.666667%
    }

    .md\:basis-1\/2 {
        flex-basis: 50%
    }

    .md\:scale-y-100 {
        --tw-scale-y: 1;
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

    .md\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .md\:space-x-10>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2.5rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .md\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:inset-0 {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-screen {
        height: 100vh
    }

    .lg\:h-16 {
        height: 4rem
    }

    .lg\:min-h-screen {
        min-height: 100vh
    }

    .lg\:w-24 {
        width: 6rem
    }

    .lg\:w-16 {
        width: 4rem
    }

    .lg\:w-8 {
        width: 2rem
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:basis-2\/5 {
        flex-basis: 40%
    }

    .lg\:basis-3\/5 {
        flex-basis: 60%
    }

    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .lg\:-translate-y-1\/2,.lg\:translate-x-1\/2 {
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .lg\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .lg\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .lg\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:pt-1 {
        padding-top: .25rem
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }}

@media (min-width:1280px) {
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }}

.navbar {
    height: calc(var(--navbar-height))
}

.hide-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

#nav-icon {
    --nav-icon-color: currentColor;
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 20px;
    position: relative
}

#nav-icon,#nav-icon span {
    transition: all var(--transition-smooth) cubic-bezier(.61,.01,.42,1);
    width: 30px
}

#nav-icon span {
    background: var(--nav-icon-color);
    border: 2px solid var(--nav-icon-color);
    border-radius: .125rem;
    display: block;
    height: 0;
    position: absolute
}

#nav-icon.open {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-delay: .1s
}

#nav-icon.open span:nth-child(3):before {
    background: #f26451;
    border-radius: 50%;
    height: 2px;
    width: 2px
}

#nav-icon.open span {
    --var-zero-x: 80%;
    --var-zero-y: 0%;
    --var-ten: 10%;
    -webkit-animation: atom .3s linear 1;
    animation: atom .3s linear 1;
    background: transparent;
    border: 1px solid var(--nav-icon-color);
    border-radius: 50%;
    height: 9px;
    margin-right: 2px;
    margin-top: -2px;
    top: 0;
    width: 25px
}

#nav-icon span:first-child {
    top: 0
}

#nav-icon span:nth-child(2) {
    top: 8px
}

#nav-icon span:nth-child(3) {
    top: 16px
}

#nav-icon.open span:first-child {
    top: 7px
}

#nav-icon.open span:nth-child(2) {
    top: 8px
}

#nav-icon.open span:nth-child(3) {
    top: 7px
}

#nav-icon span:nth-child(3):before {
    -webkit-animation: ball 1.5s linear infinite;
    animation: ball 1.5s linear infinite;
    border: 2px solid #2563eb;
    content: "";
    display: block;
    opacity: 0;
    position: relative;
    top: .25px
}

#nav-icon.open span:first-child {
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg)
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(33deg);
    transform: rotate(33deg)
}

#nav-icon.open span:nth-child(3):before {
    opacity: 1;
    transition: opacity .6s cubic-bezier(.61,.01,.42,1)
}

@-webkit-keyframes atom {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }}

@keyframes atom {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }}

@-webkit-keyframes division {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }}

@keyframes division {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }}

@-webkit-keyframes ball {
    0% {
        left: calc(var(--var-ten)*-2 - var(--var-zero-x));
        top: calc(var(--var-ten)*1 - var(--var-zero-y))
    }

    10% {
        left: calc(var(--var-ten)*1 - var(--var-zero-x));
        top: calc(var(--var-ten)*-3.5 - var(--var-zero-y))
    }

    25% {
        left: calc(var(--var-ten)*4.5 - var(--var-zero-x));
        top: calc(var(--var-ten)*-5 - var(--var-zero-y))
    }

    40% {
        left: calc(var(--var-ten)*8 - var(--var-zero-x));
        top: calc(var(--var-ten)*-2 - var(--var-zero-y))
    }

    50% {
        left: calc(var(--var-ten)*9.8 - var(--var-zero-x));
        top: calc(var(--var-ten)*1.8 - var(--var-zero-y))
    }

    60% {
        left: calc(var(--var-ten)*8 - var(--var-zero-x));
        top: calc(var(--var-ten)*5 - var(--var-zero-y))
    }

    75% {
        left: calc(var(--var-ten)*4.5 - var(--var-zero-x));
        top: calc(var(--var-ten)*8 - var(--var-zero-y))
    }

    90% {
        left: calc(var(--var-ten)*0 - var(--var-zero-x));
        top: calc(var(--var-ten)*6 - var(--var-zero-y))
    }

    to {
        left: calc(var(--var-ten)*-2 - var(--var-zero-x));
        top: calc(var(--var-ten)*1 - var(--var-zero-y))
    }}

@keyframes ball {
    0% {
        left: calc(var(--var-ten)*-2 - var(--var-zero-x));
        top: calc(var(--var-ten)*1 - var(--var-zero-y))
    }

    10% {
        left: calc(var(--var-ten)*1 - var(--var-zero-x));
        top: calc(var(--var-ten)*-3.5 - var(--var-zero-y))
    }

    25% {
        left: calc(var(--var-ten)*4.5 - var(--var-zero-x));
        top: calc(var(--var-ten)*-5 - var(--var-zero-y))
    }

    40% {
        left: calc(var(--var-ten)*8 - var(--var-zero-x));
        top: calc(var(--var-ten)*-2 - var(--var-zero-y))
    }

    50% {
        left: calc(var(--var-ten)*9.8 - var(--var-zero-x));
        top: calc(var(--var-ten)*1.8 - var(--var-zero-y))
    }

    60% {
        left: calc(var(--var-ten)*8 - var(--var-zero-x));
        top: calc(var(--var-ten)*5 - var(--var-zero-y))
    }

    75% {
        left: calc(var(--var-ten)*4.5 - var(--var-zero-x));
        top: calc(var(--var-ten)*8 - var(--var-zero-y))
    }

    90% {
        left: calc(var(--var-ten)*0 - var(--var-zero-x));
        top: calc(var(--var-ten)*6 - var(--var-zero-y))
    }

    to {
        left: calc(var(--var-ten)*-2 - var(--var-zero-x));
        top: calc(var(--var-ten)*1 - var(--var-zero-y))
    }}

.main__svg-wrapper {
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.main__hex-wrapper {
    height: auto;
    position: absolute;
    right: 0;
    top: 75px;
    width: 130px
}

#bottom1,#bottom2,#top,.main__image {
    transition: all .3s ease
}

.main__image__wrapper img {
    height: auto;
    max-width: 100%
}

.courses .main__image__wrapper img {
    opacity: .5
}

.main__title {
    font-size: 6rem
}

.main__text-wrapper {
    height: 100%
}

.main__title__first {
    position: relative
}

.main__title__first.writing:after {
    border: 3px solid var(--color-text-secondary);
    content: "";
    height: 6rem;
    left: 0;
    position: absolute;
    top: 0
}

.main__content {
    color: var(--color-text-secondary);
    font-size: var(--font-size-h1);
    font-weight: var(--font-w-medium)
}

.main__classes__title {
    position: relative
}

.main__classes__title__text {
    background-color: var(--color-primary-container);
    box-shadow: 0 0 40px var(--color-primary-container);
    left: 50%;
    margin-left: -75px;
    position: absolute;
    top: -15px;
    width: 150px
}

.main__classes__title hr {
    height: 2px
}

.dark .main__classes__title hr {
    height: 1px
}

.main__classes__buttons {
    z-index: 10
}

.main__classes__wrapper a {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: 0 5px;
    position: relative;
    width: 50px
}

.main__classes__outer__circle {
    animation-direction: reverse;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border: 1px dashed var(--color-text-primary);
    border-radius: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px
}

.main__classes__wrapper a:hover .main__classes__outer__circle {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.main__classes__circle {
    align-items: center;
    border-radius: 100%;
    display: flex;
    font-weight: var(--font-w-medium);
    height: 40px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 40px
}

.main__classes__circle__icon {
    font-size: var(--font-size-h1);
    opacity: .18;
    position: absolute
}

.main__classes__circle span {
    font-size: var(--font-size-h2);
    text-shadow: 1px 1px 3px #fffa
}

.main__spinning .iconify {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: coloredSpin;
    animation-name: coloredSpin;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    font-size: var(--font-size-h1)
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }}

@-webkit-keyframes coloredSpin {
    0% {
        color: #a855f7;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        color: #f43f5e
    }

    40% {
        color: #3b82f6
    }

    60% {
        color: #eab308
    }

    80% {
        color: #ec4899
    }

    to {
        color: #a855f7;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }}

@keyframes coloredSpin {
    0% {
        color: #a855f7;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        color: #f43f5e
    }

    40% {
        color: #3b82f6
    }

    60% {
        color: #eab308
    }

    80% {
        color: #ec4899
    }

    to {
        color: #a855f7;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }}

.paper-border {
    z-index: -1
}

#lower-border {
    -webkit-filter: drop-shadow(0 4px 2px #0005);
    filter: drop-shadow(0 4px 2px #0005);
    opacity: .5
}

.mid__img__wrapper {
    text-align: center;
    width: 100%
}

.mid-section img {
    height: auto;
    max-width: 70%
}

.mid__img__wrapper.shake img {
    -webkit-animation: shake;
    animation: shake;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.mid__text {
    border-radius: .4rem;
    color: var(--white);
    margin-top: 1rem;
    padding: 1rem;
    text-align: center;
    transition: all .4s ease;
    width: 80%
}

.mid__card:nth-child(2) .mid__text.stable,.mid__card:nth-child(3) .mid__text.stable,.mid__text.stable {
    background-color: var(--color-primary-container);
    box-shadow: 0 0 20px #000;
    color: var(--color-text-primary)
}
/* inputs */
.con-form-sign-in {
    position: relative;
    top: 90px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.form-sign-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.form-sign-in h1 {
    font-size: 30px;
    font-weight: 800;
    color: red;
    margin-bottom: 25px;
    position: relative;
}

.form-sign-in h1::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    height: 3px;
    background-color: red;
    border-radius: 4px;
}

.con-input-filed {
    position: relative;
    width: 90%;
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #e5e5e5;
    border-radius: 50px;
}

.con-sign-in-submit {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
}

.con-sign-in-submit input {
    flex-grow: 1;
    background-color: #00c8a9;
    color: #fff;
    border: none;
    max-width: 200px;
    outline: none;
    border-radius: 40px;
    padding: 8px 16px;
}
.form-sign-in p {
    font-size: 15px;
    font-weight: 800;
    color: black;
    margin-bottom: 15px;
}
.form-sign-in {
    margin-bottom: 50px;
}

.con-just-input input::placeholder {
    color: #77838f;
}
.con-just-input input {
    background-color: #e5e5e5;
    border-radius: 50px;
    font-size: 15px;
    color: #77838f;
    border: none;
    outline: none;
    width: 100%;
    padding: 10px 20px;
    color: #444;
    font-size: 13px;
    font-weight: 700;
}

.con-just-input input:-webkit-autofill,
.con-just-input input:-webkit-autofill:hover,
.con-just-input input:-webkit-autofill:focus,
.con-just-input input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #e5e5e5 inset !important;
    border-radius: 50px;
}

.con-just-input label,
.con-select-option label {
    font-size: 15px;
    color: #A4009E;
    margin-bottom: 0px;
    margin-left: 20px;
    font-weight: 800;
    display: block;
}

.con-just-input input::-webkit-outer-spin-button,
.con-just-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.con-just-input label,
.con-select-option label {
    font-size: 14px;
}

.con-just-input input:invalid,
select:invalid {

    border-style: double;
}

.form-sign-in h1::after {
    bottom: -15px;
}
.con-just-input p {
    height: 2px;
    color: red;
}
.con-just-input input {
    background-color: #e5e5e5;
    border-radius: 5px;
    font-size: 15px;
    text-align: right;
    color: #77838f;
    border: none;
    outline: none;
    width: 100%;
    padding: 10px 18px;
    color: #444;
    font-size: 13px;
    font-weight: 700;
}

.con-just-input select:invalid,
.con-just-input input:invalid {
    border-color: #dc3444;
    border-style: dashed;
    border-width: 1px;
}

.con-just-input select:valid,
.con-just-input input:valid {
    border-style: none;
}

.con-just-input input:-webkit-autofill,
.con-just-input input:-webkit-autofill:hover,
.con-just-input input:-webkit-autofill:focus,
.con-just-input input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #e5e5e5 inset !important;
    border-radius: 50px;
}

.con-just-input input::-webkit-outer-spin-button,
.con-just-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* inputs */
form {
    --input-colors: #06b6d4
}

.form-reg__group.error {
    --input-colors: #f43f5e
}

.form-reg__group {
    position: relative
}

.form-reg__group.disabled {
    cursor: not-allowed;
    opacity: .2
}

.form-reg__group input,.form-reg__group select,.form-reg__group textarea {
    background-color: var(--color-primary-container);
    border: none;
    border-bottom: 1px solid var(--color-text-secondary);
    color: var(--color-text-primary);
    display: block;
    font-size: 18px;
    padding: .625em .625em .625em .3125em;
    width: 100%
}

.form-reg__group input:focus,.form-reg__group select:focus,.form-reg__group textarea:focus {
    outline: none
}

.form-reg__group label {
    color: var(--color-text-secondary);
    font-size: 18px;
    font-weight: 400;
    pointer-events: none;
    position: absolute;
    right: .3125em;
    top: .625em;
    transition: all .27s ease;
    -moz-transition: all .27s ease;
    -webkit-transition: all .27s ease;
    z-index: 10
}

.form-reg__group input:focus~label,.form-reg__group input:valid~label,.form-reg__group textarea:focus~label,.form-reg__group textarea:valid~label {
    color: var(--input-colors);
    font-size: 14px;
    left: 0;
    top: -20px
}

.form-reg__group .bar {
    display: block;
    position: relative;
    z-index: 10
}

.form-reg__group .bar:before {
    background: var(--input-colors);
    border-radius: 100px;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0
}

.form-reg__group input:focus~.bar:after,.form-reg__group input:focus~.bar:before,.form-reg__group select:focus~.bar:after,.form-reg__group select:focus~.bar:before,.form-reg__group textarea:focus~.bar:after,.form-reg__group textarea:focus~.bar:before {
    width: 100%
}

.form-reg__group .bg {
    background: var(--input-colors);
    opacity: .3;
    transition: all .3s ease;
    z-index: 0
}

.form-reg__group .bg,.form-reg__group .bg:after {
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0
}

.form-reg__group .bg:after {
    background: var(--color-primary-container);
    transition: all var(--transition-smooth) ease .2s
}

.form-reg__group input:focus~.bg,.form-reg__group input:focus~.bg:after,.form-reg__group textarea:focus~.bg,.form-reg__group textarea:focus~.bg:after {
    width: 100%
}

.form-reg__second {
    background-color: var(--color-secondary-container);
    box-shadow: inset 0 -5px 5px -5px #000;
    height: 100%
}

.form-reg__group input,.form-reg__group select,.form-reg__group textarea {
    background-color: #0000;
    position: relative;
    z-index: 10
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 30px #fef9c3!important;
    opacity: .2
}

.react-select__outer-container>div:first-child>div {
    background-color: var(--color-inner-container);
    border-color: var(--color-secondary-container);
    transition: all var(--transition-smooth) ease
}

.react-select__outer-container>div:first-child>div:nth-child(3)>div:first-child>div:first-child {
    color: var(--color-text-secondary);
    transition: all var(--transition-smooth) ease
}

.react-select__outer-container>div:first-child>div:nth-child(3)>div:nth-child(2)>span {
    background-color: var(--color-text-secondary);
    transition: all var(--transition-smooth) ease
}

.react-select__outer-container>div:first-child>div:nth-child(3)>div:nth-child(2)>div {
    color: var(--color-text-secondary);
    transition: all var(--transition-smooth) ease
}

.react-select__outer-container>div:first-child>div:nth-child(3)>div:nth-child(2)>div:hover {
    color: var(--color-text-primary);
    transition: all var(--transition-smooth) ease
}

.dark .react-select__outer-container>div:first-child>div:nth-child(4)>div>div:hover{background-color:#1e3a8a;transition:all var(--transition-smooth) ease}div.rdt_Table{background-color:initial}div.datatablecomponent.nodense .rdt_TableCell>div,div.datatablecomponent.nodense .rdt_TableCol>div:not(.rdt_TableCol_Sortable),div.datatablecomponent.nodense .rdt_TableCol_Sortable>div{white-space:normal}div.rdt_TableHeadRow{background-color:var(--color-outer-container);border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium);font-size:var(--font-size-normal);font-weight:var(--font-w-bold);padding:12px 0}div.rdt_TableHeadRow,div.rdt_TableRow{color:var(--color-text-primary);transition:all var(--transition-smooth) ease}div.rdt_TableRow{background-color:var(--color-secondary-container)}div.rdt_TableRow:nth-child(2n){background-color:var(--color-third-container)}div.rdt_TableRow:hover{background-color:#2563eb;border:0;color:#fff;transition:all var(--transition-smooth) ease}div.rdt_TableRow:not(:last-of-type){border:0}nav.rdt_Pagination{background-color:var(--color-outer-container);border-bottom-left-radius:var(--border-radius-medium);border-bottom-right-radius:var(--border-radius-medium);color:var(--color-text-secondary);font-size:var(--font-size-normal);font-weight:var(--font-w-bold)}div.rdt_TableHeader,nav.rdt_Pagination{transition:all var(--transition-smooth) ease}div.rdt_TableHeader{background-color:var(--color-inner-container);padding:20px}.datatablecomponent button{fill:var(--color-text-primary);color:var(--color-text-primary);opacity:.8;transition:all var(--transition-smooth) ease}.datatablecomponent button:disabled{fill:var(--color-text-secondary);color:var(--color-text-secondary);opacity:.5}.rdt_TableCell>div,.rdt_TableCol>div:not(.rdt_TableCol_Sortable),.rdt_TableCol_Sortable>div{padding-bottom:5px;padding-top:5px}div.rdt_Table>div{background-color:var(--color-secondary-container);border-radius:100px;color:var(--color-text-primary);transition:all var(--transition-smooth) ease}.bg-gradient{background:linear-gradient(90deg,#0000,currentColor,currentColor)}@-webkit-keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@-webkit-keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4));transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:transparent;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1 1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px + 2);margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:transparent;background-image:linear-gradient(90deg,currentColor,transparent 0);background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;-webkit-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:0 100%;transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);-webkit-transform:translateX(50%);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word;white-space:normal}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;-webkit-transform:translateY(-38.28125%);transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;-webkit-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:4px;border-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;-webkit-filter:blur(1px);filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.progress-circle{border-radius:50%}.progress-content{height:80%;width:80%}.positive-side-nav-margin{margin-right:var(--side-navbar-collapsed-width)}.SideNav::-webkit-scrollbar{width:10px}.SideNav::-webkit-scrollbar-track{background:var(--color-primary-container);border-radius:5px}.SideNav::-webkit-scrollbar-thumb{background-color:currentColor;border-radius:14px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--navbar-height:5rem;--body-top:var(--navbar-height);--side-navbar-width:18rem;--side-navbar-collapsed-width:5rem;--color-dark-0:#090b10;--color-dark-2:#18202b;--color-white:#fff;--color-grey-1:#f3f4f6;--color-grey-2:#d1d5db;--color-grey-3:#9ca3af;--color-dark-0:#080c14;--color-dark-1:#111827;--color-dark-2:#1f2937;--color-dark-3:#374151;--color-dark-4:#6b7280;--color-footer:var(--color-dark-2);--color-primary-container:var(--color-white);--color-secondary-container:var(--color-grey-2);--color-third-container:var(--color-grey-1);--color-outer-container:var(--color-grey-1);--color-inner-container:var(--color-white);--color-middle-container:var(--color-grey-2);--color-text-primary:var(--color-dark-1);--color-text-secondary:var(--color-dark-4);--font-size-h1:1.5rem;--font-size-h2:1.25rem;--font-size-h3:1.125rem;--font-size-normal:0.938rem;--font-size-small:0.813rem;--font-size-smaller:0.75rem;--font-size-big:2rem;--font-size-bigmax:3rem;--font-size-bigmain:4rem;--font-w-normal:400;--font-w-medium:600;--font-w-bold:700;--transition-smooth:0.4s;--transition-very-smooth:0.6s;--transition-fast:0.2s;--color-shadow-large:#0006;--color-shadow-medium:#0004;--color-shadow-small:#0002;--shadow-large:20px var(--color-shadow-large);--shadow-medium:10px var(--color-shadow-medium);--shadow-small:5px var(--color-shadow-small);--shadow-large-d:20px 4px var(--color-shadow-large);--shadow-medium-d:10px 4px var(--color-shadow-medium);--shadow-small-d:5px 3px var(--color-shadow-small);--border-radius-large:1.3rem;--border-radius-medium:1rem;--border-radius-small:0.4rem}body.dark,html.dark{--color-primary-container:var(--color-dark-0);--color-secondary-container:var(--color-dark-2);--color-third-container:var(--color-dark-1);--color-outer-container:var(--color-dark-0);--color-inner-container:var(--color-dark-1);--color-middle-container:var(--color-dark-2);--color-text-primary:var(--color-white);--color-text-secondary:var(--color-grey-3);--color-shadow-large:#000;--color-shadow-medium:#000c;--color-shadow-small:#0005}@media screen and (min-width:768px){:root{--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-normal:1rem;--font-size-small:0.875rem;--font-size-smaller:0.813rem;--font-size-big:3rem;--font-size-bigmax:4rem;--font-size-bigmain:6rem}}body{background-color:#fff;background-color:var(--color-primary-container);color:#111827;color:var(--color-text-primary);direction:rtl;font-family:Almarai;font-family:var(--font-family);font-size:.938rem;font-size:var(--font-size-normal);font-weight:400;font-weight:var(--font-w-normal);margin-top:5rem;margin-top:var(--body-top);overflow-x:hidden;padding-right:0!important;text-align:right}body.collapsed-side-nav{--side-navbar-width:var(--side-navbar-collapsed-width)}body.modal-open{overflow-y:auto!important}li,ul{list-style:none}*,h1,h2,h3,h4,h5,label,li,p,ul{box-sizing:border-box;margin:0;padding:0}.hover-shadow:not(.not-allowed):hover{box-shadow:0 7px 10px 0 #0003;-webkit-transform:scale(1.03);transform:scale(1.03)}.hover-shadow-large:not(.not-allowed):hover{box-shadow:-7px 15px 40px -5px #0006;box-shadow:-7px 15px 40px -5px var(--color-shadow-large);-webkit-transform:scale(1.03);transform:scale(1.03)}.group:hover .group-hover\:shadow:not(.not-allowed){box-shadow:0 7px 10px 0 #0003;-webkit-transform:scale(1.03);transform:scale(1.03)}.group:hover .group-hover\:shadow-large:not(.not-allowed){box-shadow:-7px 15px 40px -5px #0006;box-shadow:-7px 15px 40px -5px var(--color-shadow-large);-webkit-transform:scale(1.03);transform:scale(1.03)}.ar{direction:rtl;text-align:right}.en{text-align:left}.en,.ltr{direction:ltr}.rtl{direction:rtl}.smooth{transition:all .4s ease;transition:all var(--transition-smooth) ease}.smooth-slow{transition:all .6s ease;transition:all var(--transition-very-smooth) ease}.smooth-fast{transition:all .2s ease;transition:all var(--transition-fast) ease}.shadow-large{box-shadow:0 0 20px #0006;box-shadow:0 0 var(--shadow-large)}.shadow-large--oblique{box-shadow:-5px 5px 20px #0006;box-shadow:-5px 5px var(--shadow-large)}.shadow-medium{box-shadow:0 0 10px #0004;box-shadow:0 0 var(--shadow-medium)}.shadow-medium--oblique{box-shadow:-3px 3px 10px #0004;box-shadow:-3px 3px var(--shadow-medium)}.shadow-small{box-shadow:0 0 5px #0002;box-shadow:0 0 var(--shadow-small)}.shadow-small--oblique{box-shadow:-1px 1px 5px #0002;box-shadow:-1px 1px var(--shadow-small)}.me-shadow:before{background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);content:"";height:10px;left:5%;opacity:0;pointer-events:none;position:absolute;top:100%;transition-duration:.3s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;width:90%;z-index:-1}.me-shadow:active:before,.me-shadow:focus:before,.me-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.rounded-circle{border-radius:100%}.divider-1{height:1px;width:100%}.divider-2{height:2px;width:100%}.divider-3{height:3px;width:100%}.nice_scroll::-webkit-scrollbar{-webkit-transition:all 1s ease;transition:all 1s ease;width:var(--scroll-width)}.nice_scroll::-webkit-scrollbar-track{background:#fff;background:var(--color-primary-container)}.nice_scroll::-webkit-scrollbar-thumb{background:#075985}.glassy{--box-border:#ffffff40;--back-color:#0001;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);background-color:var(--back-color);border-left:1px solid var(--box-border);border-top:1px solid var(--box-border)}.dark .glassy{--box-border:#fff3;--back-color:#fff1}.non-blur-glassy{--box-border:#ffffff40;--back-color:#0001;background-color:var(--back-color);border-left:1px solid var(--box-border);border-top:1px solid var(--box-border)}.dark .non-blur-glassy{--box-border:#fff3;--back-color:#fff1}.glassy--border{--box-border:#dfdfdf;--back-color:#fff2;border-left:4px solid var(--box-border);border-top:4px solid var(--box-border)}.dark .glassy--border{--box-border:#fff3;--back-color:#fff1}.glassy\:border-1{--box-border:#dfdfdf;--back-color:#fff2;border-left:1px solid var(--box-border);border-top:1px solid var(--box-border)}.dark .glassy\:border-1{--box-border:#fff3;--back-color:#fff1}@-webkit-keyframes toSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes toSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.tospin{--duration:5000ms;-webkit-animation-duration:var(--duration);animation-duration:var(--duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:toSpin;animation-name:toSpin;-webkit-animation-timing-function:linear;animation-timing-function:linear}.spin-duration-slow{--duration:15000ms}.spin-duration-xslow{--duration:30000ms}.mobile-row-col{display:flex;flex-direction:column}.mobile-flex-center-both{align-items:center;display:flex;justify-content:center}@media screen and (min-width:768px){.mobile-row-col{flex-direction:row}.mobile-flex-center-both{align-items:normal;display:flex;justify-content:normal}}.flex-center-x{display:flex;justify-content:center}.flex-center-both,.flex-center-y{align-items:center;display:flex}.flex-center-both{justify-content:center}.flex-item{flex:1 1}.font-ruqaa{font-family:Aref Ruqaa,serif}.font-cairo{font-family:Cairo,sans-serif}.font-alm{font-family:Almarai,sans-serif}.font-taj{font-family:tajawal,sans-serif}.font-com{font-family:Comfortaa,sans-serif}.font-rubik{font-family:Rubik,sans-serif}.font-ibm{font-family:IBM Plex Sans Arabic,sans-serif}.font-kuf{font-family:Kufam,sans-serif}.font-comforter{font-family:Comforter,cursive}.font-big{font-size:2rem;font-size:var(--font-size-big)}.font-bigmax{font-size:3rem;font-size:var(--font-size-bigmax)}.font-bigmain{font-size:4rem;font-size:var(--font-size-bigmain)}.font-normal{font-size:.938rem;font-size:var(--font-size-normal)}.font-small{font-size:.813rem;font-size:var(--font-size-small)}.font-smaller{font-size:.75rem;font-size:var(--font-size-smaller)}.font-h1{font-size:1.5rem;font-size:var(--font-size-h1)}.font-h2{font-size:1.25rem;font-size:var(--font-size-h2)}.font-h3{font-size:1.125rem;font-size:var(--font-size-h3)}.font-w-bold{font-weight:700;font-weight:var(--font-w-bold)}.font-w-medium{font-weight:600;font-weight:var(--font-w-medium)}.font-w-normal{font-weight:400;font-weight:var(--font-w-normal)}.bg-outer-container{background-color:#f3f4f6;background-color:var(--color-outer-container)}.clr-outer-container{color:#f3f4f6;color:var(--color-outer-container)}.bg-inner-container{background-color:#fff;background-color:var(--color-inner-container)}.clr-inner-container{color:#fff;color:var(--color-inner-container)}.fill-text-primary{fill:#111827;fill:var(--color-text-primary)}.bg-text-primary{background-color:#111827;background-color:var(--color-text-primary)}.clr-text-primary{color:#111827;color:var(--color-text-primary)}.bg-text-secondary{background-color:#6b7280;background-color:var(--color-text-secondary)}.clr-text-secondary{color:#6b7280;color:var(--color-text-secondary)}.bg-text-third{background-color:var(--color-text-third)}.clr-text-third{color:var(--color-text-third)}.fill-primary-container{fill:#fff;fill:var(--color-primary-container)}.clr-primary-container{color:#fff;color:var(--color-primary-container)}.clr-secondary-container{color:#d1d5db;color:var(--color-secondary-container)}.clr-third-container{color:#f3f4f6;color:var(--color-third-container)}.bg-primary-container{background-color:#fff;background-color:var(--color-primary-container)}.bg-secondary-container{background-color:#d1d5db;background-color:var(--color-secondary-container)}.bg-third-container{background-color:#f3f4f6;background-color:var(--color-third-container)}.border-primary-container{border-color:#fff;border-color:var(--color-primary-container)}.border-secondary-container{border-color:#d1d5db;border-color:var(--color-secondary-container)}.border-third-container{border-color:#f3f4f6;border-color:var(--color-third-container)}.hover\:bg-outer-container:hover{background-color:#f3f4f6;background-color:var(--color-outer-container)}.hover\:clr-outer-container:hover{color:#f3f4f6;color:var(--color-outer-container)}.hover\:bg-inner-container:hover{background-color:#fff;background-color:var(--color-inner-container)}.hover\:clr-inner-container:hover{color:#fff;color:var(--color-inner-container)}.hover\:bg-text-primary:hover{background-color:#111827;background-color:var(--color-text-primary)}.hover\:clr-text-primary:hover{color:#111827;color:var(--color-text-primary)}.hover\:bg-text-secondary:hover{background-color:#6b7280;background-color:var(--color-text-secondary)}.hover\:clr-text-secondary:hover{color:#6b7280;color:var(--color-text-secondary)}.hover\:bg-text-third:hover{background-color:var(--color-text-third)}.hover\:clr-text-third:hover{color:var(--color-text-third)}.hover\:clr-primary-container:hover{color:#fff;color:var(--color-primary-container)}.hover\:clr-secondary-container:hover{color:#d1d5db;color:var(--color-secondary-container)}.hover\:clr-third-container:hover{color:#f3f4f6;color:var(--color-third-container)}.hover\:bg-primary-container:hover{background-color:#fff;background-color:var(--color-primary-container)}.hover\:bg-secondary-container:hover{background-color:#d1d5db;background-color:var(--color-secondary-container)}.hover\:bg-third-container:hover{background-color:#f3f4f6;background-color:var(--color-third-container)}.clr-white{color:#fff;color:var(--color-white)}.bg-white{background-color:#fff;background-color:var(--color-white)}.hover\:clr-white:hover{color:#fff;color:var(--color-white)}.hover\:bg-white:hover{background-color:#fff;background-color:var(--color-white)}.navbar-complement-height{height:calc(100vh - 5rem);height:calc(100vh - var(--body-top))}.negative-nav-margin{margin-top:-5rem;margin-top:calc(var(--navbar-height)*-1)}.posisitve-nav-padding-top{padding-top:5rem;padding-top:var(--navbar-height)}.pb-nav-margin,.posisitve-nav-padding-bottom{padding-bottom:5rem;padding-bottom:var(--navbar-height)}.completing-line:before{background-color:#111827;background-color:var(--color-text-primary);content:"";height:2px;left:0;position:absolute;right:0;top:50%;-webkit-transform:all .4s ease;transform:all .4s ease;-webkit-transform:all var(--transition-smooth) ease;transform:all var(--transition-smooth) ease;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.flip-vertical{--tw-scale-y:-1}.flip-horizontal{--tw-scale-x:-1}.hw-screen{height:100vh;width:100vh}.hover\:line-right:before{background-color:currentColor;bottom:0;content:"";height:0;position:absolute;right:0;transition:all .4s ease;transition:all var(--transition-smooth) ease;width:3px}.hover\:line-right:hover:before{height:100%;top:0;-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}.hover\:line-left:before{background-color:currentColor;bottom:0;content:"";height:0;left:0;position:absolute;transition:all .4s ease;transition:all var(--transition-smooth) ease;width:3px}.hover\:line-left:hover:before{height:100%;top:0;-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}.custom_shadow{box-shadow:0 15px 30px -10px #0e7490}.dark .custom_shadow{box-shadow:0 15px 30px -10px #0891b2}:root{--font-family:"Almarai";--side-navbar-collapsed-width:3rem}@font-face{font-family:FS Albert Arabic;font-style:normal;font-weight:400;src:url(/static/media/fs-albert.6ef3997ca9d2449d2896.ttf) format("truetype")}@font-face{font-family:FS Albert Arabic;font-style:normal;font-weight:700;src:url(/static/media/fs-albert-700.448aac52cdcfee46b941.ttf) format("truetype")}@font-face{font-family:Somar;font-style:normal;font-weight:400;src:url(/static/media/ArbFONTS-Somar-Regular.628198835eaae8734e00.otf) format("opentype")}@font-face{font-family:Somar;font-style:normal;font-weight:600;src:url(/static/media/ArbFONTS-Somar-SemiBold.8f6cae134c41e70d8283.otf) format("opentype")}@font-face{font-family:Somar;font-style:normal;font-weight:700;src:url(/static/media/ArbFONTS-Somar-Bold.0dbc68e097a11558a290.otf) format("opentype")}.font-som{font-family:Somar,sans-serif}.pisitive-nav-top{top:calc(var(--navbar-height))}.font-lem{font-family:Lemonada,sans-serif}html{scroll-behavior:smooth}.table-style td,.table-style th{border:1px solid var(--color-text-secondary);color:var(--color-text-primary);padding:8px;transition:all var(--transition-smooth)}.table-style th{background-color:var(--color-secondary-container)}.wavy-divider{height:50px;overflow:hidden;position:relative;width:100%}.wavy-divider:before{-webkit-animation:waving 1s linear infinite;animation:waving 1s linear infinite;color:transparent;content:"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";font-size:3rem;left:-1px;position:absolute;-webkit-text-decoration-color:#14b8a6;text-decoration-color:#14b8a6;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;top:-2.4rem}@-webkit-keyframes waving{0%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}to{-webkit-transform:translateX(-22px);transform:translateX(-22px)}}@keyframes waving{0%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}to{-webkit-transform:translateX(-22px);transform:translateX(-22px)}}.years__container{--box-border:#0001;--back-color:#0001;--shadow-color:#0003;--blur:blur(5px);-webkit-backdrop-filter:saturate(180%) var(--blur);backdrop-filter:saturate(180%) var(--blur);border-left:1px solid var(--box-border);border-radius:var(--border-radius-medium);border-top:1px solid var(--box-border);box-shadow:20px 20px 50px var(--shadow-color);overflow:hidden;padding:6rem 0 1rem}.dark .years__container{--box-border:#fff3;--back-color:#fff1;--shadow-color:#000a}.bg-gradient-bg{background:linear-gradient(0deg,#0000,#fde047)}.dark .bg-gradient-bg{background:linear-gradient(0deg,#0000,#fef08a)}.years-section{--head-height:20rem;--head-color:var(--color-dark-2);width:100%}.years-section img{height:auto;max-width:100%}.years__head{height:var(--head-height);overflow:hidden;position:relative}.years__title{color:var(--head-color);font-size:var(--font-size-h1);font-weight:var(--font-w-medium)}.courses .years__title{font-size:var(--font-size-big)}.years__circle{-webkit-animation:toSpin 40s linear infinite;animation:toSpin 40s linear infinite;border:3px dashed var(--head-color);border-radius:100%;height:calc(var(--head-height)*2);position:absolute;top:0;transition:all 10s ease;width:calc(var(--head-height)*2);z-index:1}.years__circle:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.years__body{background-color:var(--color-outer-container);position:relative;width:100%;z-index:10}@media (max-width:1200px){.main__svg-wrapper{-webkit-transform:translateX(0);transform:translateX(0)}.main__title{font-size:4rem;margin:3rem 0 1rem}.main__title__first.writing:after{border:3px solid var(--color-text-secondary);content:"";height:4rem;left:0;position:absolute;top:2rem}.years-section{--head-height:17rem}}@media (max-width:992px){.years__title{font-size:var(--font-size-h2)}.years-section{--head-height:14rem}}@media (max-width:768px){.main__title{font-size:3.7rem;margin:3rem 0 1rem}.courses .years__card{flex-direction:column-reverse}.courses .years__card__text{text-align:center}.main__image__wrapper{margin:0 auto;max-width:75%}.years-section{--head-height:10rem}.hexing{-webkit-transform:translate(10px,-20px);transform:translate(10px,-20px)}.years__card__head{padding:1rem}}div.sortable-drag{background-color:#93c5fd}.dark div.sortable-drag,.dark div.sortable-ghost,div.sortable-ghost{background-color:#3b82f6;transition:background-color var(--transition-smooth) ease}.loading-hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.loading-bar{animation:loading-bar 1s cubic-bezier(.43,.28,.96,.98) infinite;-webkit-animation:loading-bar 1s cubic-bezier(.43,.28,.96,.98) infinite;background:linear-gradient(124deg,#eab308,#eab308 50%,#fef9c3 0,#fef9c3);background-size:300% 50%;z-index:1000}.dark .loading-bar{background:linear-gradient(124deg,#eab308,#eab308 50%,#713f12 0,#713f12);background-size:300% 50%}@-webkit-keyframes loading-bar{0%{background-position:300% 100%}to{background-position:0 100%}}@keyframes loading-bar{0%{background-position:300% 100%}to{background-position:0 100%}}.confetti{--celeb-duration:2000ms;align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;pointer-events:none;position:fixed;width:100%;z-index:1000}.confetti-piece{background:#ffd300;height:30px;opacity:0;position:absolute;top:0;width:10px}.confetti-piece:first-child{animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:182ms;animation-duration:1116ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:182ms;-webkit-animation-duration:1116ms;left:7%;transform:rotate(-40deg);-webkit-transform:rotate(-40deg)}.confetti-piece:nth-child(2){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:161ms;animation-duration:1076ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:161ms;-webkit-animation-duration:1076ms;left:14%;transform:rotate(4deg);-webkit-transform:rotate(4deg)}.confetti-piece:nth-child(3){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:481ms;animation-duration:1103ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:481ms;-webkit-animation-duration:1103ms;left:21%;transform:rotate(-51deg);-webkit-transform:rotate(-51deg)}.confetti-piece:nth-child(4){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:334ms;animation-duration:708ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:334ms;-webkit-animation-duration:708ms;left:28%;transform:rotate(61deg);-webkit-transform:rotate(61deg)}.confetti-piece:nth-child(5){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:302ms;animation-duration:776ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:302ms;-webkit-animation-duration:776ms;left:35%;transform:rotate(-52deg);-webkit-transform:rotate(-52deg)}.confetti-piece:nth-child(6){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:.18s;animation-duration:1168ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:.18s;-webkit-animation-duration:1168ms;left:42%;transform:rotate(38deg);-webkit-transform:rotate(38deg)}.confetti-piece:nth-child(7){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:395ms;animation-duration:1.2s;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:395ms;-webkit-animation-duration:1.2s;left:49%;transform:rotate(11deg);-webkit-transform:rotate(11deg)}.confetti-piece:nth-child(8){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:14ms;animation-duration:887ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:14ms;-webkit-animation-duration:887ms;left:56%;transform:rotate(49deg);-webkit-transform:rotate(49deg)}.confetti-piece:nth-child(9){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:149ms;animation-duration:805ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:149ms;-webkit-animation-duration:805ms;left:63%;transform:rotate(-72deg);-webkit-transform:rotate(-72deg)}.confetti-piece:nth-child(10){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:351ms;animation-duration:1059ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:351ms;-webkit-animation-duration:1059ms;left:70%;transform:rotate(10deg);-webkit-transform:rotate(10deg)}.confetti-piece:nth-child(11){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:307ms;animation-duration:1132ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:307ms;-webkit-animation-duration:1132ms;left:77%;transform:rotate(4deg);-webkit-transform:rotate(4deg)}.confetti-piece:nth-child(12){-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:464ms;-webkit-animation-duration:776ms;left:84%;-webkit-transform:rotate(42deg)}.confetti-piece:nth-child(13){animation:makeItRain var(--celeb-duration) infinite ease-out;animation-delay:429ms;animation-duration:818ms;-webkit-animation:makeItRain var(--celeb-duration) infinite ease-out;-webkit-animation-delay:429ms;-webkit-animation-duration:818ms;left:91%;transform:rotate(-72deg);-webkit-transform:rotate(-72deg)}.confetti-piece:nth-child(odd){background:#7431e8}.confetti-piece:nth-child(2n){z-index:1}.confetti-piece:nth-child(4n){animation-duration:2s;-webkit-animation-duration:2s;height:12px;width:5px}.confetti-piece:nth-child(3n){animation-delay:var(--celeb-duration);-webkit-animation-delay:var(--celeb-duration);animation-duration:2.5s;-webkit-animation-duration:2.5s;height:10px;width:3px}.confetti-piece:nth-child(4n-7){background:red}@keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{transform:translateY(100vh);-webkit-transform:translateY(100vh)}}@-webkit-keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{transform:translateY(100vh);-webkit-transform:translateY(100vh)}}
/*# sourceMappingURL=main.1181cf05.css.map*/