@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");body{background:#042149;color:#ededed}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}button{cursor:pointer}.navbar{position:fixed;top:0;left:0;width:100%;justify-content:space-between;display:flex;padding:20px 10%;z-index:2;background:transparent;border-bottom:.5px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.logo a{text-decoration:none;position:relative;font-size:24px;font-weight:600;color:#ededed}.navbar-nav{display:flex}.navbar-nav a{text-decoration:none;color:#ededed;font-size:18px;font-weight:500;margin-left:35px;cursor:pointer}.navbar-nav a:hover{color:#b3b3b3}.profile-navbar{display:flex;align-items:center;margin-left:50px;border:1px solid #ededed;border-radius:15px;padding:2px 10px}.image-profile-navbar{width:30px;height:30px;border-radius:50%}.name-profil-navbar{padding:0}.dropdown{position:relative}.dropdown-content-navbar{text-align:end;padding-right:10px;margin-left:50px;border-radius:15px}.dropdown-content-navbar a:hover{color:#b3b3b3;border-radius:10px}.dropdown-content-navbar a{display:block}.navbar-toggle{display:none}@media screen and (max-width:768px){.navbar-nav{display:none;flex-direction:column;position:absolute;top:105%;left:15%;border:2px solid hsla(0,0%,100%,.2);width:80%;box-shadow:0 4px 6px rgba(0,0,0,.1);align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:10px;padding:5px;background:hsla(0,0%,100%,.2);box-shadow:0 0 10px rgba(0,0,0,0,.2);background:rgba(4,33,73,.8)}.navbar-nav.active{display:flex}.navbar-nav a{margin:10px 0}.navbar-toggle{display:block;background:none;border:none;font-size:24px;color:#ededed}.dropdown-content-navbar{text-align:center}}@media screen and (max-width:605px){.navbar-nav{width:80%}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#fff;background-size:cover;background-position:50%;padding:20px 10%;background:#042149}.home:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.home-title{padding-top:15%;padding-bottom:15%;background:url(https://ik.imagekit.io/tvlk/image/imageResource/2023/09/27/1695776209619-17a750c3f514f7a8cccde2d0976c902a.png?tr=q-75),no-repeat;color:#e2e2e2;text-align:center;background-size:cover;background-position:50%;width:100%;height:100%;box-shadow:inset 0 0 50px #000}.home-title h1{font-size:30px}.home-title-main{font-weight:800;font-size:80px}.home-title-btn{display:flex;justify-content:center;margin-top:80px}.home-title-btn-inner{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.home-title-btn-inner,.home-title-btn-inner:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.home-title-btn-inner:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}@media screen and (max-width:1024px){.home-title h1{font-size:20px}.home-title-main{font-weight:800;font-size:50px}}@media screen and (max-width:768px){.home-title{margin-top:12px}.home-title h1{font-size:15px}.home-title-main{font-size:30px}}@media screen and (max-width:430px){.home-title h1{font-size:10px}.home-title-main{font-size:20px}}.banners-home{margin-top:100px;width:100%}.banner-home button{color:#e2e2e2}.banners-home h1{font-size:50px;text-align:center;background:rgba(4,33,73,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding-left:5px;padding-right:5px;margin-left:auto;margin-right:auto}.banners-container-home{max-width:100%;margin:0 auto}.banners-list{margin-top:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;padding:2px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2)}.banners-list img{height:500px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.banners-list p{font-size:25px;color:#ededed;margin-top:10px;text-align:center;background:rgba(4,33,73,.8);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:10px}.banners-list a{font-size:50px;color:#ededed;margin-top:10px;text-decoration:none}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e2e2e2;opacity:0;transition:opacity .3s ease;text-align:center}.banners-list:hover .banner-overlay{opacity:1;border-radius:10px}.bannerid{margin-top:100px;min-height:70vh}.bannerid:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.bannerid-card-home{text-align:center;margin-bottom:10px}.bannerid-card-home img{width:100%;height:500px;margin:0 auto;text-align:center;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.bannerid-card-home button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.bannerid-card-home button,.bannerid-card-home button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.bannerid-card-home button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}@media (max-width:768px){.banners-home h1{font-size:30px}}@media screen and (max-width:1141px){.bannerid{margin-top:125px;text-align:center}}.link-home{margin:25px;padding:25px}.home-link{text-decoration:none;color:inherit;background:#ededed;color:#000;padding:20px;border-radius:10px}.home-link:hover{background:green;color:#ededed}.register{width:420px;background:transparent;border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:30px 40px}.register-wrap{display:flex;justify-content:center;align-items:center;min-height:95vh;background:#042149;background-size:cover;background-position:50%}.register-wrap:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.login-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#042149;background-size:cover;background-position:50%}.login-wrap:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.register h1{text-align:center;font-size:36px}.input-box-register{position:relative;width:100%;height:50px;margin:30px 0}.input-box-register-option{position:relative;width:100%;height:65px;margin-bottom:40px}.input-box-register-option label{font-size:15px}.input-box-register input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-register input::-moz-placeholder{color:#b4b4b4}.input-box-register input::placeholder{color:#b4b4b4}.input-box-register i{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:20px}.btn-register{display:contents;text-align:center}.btn-register button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:9px;font-size:18px;font-weight:500;width:100%;height:45px;color:#e2e2e2}.btn-register button,.btn-register button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-register button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-register p{color:#ededed}.btn-register a{color:#ededed;font-weight:400}.btn-register p a:hover{color:#b3b3b3}.input-box-register{font-size:15px}.option-register{width:100%;height:100%;background:transparent;border:none;outline:none;border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px;cursor:pointer;background:#042149;border:1px solid hsla(0,0%,100%,.2)}.login{width:420px;background:transparent;border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:30px 40px}.login h1{text-align:center;font-size:36px}.input-box-login{position:relative;width:100%;height:50px;margin:30px 0}.input-box-login input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-login input::-moz-placeholder{color:#b4b4b4}.input-box-login input::placeholder{color:#b4b4b4}.input-box-login i{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:20px}.btn-login{display:contents;text-align:center}.btn-login button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:9px;font-size:18px;font-weight:500;width:100%;height:45px;color:#e2e2e2}.btn-login button,.btn-login button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-login button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-login a,.btn-login p{color:#ededed}.btn-login a{font-weight:400}.btn-login p a:hover{color:#b3b3b3}.profile-main{text-align:center;min-height:95vh;padding:20px 10%}.profile-main:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.profile-title{margin-top:100px;font-size:30px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#e2e2e2}.profile-card,.profile-title{width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 0 10px rgba(0,0,0,0,.2);border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto}.profile-card{margin-top:50px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ededed}.image-profile{width:150px;height:150px;border-radius:50%;margin-bottom:10px;margin-left:auto;margin-right:auto;border:15px solid rgba(56,143,188,.1);transition:transform .3s ease}.image-profile:hover{cursor:pointer;transform:scale(1.1)}.profile-user{display:block;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;font-size:22px;font-weight:500;color:#e2e2e2}.btn-profile{align-items:center;justify-content:center;text-align:center;display:flex}.btn-profile button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-profile button,.btn-profile button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-profile button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}@media screen and (max-width:768px){.sidebar{width:10%}.profile-card,.profile-title{width:110%}}.popup-update-image-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:55%;transform:translate(-50%,-50%)}.popup-update-image,.popup-update-image-wrap{justify-content:center;align-items:center;position:fixed}.popup-update-image{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.popup-update-image h1{font-size:30px;text-align:center}.input-box-update-image input{position:relative;width:100%;height:80%;margin:30px 0;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;padding:20px 45px 20px 20px;font-size:15px}.input-box-update-image input::-moz-placeholder{color:#b4b4b4}.input-box-update-image input::placeholder{color:#b4b4b4}.btn-update-image-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2;cursor:pointer}.btn-update-image-popup button,.btn-update-image-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-update-image-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-update-image{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.popup-profile-update-wrapper{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:53%;left:55%;transform:translate(-50%,-50%)}.popup-profile-update,.popup-profile-update-wrapper{justify-content:center;align-items:center;position:fixed}.popup-profile-update{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.popup-profile-update h1{text-align:center;font-size:36px}.input-box-profil-update{position:relative;width:100%;height:50px;margin:30px 0}.input-box-profil-update input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-profil-update input::-moz-placeholder{color:#b4b4b4}.input-box-profil-update input::placeholder{color:#b4b4b4}.btn-profile-update-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:175px;height:40px;color:#e2e2e2}.btn-profile-update-popup button,.btn-profile-update-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-profile-update-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-profil-update-popup{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}@media (max-width:768px){.popup-profile-update,.popup-update-image{width:300px}}.users{justify-content:center;align-items:center;text-align:center;min-height:100vh;display:block}.users:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.users-title{margin-top:100px;font-size:30px;width:50%;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto}.users-content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto)}.users-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:50px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);color:#ededed;border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto}.btn-pagination button,.btn-pagination span,.users-btn-change-role button,.users-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-pagination button,.btn-pagination span,.users-btn-change-role button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.btn-pagination button:hover,.btn-pagination span:hover,.users-btn-change-role button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.users-avatar{width:150px;height:150px;border-radius:50%;margin-bottom:10px;margin-left:auto;margin-right:auto;border:15px solid rgba(56,143,188,.1);box-shadow:0 0 10px rgba(0,0,0,0,.2);transition:transform .3s ease}.users-avatar:hover{cursor:pointer;transform:scale(1.1)}.popup-edit-users{width:500px;height:250px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.5);padding-top:30px;padding-bottom:30px;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center}.btn-close-popup-edit-users,.popup-edit-users{justify-content:center;align-items:center;justify-items:center;color:#e2e2e2}.btn-close-popup-edit-users{position:absolute;top:10px;right:10px;cursor:pointer}.role{width:32%;height:32%;padding:20px;justify-content:center;background:transparent;border:none;outline:none;border-radius:9px;font-size:15px;color:#ededed;cursor:pointer;background:#042149;border:1px solid hsla(0,0%,100%,.2)}.users-btn-change-role-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.users-btn-change-role-popup button,.users-btn-change-role-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.users-btn-change-role-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.blur-users{filter:blur(5px)}@media screen and (max-width:1752px){.users-content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1247px){.users-content{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:768px){.users-card,.users-title{width:87%}.popup-edit-users{width:76%}}.banners:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.banners-title{margin-top:100px;font-size:30px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto;text-align:center}.banners-btn-popup-create{text-align:end;margin-right:15px}.banners-btn-popup-create button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.banners-btn-popup-create button,.banners-btn-popup-create button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.banners-btn-popup-create button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.banners{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto)}.banners-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:50px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ededed;border-radius:10px;padding:30px 40px}.banners-card,.banners-card img{box-shadow:0 0 10px rgba(0,0,0,0,.2);margin-left:auto;margin-right:auto}.banners-card img{width:150px;height:150px;border-radius:50%;margin-bottom:10px;border:15px solid rgba(56,143,188,.1);transition:transform .3s ease}.banners-card img:hover{transform:scale(1.1);cursor:pointer}.banners-card button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.banners-card button,.banners-card button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.banners-card button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.popup-create-banner-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-create-banner,.popup-create-banner-wrap{justify-content:center;align-items:center;position:fixed}.popup-create-banner{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.popup-create-banner h1{text-align:center;font-size:36px}.input-box-create-banner{position:relative;width:100%;height:50px;margin:30px 0}.input-box-create-banner input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-create-banner input::-moz-placeholder{color:#b4b4b4}.input-box-create-banner input::placeholder{color:#b4b4b4}.btn-create-banner-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-create-banner-popup button,.btn-create-banner-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-create-banner-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-create-banner{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.popup-delete-banner-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-delete-banner,.popup-delete-banner-wrap{justify-content:center;align-items:center;position:fixed}.popup-delete-banner{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.btn-delete-banner-popup button,.popup-delete-banner{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-delete-banner-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-delete-banner-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}@media screen and (max-width:1752px){.banners{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1247px){.banners{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:768px){.banners-card,.banners-title{width:87%}.popup-create-banner,.popup-delete-banner{width:300px}}.promos-title{margin-top:100px;font-size:30px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto;text-align:center}.promos-btn-popup-create{text-align:end;margin-right:15px}.promos-btn-popup-create button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.promos-btn-popup-create button,.promos-btn-popup-create button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.promos-btn-popup-create button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.promos{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto)}.promos:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.promos-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:50px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ededed;border-radius:10px;padding:30px 40px}.promos-card,.promos-card img{box-shadow:0 0 10px rgba(0,0,0,0,.2);margin-left:auto;margin-right:auto}.promos-card img{width:150px;height:150px;border-radius:50%;margin-bottom:10px;border:15px solid rgba(56,143,188,.1);transition:transform .3s ease}.promos-card img:hover{transform:scale(1.1);cursor:pointer}.promos-card button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.promos-card button,.promos-card button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.promos-card button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.popup-create-promos-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#042149;background-size:cover;background-position:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-create-promos{width:800px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-content:center;align-items:center;justify-items:center;color:#e2e2e2}.popup-create-promos h1{text-align:center;font-size:36px}.input-box-create-promos{position:relative;width:100%;height:50px;margin:30px 0}.input-addpromos{display:flex;flex:wrap}.input-box-create-promos textarea{width:170%;height:150%;padding:10px;margin-left:15px;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed}#textarea-create-promos-description{height:350%}.input-box-create-promos input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-create-promos input::-moz-placeholder{color:#b4b4b4}.input-box-create-promos input::placeholder{color:#b4b4b4}.btn-create-promos-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-create-promos-popup button,.btn-create-promos-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-create-promos-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-create-promos{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.popup-edit-promos-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#042149;background-size:cover;background-position:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-edit-promos{width:800px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-content:center;align-items:center;justify-items:center;color:#e2e2e2}.popup-edit-promos h1{text-align:center;font-size:36px}.input-box-edit-promos{position:relative;width:100%;height:50px;margin:30px 0}.input-editpromos{display:flex;flex:wrap}.input-box-edit-promos textarea{width:170%;height:150%;padding:10px;margin-left:15px;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed}#textarea-edit-promos-description{height:350%}.input-box-edit-promos input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-edit-promos input::-moz-placeholder{color:#b4b4b4}.input-box-edit-promos input::placeholder{color:#b4b4b4}.btn-edit-promos-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-edit-promos-popup button,.btn-edit-promos-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-edit-promos-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-edit-promos{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.popup-delete-promo-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-delete-promo,.popup-delete-promo-wrap{justify-content:center;align-items:center;position:fixed}.popup-delete-promo{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.btn-delete-promo-popup button,.popup-delete-promo{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-delete-promo-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-delete-promo-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.promos-home-wrapper{max-width:100%;margin:0 auto}.promos-home-wrapper h1{margin-top:100px}.promos-container-home{display:grid;grid-template-columns:2fr 4fr 2fr;gap:20px}.promos-card-home{position:relative;height:300px}.promos-card-home:nth-child(n+4){display:none}.promos-card-home img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.promos-card-home p{position:absolute;bottom:5%;left:0;right:0;text-align:center;color:#fff;background-color:rgba(0,0,0,.5);padding:5px;margin:0;border-radius:10px}.see-more-promo{text-align:center;padding:10px;margin-top:40px}.see-more-promos-home{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2;text-align:center;justify-content:center;align-items:center;justify-items:center}.see-more-promos-home,.see-more-promos-home:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.see-more-promos-home:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.promoid{margin-top:90px;text-align:center}.promoid:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.promoid-card-home{text-align:center;justify-content:center;align-items:center;justify-items:center}.promoid-card-home img{margin:0 auto;text-align:center;width:50%;height:40%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.promoid button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.promoid button,.promoid button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.promoid button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}@media screen and (max-width:1752px){.promos{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1247px){.promos{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1141px){.promoid{margin-top:125px;text-align:center}.popup-create-promos,.popup-edit-promos{width:500px;height:70%;overflow:scroll}.input-addpromos,.input-editpromos{display:block}.input-box-create-promos textarea,.input-box-edit-promos textarea{width:100%;height:100%;margin-left:0;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed}#textarea-create-promos-description,#textarea-edit-promos-description{height:200%}}@media screen and (max-width:768px){.promos-card,.promos-title{width:87%}.popup-create-promo,.popup-create-promos,.popup-delete-promo,.popup-edit-promos{width:300px}.input-box-create-promos,.input-box-edit-promos{position:relative;width:300px;height:50px;margin:20px;padding:20px}.popup-create-promos,.popup-edit-promos{width:400px;height:80%;overflow:scroll}.input-box-create-promos textarea,.input-box-edit-promos textarea{width:100%;height:500%;margin-left:0;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed}#textarea-create-promos-description,#textarea-edit-promos-description{height:500%}.promos-home-wrapper{text-align:center}.promos-container-home{grid-template-columns:1fr}.promoid-card-home img{width:70%;height:60%}.promoid-card-home h2{font-size:15px}.promoid-card-home h3{font-size:13px}}@media screen and (max-width:430px){.promoid-card-home h1{font-size:20px}.promoid-card-home h2{font-size:12px}.promoid-card-home h3{font-size:10px}.input-box-create-promos,.input-box-edit-promos{position:relative;width:300px;height:50px;margin:20px;padding:20px}.popup-create-promos,.popup-edit-promos{width:350px;height:80%;overflow:scroll}.input-box-create-promos textarea,.input-box-edit-promos textarea{width:100%;height:500%}#textarea-create-promos-description,#textarea-edit-promos-description{height:500%}}.categories-title{margin-top:100px;font-size:30px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto;text-align:center}.categories-btn-popup-create{text-align:end;margin-right:15px}.categories-btn-popup-create button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:145px;height:40px;color:#e2e2e2}.categories-btn-popup-create button,.categories-btn-popup-create button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.categories-btn-popup-create button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.categories{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto)}.categories:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.categories-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:50px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ededed;border-radius:10px;padding:30px 40px}.categories-card,.categories-card img{box-shadow:0 0 10px rgba(0,0,0,0,.2);margin-left:auto;margin-right:auto}.categories-card img{width:150px;height:150px;border-radius:50%;margin-bottom:10px;border:5px solid rgba(56,143,188,.2)}.categories-card img:hover{transform:scale(1.1);cursor:pointer}.categories-card button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.categories-card button,.categories-card button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.categories-card button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.popup-create-category-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-create-category,.popup-create-category-wrap{justify-content:center;align-items:center;position:fixed}.popup-create-category{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.popup-create-category h1{text-align:center;font-size:36px}.input-box-create-category{position:relative;width:100%;height:50px;margin:30px 0}.input-box-create-category input{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-create-category input::-moz-placeholder{color:#b4b4b4}.input-box-create-category input::placeholder{color:#b4b4b4}.btn-create-category-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.btn-create-category-popup button,.btn-create-category-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-create-category-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-create-category{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.popup-delete-category-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-delete-category,.popup-delete-category-wrap{justify-content:center;align-items:center;position:fixed}.popup-delete-category{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.btn-delete-category-popup button,.popup-delete-category{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-delete-category-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-delete-category-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.categories-container{display:flex}.categories-container img{transition:transform .5s ease;padding:5px;border-radius:15px}.categories-home-wrapper{max-width:100%;margin:0 auto}.categories-home-wrapper h1{margin-top:100px}.categories-container-home{display:grid;grid-template-columns:4fr 2fr 2fr;gap:20px}.categories-card-home{position:relative;height:300px}.categories-card-home:nth-child(n+4){display:none}.categories-card-home img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.categories-card-home p{position:absolute;bottom:5%;left:5%;color:#fff;background-color:rgba(0,0,0,.5);padding:5px;margin:0;border-radius:10px}.categoryid{margin-top:90px;text-align:center}.categoryid:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.categoryid-card-home{text-align:center;justify-content:center;align-items:center;justify-items:center}.categoryid-card-home img{margin:0 auto;text-align:center;width:50%;height:40%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.categoryid button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.categoryid button,.categoryid button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.categoryid button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}@media screen and (max-width:1752px){.categories{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1247px){.categories{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1141px){.categoryid{margin-top:125px;text-align:center}}@media (max-width:768px){.categories-card,.categories-title{width:87%}.popup-create-category,.popup-delete-category{width:300px}.categories-home-wrapper{text-align:center}.categories-container-home{grid-template-columns:1fr}.categoryid-card-home img{width:70%;height:60%}.categoryid-card-home h2{font-size:15px}.categoryid-card-home h3{font-size:13px}}@media screen and (max-width:430px){.categoryid-card-home h1{font-size:20px}.categoryid-card-home h2{font-size:12px}.categoryid-card-home h3{font-size:10px}}.activities-title{margin-top:100px;font-size:30px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:30px 40px;margin-left:auto;margin-right:auto;text-align:center}.activities-btn-popup-create{text-align:end;margin-right:15px}.activities-btn-popup-create button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:180px;height:40px;color:#e2e2e2}.activities-btn-popup-create button,.activities-btn-popup-create button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.activities-btn-popup-create button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.activities{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto)}.activities:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.activities-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:50px;width:500px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ededed;border-radius:10px;padding:30px 40px}.activities-card,.activities-card img{box-shadow:0 0 10px rgba(0,0,0,0,.2);margin-left:auto;margin-right:auto}.activities-card img{width:150px;height:150px;border-radius:50%;margin-bottom:10px;border:15px solid rgba(56,143,188,.1);transition:transform .3s ease}.activities-card img:hover{transform:scale(1.1);cursor:pointer}.activities-card button{text-decoration:none;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:140px;height:40px;color:#e2e2e2}.activities-card button,.activities-card button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.activities-card button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.popup-create-activity-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:53%;left:50%;transform:translate(-50%,-50%)}.popup-create-activity,.popup-create-activity-wrap{justify-content:center;align-items:center;position:fixed}.popup-create-activity{width:1000px;height:80%;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2;overflow:scroll}.popup-create-activity h1{text-align:center;font-size:36px}.option-create-activity,.upload-image-create-activity{width:75%;height:12%;padding:20px;justify-content:center;background:transparent;border:none;outline:none;border-radius:9px;font-size:15px;color:#ededed;cursor:pointer;background:#042149;border:2px solid hsla(0,0%,100%,.2)}.upload-image-create-activity:hover{cursor:pointer}.input-box-create-activity{position:relative;width:400px;height:50px;margin:30px;padding:30px}.input-box-create-activity input{width:100%;height:100%;background:transparent;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-create-activity input::-moz-placeholder{color:#b4b4b4}.input-box-create-activity input::placeholder{color:#b4b4b4}.btn-create-activity-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:185px;height:40px;color:#e2e2e2}.btn-create-activity-popup button,.btn-create-activity-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-create-activity-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-create-activity{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.input-box-create-activity-separate{display:flex}.popup-edit-activity-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:53%;left:50%;transform:translate(-50%,-50%)}.popup-edit-activity,.popup-edit-activity-wrap{justify-content:center;align-items:center;position:fixed}.popup-edit-activity{width:1000px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2;overflow:scroll}.popup-edit-activity h1{text-align:center;font-size:36px}.upload-image-edit-activity{width:75%;height:12%;padding:20px;justify-content:center;background:transparent;border:none;outline:none;border-radius:9px;font-size:15px;color:#ededed;cursor:pointer;background:#042149;border:2px solid hsla(0,0%,100%,.2)}.upload-image-edit-activity:hover{cursor:pointer}.input-box-edit-activity{position:relative;width:400px;height:50px;margin:30px;padding:30px}.input-box-edit-activity input{width:100%;height:100%;background:transparent;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:20px 45px 20px 20px}.input-box-edit-activity input::-moz-placeholder{color:#b4b4b4}.input-box-edit-activity input::placeholder{color:#b4b4b4}.btn-edit-activity-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:185px;height:40px;color:#e2e2e2}.btn-edit-activity-popup button,.btn-edit-activity-popup button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-edit-activity-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.btn-close-popup-edit-activity{position:absolute;top:10px;right:10px;cursor:pointer;color:#e2e2e2;justify-content:center;align-items:center;justify-items:center}.input-box-edit-activity-separate{display:flex}.popup-delete-activity-wrap{display:flex;min-height:100vh;background:#042149;background-size:cover;background-position:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-delete-activity,.popup-delete-activity-wrap{justify-content:center;align-items:center;position:fixed}.popup-delete-activity{width:420px;background:rgba(4,33,73,.8);border:1px solid hsla(0,0%,100%,.2);color:#ededed;border-radius:10px;padding:25px;text-align:center;justify-items:center;color:#e2e2e2}.btn-delete-activity-popup button,.popup-delete-activity{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.btn-delete-activity-popup button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.btn-delete-activity-popup button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.blur{filter:blur(5px)}.activities-home-wrapper{max-width:100%;margin:0 auto}.activities-home-wrapper h1{margin-top:100px}.activities-container-home{display:grid;grid-template-columns:2fr 2fr 4fr;gap:20px}.activities-card-home{position:relative;height:300px}.activities-card-home:nth-child(n+4){display:none}.activities-card-home img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.activities-card-home p{position:absolute;bottom:5%;right:5%;color:#fff;background-color:rgba(0,0,0,.5);padding:5px;margin:0;border-radius:10px;align-items:end;justify-content:end;justify-items:end;text-align:end}.activityid{margin-top:90px;text-align:center}.activityid:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}.activityid-card-home{text-align:center;justify-content:center;align-items:center;justify-items:center}.activityid-card-home img{margin:0 auto;text-align:center;width:50%;height:40%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px hsla(0,0%,100%,.6)}.activityid button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:125px;height:40px;color:#e2e2e2}.activityid button,.activityid button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.activityid button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}@media screen and (max-width:1752px){.activities{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1247px){.activities{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1141px){.activityid{margin-top:125px;text-align:center}.popup-create-activity,.popup-edit-activity{width:500px;height:70%;overflow:scroll}.input-box-create-activity-separate,.input-box-edit-activity-separate{display:block}}@media screen and (max-width:768px){.activities-card,.activities-title{width:87%}.popup-create-activity,.popup-edit-activity{width:400px;height:80%;overflow:scroll}.input-box-create-activity,.input-box-edit-activity{position:relative;width:300px;height:50px;margin:20px;padding:20px}.option-create-activity{width:74%;height:8%;padding:10px;margin:0}.upload-image-create-activity,.upload-image-edit-activity{width:74%;height:8%;padding:10px;margin-top:20px}.popup-delete-activity{width:300px}.activities-home-wrapper{text-align:center}.activities-container-home{grid-template-columns:1fr}.activityid-card-home img{width:70%;height:60%}.activityid-card-home h2{font-size:15px}.activityid-card-home h3{font-size:13px}}@media screen and (max-width:430px){.activityid-card-home h1{font-size:20px}.activityid-card-home h2{font-size:12px}.activityid-card-home h3{font-size:10px}.popup-create-activity,.popup-edit-activity{width:350px;height:80%;overflow:scroll}.input-box-create-activity,.input-box-edit-activity{position:relative;width:300px;height:50px;margin:20px;padding:20px}.option-create-activity,.option-edit-activity{width:88%;height:8%;padding:10px;margin-left:40px}.upload-image-create-activity,.upload-image-edit-activity{width:88%;height:8%;padding-left:20px;margin-top:20px;margin-left:40px}}.activity-by-categoryId{max-width:100%;padding:5px 200px;background:rgba(4,33,73,.8);border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;margin:0 auto;justify-content:center}.activity-by-categoryId ul{list-style-type:none}.activity-option{text-decoration:none;background:#042149;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2);border:none;border-radius:4px;font-size:18px;font-weight:500;padding:4px;margin:10px;width:190px;height:40px;color:#e2e2e2;cursor:pointer}.activity-option-wrapper{display:grid;grid-template-columns:repeat(3,minmax(auto,1fr));gap:20px}.activity-option-card{background:rgba(56,143,188,.4);border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:10px 15px;margin:20px auto}.activity-option-card img{width:300px;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.activity-option-card-body{width:300px;background:rgba(56,143,188,.4);border:2px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 10px rgba(0,0,0,0,.2);color:#e2e2e2;border-radius:10px;padding:10px 15px;margin-left:auto;margin-right:auto}.activity-option-card-description,.activity-option-card-title{color:#e2e2e2}@media (max-width:1664px){.activity-option-wrapper{grid-template-columns:repeat(2,minmax(auto,1fr))}}@media (max-width:1268px){.activity-option-wrapper{grid-template-columns:repeat(1,minmax(auto,1fr))}}@media (max-width:768px){.activity-by-categoryId{padding:5px 20%}.activity-option-wrapper{grid-template-columns:repeat(1,minmax(auto,1fr));font-size:10px}.activity-option-card{padding:5px 7px}.activity-option-card img{width:150px;height:150px}.activity-option-card-body{width:50%;padding:5px 7px}}.footer{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;padding:20px;border-top:1px solid hsla(0,0%,100%,.2);color:#e2e2e2;background:transparent}.footer-column{flex:1;text-align:center}.footer-column h3{margin-bottom:10px}.social-icons{list-style-type:none;padding:0;margin:0}.social-icons li{display:inline-block;margin-right:10px;padding:15px}.social-icons i{color:#e2e2e2}.social-icons i:hover{color:#b3b3b3}.social-icons li:last-child{margin-right:0}.social-icons a{color:#333;font-size:20px}.newsletter-form{display:flex;align-items:center}.newsletter-form input[type=email]{width:100%;height:100%;background:transparent;border:none;outline:none;border:2px solid hsla(0,0%,100%,.2);border-radius:9px;font-size:15px;color:#ededed;padding:10px 45px 10px 20px}.newsletter-form button{text-decoration:none;color:#b3b3b3;background:hsla(0,0%,100%,.1);border:none;border-radius:9px;font-size:18px;font-weight:500;margin:10px;width:125px;height:40px;color:#e2e2e2;padding:8px 20px;cursor:pointer}.newsletter-form button,.newsletter-form button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px rgba(0,0,0,0,.2)}.newsletter-form button:hover{background:rgba(56,143,188,.4);border:1px solid hsla(0,0%,100%,.2)}.copyright{margin-top:20px;color:#666}.copyright,.footer-bottom{text-align:center}@media (max-width:911px){.footer{flex-direction:column;align-items:center}.footer-column{margin-bottom:20px}}.dashboard{display:flex;min-height:100vh;background:rgba(4,33,73,.8)}.dashboard:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#000;animation:showRight 1s ease forwards;animation-delay:.1s;border-radius:25px}@keyframes showRight{to{width:0}}.sidebar{background:linear-gradient(to right bottom,#0a2447,#003e6b);width:10%;padding:25px;position:fixed;top:0;left:0;height:100%;overflow-y:auto}.sidebar ul{list-style-type:none;margin-top:76px}.sidebar li{padding:10px;cursor:pointer;margin-bottom:.5rem}.sidebar-logout{border:1px solid hsla(0,0%,100%,.2);border-radius:9px}.sidebar ul{list-style:none;padding:0}.sidebar li:hover{color:#b3b3b3}.content{overflow-y:auto;width:100%;margin-left:200px;padding:20px}@media (max-width:1335px){.sidebar{text-align:center}.sidebar-logout{border:none}}@media (max-width:1257px){.dashboard-text{display:none}.sidebar{margin-top:25px}}@media (max-width:768px){.sidebar{padding:10px}.dashboard-text{display:none}.sidebar-logout{border:none}.content{margin-left:0}}.activity-by-categoryId{margin-top:100px}