@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&display=swap);: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:#111827;--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-grey-1);--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);--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:.938rem;--font-size-small:.813rem;--font-size-smaller:.75rem;--font-w-normal:400;--font-w-medium:700;--font-w-bold:900}html.darkmode{--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:.875rem;--font-size-smaller:.813rem}}html{scroll-behavior:smooth}body{font-family: var(--font-family);font-weight:var(--font-w-normal);font-size:var(--font-size-normal);background-color:var(--color-primary-container);color:var(--color-text-primary);overflow-x:hidden;text-align:right;direction:rtl;margin-top:var(--navbar-height);padding-right:0!important}body.modal-open{overflow-y:auto!important}ul,li{list-style:none}a{text-decoration:none;color:var(--color-text-primary)}a:hover{text-decoration:none;color:var(--color-text-primary)}ul,label{margin:0}ul{padding:0}.pointer{cursor:pointer}.smooth{transition:all .4s ease}.smooth-sm{transition:all .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}.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)}.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-primary{background-color:var(--color-text-primary)}.clr-color-text-primary{color:var(--color-text-primary)}.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)}.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)}:root{--translate-top:-5rem}.main__svg-wrapper{z-index:1;position:absolute;top:0;right:0;left:0;height:auto}.main__hex-wrapper{position:absolute;width:130px;top:75px;right:0;height:auto}#bottom1,#bottom2,#top,.main__image{transition:all .3s ease}.main__image__wrapper img{max-width:100%;height:auto}.courses .main__image__wrapper img{opacity:.8}.main__title{font-size:6rem}.main__text-wrapper{height:100%}.main__title__first{position:relative}.main__title__first.writing::after{content:"";height:6rem;position:absolute;top:2rem;left:0;border:3px solid var(--color-text-secondary)}.main__content{color:var(--color-text-secondary);font-weight:var(--font-w-medium);font-size:var(--font-size-h1)}.main__content span:nth-child(1) {color:var(--color-red-dark-1)}.main__content span:nth-child(2) {color:var(--color-blue-dark-1)}.main__classes__title{position:relative}.main__classes__title__text{width:150px;position:absolute;left:50%;margin-left:-75px;top:-15px;background-color:var(--color-primary-container);box-shadow:0 0 40px var(--color-primary-container)}.main__classes__title hr{height:2px;background-color:var(--color-purple-dark-1)}.darkmode .main__classes__title hr{height:1px;background-color:var(--color-purple-dark-1)}.main__classes__buttons{z-index:10}.main__classes__wrapper a{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin:0 5px}.main__classes__outer__circle{position:absolute;top:0;width:50px;height:50px;border-radius:100%;border:1px dashed var(--color-text-primary);animation-name:spin;animation-duration:20000ms;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:reverse}.main__classes__wrapper a:hover .main__classes__outer__circle{animation-duration:2000ms}.main__classes__circle{font-weight:var(--font-w-medium);position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden}.main__classes__circle__icon{position:absolute;font-size:var(--font-size-h1);opacity:.18}.main__classes__circle span{font-size:var(--font-size-h2);text-shadow: 1px 1px 3px #fffa}.main__spinning .iconify{font-size:var(--font-size-h1);animation-name:coloredSpin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}@keyframes coloredSpin {
    0% {
        color: var(--color-purple-dark-1);
        transform: rotate(0deg);
    }
    20% {
        color: var(--color-red-dark-1);
    }
    40% {
        color: var(--color-blue-dark-1);
    }
    60% {
        color: var(--color-yellow-dark-1);
    }
    80% {
        color: var(--color-pink-dark-1);
    }
    100% {
        color: var(--color-purple-dark-1);
        transform: rotate(360deg);
    }
}.paper-border{z-index:-1}#lower-border{opacity:.5;filter: drop-shadow(0px 4px 2px #0005)}.mid__img__wrapper{width:100%;text-align:center}.mid-section img{max-width:70%;height:auto}.mid__img__wrapper.shake img{animation:shake;animation-duration:.5s;animation-timing-function:ease-in-out}.mid__text{margin-top:1rem;padding:1rem;width:80%;text-align:center;border-radius:.4rem;transition:all .4s ease;background:var(--color-red-dark-1);color:var(--white)}.mid__card:nth-child(2) .mid__text {background:var(--color-blue-dark-1)}.mid__card:nth-child(3) .mid__text {background:var(--color-yellow-dark-1)}.mid__text.stable,
.mid__card:nth-child(2) .mid__text.stable,
.mid__card:nth-child(3) .mid__text.stable {background-color:var(--color-primary-container);box-shadow:0 0 20px #000;color:var(--color-text-primary)}.years-section{background-color:var(--color-yellow-light-2);width:100%;--head-height:20rem;--head-color:var(--color-dark-2)}.years-section img{max-width:100%;height:auto}.years__head{overflow:hidden;position:relative;height:var(--head-height)}.years__title{color:var(--head-color);font-weight:var(--font-w-medium);font-size:var(--font-size-h1)}.courses .years__title{font-size:var(--font-size-big)}.years__circle{animation:toSpin 40s linear infinite;position:absolute;height: calc(var(--head-height) * 2);width: calc(var(--head-height) * 2);top:0;border-radius:100%;border:3px dashed var(--head-color);z-index:1;transition:all 10s ease}.years__circle:hover{animation-play-state:paused}.years__body{position:relative;z-index:10;width:100%;background-color:var(--color-outer-container)}.years__card{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:var(--color-inner-container);width:100%;overflow:hidden;box-shadow: 2px 2px 20px #0005}.years__card__head{padding:3rem 5rem}.courses .years__card__head{padding:2rem 5rem}.years__card__title{font-weight:var(--font-w-medium);font-size:var(--font-size-h2);color:var(--color-text-primary)}.courses .years__card__title{color:var(--color-blue-dark-2)}.courses .years__card__img__wrapper{overflow:hidden}.years__card__title__secondary{font-size:var(--font-size-h3);color:var(--color-text-secondary)}.years__card__a:hover .years__card__img{animation:shake;animation-duration:.5s;animation-timing-function:cubic-bezier(.62,-.04,.29,1.35)}.courses .years__card__a:hover .years__card__img{animation:none}.courses .years__card__a>div{transition:all .3s ease}.courses .years__card__a:hover>div{transform:translateY(-10px)}:root{--dark-color:#635bff;--light-color:#80e9ff}#darkGroup{fill:var(--dark-color)}#lightGroup{fill:var(--light-color)}@keyframes animateDark1 {
    from {
        transform: translateX(0px);
        opacity: 1;
    }

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

    to {
        transform: translateX(0px);
        opacity: 1;
    }
}@keyframes animateDark2 {
    from {
        opacity: 0;
        transform: translateX(40%);
    }

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

    to {
        opacity: 0;
        transform: translateX(40%);
    }
}@keyframes animateLight1 {
    from {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-20%);
    }

    to {
        transform: translateX(0px);
    }
}#light1{animation-name:animateLight1}#light1,#dark1,#dark2{animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}#dark1{animation-name:animateDark1}#dark2{animation-name:animateDark2}@media (max-width:1200px){.main__svg-wrapper{transform:translateX(0)}.main__title{margin:3rem 0 1rem;font-size:4rem}.main__title__first.writing::after{content:"";height:4rem;position:absolute;top:2rem;left:0;border:3px solid var(--color-text-secondary)}.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{margin:3rem 0 1rem;font-size:3.7rem}.courses .years__card{flex-direction:column-reverse}.courses .years__card__text{text-align:center}.main__image__wrapper{max-width:75%;margin:0 auto}.years-section{--head-height:10rem}.hexing{transform:translate(10px,-20px)}.years__card__head{padding:1rem 1rem}}.txt-btn{width:90%;height:100%;padding:.6rem 1rem;border-radius:.5rem;box-shadow: 1px 1px 4px #000a;transition:all .1s ease;cursor:pointer;user-select:none;color:var(--color-white)}.txt-btn:hover{box-shadow: 1px 1px 10px #000a}.txt-btn:active{box-shadow: 0px 0px 1px #0004}.main__content__link a{cursor:pointer;transition:all .4s ease}.main__content__link a:hover{color:var(--color-yellow-dark-2);transform:translateY(-5px) scale(102%)}#back-to-top{position:fixed;right:15px;bottom:15px;display:none;font-size:22px;font-weight:bold;border-radius:4px;text-align:center;background-color:#fcd34d;padding:9px 0 0 0;color:#fff;font-family:'Source Sans Pro',sans-serif;z-index:999999999999;line-height:1;width:44px;height:44px}#whatsapp-chat{position:fixed;left:10px;bottom:6px;display:block;z-index:999999999999}#whatsapp-txt{font-size:55px}.blink{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;color:#0dc150;white-space:pre-wrap;width:72px;float:right;margin-top:5px;margin-left:5px}@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}.form__head{padding:1.5rem 0 4rem}.form__head__title{font-size:var(--font-size-h1)}.form__head__title__secondary{font-size:var(--font-size-h3);color:var(--color-text-secondary)}.form__head__icon{font-size:var(--font-size-big)}.form-reg__group{position:relative;margin-bottom:3em}.form-reg__group input,.form-reg__group select,.form-reg__group textarea{font-size:18px;padding:.625em .625em .625em .3125em;display:block;background-color:var(--color-primary-container);width:100%;border:none;border-bottom:1px solid var(--color-text-secondary);color:var(--color-text-primary)}.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:normal;position:absolute;pointer-events:none;right:.3125em;top:.625em;transition:.27s ease all;-moz-transition:.27s ease all;-webkit-transition:.27s ease all}.form-reg__group input:focus ~ label,
.form-reg__group input:valid ~ label,
.form-reg__group textarea:focus ~ label,
.form-reg__group textarea:valid ~ label {top:-10px;left:0;font-size:14px;color:var(--color-red-dark-1)}.form-reg__group .bar{position:relative;display:block}.form-reg__group .bar:before{content:"";right:0%;height:2px;width:0;bottom:0;position:absolute;border-radius:100px;background:var(--color-red-dark-1);transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all}.form-reg__group input:focus ~ .bar:before,
.form-reg__group input:focus ~ .bar:after,
.form-reg__group select:focus ~ .bar::after,
.form-reg__group select:focus ~ .bar::before,
.form-reg__group textarea:focus ~ .bar::before,
.form-reg__group textarea:focus ~ .bar::after {width:100%}.form-reg__second{background-color:var(--color-secondary-container);height:100%;box-shadow:0 -5px 5px -5px #000 inset}.form__link{margin-bottom:2rem}.form__submit{margin:2rem 1rem 3rem;width:40%;border-radius:100rem;padding:1rem 3rem;text-align:center;color:var(--color-white);transition:all .5s ease}@media (max-width:768px){.form__submit{width:90%}}.form__submit:hover{color:var(--color-white);box-shadow: 0px 0px 20px #000b;transform:translateX(-2rem)}.video__secondary_section,.section__totop{height:15vh;opacity:.5;background-color:var(--color-secondary-container)}.video_section::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(red,#f0f);clip-path:circle(18% at 0% 70%)}.video__container{--box-border: #0001;--back-color: #0001;--shadow-color: #0003;width:100%;background-color:var(--back-color);margin-top:-4rem;box-shadow:20px 20px 50px var(--shadow-color);border-radius:1rem;overflow:hidden;border-top:1px solid var(--box-border);border-left:1px solid var(--box-border);z-index:10;position:relative;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);padding:3rem 1rem}.darkmode .video__container{--box-border: #fff3;--back-color: #fff1;--shadow-color: #000a}.video__container>.row>div{padding:0 2rem}.video__wrapper{width:100%;border-radius:1rem;overflow:hidden;position:relative}.video__wrapper video,.video__wrapper img{width:100%;height:auto}.video__sidebar__wrapper{background-color:var(--color-primary-container);width:100%;height:70vh;overflow-y:auto;border-radius:0 1rem 1rem 0;box-shadow:2px 5px 10px var(--shadow-color);padding:0 2rem}.video__head{background:var(--color-red-dark-1);color:var(--color-white);text-align:center;border-radius:.5rem;width:100%;padding:1rem 2rem;margin:1rem 0}.video__flask svg{width:30px}.video__flask path{fill:transparent;stroke-width:10;stroke:var(--color-white);stroke-dasharray:690;stroke-dashoffset:690;animation:flaskFill 5s linear forwards infinite}@keyframes flaskFill {
    0% {
        stroke-dashoffset: 720;
    }
    /* 15% {
        stroke-dashoffset: 690;
    } */
    30% {
        stroke-dashoffset: 0;
        fill: transparent;
    }
    50% {
        stroke-dashoffset: 0;
        fill: var(--color-white);
    }
    70% {
        stroke-dashoffset: 0;
        fill: transparent;
    }
    /* 85% {
        stroke-dashoffset: 690;
    } */
    100% {
        stroke-dashoffset: 720;
    }
}.video__video-icon svg{width:30px}.video__video-icon path{--svg-offset:69;fill:transparent;stroke-width:2;stroke:var(--color-white);stroke-dasharray:var(--svg-offset);stroke-dashoffset:var(--svg-offset);animation:videoFill 5s linear forwards infinite}@keyframes videoFill {
    0% {
        stroke-dashoffset: var(--svg-offset);
    }
    /* 15% {
        stroke-dashoffset: 690;
    } */
    30% {
        stroke-dashoffset: 0;
        fill: transparent;
    }
    50% {
        stroke-dashoffset: 0;
        fill: var(--color-white);
    }
    70% {
        stroke-dashoffset: 0;
        fill: transparent;
    }
    /* 85% {
        stroke-dashoffset: 690;
    } */
    100% {
        stroke-dashoffset: var(--svg-offset);
    }
}.video__link{text-align:center;border-radius:.8rem;width:100%;padding:.5rem 0;cursor:pointer}.video__link__icon{color:var(--color-blue-dark-1)}.video__divider{height:1px;margin:1rem 2rem;background:var(--color-secondary-container)}.video__link__group:nth-child(1) .video__divider {visibility:hidden}.video__link:hover{color:var(--color-white);background-color:var(--color-blue-dark-2);box-shadow:3px 3px 10px var(--shadow-color)}.video__link:hover .video__link__icon{color:var(--color-white)}.video__link.active{color:var(--color-yellow-dark-2);background-color:var(--color-yellow-light-2);box-shadow:3px 3px 10px var(--shadow-color)}.video__link.active .video__link__icon{color:var(--color-yellow-dark-2)}.video__link__icon:hover{transform:scale(200%) rotate(-15deg);border-radius:3rem}.modal__card{color:var(--color-dark-1);border-radius:1rem}.modal__icon{font-size:4rem}.modal__text{margin-top:.4rem;padding:0 1rem .1rem;border-radius:.3rem;font-size:var(--font-size-h1)}#player{width:100%!important;direction:ltr!important}.plyr button{font-family:Arial,Helvetica,sans-serif}.plyr__time{cursor:pointer}:root{--plyr-color-main:var(--color-green-dark-1)}.video-timer__wrapper{position:relative;top:0;right:0;left:0;height:var(--navbar-height)}.video-timer__close{position:absolute;top:0;right:0;width:2rem;height:2rem;cursor:pointer}.admin__form-section{background-color:var(--color-third-container);min-height:80vh;padding:3rem 0}.admin-form{width:100%;padding:3rem 2rem;border-radius:1rem;box-shadow: 3px 3px 8px #0005;background-color:var(--color-primary-container);background-blend-mode:color-burn;position:relative}.admin-form__title{font-size:var(--font-size-big)}.admin-form__icon{font-size:var(--font-size-h1)}.admin-form__submit{color:var(--color-white);min-width:50%;padding:1rem 1.5rem;border-radius:100rem}.admin-form__submit:hover{color:var(--color-white);box-shadow: 2px 2px 6px #0008}.admin_side-nav{height:calc(100% - var(--navbar-height));position:fixed;display:flex;flex-direction:column;align-items:center;right:0;overflow-y:auto;overflow-x:hidden;width:var(--side-navbar-width);background-color:var(--color-primary-container);--scroll-width:.3rem}.admin_side-nav::-webkit-scrollbar{width:var(--scroll-width);transition:all 1s ease}.admin_side-nav::-webkit-scrollbar-track{background:var(--color-primary-container)}.admin_side-nav::-webkit-scrollbar-thumb{background:var(--color-blue-light-2)}.side-nav__head{display:flex;align-items:flex-end;margin-left:calc(0 - var(--scroll-width));width:var(--side-navbar-collapsed-width);margin-right:auto;padding:1rem 0}.side-nav__head__icon{width:var(--side-navbar-collapsed-width);font-size:var(--font-size-h1);transition:all .5s ease-in-out;transform:rotate(180deg);cursor:pointer}.side-nav__item{display:flex;align-items:center;transition:background-color 1s;margin-left:auto;width:calc(var(--side-navbar-width) - var(--scroll-width));padding:1rem 0}.side-nav__icon{width:var(--side-navbar-collapsed-width);font-size:var(--font-size-h1);opacity:.8}.side-nav__text{font-size:var(--font-size-h3)}.side-nav__item:hover{background-color:var(--color-third-container);box-shadow:0 -1px 0 var(--color-blue-dark-1) inset}.side-nav__item:hover .side-nav__icon{color:var(--color-blue-dark-1);opacity:1}.side-nav__item.active{background-color:var(--color-secondary-container);box-shadow:0 -1px 0 var(--color-yellow-dark-1) inset}.side-nav__item.active .side-nav__icon{color:var(--color-yellow-dark-1);opacity:1}.collapsed-side-nav .side-nav__head__icon{transform:rotate(0deg)}.collapsed-side-nav .side-nav__text{display:none}.side-nav__divider{height:2px;width:100%;background:var(--color-secondary-container);margin:auto}.admin-main{margin-right:var(--side-navbar-width);min-height:120vh;background-color:var(--color-third-container)}.admin-main__head{font-size:var(--font-size-h2)}.admin-main__section{width:100%;border-radius:1rem;box-shadow: 3px 3px 5px #0003;padding:1rem;background-color:var(--color-primary-container)}.admin-card__wrapper{border-radius:1rem;box-shadow: 1px 1px 4px #0003}.admin-card__head{font-size:var(--font-size-big)}.pages-main-section{background-color:var(--color-third-container)}.card__icon{font-size:var(--font-size-big)}.section-head{font-size:var(--font-size-big)}.card__wrapper{border-radius:1rem;box-shadow: 2px 2px 10px #0003;background-color:var(--color-third-container);cursor:pointer;overflow:hidden}.card__image img{max-width:100%;height:auto}.card__wrapper:hover{background-color:var(--color-secondary-container)}.card__title,.card__text{transition:color .3s ease}.card__text{color:var(--color-text-secondary)}.card__wrapper:hover .card__title{color:var(--color-blue-dark-1)}.section-body{border-radius:1rem;box-shadow: 2px 2px 10px #0003;background-color:var(--color-third-container);overflow:hidden}.myTable{background-color:var(--color-third-container)}.inner__wrapper{border-radius:1rem;box-shadow: 2px 2px 10px #0003;background-color:var(--color-third-container);overflow:hidden;word-wrap:break-word}.question__head{font-size:var(--font-size-h2);font-weight:var(--font-w-medium)}.question__head>div{font-size:var(--font-size-h1)}.timer__wrapper{border-radius:.6rem;box-shadow: 2px 2px 10px #0003;min-width:40%;margin:1rem 0 0;padding:.8rem 3rem;font-weight:var(--font-w-medium);text-align:center;font-size:1rem;background-color:var(--color-green-dark-1);color:var(--white)}.pagination{--border-radius:.5rem}.griding{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.paginate__link{cursor:pointer;position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--color-green-dark-1);background-color:var(--color-primary-container);border:1px solid var(--color-secondary-container)}.paginate__link:hover{color:var(--color-green-dark-2);background-color:var(--color-third-container)}.paginate__item:first-child .paginate__link{margin-left:0;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.paginate__item:last-child .paginate__link{margin-left:0;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.paginate__item.active .paginate__link{z-index:3;color:#fff;background-color:var(--color-green-dark-1);border-color:var(--color-green-dark-1)}.review-button{color:var(--color-white);cursor:pointer;padding:.5rem 4rem;border-radius:.7rem;background-color:var(--color-green-dark-1);display:inline-block}.review-button:hover{background-color:var(--color-green-dark-2)}.q__img{max-width:100%;height:auto}