.wrapper{margin:0 auto;width:100%;max-width:71.25rem;min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.container-login{position:relative;width:100%;max-width:37.5rem;height:auto;display:flex;background:var(--white-color);box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.col-left,.col-right{padding:1.875rem;display:flex}.col-left{width:60%;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);background:var(--primary-color-light)}.col-right{padding:3.75rem 1.875rem;width:50%;margin-left:-10%}.login-form input:focus{border-color:var(--primary-color)}.hide-show-password{position:absolute;right:.3rem;bottom:5.7rem;color:var(--black-color)}@media screen and (max-width:575px){.container-login{flex-direction:column;box-shadow:none;margin-top:2rem}.col-left,.col-right{width:100%;margin:0;-webkit-clip-path:none;clip-path:none}.col-right{padding:1.875rem}}.login-text{position:relative;width:100%;color:var(--black-color)}.login-text h2{margin:0 0 15px;font-size:1.87rem;font-weight:700;color:var(--black-color)}.login-text p{margin:0 0 1.25rem;font-weight:500;line-height:1.3rem}.login-text .btn,.login-text p{font-size:1rem;color:var(--black-color)}.login-text .btn{display:inline-block;padding:.43rem 1.25rem;letter-spacing:1px;text-decoration:none;border-radius:1.87rem;outline:none;border:1px solid var(--black-color);box-shadow:inset 0 0 0 0 var(--white-color);transition:.3s;-webkit-transition:.3s}.login-text .btn:hover{color:var(--white-color);box-shadow:inset 9.37rem 0 0 0 var(--hover-login)}.login-form{position:relative;width:100%}.login-form h2{margin:0 0 15px;font-size:1.375rem;font-weight:700}.login-form p{margin:0 0 10px;text-align:left;color:var(--text-color);font-size:15px}.login-form p:last-child{margin:0;padding-top:3px}.login-form p a{color:var(--primary-color-dark);font-size:.87rem;text-decoration:none}.login-form label{display:block;width:100%;margin-bottom:.12rem;letter-spacing:.5px}.login-form p:last-child label{width:60%}.login-form label span{color:var(--danger-message-color);padding-left:2px}.login-form input{display:block;width:100%;height:2.188rem;padding:0 10px;outline:none;border:1px solid var(--body-bg-color);border-radius:1.875rem}.login-form button,.login-form input[type=submit]{display:inline-block;width:100%;margin-top:5px;color:var(--primary-color-dark);font-size:1rem;letter-spacing:1px;cursor:pointer;background:transparent;border:1px solid var(--primary-color-dark);border-radius:1.875rem;box-shadow:inset 0 0 0 0 var(--hover-login);transition:.3s;-webkit-transition:.3s}.login-form button:hover,.login-form input[type=submit]:hover{color:var(--white-color);box-shadow:inset 15.625rem 0 0 0 var(--hover-login)}.container-signup{display:flex;width:50rem;border:1px solid var(--black-color);position:relative;margin:1rem auto 0}.left,.right{width:25rem}.left{padding:2.5rem 3.75rem;position:relative}.signup-form{display:flex;flex-direction:column}.accept{display:flex;align-items:center;margin-top:.62rem;font-size:.9rem}.accept input{width:.93rem;margin-right:.62rem}.left h1{margin-bottom:.62rem}.lable{margin:.93rem 0 .31rem;font-size:.9rem}.left p{margin-bottom:.93rem}.button,.signup-input{height:2.18rem}.button{width:100%;background-color:var(--black-color);color:var(--white-color);font-size:1rem;margin-top:1.87rem;cursor:pointer}div .right{background-image:url(https://wallpaper.dog/large/10773306.jpg);background-size:cover;background-position:50%;width:25rem;border:2.5rem solid var(--body-bg-color)}.hide-show-password-pass{bottom:11.5rem}.hide-show-password-c-pass,.hide-show-password-pass{position:absolute;right:4.2rem;color:var(--black-color)}.hide-show-password-c-pass{bottom:6.9rem}@media screen and (max-width:820px){.container-signup{width:16.25rem}.left{height:100%;width:100%}.right{display:none}}:root{--primary-color:#f2a30b;--primary-color-light:#f6b53c;--primary-color-dark:#db920a;--secondary-color:#ffe182;--third-color:#ffe182;--hover-login:#5570f6}.App{min-height:100vh}.img-empty{width:100%;max-width:20rem;height:auto}.flex-wrap-row{justify-content:center;margin:3rem auto}.flex-wrap-column,.flex-wrap-row{align-items:center}.btn-video:hover{background-color:#5570f6;background-color:var(--hover-login)}::-webkit-scrollbar{width:6px;height:0}::-webkit-scrollbar-track{background:var(--white-color)}::-webkit-scrollbar-thumb{background-color:#db920a;background-color:var(--primary-color-dark)}.btn-primary-solid{background-color:var(--primary-title-color)}.nav-align{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:.5rem;position:-webkit-sticky;position:sticky;z-index:10;right:0;left:0;top:0}.line-height-extra{letter-spacing:.4rem}.btn-icon-singular{margin-left:1rem}.search-box{display:flex;align-items:center;padding:.6rem;width:30vw;border-radius:1rem;grid-gap:.3rem;gap:.3rem}.search-box .search-txt{outline:none;border:none;width:100vw;padding:.2rem}.search-box,.search-txt{background-color:var(--primary-color-light)}.line-height-extra{color:var(--primary-color-dark)}.btn-com{border:none;outline:none;background-color:var(--secondary-color);font-size:1.3rem}.search-box-mob{display:none}@media screen and (max-width:500px){.search-box{display:none}.search-box-mob{display:flex;width:90vw}.line-height-extra{line-height:0;letter-spacing:0}}.modal-wrap{background:rgba(52,46,46,.7490196078431373);width:100vw;position:fixed;height:100vh;z-index:35}.flex-center{display:flex;justify-content:center;align-items:center}.modal{display:flex;flex-direction:column;background-color:var(--white-color);grid-gap:1.3rem;gap:1.3rem;padding:1rem;width:22rem;border-radius:.4rem;color:var(--text-color);cursor:pointer}.modal-header{display:flex;justify-content:space-between}.modal-input input{border-radius:.3rem;padding:.2rem;margin-left:1rem}.text-input:focus{border:2px solid var(--danger-message-color)}.btn-playlist{width:100%;background-color:var(--primary-color-light);outline:none;border:none;padding:.3rem;color:var(--text-color);font-weight:bolder;font-size:1rem}.sidebar{position:fixed;left:0;height:100%;width:4.87rem;padding:6px 14px;z-index:5;transition:all .5s ease;margin-top:5rem;top:0}.sidebar.open{width:15.62rem}.sidebar .logo-details{height:3.75rem;display:flex;align-items:center;position:relative}.sidebar .logo-details .icon{opacity:0;transition:all .5s ease}.sidebar .logo-details .logo_name{color:var(--black-color);font-size:1.5rem;font-weight:600;opacity:0;transition:all .5s ease}.sidebar.open .logo-details .icon,.sidebar.open .logo-details .logo_name{opacity:1}.sidebar .logo-details #btn{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2rem;transition:all .4s ease;font-size:1.43rem;text-align:center;cursor:pointer;transition:all .5s ease;color:var(--black-color)}.sidebar.open .logo-details #btn{text-align:right}.sidebar i{color:var(--white-color);height:3.75rem;min-width:3.12rem;font-size:1.75rem;text-align:center;line-height:3.75rem}.sidebar .nav-list{margin-top:1.25rem;height:100%}.sidebar li{position:relative;margin:8px 0;list-style:none}.sidebar li .tooltip{position:absolute;top:-1.25rem;left:calc(100% + 15px);background:var(--white-color);box-shadow:0 5px 10px rgba(0,0,0,.3);padding:6px 12px;border-radius:4px;font-size:15px;font-weight:400;opacity:0;white-space:nowrap;pointer-events:none;transition:0s;color:var(--black-color)}.sidebar li:hover .tooltip{opacity:1;pointer-events:auto;transition:all .4s ease;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sidebar.open li .tooltip{display:none}.sidebar li>span{display:flex;height:100%;border-radius:12px;align-items:center;text-decoration:none;transition:all .4s ease}.sidebar li>span:hover{background:var(--hover-login)}.sidebar ul li>span .links_name{font-size:1.1rem;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:.4s}.sidebar.open ul li>span .links_name{opacity:1;pointer-events:auto}.sidebar li span:hover i,.sidebar ul>span:hover .links_name{transition:all .5s ease;color:var(--black-color)}.sidebar li i{height:3.12rem;line-height:3.12rem;font-size:1.12rem;border-radius:.75rem;color:var(--black-color)}.sidebar li.profile{position:fixed;height:3.75rem;width:4.87rem;left:0;bottom:-20px;padding:10px 14px;background:var(--black-color);transition:all .5s ease;overflow:hidden;cursor:pointer}.sidebar.open li.profile{width:250px}.sidebar li .profile-details{display:flex;align-items:center;flex-wrap:nowrap}.sidebar li img{height:2.81rem;width:2.81rem;object-fit:cover;border-radius:6px;margin-right:10px}.sidebar li.profile .job,.sidebar li.profile .name{font-size:15px;font-weight:400;color:var(--white-color);white-space:nowrap}.sidebar li.profile .job{font-size:12px}.sidebar .profile #log_out{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--black-color);width:100%;height:3.75rem;line-height:3.75rem;border-radius:0;transition:all .5s ease}.sidebar.open .profile #log_out{width:3.12rem;background:none}.home-section{position:relative;min-height:100vh;left:4.87rem;width:calc(100% - 4.87rem);transition:all .5s ease}.sidebar.open~.home-section{left:12.5rem;width:calc(100% - 12.5rem)}.home-section .text{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;margin:0 2rem}.logo-details i{color:var(--black-color);font-size:1.6rem}.active-navbar{background-color:var(--hover-login);border-radius:.7rem}@media screen and (max-width:700px){.home-section .text{grid-template-columns:auto}}@media screen and (max-width:400px){.home-section .text{margin:0 2rem}.home-section{left:1rem;bottom:3rem}}@media screen and (max-width:600px){.fix-footer-wrap{position:fixed;bottom:0;width:100%;background-color:var(--primary-color-light);z-index:20}.fix-footer-wrap .ul-fix-footer{display:flex;justify-content:space-evenly;align-items:center;margin:1rem auto 0}.fix-footer-wrap .ul-fix-footer li{list-style:none;height:2rem;font-size:1.2rem}}@media screen and (max-width:450px){.home-section-like{left:1rem;bottom:1rem}@media screen and (max-width:700px){.flex-wrap-row{flex-direction:column;margin-left:3rem}}}.card-cout{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--body-bg-color);top:0;right:0;height:70%;width:35%;opacity:.9;bottom:1rem;font-size:1.4rem;grid-gap:1rem;gap:1rem}.container-playlist{overflow:hidden}.spv-div{position:relative;width:100%;padding-top:30%;transition:all .5s ease;left:5.31rem;margin:2rem auto 0;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding-bottom:2rem}.spv-div iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:70vw;height:60vh}.sidebar.open~.spv-div{left:12.5rem;width:calc(100% - 12.5rem)}.cta-btn{display:flex;grid-gap:2rem;gap:2rem;margin:1rem 0}.cta-btn div{font-size:1rem;padding:.5rem;border-radius:1.2rem;cursor:pointer}.cta-btn div:hover{background-color:var(--hover-login);color:var(--white-color)}.cta-btn div span{display:flex;grid-gap:.3rem;gap:.3rem;align-items:center;justify-content:center}.active-feat{background-color:var(--hover-login);color:var(--white-color)}.normal-btn{background-color:var(--primary-color-light)}.vid-content-wrapper{width:70vw}.Clear-all{position:absolute;right:1rem;background-color:var(--white-color);padding:.3rem;font-size:1rem;margin:0 1rem;cursor:pointer}.Clear-all:hover{background-color:var(--primary-color-light)}.btn-com,.Clear-all:hover{color:var(--black-color)}@media screen and (max-width:600px){.single-wrapper{padding-top:20%;margin-top:7rem;left:1rem}.spv-div{margin-top:3rem;bottom:1.5rem;left:10px}.single-wrapper iframe{width:90vw;height:40vh}.vid-content-wrapper{left:1rem;bottom:1rem}.cta-btn{grid-gap:0;gap:0}.cta-btn div{padding:.2rem;border-radius:1.2rem;font-size:.8rem;margin:1px}.vid-content-wrapper .vid-content{width:100vw}}@media screen and (max-width:300px){.single-wrapper iframe{width:90vw;height:40vh}.cta-btn div{padding:.1rem}}figure.menu-card{position:relative;width:100%;text-align:left;opacity:.95;cursor:pointer;box-sizing:border-box;transition:all .2s ease;display:flex;flex-direction:column;justify-items:center;grid-gap:.3rem;gap:.3rem}figure.menu-card img{max-width:100%;vertical-align:top;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:all .4s ease}figure.menu-card figcaption{padding:1.56rem;position:relative}figure.menu-card h3{font-weight:600;line-height:1;margin:0;padding-bottom:.2rem;letter-spacing:.125rem}figure.menu-card p{padding-top:.938rem;padding-bottom:.938rem;font-size:.938rem;line-height:1;overflow:hidden}figure.menu-card button{padding:.625rem 1.25rem;background-color:rgba(60,59,110,.95);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:.938;border:1px solid #fff;width:100%}figure.menu-card a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}figure.menu-card.hover img,figure.menu-card:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}figure.menu-card.hover button,figure.menu-card:hover button{background-color:rgba(255,34,52,.85);border:1px solid var(--white-color)}figure{margin:0;padding:0}figure img{width:100%;height:11rem;object-fit:cover}.container{width:100%;max-width:21rem;margin:2rem auto 0}.date-three-bars{position:relative;display:flex;justify-content:space-between;align-items:center}.options{display:flex;flex-direction:column;position:absolute;width:-webkit-max-content;width:max-content;right:0;margin-top:4.5rem;margin-right:.3rem}.options div{align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem .8rem;font-size:.9rem;color:var(--black-color);background-color:var(--primary-color-light)}.options div:hover{background-color:var(--white-color)}.display-flex{display:flex}.display-none{display:none}.red-color{color:red}@media screen and (max-width:600px){figure img{height:8rem}.menu-card{width:100%}}@media screen and (max-width:450px){.container{margin-top:8rem}}@media screen and (max-width:400px){.container{margin-top:2rem;width:60vw}figure.menu-card h3{font-size:.9rem;letter-spacing:.06rem;line-height:1.2}}.text{padding:1rem 0;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-gap:1rem}.category-single{font-size:1.1rem;cursor:pointer;border-radius:2rem;padding:.4rem 1rem;border:1px solid var(--primary-color-dark)}.category-list{margin-top:3rem;display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-start;margin-left:5rem;flex-wrap:wrap}.active-category{background-color:var(--primary-color-dark)}.flex-wrap-column-2{display:flex;flex-direction:column}.sort-date{margin:1.5rem 5rem;cursor:pointer;font-weight:bolder;font-size:1.1rem}@media screen and (max-width:450px){.category-list{margin-top:3rem;flex-wrap:wrap;margin-left:1rem}.sort-date{margin:1.5rem 2rem}}@media screen and (max-width:350px){.category-single{padding:.2rem .6rem;font-size:1rem}}
/*# sourceMappingURL=main.961a5ab7.chunk.css.map */