*{margin:0;padding:0;box-sizing:border-box}h1{font-size:2.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.app-body{font-family:Poppins,sans-serif}.frwd{position:fixed;z-index:6;width:100%;top:0;left:0;padding:.5rem 2rem;color:#fff;transition:background-color .3s ease;border-radius:0 0 2rem 2rem}.frwd.black{background-color:#000000d3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(135deg,rgba(0,0,0,0) 0% rgba(0,0,0,.4) 50%,rgba(0,0,0,0) 100%)}.gen-link{text-decoration:underline #87cfeb8c;color:inherit;z-index:6}.gen-link:hover{text-decoration:none;cursor:pointer}.gen-link:active{text-decoration:none;color:#87ceeb}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px;width:100%;box-shadow:0 4px 6px #0000001a}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-allow{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.btn-deny{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}@media only screen and (max-width: 767px){.app-body{font-size:small}}.signout-modal-overlay{color:#000;position:fixed;top:0;left:0;height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:1000}.signout-modal-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center}.signout-modal-content button{margin:1rem;padding:1rem 2rem;border:none;border-radius:.5rem}.wccrm-logo{width:3rem}.header-body{display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative}.hamburger{display:none;cursor:pointer;z-index:2}.icon{font-size:2rem;color:#fff}.link-pages{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 767px){.link-pages{position:fixed;top:0;right:-100%;height:100vh;width:100%;background-color:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease}.link-pages.open{right:0}.link-pages p{margin:2rem 0}.hamburger{display:block}}.lnd-pg-bd{min-height:100dvh;min-width:100%;background-image:url(/escena.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.rect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:1}.frwd2{z-index:5;position:relative}.hero-txt{display:flex;justify-content:center;align-items:center;height:100dvh;width:100%;color:#fff}.hero-txt h1{color:#fff;text-align:center;text-transform:uppercase;font-weight:700;text-shadow:1px 1px 0 #ccc,3px 3px 0 #616161}.hero-txt p{position:relative;animation:slide-in 1s forwards;visibility:hidden}@keyframes show-line{0%{opacity:0}90%{opacity:0}to{opacity:100%}}@keyframes slide-in{0%{transform:translate(-100%);visibility:visible;opacity:0}to{transform:translate(0);visibility:visible;opacity:100%}}.hero-txt p:nth-child(2){animation-delay:.5s}.hero-txt p:nth-child(3){animation-delay:1s}.hero-txt-line{height:2.5rem;width:.3rem;background-color:#74a4cb;margin:5px;border:none;animation:show-line 1.5s forwards;animation-delay:0s}.sermon-quiz-link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;right:2rem;top:60dvh}.s-q-l-line{height:.5rem;width:.11rem;background-color:#fff;margin:5px;border:none;animation:rotate-line 1.5s forwards;animation-delay:0s}.sermon-logo,.bible-logo{height:3rem;cursor:pointer}@media only screen and (max-width: 1024px) and (min-width: 768px){@keyframes slide-in{0%{transform:translateY(-100%);visibility:visible;opacity:0}to{transform:translateY(0);visibility:visible;opacity:100%}}.hero-txt p{position:relative;animation:slide-in 1s forwards;visibility:hidden}.hero-txt p:nth-child(2){animation-delay:.5s}.hero-txt p:nth-child(3){animation-delay:1s}.hero-txt{flex-direction:column;gap:1px;text-align:center}.hero-txt-line{transform:rotate(90deg)}}@media (max-width:767px){@keyframes slide-in{0%{transform:translateY(-100%);visibility:visible;opacity:0}to{transform:translateY(0);visibility:visible;opacity:100%}}.hero-txt p{position:relative;animation:slide-in 1s forwards;visibility:hidden}.hero-txt p:nth-child(2){animation-delay:.5s}.hero-txt p:nth-child(3){animation-delay:1s}.hero-txt{flex-direction:column;gap:1px;text-align:center}.hero-txt-line{transform:rotate(90deg)}}.get-andriod-app{background-color:#fff;padding:2rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.grow{color:#666}.dwnld-btn{background-color:#87ceeb;padding:.5rem 1rem;width:9rem;border-radius:.5rem}.dwnld-btn:hover{background-color:#67c8ee;cursor:pointer}.dwnld-btn:active{background-color:#67c8ee}.social-media{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;right:.9rem}.social-media-child{background-color:#67c8ee;color:#fff;padding:.5rem 1rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:98%;box-shadow:0 0 10px #000;margin-bottom:2rem;border-radius:1rem}.social-links{display:flex;justify-content:center;align-items:center;gap:1rem}.social-icon{height:2.5rem}.owner{background-color:#fff;padding:0rem 2rem 2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:gray;font-style:italic}.wcccf{display:flex;gap:1rem;align-items:center}.wccrm-footer-logo{height:3rem}.uniben{color:#666}.copyright{padding:2rem 0rem 0rem}.fay{color:#58abcc}.about-us-container{padding:4rem 0rem 0rem;height:100vh;width:100vw;background:linear-gradient(135deg,#ff00004d,#00ff004d),linear-gradient(135deg,#ffffff1a,#ffffff1a);background-size:150% 150%;animation:animateBackground 5s ease infinite;display:flex;justify-content:center;align-items:center;overflow:hidden}.about-us-content{z-index:2;padding:20px;text-align:center;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.card-container{position:relative;height:100%;width:100%;overflow:visible;display:flex;justify-content:center;align-items:center}.card{border-radius:8px;position:absolute;left:50%;transition:transform .3s ease,opacity .3s ease;color:#000;transform:translate(-50%);width:90dvw;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0rem 2rem}.card.active{z-index:1;opacity:1}.card:not(.active){opacity:0}.sentence{margin:1rem 0rem;text-align:justify}.arrow{border:none;padding:10px;cursor:pointer;font-size:18px;background-color:transparent;font-size:3rem;background-color:#1a1a1a73}.left{position:fixed;top:50%;left:0;z-index:5}.right{position:fixed;top:50%;right:0;z-index:5}.arrow:hover{background-color:#1a1a1a3a}.left:active,.right:active,.arrow:active{background-color:#1a1a1a3a;color:#fff}@keyframes animateBackground{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.card-image{width:20rem;height:auto;border-radius:1rem;margin-top:10px}@media only screen and (max-width: 380px){.card{font-size:small}}.sermon-body{margin:5rem 1.5rem 10rem;padding-top:.5rem}.sign-out{cursor:pointer}select{border:none}.sermon-hd{display:flex;justify-content:left;align-items:center;gap:.5rem}.no-match{color:#3b3b3b;font-style:italic}.loading-overlay{display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;width:10rem;height:10rem;border-radius:5px;text-align:center;color:#fff}.spinner2{width:30px;height:30px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.search-container{display:flex;align-items:center;border:1px solid #ccc;border-radius:20px;overflow:hidden;width:100%;margin-bottom:.5rem}.filter-dropdowns{margin:.5rem 0}.search-input{flex:1;border:none;outline:none;padding:8px 12px;font-size:small}.icon-container{background-color:#f1f1f1;padding:8px;display:flex;align-items:center;justify-content:center}.search-icon{font-size:16px;color:#555}.filter-buttons{display:flex;justify-content:center;gap:.5rem;padding-bottom:.5rem}.filter-buttons button.active-filter{background-color:#74a4cb;color:#fff;font-weight:700}.filter-buttons button{background-color:#f2f2f2;border:none;outline:none;padding:.5rem;border-radius:.5rem;font-weight:600;color:#000}.sermon-list{width:100%;justify-content:center;flex-wrap:wrap;display:flex;gap:.5rem}.image-card{width:100%;height:10rem;border-radius:1rem;background-color:#e6e6e6}.image-card img{border-radius:1rem;width:100%;height:100%}.sermon-item{width:20rem;display:flex;flex-direction:column;align-items:center;text-align:left;flex:1 1 20rem;position:relative}.sermon-item .more-options{padding:1rem;border-radius:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:16px;position:absolute;bottom:0;right:1rem;cursor:pointer;color:#000;display:flex;flex-direction:column;gap:.5rem}.sermon-item .more-options div svg{margin-right:.5rem;color:#000}.sermon-item .more-options div{display:flex;align-items:center;padding:.5rem 1rem}.sermon-item .more-options div a{color:#000;text-decoration:none}.sermon-info{width:100%;display:flex;justify-content:space-between;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;padding:16px;margin:16px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;height:100%}.sermon-info:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026,0 2px 4px #0000001a}.sermon-info .more{height:100%;padding-top:.5rem}.sermon-info .more svg{font-size:1rem;cursor:pointer}.edit-form{display:flex;flex-direction:column;width:100%;background-color:#fff}.edit-form input{padding:10px;border-radius:6px;border:1px solid #ddd;font-size:16px;width:100%;margin-top:5px;box-sizing:border-box;transition:border-color .3s ease}.edit-form button{background-color:#ebebeb;color:#000;padding:12px 20px;border:none;border-radius:6px;font-size:16px;width:100%;cursor:pointer;transition:background-color .3s ease;margin:.5rem 0}.sermon-details-modal{position:fixed;top:100%;left:0;width:100%;height:100%;background-color:#fff;animation:slideUp .5s ease-out forwards;z-index:1001;overflow-y:scroll;transition:transform .5s ease}.minimised{transform:translateY(80dvh)}.abt-sermon{width:100%}.audio-controls{right:0;bottom:0;background-color:#fff;width:100%;padding:.5rem 1.5rem;text-align:center;flex-direction:column;display:flex}.audio-controls .sermon-ply-option{display:flex;justify-content:center;align-items:center;gap:1rem}.audio-controls .sermon-ply-option div{cursor:pointer}.audio-controls .sermon-ply-option a{color:#000;text-decoration:none;cursor:pointer}.audio-controls .sermon-ply-option svg{margin-right:.5rem}.audio-close-min-opt{display:flex;justify-content:right;align-items:center;gap:1.5rem}.minimise{cursor:pointer}.control-buttons{display:flex;justify-content:center;align-items:center;gap:1rem}.control-buttons button{background-color:transparent;border:none;outline:none;cursor:pointer}.rewind,.ffw,.pause,.play{font-size:1.5rem}.progress-bar input{width:100%}.take-quiz-btn{color:#fff;font-weight:700;background-color:#74a4cb;padding:.2rem .5rem;width:6rem;border-radius:.5rem;text-align:center}.close-icon{color:#e74c3c;border-radius:50%;width:1.2rem;height:1.2rem;display:flex;justify-content:center;align-items:center;top:-1.3rem;right:1rem;cursor:pointer}.clear-icon{color:#e74c3c}.add-sermon{display:inline-flex;align-items:center;justify-content:center;background-color:#28a745;border-radius:50%;width:3rem;height:3rem;position:fixed;right:1rem;top:90%;z-index:1;cursor:pointer}.add-sermon svg{color:#fff;font-size:24px}.add-sermon-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;padding:20px}.add-sermon-modal-content{background-color:#fff;color:#333;border-radius:8px;padding:30px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000001a;position:relative}.add-sermon-modal-content .frm-hd{display:flex;justify-content:space-between;align-items:center;background-color:#fff;position:sticky;top:0;margin-bottom:1rem}.add-sermon-modal-content .frm-hd .close{background:none;border:none;font-size:24px;color:#333;cursor:pointer;transition:color .3s ease;display:flex;justify-content:center}.add-sermon-modal-content .frm-hd .close:hover{color:#81007f}.add-sermon-modal-content .frm-hd h3{font-size:24px;font-weight:500}.add-sermon-modal-content .form-group{margin-bottom:20px;display:flex;flex-direction:column}.add-sermon-modal-content label{font-size:14px;color:#555;margin-bottom:5px}.add-sermon-modal-content input[type=text],.add-sermon-modal-content input[type=url],.add-sermon-modal-content input[type=date]{padding:10px;border-radius:6px;border:1px solid #ddd;font-size:16px;width:100%;margin-top:5px;box-sizing:border-box;transition:border-color .3s ease}.add-sermon-modal-content input[type=text]:focus,.add-sermon-modal-content input[type=url]:focus,.add-sermon-modal-content input[type=date]:focus{border-color:#81007f;outline:none}.add-sermon-modal-content button[type=submit]{background-color:#74a4cb;color:#fff;padding:12px 20px;border:none;border-radius:6px;font-size:16px;width:100%;cursor:pointer;transition:background-color .3s ease}.add-sermon-modal-content button[type=submit]:hover,.add-sermon-modal-content button[type=submit]:active{background-color:#c4c4c4}.share-popup{position:absolute;top:-3rem;left:5.8rem;transform:translate(-50%,-50%);background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 8px #0003;z-index:100}.close-share-popup{position:absolute;top:8px;right:8px;cursor:pointer}.share-options a{display:flex;align-items:center;gap:8px;padding:8px 0;text-decoration:none;color:#333}.share-options a:hover{color:#0073b1}.signin-ctn{background-color:#000000b3;width:100%;height:100dvh;position:fixed;top:0;left:0}.signin-body{background-color:#fff;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;padding:1rem;border-radius:.3rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:centr;width:20rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.google-signin{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;background-color:#e2e2e2;border-radius:.3rem;border:1px solid rgb(204,204,204);margin:1rem;width:100%;cursor:pointer}.credentials{width:100%;text-align:left}.credentials input{width:100%;height:2rem;border:none;outline:none;padding:1rem;border-radius:.3rem;box-shadow:inset 0 2px 4px #0000001a;transition:box-shadow .3s ease,border-color .3s ease}.credentials input:focus{outline:none;border-color:#3b82f6;box-shadow:inset 0 2px 8px #007bff33,0 0 0 2px #3b82f680}.credentials input::placeholder{color:#9ca3af;opacity:1}.credentials-forgot{text-align:right}.sign{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:1rem}.password{margin-bottom:1rem}.sign-button{width:100%;border:none;outline:none;height:2.5rem;background-color:#616cd6;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:.3rem;margin-top:1rem;cursor:pointer}.ahac{color:#3b82f6;cursor:pointer;padding-left:5px;text-align:center;text-align:right}.error-msg{text-wrap:wrap}.password-container{position:relative}.password-container span{position:absolute;right:.5rem;top:.5rem;cursor:pointer}.reset-msg{color:green}.spinner-ctn{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background-color:#0000001a;width:100%;height:100%}.loading-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background-color:#000000b3;width:10rem;height:10rem;border-radius:5px;text-align:center;color:#fff}.spinner2{width:30px;height:30px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-board-hd-ctn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.quiz-board-hd{text-align:center}.globe-icon{height:1.5rem}.leader-board-entry{background-color:#f4f4f4;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;padding:16px;margin:0rem .9rem 1rem}.rank{color:#74a4cb}.leader-board-entry p{margin:5px 0;font-size:14px}.no-leaders{text-align:center;font-style:italic;color:#555}.quiz-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.times-ctn{display:flex;justify-content:right;width:100%}.quiz-question h4,.quiz-question p{margin:0;text-align:center}.quiz-btns{margin:5px;padding:10px;border:none;background:#007bff;color:#fff;cursor:pointer;border-radius:4px;width:100%}.quiz-complete-fd{text-align:center}.quiz-score{color:#007bff}.feedback-msg{text-align:center}.no-quiz{text-align:center;font-style:italic;color:#555}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:#fff;padding:20px;border-radius:8px;text-align:center;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal button{border:none;margin:1rem;padding:.5rem 1rem;width:100%}.error{color:red;font-size:.9em;margin-top:10px}.prayer-lib-body{overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;align-items:center}.prayer-lib-hd{position:fixed;top:5rem}.drive-folder{margin-top:5rem;width:100%;height:calc(100vh - 5rem);display:flex;justify-content:center;align-items:center;overflow:hidden}.drive-folder iframe{width:100%;height:100%;border:none;max-width:1200px}.trivia-body{margin:5rem 1.5rem 10rem}.trivia-hd{display:flex;justify-content:left;align-items:center;gap:.5rem}.add-quiz-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#28a745;border-radius:50%;width:3rem;height:3rem;position:fixed;right:1rem;top:90%;z-index:1;cursor:pointer}.trivia-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}.trivia-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;flex:1;min-width:300px;height:inherit;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.trivia-card .trivia-card-title{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.trivia-card h3{font-size:1.2rem;color:#222;margin:0}.more-options-trivia{display:flex;justify-content:center;align-items:center;padding:0 .5rem;position:relative}.more-options-t{width:12rem;position:absolute;right:0;top:1rem;border-radius:1rem;z-index:2;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;box-shadow:0 4px 12px #0000001a}.more-option-t{display:flex;align-items:center;justify-content:left;gap:.5rem;padding:.5rem 1rem}.trivia-card:hover{box-shadow:0 8px 15px #00000026}.start-quiz-btn{background:#74a4cb;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:1rem;font-weight:700}.signin-form{width:100%;height:100%;background-color:#000000e0;position:fixed;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center}.quiz-details-modal{position:fixed;top:100%;left:0;width:100%;height:100%;background-color:#fff;animation:slideUp .5s ease-out forwards;z-index:1001;overflow-y:scroll;transition:transform .5s ease;padding:0 .9rem}.close-quiz-modal{display:flex;justify-content:right;padding:1rem 0rem 1rem 1rem;font-size:1.2rem}.preamble{text-align:justify}@keyframes slideUp{0%{top:100%}to{top:0}}.slide-out{transform:translateY(100%)}.fof-bdy{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#fff}.fof-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background-color:#fff;padding:40px;box-shadow:0 4px 8px #0000001a;width:100vw;height:100%;z-index:500}.h1{font-size:72px;color:#ff6f61;margin-bottom:20px}.p{font-size:18px;margin-bottom:20px}.fof-image{margin-bottom:20px}.fof-icon{font-size:100px;color:#ff6f61}.fof-home-btn{text-decoration:none;color:#fff;background-color:#616cd6;padding:12px 24px;border-radius:5px;transition:background-color .3s ease;font-size:16px;display:inline-block}.fof-home-btn:hover{background-color:#4a54ac}.edit-quiz-page-bd{font-family:Arial,sans-serif;padding:20px;margin-top:5rem}h1{text-align:center;color:#333}.question-list{display:flex;flex-direction:column;gap:15px}.question-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.question-card h3{font-size:18px;color:#333}textarea,input{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:4px}textarea{height:100px;resize:vertical}.add-button,.save-button,.delete-button{padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-button{background-color:#ff4d4d}.delete-button:hover{background-color:#ff1a1a}.add-button,.save-button{margin-top:20px;width:100%}.add-button{background-color:#74a4cb}.add-button:hover{background-color:#5b83a3}.save-button{color:#000}