@import"https://fonts.googleapis.com/css2?family=Sriracha&display=swap";.font-p{font-family:Sriracha,cursive;font-weight:400}:root{--green: #0f4940;--lightblue: #4a75a8}.container{max-width:1300px}*{padding:0;margin:0;box-sizing:border-box}.gb-shadow{box-shadow:2px 5px 5px #0a3b97b3,-2px -2px 5px #2d910cd5}.home-cta{background-color:var(--green);color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;height:50px;border-radius:50px;width:250px;text-decoration:none;font-weight:700;font-size:22px}.bg-green{background-color:var(--green);color:#fff}.bg-white{background-color:#fff;color:var(--green)}@media only screen and (max-width: 768px){.home-cta{height:40px;width:200px;font-size:16px}}.home-container{position:relative;height:100vh;width:100%}.home-main{background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;width:100%;position:absolute;top:0;left:0;z-index:-10}.home-layer{height:100vh;width:100%;background:#000000c9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff}.home-layer h1{font-weight:700;font-size:64px}.home-layer span{font-weight:500;font-size:24px;color:var(--lightblue)}.home-layer p{font-weight:500;font-size:24px}.cta-box{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:50px}@media only screen and (max-width: 768px){.home-layer{padding:0 10px}.home-layer h1{font-size:26px}.home-layer span{font-size:18px}.home-layer p{font-size:20px;text-align:center}.cta-box{flex-direction:column}}.login_img{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;padding:50px 0}.login{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px}.login-footer{margin-top:50px}.login-footer h3,p{text-align:center}.header-main{background-color:var(--green);height:60px;display:flex;justify-content:center;align-items:center;position:sticky;top:0;left:0;z-index:50}.nav{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.login-btn{width:150px;height:40px;border-radius:30px;border:2px solid white;display:flex;justify-content:center;align-items:center}.login-btn a{text-decoration:none;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:700}.logout-box{display:flex;gap:10px;justify-content:center;align-items:center}.logout-box div button{color:#fff;background:transparent;border-radius:30px;border:2px solid white;display:flex;width:150px;height:40px;outline:none;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:700}.logout-box div a{display:flex;justify-content:center;align-items:center}.logout-box div a img{height:40px;width:40px;border-radius:50%}.logo-box a{display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.logo-box a img{height:30px;width:30px}.logo-box a span{font-size:26px;color:#fff}.profile-container{display:flex;align-items:center;justify-content:center;padding:30px 10px}.profile-picture{width:150px;height:150px;margin-right:20px}.profile-picture img{width:100%;height:100%;border-radius:50%}.profile-info h2{margin:0}.profile-info p{margin:5px 0}.extra-details{padding:30px 5%}.extra-details div{display:flex;justify-content:space-around}.option{color:#000;font-size:22px;display:flex;gap:8px;align-items:center;text-align:center;cursor:pointer}.section-active{color:#00f}.playlist-group{padding:50px 0;display:flex;flex-wrap:wrap;align-items:center;gap:30px}@media only screen and (max-width: 768px){.profile-container{flex-direction:column}.extra-details div{flex-direction:column;gap:20px}}.card-main{padding:20px;display:flex;flex-direction:column;width:300px;border-radius:5px}.playlist-details{display:flex;flex-direction:column;gap:10px;margin-top:30px;width:100%}.playlist-details p{font-size:18px;display:flex;text-align:justify;align-items:center;width:100%;gap:10px}.playlist-name{font-weight:600}.playlist-saved span{font-weight:600;display:flex;justify-content:center;align-items:center;gap:5px;cursor:pointer;margin-right:5px}.delete-playlist{color:orange}.edit-playlist{display:flex;justify-content:center;align-items:center}.edit-playlist a{color:green;display:flex;justify-content:center}.remove-playlist{color:red}.desc{font-size:16px!important}.watch-btn{text-decoration:none;background:#00f;padding:8px 0;font-size:18px!important;color:#fff;display:flex;justify-content:center;border-radius:5px;margin-top:10px;width:100%}.player-div{width:100%}.player-div div,.player-div div div{height:100%!important;width:100%!important}.player-div div div iframe{border-radius:5px;width:100%!important;height:100%!important}.form-container{max-width:400px;width:100%;display:flex;flex-direction:column;gap:10px;margin-top:50px}.form-container div{display:flex;justify-content:center;flex-direction:column;gap:5px}.form-container div label{font-size:18px!important;font-weight:600}.form-container button{padding:8px 15px;font-size:16px;background:transparent;border:1px solid blue;border-radius:5px;color:#00f;transition:all .3s;cursor:pointer}.form-container button:hover{background:#00f;border-radius:15px;color:#fff}.form-container div input,textarea{font-size:16px!important;border:1px solid blue;height:40px;border-radius:5px;outline:none;padding:0 5px}.check-div{display:flex!important;flex-direction:row!important;align-items:center}.check-div input{width:20px!important}@media only screen and (max-width: 600px){.form-container label{margin-bottom:3px;font-size:14px}.form-container input[type=text],.form-container textarea,.form-container button{font-size:14px}}.popup-container{position:absolute;top:100px;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;min-height:300px;margin:auto}.playlistpage-main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:10px;padding:30px 5%}.playlistpage-main h2{color:green}.playlistpage-main div{display:flex;justify-content:center;align-items:center}.search-div{border-radius:5px;width:90%;max-width:400px}.search-div a{text-decoration:none;border:1px solid green;background:green;padding:8px 15px;border-radius:5px;width:100%;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px}.search-div button{background:green;color:#fff;border-radius:5px;cursor:pointer;width:150px;display:flex;justify-content:center;align-items:center;gap:8px}.search-result-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;gap:10px;margin-top:10px}.suggest-conatiner{display:flex;justify-content:center;align-items:center;flex-direction:column}.card-conatiner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin-top:30px}.video-card-main{display:flex;height:80px;margin:10px 0;padding:5px 15px;border-radius:3px;gap:10px;border:2px solid rgba(23,252,138,.641);background:#d6d2ea5d;cursor:pointer}.video-box{width:150px}.card-details{width:100%;overflow:hidden}.card-details p{font-size:16px!important;width:100%;text-align:start}.video-card-main iframe{width:100%}.watch-page-main{display:flex;width:100%;padding:10px;gap:50px;height:90vh}.enroll-now-btn{width:100%;height:40px;background-color:#000;color:#fff;font-size:16px;font-weight:600;text-align:center;border-radius:5px;border:none;cursor:pointer}.video-player{width:60%;height:auto;display:flex;flex-direction:column}.video-player div{height:500px}.video-player h2{font-size:18px}.video-details-p{text-align:start}.video-player iframe{height:500px}.video-list{width:40%}.video-list .playlist-info{background:#0000ff54;border-radius:10px;padding:20px 5%}@media only screen and (max-width: 768px){.watch-page-main{flex-direction:column;height:auto}.video-player{width:100%}.video-player div{height:230px}.video-player iframe{width:100%;height:210px}.video-list{width:100%;height:auto}}.edit-playlist-main{max-width:500px;padding:0 5%;display:block;width:100%;margin:auto}.playlist-details h2{color:green}.playlist-details p{font-size:14px}.add-video-main{width:100%}.add-video-main h1{margin-top:20px}.add-video-main .form-container-edit{margin:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px}.add-video-main .form-container-edit div{display:flex;flex-direction:column;width:100%}.add-video-main .form-container-edit div input{outline:none;border:1px solid blue;height:30px;border-radius:5px;padding-left:10px}.add-video-main .form-container-edit button{background:#00f;color:#fff;border-radius:10px;cursor:pointer}.edit-page-card p,.editpage-card-details p{font-size:18px}.editpage-card-details span{color:red;display:flex;justify-content:center;gap:5px;cursor:pointer}.search-div{border:1px solid green;border-radius:5px;width:90%;max-width:400px}.search-div input,button{height:40px;background:transparent;padding:5px 10px;outline:none;border:none;width:100%;font-size:18px}