.container-fluid .py{padding:48px 24px}.container-fluid{padding:0!important}.container-fluid,.container-fluid-padding{color:#52565b;font-family:Heebo,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.container-fluid-padding{padding-left:24px!important;padding-right:24px!important;padding-top:15px!important}.container-xxl.py-5{padding:48px}@media (max-width:600px){.welcomelogo{width:100px}}.logo{width:215px}.aboutlist,.welcome{text-align:left}.aboutlist{margin-bottom:1rem}.about-us-section{padding-top:3rem;padding-bottom:3rem;background-color:#f9f9f9}#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}.btn.btn-secondary{font-family:heebo,sans-serif;font-size:14px;margin-top:10px;margin-bottom:10px;margin-right:20px;text-align:bottom;border-radius:0}.btn.btn-light{border-radius:0}.btn.btn-light.btn1{border-radius:0;padding:16px 48px;margin:10px 16px 10px 0;font-size:14px}@media (max-width:768px){.btn.btn-light.btn1{border-radius:0;padding:6px 12px;margin:10px 16px 10px 0;font-size:14px}}@media (max-width:1200px){.course.btn{padding:"8px 60px"}}.btn-primary{font-family:Nunito,sans-serif;font-weight:400;transition:.5s}.btn.btn-primary{font-family:heebo,sans-serif;color:#fff;font-size:14px;margin-top:10px;margin-bottom:10px;margin-right:20px;text-align:bottom;background-color:#05a7b6;border-color:#05a7b6;border-radius:0;min-width:100px}.btn-primary:hover{background-color:#1c3f74;border-color:#1c3f74}.btn.btn-secondary{color:#fff}.btn-square{width:38px;height:38px}.btn-sm-square{width:32px;height:32px}.btn-lg-square{width:48px;height:48px}.btn-lg-square,.btn-sm-square,.btn-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400;border-radius:0}.container-xxl{max-width:5000}.text-primary{color:#06bacb!important;font-weight:700;line-height:1.2;margin-bottom:0;margin-left:0}.form-control{border-radius:0}.contact-info{padding:30px;background:#f0fbfc;position:relative;overflow:hidden}.contact-info:before{content:"";position:absolute;right:-148px;bottom:-2px;background:url(/_next/static/media/contact.62c03dc8.png) no-repeat;width:400px;height:300px;background-size:100%;z-index:99}.collapse{padding:1px 0;display:flex}.navbar-toggler{display:flex;margin-top:-35px;font-size:15px;border:none}.navbar-brand{padding-right:0;float:"left";color:#071112;margin-left:20px}.navbar .dropdown-toggle:after{border:none;content:"\f107";font-family:Font Awesome\ 5 Free;font-weight:900;vertical-align:middle;margin-left:8px}.navbar-light .navbar-nav .nav-link{font-family:heebo,sans-serif;padding:25px 0;color:#fff;font-size:15px;font-weight:500;text-transform:uppercase;outline:none;color:var(--dark);margin-right:30px}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover{color:#05a7b6}@media (max-width:991.98px){.navbar-light .navbar-nav .nav-link{margin-right:0;padding:10px 0}.navbar-light .navbar-nav{border-top:1px solid #eee}}.css-1tnift2-MuiListItem-root{padding:0}.navbar-light.sticky-top{top:0;transition:.5s}@media (min-width:992px){.navbar .nav-item .dropdown-menu{display:block;margin-top:0;opacity:0;visibility:hidden;transition:.5s}.navbar .dropdown-menu.fade-down{top:100%;transform:rotateX(-75deg);transform-origin:0 0}.navbar .nav-item:hover .dropdown-menu{top:70px;visibility:visible;transition:.5s;opacity:1}}.carousel-container .owl-nav{position:absolute;top:50%;width:90%;display:flex;justify-content:space-between;transform:translateY(-50%);font-size:5rem;margin:0 5%}.carousel-container .owl-nav .owl-next:hover,.carousel-container .owl-nav .owl-prev:hover{color:#fff;background:none}.display-3{font-family:Nunito,sans-serif;font-size:64px}.carousel-container{position:relative}.carousel-caption{position:static;z-index:10;font-weight:800}@media (max-width:600px){.carousel-caption h5{font-size:.7rem;margin-top:10px}.carousel-caption h1{font-size:1.5rem}.fs-5{font-size:16px!important}.carousel-caption .btn{padding:.5rem 1rem;font-size:.875rem}.carousel-caption-1{padding:1rem}.carousel-caption-1 .justify-content-start{display:flex;flex-direction:column;align-items:flex-start}.course-background{padding:1rem}.carousel-container .owl-nav{position:absolute;top:45%;width:94%;display:flex;justify-content:space-between;transform:translateY(-50%);font-size:3rem;margin:0 3%}#offcanvasExample{display:block}}.gradient-font{background:-webkit-linear-gradient(#bbbdc8,#a09c9c)}.fs-5{font-weight:400;font-size:16px;padding-bottom:20px;padding-top:20px}.justify-content-start{width:100%;text-align:center;margin:20px auto}@media (max-width:600px){.header-unset .nav-link{color:#000}}@media (min-width:768px){.justify-content-start{width:90%}.header-unset .nav-link{color:#000}}@media (min-width:992px){.justify-content-start{width:70%}.header-unset .nav-link{color:#000}}@media (min-width:1200px){.justify-content-start{width:60%}#offcanvasExample{height:100px!important;margin-left:200px}.header-unset.sticky .nav-link{color:#000}.header-unset .nav-link{color:#fff}}.display-3{font-weight:800}.section{padding:40px 20px}.section p{text-align:left}.animated{animation-duration:1s;animation-fill-mode:both}figure{margin:0 0 1rem}.service-item .icon img{max-width:55px}.heading{font-family:Nunito,sans-serif;font-weight:800}.gradient-font{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#fff,#fff);-webkit-background-clip:text}.about-image,.contactus-image,.course-image{background-image:url(/img/carousel-1.jpg);background-size:cover;background-position:50%;height:400px}.page-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;max-height:700px!important;min-height:400px;position:relative;width:auto}.page-banner:before{background-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(24,13,13,.6));content:"";height:100%;position:absolute;width:100%;z-index:1}.header-caption{left:20%!important;position:absolute;right:20%!important;text-align:center;top:12vw!important}.position-sticky{top:100px}@media (max-width:768px){.course-image{height:200px}.breadcrumb{display:none}}.course-img{width:80%;max-width:500px;border-radius:10px;margin-left:60px}@media (min-width:992px){.course-img{max-width:700px}}@media (max-width:768px){.header-carousel .owl-carousel-item{position:relative;min-height:500px}.header-carousel .owl-carousel-item img{position:absolute;width:100%;height:100%;object-fit:cover}}.header-carousel .owl-nav{position:absolute;top:50%;right:8%;transform:translateY(-50%);display:flex;flex-direction:column}.header-carousel .owl-nav .owl-next,.header-carousel .owl-nav .owl-prev{margin:7px 0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:1px solid #fff;font-size:22px;transition:.5s}.header-carousel .owl-nav .owl-next:hover,.header-carousel .owl-nav .owl-prev:hover{background:var(--primary);border-color:var(--primary)}.page-header{background:linear-gradient(rgba(24,29,56,.7),rgba(24,29,56,.7)),url(/public/img/carousel-1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.page-header-inner{background:rgba(15,23,43,.7)}.breadcrumb-item+.breadcrumb-item:before{color:var(--light)}a{color:#06bbcc;text-decoration:none}.features-list-wrapper{padding:10px 0}.features-list-wrapper .features-item{align-items:center;display:flex;margin-bottom:20px}.features-list-wrapper .features-item .features-detail h5{font-size:16px;font-weight:200;margin-bottom:0;text-align:left}.features-list-wrapper .features-item .features-icon{align-items:center;background:rgba(41,188,203,.1);border-radius:50px;display:flex;height:50px;justify-content:center;margin-right:10px;width:50px}.features-detail,.features-icon{float:left}.section-title{position:relative;display:inline-block;text-transform:uppercase}.section-title:before{width:calc(100% + 80px);top:4px;left:-40px}.section-title:after,.section-title:before{position:absolute;content:"";height:2px;background:var(--primary);z-index:-1}.section-title:after{width:calc(100% + 120px);bottom:5px;left:-60px}.section-title.text-start:before{width:calc(100% + 40px);left:0}.section-title.text-start:after{width:calc(100% + 60px);left:0}.service-item{background:#f9f9fb;height:100%;padding:30px;position:relative;transition:all .3s ease}.service-item:hover{margin-top:-10px;background:var(--primary)}.service-item *{transition:.5s;position:relative}.service-item:hover *{color:var(--light)!important}.category img,.course-item img{transition:.5s}.category a:hover img,.course-item:hover img{transform:scale(1.1)}.team-item img{transition:.5s}.team-item:hover img{transform:scale(1.1)}.testimonial-carousel:before{left:0;background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))}.testimonial-carousel:after,.testimonial-carousel:before{position:absolute;content:"";top:0;height:100%;width:0;z-index:1}.testimonial-carousel:after{right:0;background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0))}@media (min-width:768px){.testimonial-carousel:after,.testimonial-carousel:before{width:200px}}@media (min-width:992px){.testimonial-carousel:after,.testimonial-carousel:before{width:300px}}.testimonial-carousel .owl-item .testimonial-text,.testimonial-carousel .owl-item.center .testimonial-text *{transition:.5s}.testimonial-carousel .owl-item.center .testimonial-text{background:var(--primary)!important}.testimonial-carousel .owl-item.center .testimonial-text *{color:#fff!important}.testimonial-carousel .owl-dots{margin-top:24px;display:flex;align-items:flex-end;justify-content:center}.testimonial-carousel .owl-dot{position:relative;display:inline-block;margin:0 5px;width:15px;height:15px;border:1px solid #ccc;transition:.5s}.testimonial-carousel .owl-dot.active{background:var(--primary);border-color:var(--primary)}.footer .btn.btn-social{margin-right:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:var(--light);font-weight:400;border:1px solid #fff;border-radius:35px;transition:.3s}.footer .btn.btn-social:hover{color:var(--primary)}.footer .btn.btn-link{display:block;margin-bottom:5px;padding:0;text-align:left;color:#fff;font-size:15px;font-weight:400;text-transform:capitalize;transition:.3s}.footer .btn.btn-link:before{position:relative;content:"\f105";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:10px}.footer .btn.btn-link:hover{letter-spacing:1px;box-shadow:none}.footer .copyright{padding:25px 0;font-size:15px;border-top:1px solid hsla(0,0%,100%,.1)}.footer .footer-menu a{margin-right:15px;padding-right:15px;border-right:1px solid hsla(0,0%,100%,.1);text-decoration:none!important}.footer .footer-menu a:last-child{margin-right:0;padding-right:0;border-right:none;text-decoration:none!important}.course-background{background:rgba(24,29,56,.7)!important}.img-obhstyle{object-fit:cover}.default-height{min-height:400px}.margin-1{margin:1px}.market-height{min-height:350px}.read-more{border-radius:30px 0 0 30px}.margin-23{margin-top:-23px}.client-style{width:80px!important;height:80px}.header-unset{display:unset}.no-link{text-decoration:none!important}.flot-right{float:right!important}.align-Item-center{align-items:center}.navbar-dark .navbar-nav .nav-link{position:relative;top:5px;font-family:heebo,sans-serif;margin-right:30px;padding:10px 0;font-size:15px;font-weight:500;text-transform:uppercase;outline:none}.backgroud-white{background-color:#fff}.carousel-indicators button{background-color:#05a7b6!important}.navbar-toggler{margin-left:auto}@media (min-width:992px){.navbar-toggler{display:none!important}}.offcanvas{visibility:hidden}.offcanvas-body{top:-100px;flex-grow:1}.offcanvas.show{visibility:visible}.header-unset{transition:all .3s ease-in-out}.header-unset.sticky{background-color:#fff;color:#000}.header-unset.sticky .navbar-brand img{content:url(/img/VoleergoAcademy1.png)}@media (max-width:768px){.navbar .logo{max-width:150px;position:relative;left:15px}}.navbarToggler{margin-left:"";border-radius:"0px"}.joinButton{border-radius:35px!important}.containerFluid{display:"flex";align-items:"center";justify-content:"space-between"}.n{display:flex;align-items:center;justify-content:space-between}.dropdown-menu a{color:#000!important;font-size:13px!important;width:185px!important}.nav-link-sub{font-family:heebo,sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;outline:none;color:#000!important;display:block}.nav-item:hover,.nav-link .active,.nav-link:hover{color:#05a7b6!important}.nav-link-sub:hover{background-color:#05a7b6;color:#fff!important}.gradient-container{--awb-background-image:linear-gradient(45deg,#f4f6f7,hsla(0,0%,100%,0));background-image:var(--awb-background-image);padding:20px;border-radius:0;position:relative;margin-top:-25px;margin-bottom:-40px}.overlay-text{position:relative;z-index:1;color:#162669}.gradient-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--awb-background-image);z-index:0;opacity:.7;border-radius:8px}.overflow{overflow:hidden}@media (min-width:768px){.overflow{overflow:hidden}}.hero{margin-top:-80px;background-image:url(/_next/static/media/background1.3ba8001f.jpg);background-size:cover;padding:calc(4rem - 30px) 0 0}@media (max-width:992px){.hero{padding:calc(4rem - 30px) 1rem 4rem}}@media (min-width:992px){.hero{padding:calc(8rem - 30px) 1rem 8rem}}@media (max-width:768px){.hero .row{margin-top:80px}}.hero .intro-excerpt{position:relative;z-index:4}@media (min-width:992px){.hero .intro-excerpt{max-width:450px}}.hero h1{font-weight:700;color:#fff;margin-bottom:30px;text-align:left}@media (min-width:1400px){.hero h1{font-size:54px}}.hero p{color:hsla(0,0%,100%,.8);margin-bottom:30px;text-align:left}.hero .hero-img-wrap{position:relative;overflow:hidden;width:100%;max-width:400px;aspect-ratio:16/9;margin:0 auto}.hero .hero-img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:2;display:block;margin:0 auto}@media (min-width:100px){.hero .hero-img-wrap img{left:0}}@media (min-width:768px){.hero .hero-img-wrap img{left:120px;width:350px}}@media (min-width:992px){.hero .hero-img-wrap img{left:0;top:20px;right:-50px;width:580px}}@media (min-width:1200px){.hero .hero-img-wrap img{left:118px;top:20px;right:104px;width:437px}}.hero .hero-img-wrap:after{content:"";position:absolute;width:255px;height:217px;background-image:url(/_next/static/media/dots-light.c233fc4a.svg);background-size:contain;background-repeat:no-repeat;right:-100px;top:0}@media (min-width:1200px){.hero .hero-img-wrap:after{top:-40px}}.img-fluid1{padding-top:5%}.single-items{margin-left:30px}@media (max-width:576px){.single-items{margin-left:23px}}.single-items span{color:#071112;font-family:YourFontHere;font-size:24px;line-height:1.2;padding:0;margin-bottom:24px;display:block;position:relative}@media (max-width:576px){.single-items span{font-size:15px;margin-bottom:18px}}.single-items span:before{content:"";position:absolute;width:24px;height:24px;background-image:url(/_next/static/media/bug.e8ae5821.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;left:-50px;top:-1px}.single-items.single-items2 span:before{background-image:url(/_next/static/media/downlode.26b63b10.svg)}.single-items.single-items3 span:before{background-image:url(/_next/static/media/message.7b320c07.svg)}.single-items p{color:#707070;font-size:16px;line-height:1.5}@media (max-width:576px){.single-items p{font-size:15px}}.coursehead{background-color:#e4e4e4;padding:15px 60px 1px;margin-bottom:40px;border-radius:5px}.video-contents{position:relative;padding:30px}@media (max-width:992px){.video-contents{padding:30px}}@media (max-width:576px){.video-contents{padding:30px}}@media (max-width:576px){.section-tittle{margin-bottom:50px;text-align:left!important}}@media (max-width:768px){.section-tittle{margin-bottom:50px}}.section-tittle span{margin-bottom:20px;display:block;color:#70d76a;text-transform:uppercase;font-size:20px}@media (max-width:576px){.section-tittle span{font-size:14px;padding-left:0;text-align:left}}.section-tittle h2{font-size:48px;display:block;font-weight:500;margin-bottom:30px}@media (max-width:992px){.section-tittle h2{font-size:41px}}@media (max-width:768px){.section-tittle h2{font-size:40px}}@media (max-width:576px){.section-tittle h2{text-align:left;font-size:26px}}.edu-details{padding-left:33px;position:relative}.edu-details p{text-align:justify}.edu-details:before{position:absolute;content:"";top:0;left:0;background-image:radial-gradient(#0ef 20%,transparent 0);background-position:0 0;background-size:6px 11px;height:90%;width:1%;border-radius:0}.position-sticky{top:60px}@media(max-width:600px){.position-sticky{margin-left:30px;margin-bottom:30px}}p.tittle-pera1{text-align:justify;font-size:19px;color:#071112;line-height:1.6;margin-bottom:25px;font-weight:500}.single-items,.single-items2,.single-items3 p{text-align:justify;color:#707070;font-size:16px;line-height:1.5}@media (max-width:600px){.single-items,.single-items span,.single-items2,.single-items2 span,.single-items3 span{font-size:20px;line-height:1.5}}.course-btn{border-radius:35px;padding:10px 195px;font-size:16px;text-align:center}@media (max-width:1024px){.course-btn{border-radius:35px;padding:10px 140px;font-size:16px}}@media (max-width:768px){.course-btn{padding:10px 190px;font-size:14px}}@media (max-width:576px){.course-btn{padding:10px 100px;font-size:12px;width:100%;display:block;margin:0}}.responsive-img{max-width:100%;width:450px;height:auto}@media (max-width:1024px){.responsive-img{width:100%}}@media (max-width:768px){.responsive-img{width:100%}}@media (max-width:576px){.responsive-img{width:100%;margin:0 auto}}@media (max-width:1400px){.img-fluid1{width:100%;max-width:350px;display:block}}.icon1:hover{background-color:"white"}.logo-vol{width:50px;height:60px;border-radius:5%}.dash{background-color:#071112;position:sticky;top:0;height:100vh;overflow-y:auto}.panel-item{background:#f9f9fb;height:250px;padding:20px;position:relative;transition:all .3s ease;margin-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;width:60%}.panel-img{width:90px;height:90px;object-fit:cover;border-radius:50%;margin-bottom:15px}.panel-item:hover{margin-top:-5px;background:var(--primary)}.panel-item *{transition:.5s;position:relative}.panel-item:hover *{color:var(--light)!important}.center{margin:auto;width:100%;text-align:center}.admin-container{margin:0 auto;padding:20px;max-width:1200px}.colr{background-color:#79d297}
   ;.student-details-container9{width:100%;max-width:auto;margin:0 auto;background:hsla(0,0%,100%,.85);box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:8px;z-index:2;overflow:hidden;flex:"0.75"}.student-details-container9:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;z-index:-1}.title9{font-size:1.8rem}.title10,.title9{text-align:center;color:#1c5088;font-weight:700}.title10{font-size:1rem;margin-bottom:10px}.field-row9{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.field-container9{flex:1;min-width:250px}.label9{display:block;margin-bottom:6px;font-weight:700;color:#333}.input9,.select9,.textarea9{width:100%;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:15px;background:hsla(0,0%,100%,.1);box-sizing:border-box;background-color:#fff;transition:border .3s ease}.floating-label-container{position:relative;margin-bottom:20px}.input9{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;outline:none;font-size:16px}.floating-label{position:absolute;top:50%;left:10px;transform:translateY(-50%);transition:.3s ease;background-color:#fff;padding:0 5px;font-size:16px;color:#999;pointer-events:none}.input9:focus+.floating-label,.input9:hover+.floating-label,.input9:not(:placeholder-shown)+.floating-label{top:-10px;left:10px;font-size:12px;color:#333}.input9:focus,.select9:focus,.textarea9:focus{border-color:#1bb1de;outline:none}.textarea9{resize:vertical;min-height:100px}.button-container9{display:flex;justify-content:center;margin-top:10px;gap:10px}.submit-button9{padding:12px 25px;background-color:#1ac1ea;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:1rem;transition:background-color .3s ease}.submit-button9:hover{background-color:#1bb1de}.submit-button9 a{text-decoration:none;color:#fff}.divider{border-top:2px solid #0b0a0a;margin:20px 0}.student-details-wrapper9{display:flex}.previous-history-card9{flex:0.25;padding:5px;background-color:silver;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease;height:fit-content}.previous-history-card9:hover{transform:scale(1.05)}.history-title9{text-align:center;font-size:1.5rem;color:#1c5088;margin-bottom:20px}.history-field-container9{margin-bottom:15px}.history-field-container9 .label9{margin-bottom:5px}.history-field-container9 .input9{width:100%}@media (max-width:768px){.student-details-wrapper9{flex-direction:column}.previous-history-card9{margin-top:20px}}.student-details-container9{flex:0.75}.student-details-container{font-family:Arial,sans-serif}h2{margin-bottom:20px}.sticky-sidebar{position:sticky;top:0;height:100vh;z-index:1000;overflow-x:hidden}@media (max-width:768px){.sticky-sidebar{flex-direction:column}}.content-area{overflow-y:auto;height:100vh}.sticky-topbar{position:sticky;top:0;z-index:1000;background-color:#05a7b6;width:100%;box-shadow:0 4px 2px -2px gray}.form-box{border:1px solid #ccc;border-radius:5px;padding:20px;background-color:#f9f9f9;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-row{display:flex;justify-content:space-between;margin-bottom:20px}.form-control{flex:1;margin-right:20px}.form-control:last-child{margin-right:0}.form-control label{display:block;margin-bottom:5px}.form-control input,.form-control select,textarea{width:100%;padding:8px;box-sizing:border-box}.joining-section{margin-bottom:20px}.joining-section textarea{width:100%;height:60px;padding:10px;box-sizing:border-box}.button-section{margin-bottom:20px}.primary-btn,.secondary-btn{padding:10px 20px;margin-right:10px}.primary-btn{background-color:#4caf50}.primary-btn,.secondary-btn{color:#fff;border:none;cursor:pointer}.secondary-btn{background-color:#f44336}.history-card{background-color:#f9f9f9;border:1px solid #ccc;padding:20px;border-radius:5px;margin-top:20px}.history-card h3{margin-bottom:10px}.history-card p{margin:0}.icon-container{width:120px;height:120px;object-fit:contain}.sidebar-link{display:flex;align-items:center;justify-content:flex-start;padding:10px;width:100%;transition:background-color .3s ease-in-out;border-radius:4px}.sidebar-link:hover{background-color:#333;text-decoration:none}.logo-vol{width:150px;margin-bottom:20px}.nav-item{margin-bottom:10px;width:100%}.icon-fixed-width{width:1.5rem;text-align:center;margin-right:10px}.sidebar-link span{flex-grow:1;text-align:left}.nav-pills .nav-link{display:flex;align-items:center}@media (max-width:768px){.sidebar-link{font-size:.9rem;padding:8px}.logo-vol{width:120px;max-width:100%;display:block;margin-bottom:20px}.icon-fixed-width{width:1.2rem}}.card-container1{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.card1{background-color:#fff;height:200px;border-radius:10px;overflow:hidden;position:relative;transition:transform .3s ease;width:calc(25% - 20px)}.card1:hover{transform:translateY(-10px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.admincard-image img{width:100%;height:100%;cursor:pointer}.admincard-image img,.card-image{height:200px;overflow:hidden}.card-image img{width:100%;height:100%;transition:transform .9s ease}.card1:hover .card-image img{transform:translateY(-20px)}.card-info{padding:15px;text-align:center}.card-info h3{margin-bottom:10px;font-size:1.5rem}.card-info p{color:#555;font-size:1rem}.card-details{position:absolute;left:0;bottom:-100%;width:100%;background-color:#fff;padding:15px;border-top:1px solid #ddd;transition:bottom .5s ease;flex-direction:column;height:200px}.card-actions,.card-details{display:flex;justify-content:space-between}.card-actions{margin-top:auto}.btn.btn-outline-primary{padding:8px 16px;border:2px solid #05a7b6;border-radius:5px;color:#05a7b6;text-decoration:none;font-weight:700;transition:background-color .3s,color .3s}.btn-outline-primary:hover{background-color:#05a7b6;border-color:#05a7b6}.learn-more{text-decoration:none;color:#05a7b6}.card-details h4{font-size:1rem;margin-bottom:10px}.card-details p{font-size:.9rem;color:#555;flex-grow:1}.card1:hover .card-details{bottom:0}@media (max-width:1750px){.card1{width:calc(25% - 20px)}.card-details,.card-image,.card1{height:180px}.card-details h4{font-size:.9rem}.card-details p{font-size:.8rem}}@media (max-width:1400px){.card1{width:calc(25% - 20px)}.admincard-image img,.card-details,.card-image,.card1{height:140px}.card-details h4{font-size:.75rem}.card-details p{font-size:.65rem}}@media (max-width:1024px){.card1{width:calc(33% - 20px)}.card-details h4{font-size:.85rem}.card-details p{font-size:.7rem}}@media (max-width:768px){.card1{width:calc(50% - 20px)}.admincard-image img{height:140px}.card-details h4{font-size:.85rem}.card-details p{font-size:.7rem}}@media (max-width:560px){.card1{width:100%}.card-details,.card-image,.card1{height:220px}.admincard-image img{height:140px}.card-details h4{font-size:1.25rem}.card-details p{font-size:.85rem}}.tablecard{padding:20px}.containercard{display:flex;justify-content:center}.gridView{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px}.userCard{background-color:#f8f9fa;border:1px solid #e3e6ea;border-radius:8px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease}.userCard:hover{transform:translateY(-5px)}.userHeader{border-bottom:1px solid #e3e6ea;padding-bottom:10px;margin-bottom:10px}.userName{font-size:24px;font-weight:700;color:#333;margin-bottom:0;text-align:center}.userEmail{font-size:14px;color:#777;text-align:center}.detailsBox,.userDetails{margin-top:10px}.detailsBox{background-color:#f1f1f1;border-radius:8px;padding:10px;display:flex;gap:20px}.detailhead{font-size:12px;color:#777;margin-bottom:3px}.moreDetailsLabel{background-color:#45cccc;border-radius:50px;padding:5px 15px;font-size:12px;font-weight:700;color:#555;display:inline-block;margin-bottom:10px}.detailLabel{font-size:12px;color:#333;margin:2px 0}.search-container{display:flex;justify-content:center}.search-bar{position:relative;width:100%}.search-bar input{width:100%;padding:10px 40px 10px 15px;border:1px solid #e3e6ea;border-radius:50px;font-size:16px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.search-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#888;cursor:pointer}.search-bar input:focus{outline:none;border-color:#45cccc}.filter-navigation{display:flex;gap:20px;margin-bottom:0}.filter-navigation button{padding:10px 20px;background-color:#fff;border:1px solid #ddd;border-radius:50px;color:#555;font-weight:700;cursor:pointer;transition:all .3s ease}.filter-navigation button:hover{background-color:#33acac}.filter-navigation .active-filter{background-color:#45cccc;color:#fff;border-color:#45cccc}@media (max-width:576px){.gridView{grid-template-columns:1fr;gap:10px}.userCard{padding:15px;font-size:14px}.userName{font-size:20px}.userEmail{font-size:12px}.detailLabel,.moreDetailsLabel{font-size:10px}.search-bar input{padding:10px 35px 10px 10px}.gridView{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.gridView{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.gridView{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.gridView{grid-template-columns:repeat(4,1fr)}}.btn-primary,.nav-link{white-space:nowrap!important}.profile-img{transition:all .3s ease}.profile-img:hover{transform:scale(1.05);box-shadow:0 2px 10px rgba(0,0,0,.2)}.dropdown-item{padding:10px 15px;color:#333;transition:all .2s ease}.dropdown-item:hover{background-color:#05a7b6;color:#fff;border-radius:4px}.dropdown-menu{margin-top:0;border-radius:3px;padding:30px;width:550px;background-color:#fff;box-shadow:0 6px 12px rgba(0,0,0,.15);position:absolute;left:50%;transform:translateX(-50%);max-height:560px;overflow-y:auto}@media (max-width:768px){.dropdown-menu{left:140px;width:90%;max-height:300px;overflow-y:auto}.dropdown-menu.show{display:block;margin-left:138px;position:relative}}.image-container-main-course{width:100px;border-radius:0;overflow:hidden}.image-container-related-course{border-radius:0;overflow:hidden;padding:15px 0 0}.image{height:100%;width:100%;object-fit:cover;border-radius:0;transition:transform .3s ease-in-out}.title{font-size:11px;font-weight:500;color:#333;margin:0}.course-item{cursor:pointer;margin-bottom:10px;text-align:center;transition:transform .3s ease-in-out}.row-main-courses{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px}.row-related-courses{display:flex;flex-wrap:wrap;margin-top:-14px;align-items:flex-start}@media (max-width:768px){.row-main-courses,.row-related-courses{flex-direction:column;gap:8px}}.profile-img{width:40px;height:40px;border-radius:50%;cursor:pointer}.top-matin80{margin-top:-80PX}.sidebar{transition:transform .3s ease;height:100vh;position:sticky;top:0;z-index:1000;overflow-x:hidden}.sidebar.open{transform:translateX(0)}.navbar{transition:margin-left .3s ease}.sidebar-content{display:flex;flex-direction:column;align-items:flex-start;padding:10px}.logo-link img{transition:width .3s ease}.hamburger-icon{cursor:pointer}.hamburger-icon.rotate{margin-left:50px}.main{transition:margin-left .3s ease}.main,.main.compressed{padding:0}@media (max-width:768px){.sidebar{width:70px;transform:translateX(-100%);flex-direction:column}.sidebar.open{transform:translateX(0)}.main{margin-left:-80px;padding:0}.main.compressed{margin-left:0;padding:0}.navbar{margin-left:-70px}}.button-field button:disabled{background-color:#dcdcdc;color:gray;cursor:no-drop}.admin-card-container1{padding-left:16px;padding-right:16px}@media (max-width:390px){.addquestions-questionres1{margin-left:85px;justify-items:center}}@media (max-width:575px){.addquestions-questionres1{margin-left:95px;max-width:500px;justify-items:center}}@media (max-width:771px){.admin-card-container1{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.admincard-image{flex:0 0 calc(50% - 10px);margin-bottom:10px}@media (max-width:560px){.admin-card-container1{display:flex;flex-wrap:wrap;justify-content:center;margin-left:0;padding:50px}.admincard-image{flex:0 0 100%;margin-bottom:15px}.admincard-image img{height:220px}}}.link-button{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;font-size:.875rem;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:4px;-webkit-transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;color:#fff;background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);text-transform:none;box-shadow:none;width:auto}.body-height{height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden}.heder-style{padding:10px;background-color:hsla(0,0%,69%,.3);border:1px solid #c4bebe}.body-height-1{height:calc(100vh - 145px)}.body-height-1,.body-height-2{overflow-y:auto;overflow-x:hidden}.body-height-2{height:calc(100vh - 165px)}.container-card-sh{padding:10px}:root{--primary:#05a7b6;--light:#f0fbfc;--dark:#171c38}.fw-medium{font-weight:600!important}.fw-semi-bold{font-weight:700!important}.back-to-top{position:fixed;display:none;right:45px;bottom:45px;z-index:99}.auth-wrapper,.auth-wrapper .left-section{display:flex;min-height:100vh}.auth-wrapper .right-section{height:100%;flex:0 0 50%;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.auth-wrapper .left-section{width:50%;height:100%;position:sticky;top:0;flex:0 0 50%;flex-direction:column;justify-content:space-between}.left-section{position:relative;height:100%;width:100%;z-index:1}.left-section .image img{position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:top;z-index:-1}@media screen and (max-width:768px){.left-section{position:static;order:2}.right-section{order:1}.left-section .image img{height:100%;width:100%;object-position:bottom}}.header-links{display:flex;align-items:center}.help-link{color:#05a7b6;text-decoration:none;margin-left:-20px;font-size:16px}.help-link:hover{text-decoration:underline}.justify-center{justify-content:center}.items-center{align-items:center}.flex{display:flex}*{margin:0;padding:0;box-sizing:border-box}@media screen and (max-width:768px){.auth-wrapper{flex-wrap:wrap}.auth-wrapper .right-section{order:1;width:100%;flex:0 0 100%;height:auto;padding:20px}.auth-wrapper .left-section{order:2;width:100%;height:300px;flex:0 0 100%;position:relative}.form,.form1{max-width:100%}}.containerlog{height:calc(100vh - 100px);width:100%;display:flex;align-items:center;justify-content:center;column-gap:30px}.form{position:absolute;max-width:430px;width:100%;padding:30px;border-radius:6px;background:#fff}.form.signup{opacity:0;pointer-events:none}.forms.show-signup .form.signup{opacity:1;pointer-events:auto}.forms.show-signup .form.login{opacity:0;pointer-events:none}.form .field{height:50px;margin-top:20px}.form .field,.form1{position:relative;width:100%;border-radius:6px}.form1{left:30px;max-width:600px;padding:30px;background:#fff}.form1.signup{opacity:0;pointer-events:none}.forms.show-signup .form1.signup{opacity:1;pointer-events:auto}.forms.show-signup .form1.login{opacity:0;pointer-events:none}.form1 .field{position:relative;height:50px;width:100%;margin-top:20px;border-radius:6px}.field button,.field input{height:100%;width:100%;border:none;font-size:16px;font-weight:400;border-radius:6px}.field input{outline:none;padding:0 15px;border:1px solid#cacaca}.field input:focus{border-bottom-width:2px}.eye-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:18px;color:#8b8b8b;cursor:pointer;padding:5px}.field button{color:#fff;background-color:#0171d3;transition:all .3s ease;cursor:pointer}.field button:hover{background-color:#016dcb}.form-link{text-align:center;margin-top:10px}.form-link a,.form-link span{font-size:14px;font-weight:400;color:#232836}.form a,.form1 a{color:#0171d3;text-decoration:none}.form-content a:hover{text-decoration:underline}@media screen and (max-width:400px){.form,.form1{padding:20px 10px}}@media (min-width:1200px){h1,title1{font-size:2.6rem}.p1,h1,p,title1{text-align:center;margin-bottom:0}}.swiper-container{padding:20px;margin:10px auto;max-width:900px;background-color:rgba(48,48,48,.7);border-radius:10px;height:250px;box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative}.text1{font-size:1.5rem;font-weight:700;letter-spacing:1px}.swiper-carousel{position:relative}.swiper-slide{display:flex;justify-content:center;align-items:center;height:100%;padding:20px;transition:opacity .5s ease-in-out}.announcement-text{font-size:1rem;line-height:1.5;text-align:center;color:#fff}.carousel-control-next,.carousel-control-prev{filter:brightness(.8);transition:filter .3s ease}.carousel-control-next:hover,.carousel-control-prev:hover{filter:brightness(1)}.carousel-indicators li{background-color:#fff}.carousel-indicators .active{background-color:#0171d3}.row{display:flex}@media (max-width:600px){.row{display:flex}}.field.input-field{position:relative;flex-grow:1;margin-bottom:20px}.date-display{width:100%;padding-right:30px;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px}.date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;color:#aaa;cursor:pointer}#hidden-date-input{display:none}.resume{padding-right:30px}.resume-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;color:#aaa}.custom-file-input{display:none}.custom-file-label{position:relative;top:20px;display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:12px;background-color:#007bff;border:1px solid #007bff;border-radius:4px;color:#fff;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-file-label:hover{background-color:#0056b3;border-color:#0056b3}.custom-file-label i{margin-right:8px;font-size:18px}.custom-select-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:16px;appearance:none}.dropdown-field{position:relative}.dropdown-field:after{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;color:#999}.profile-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-left:auto}.profile-img{width:100%;object-fit:cover}.card{background-color:#fff;border-radius:15px;border:none;width:100%;max-width:600px;height:220px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative;overflow:hidden;cursor:pointer;transition:transform .4s ease,box-shadow .4s ease,background .4s ease;display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#fff!important}.card:hover{transform:scale(1.03);box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.2),0 .9375rem 1.40625rem rgba(90,97,105,.2),0 .25rem .53125rem rgba(90,97,105,.25),0 .125rem .1875rem rgba(90,97,105,.2)}.l-bg-cherry{background:linear-gradient(90deg,#493240,#f09)!important;color:#fff}.l-bg-blue-dark{background:linear-gradient(90deg,#373b44,#4286f4)!important;color:#fff}.l-bg-green-dark{background:linear-gradient(90deg,#00524b,#27a758)!important;color:#fff}.l-bg-orange-dark{background:linear-gradient(90deg,#a86008,#ffba56)!important;color:#fff}.card .card-statistic-3 .card-icon-large .fab,.card .card-statistic-3 .card-icon-large .fal,.card .card-statistic-3 .card-icon-large .far,.card .card-statistic-3 .card-icon-large .fas{font-size:150px}.card .card-icon{font-size:80px;text-align:center;line-height:80px;margin-left:15px;color:#000;position:absolute;right:15px;top:20px;opacity:.1}.card-title{font-size:30px}.l-bg-cyan{background:linear-gradient(135deg,#1d75b8,#84c0ec)!important;color:#fff}.l-bg-green{background:linear-gradient(135deg,#23bdb8,#43e794)!important;color:#fff}.l-bg-orange{background:linear-gradient(90deg,#f9900e,#ffba56)!important;color:#fff}@media (max-width:768px){.card{max-width:100%;height:180px}.card:hover{transform:scale(1.05)}.card .card-icon{font-size:60px}}@media (max-width:480px){.card{max-width:100%;height:150px;margin-bottom:20px}.card:hover{transform:scale(1.05)}.card .card-icon{font-size:40px}.container{overflow-y:auto;padding-bottom:20px;margin-top:100px}}.hamburger-icon.rotate{transform:rotate(90deg)}@media (max-width:768px){.navbar-brand{position:relative;left:40px}}.panel{--background-color:#e4e1e1;--text-color:#52525b;--card-background-color:transparent;--card-border-color:rgba(24,24,27,.08);--card-box-shadow-1:rgba(24,24,27,.02);--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:rgba(24,24,27,.04);--card-box-shadow-2-y:2px;--card-box-shadow-2-blur:7px;--card-label-color:#18181b;--card-icon-color:#18181b;--card-icon-background-color:rgba(24,24,27,.04);--card-icon-border-color:rgba(24,24,27,.1);--card-shine-opacity:.3;--card-shine-gradient:conic-gradient(from 225deg at 50% 50%,rgba(16,185,129,0) 0deg,#10b981 25deg,#edfaf6 285deg,#fff 345deg,rgba(16,185,129,0) 360deg);--card-line-color:#cececd;--card-tile-color:rgba(16,185,129,.08);--card-hover-border-color:rgba(24,24,27,.15);--card-hover-box-shadow-1:rgba(24,24,27,.05);--card-hover-box-shadow-1-y:3px;--card-hover-box-shadow-1-blur:6px;--card-hover-box-shadow-2:rgba(24,24,27,.1);--card-hover-box-shadow-2-y:8px;--card-hover-box-shadow-2-blur:15px;--card-hover-icon-color:#18181b;--card-hover-icon-background-color:rgba(24,24,27,.04);--card-hover-icon-border-color:rgba(24,24,27,.34);--blur-opacity:.1;&.toggle .grid *{transition-duration:0s!important}}.gridpanel{justify-content:center;display:grid;grid-template-columns:repeat(2,240px);grid-gap:32px;z-index:1}.cardpanel,.gridpanel{position:relative}.cardpanel{background-color:var(--background-color);box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);padding:56px 16px 16px;border-radius:15px;cursor:pointer;transition:box-shadow .25s;&:before{content:"";position:absolute;inset:0;border-radius:15px;background-color:var(--card-background-color)}.iconpanel{z-index:2;display:table;padding:8px;&:after{content:"";position:absolute;inset:4.5px;border-radius:50%;background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);backdrop-filter:blur(2px);transition:background-color .25s,border-color .25s;width:24px;height:24px;transform:translateZ(0);color:var(--card-icon-color);transition:color .25s}}h4{z-index:2;margin:12px 0 4px;font-family:inherit;font-weight:600;font-size:14px;line-height:2;color:var(--card-label-color)}p{z-index:2;margin:0;font-size:14px;line-height:1.7;color:var(--text-color)}.shine{border-radius:inherit;position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s;&:before{content:"";width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:var(--card-shine-opacity);transform:translateX(-50%);background-image:var(--card-shine-gradient)}}.background{border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,transparent 60%);mask-image:radial-gradient(circle at 60% 5%,#000 0,#000 15%,transparent 60%);.tiles{opacity:0;transition:opacity .25s;background-color:rgba(16,185,129,.08);.tile{position:absolute;background-color:rgba(16,185,129,.08);animation-duration:8s;animation-iteration-count:infinite;opacity:0;&.tile-10,&.tile-4,&.tile-6{animation-delay:-2s}&.tile-3,&.tile-5,&.tile-8{animation-delay:-4s}&.tile-2,&.tile-9{animation-delay:-6s}&.tile-1{top:0;left:0;height:10%;width:22.5%}&.tile-2{top:0;left:22.5%;height:10%;width:27.5%}&.tile-3{top:0;left:50%;height:10%;width:27.5%}&.tile-4{top:0;left:77.5%;height:10%;width:22.5%}&.tile-5{top:10%;left:0;height:22.5%;width:22.5%}&.tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}&.tile-7{top:10%;left:50%;height:22.5%;width:27.5%}&.tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}&.tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}&.tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}}}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.line{position:absolute;inset:0;opacity:0;transition:opacity .35s;&:after,&:before{content:"";position:absolute;background-color:var(--card-line-color);transition:transform .35s}&:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}&:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}&.line-1{&:before{top:10%}&:after{left:22.5%}&:after,&:before{transition-delay:.3s}}&.line-2{&:before{top:32.5%}&:after{left:50%}&:after,&:before{transition-delay:.15s}}&.line-3{&:before{top:55%}&:after{right:22.5%}}}}&:hover{box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color);.icon{&:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}svg{color:var(--card-hover-icon-color)}}.shine{opacity:1;transition-duration:.5s;transition-delay:0s}.background{.tiles{opacity:1;transition-delay:.25s;.tile{animation-name:tile}}.line{opacity:1;transition-duration:.15s;&:before{transform:scaleX(1)}&:after{transform:scaleY(1)}&.line-1{&:after,&:before{transition-delay:0s}}&.line-2{&:after,&:before{transition-delay:.15s}}&.line-3{&:after,&:before{transition-delay:.3s}}}}}}.day-night{cursor:pointer;position:absolute;right:20px;top:20px;opacity:.3;input{display:none;&+div{border-radius:50%;width:20px;height:20px;position:relative;box-shadow:inset 8px -8px 0 0 var(--text-color);transform:scale(1) rotate(-2deg);transition:box-shadow .5s ease 0s,transform .4s ease .1s;&:before{width:inherit;height:inherit;border-radius:inherit;left:0;top:0;transition:background-color .3s ease}&:after,&:before{content:"";position:absolute}&:after{width:6px;height:6px;border-radius:50%;margin:-3px 0 0 -3px;top:50%;left:50%;box-shadow:0 -23px 0 var(--text-color),0 23px 0 var(--text-color),23px 0 0 var(--text-color),-23px 0 0 var(--text-color),15px 15px 0 var(--text-color),-15px 15px 0 var(--text-color),15px -15px 0 var(--text-color),-15px -15px 0 var(--text-color);transform:scale(0);transition:all .3s ease}}&:checked+div{box-shadow:inset 20px -20px 0 0 var(--text-color);transform:scale(.5) rotate(0deg);transition:transform .3s ease .1s,box-shadow .2s ease 0s;&:before{background:var(--text-color);transition:background-color .3s ease .1s}&:after{transform:scale(1);transition:transform .5s ease .15s}}}}