body,html,#root{margin:0;padding:0;width:100%;height:100%}.app-container{padding:0 20px;max-width:1200px;margin:0 auto;position:relative;box-sizing:border-box;min-height:100vh}.max-image{display:block;width:100%;max-width:none;margin:0;position:relative;left:calc((100% - 100vw)/2)}.full-width-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(/path/to/your/background-image.jpg) no-repeat center center;background-size:cover}.app-container main{min-height:100vh}.imageContainer{width:100vw;height:110vh;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}body{overflow-x:hidden;max-width:100vw;font-family:Open Sans,sans-serif}.createButton{text-align:center;margin:1rem}.videoButton{display:inline-block;padding:.5rem 1rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;margin:1rem}.home-container{width:100%;margin:0;padding:0;position:relative}.hero-section{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:20px;left:0;transform:none;overflow:hidden;display:flex;justify-content:center}.content-wrapper{width:100%;margin:0 auto;padding:1rem 0;font-family:Times New Roman,Times,serif}.content-wrapper h2{letter-spacing:.2em}.padding{padding:1rem 0}.homeTitles{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:700;font-style:normal;text-align:left;text-decoration:none}.homeWelcomeText{display:block;font-family:Poppins,sans-serif;font-weight:300;font-style:normal;text-align:left;font-size:1rem;min-width:20vw;max-width:40vw;padding-right:50px;margin-bottom:20px}.missonContentBox{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:50px!important}.knowMore{font-family:Poppins,sans-serif!important;font-weight:500;font-style:normal;color:#fff!important;font-size:1rem!important;padding:10px;background-color:#007bff;width:150px;margin:0 auto;display:flex!important;align-items:center;transition:all .3s ease;border-radius:3px;justify-content:center}.knowMore svg{width:20px;margin-left:15px}.knowMore:hover{transform:translateY(-5px);box-shadow:0 2px 2px #66b3ff}section{padding:1rem 0}.welcome-section{background-color:#fff;text-align:center}.service-times{background-color:#f8f8f8}.event-image{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;border-radius:10px 10px 0 0}.event-image-box{height:800px;width:100%;position:relative}.events-grid{margin:2rem 0!important}.times-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;place-items:center}.noItems{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;margin:50px 0;text-transform:capitalize;grid-column:span 3;text-align:center}.events-section{background-color:#fff;position:relative;right:1rem}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-items:center}.eventKnowMore:hover{background-color:#007bff!important;box-shadow:0 2px 2px #66b3ff}.event-description{margin:10px 0 0!important;color:#000;text-align:left!important}.event-name{color:#000!important;text-transform:capitalize!important;margin:5px 0 0!important;padding:0!important;font-size:1.2rem}.event-date{text-align:left!important;color:#5c5c5c;font-size:.9rem}.eventSubItems{display:flex;align-items:center;padding:0 10px;margin-bottom:10px;max-width:20vw;height:100%;text-decoration:none}.whoWeAreText p{text-align:left}.event-item{text-align:center;border-radius:10px;height:300px;display:flex;flex-direction:column;justify-content:center;background-color:#f8f8f8;box-shadow:0 0 15px 5px #c7c7c7;transition:all .3s ease;width:100%;cursor:pointer}.event-item:hover{transform:translateY(-8px);box-shadow:0 0 25px 5px #c7c7c7}.event-item p{margin:0}.event-card{padding:2rem;background-color:#f8f8f8;border-radius:8px;text-align:center}h2{text-align:center;margin-bottom:2rem;font-size:3rem;font-family:EB Garamond,serif;font-weight:500;color:#333;letter-spacing:.02em}h1,h2,h3{font-family:EB Garamond,serif}h3{font-family:EB Garamond,serif;font-size:2rem;font-weight:500;margin-bottom:1rem;letter-spacing:.02em}.serviceSectionContainer{width:100vw}.serviceTitle{font-family:Poppins,sans-serif!important;font-weight:400;font-style:normal;font-size:1.6rem;color:#000!important;margin:0!important}.service-time{margin:5px 0!important;color:#000}.service-description{text-align:left;margin:5px 0!important}.service-item{text-align:center;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 0 15px 5px #c7c7c7;display:flex;flex-direction:column;align-items:start;width:20vw;transition:all .3s ease;cursor:pointer;height:150px;justify-content:center}.service-item:hover{transform:translateY(-5px)}.service-item h3,.event-card h3{color:#2c3e50;margin-bottom:.5rem}.event-name{font-weight:700;color:#000000b3}.knowMoreBlogs{text-decoration:none;margin:20px auto}.view-all-events{color:#666;text-decoration:none;display:block;text-align:center;margin-top:1rem;font-family:Arial,Helvetica,sans-serif;font-size:.8rem}.blogs-section{position:relative}.blog-item-content{display:flex;flex-direction:column;align-items:start;padding:10px;height:100%;justify-content:space-around}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.blogTitle{font-family:Poppins,sans-serif!important;font-weight:600;font-style:normal;margin:10px 0!important;font-size:1.6rem}.blog-item{background-color:#faf9f6;border-radius:8px;box-shadow:4px 4px 10px #0000001a;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden}.blog-item:hover{transform:translateY(-5px);box-shadow:4px 4px 10px #0000004d}.blogImgBox{width:100%;height:200px}.blog-item img{width:100%;height:100%;object-fit:cover;border-radius:8px 8px 0 0}.blog-item h3{color:#2c3e50;margin-bottom:.5rem}.read-more-blog{font-family:Poppins,sans-serif!important;font-weight:500;font-style:normal;color:#fff!important;font-size:.9rem!important;padding:10px;background-color:#007bff;display:flex!important;margin:20px 0 10px;align-items:center;transition:all .3s ease;border-radius:3px;justify-content:center;text-decoration:none}.blog-item p{color:#666;font-size:.8rem;line-height:1.4}.blog-description{color:#4b4b4b!important;text-align:left;margin:0!important}.knowMoreBlogs{display:flex;justify-content:center;align-items:center;margin-top:2rem;font-size:1rem;font-weight:500;text-decoration:none;color:#007bff}.knowMoreBlogs svg{margin-left:8px}.read-more-blog:hover{transform:translateY(-3px);box-shadow:0 2px 2px #66b3ff}.imageShowcaseRight{width:100%;height:75%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;margin-top:25px}.missionContentTitle{font-family:Poppins,sans-serif!important;font-weight:700;font-style:normal;text-align:left;text-transform:capitalize;font-size:1.5rem;margin:10px 0 0}.line{width:36vw;height:3px;background-color:#000;border-radius:10px}.showcaseImg2{grid-row:span 2;grid-column:span 1}.showcaseImg4{grid-column:span 2;height:32vh!important}.imageShowcaseRight img{width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 2px 4px #0000001a}.showcaseImg6{border-radius:5px;box-shadow:0 2px 4px #0000001a}.missionContentHomeRight{height:50vh;display:flex;flex-direction:column;justify-content:space-around}.visionText p{font-weight:500!important}.missonContentBox img{transition:all .1s ease-in-out}.missonContentBox img:hover{transform:translateY(-3px)}.whoWeAreDescription p{display:block;font-family:Poppins,sans-serif;font-weight:300;font-style:normal;text-align:left;font-size:1rem;min-width:20vw;max-width:40vw;color:#000}.imageShowcaseLeft{display:flex;width:37vw;height:50vh}.imageShowcaseLeft img{width:100%;height:100%;object-fit:cover}.showcaseImg7{grid-row:span 2}.read-more{display:inline-block;margin-top:1rem;margin-bottom:1rem;padding:.5rem 1rem;background-color:#115692a4;color:#fff;text-decoration:none;border-radius:4px}.read-more:hover{background-color:#115692d7}.missionContentHome{text-align:left!important;width:90vw}.WelcometoChruch{font-size:2rem}.missionsectionhome{display:flex;justify-content:center;background-color:#fff!important;margin-top:50px}.line{margin:10px 0}@media (max-width: 1273px){.events-section{right:0}.missionContentTitle{margin:0}.times-grid{grid-template-columns:repeat(2,1fr)}.service-item{width:40vw}.missionContentHome{width:95%}}@media (max-width: 970px){.homeWelcomeText,.whoWeAreDescription p{font-size:.8rem}.events-grid{grid-template-columns:repeat(2,2fr)}.eventSubItems{max-width:100%}}@media (max-width: 741px){.missonContentBox{grid-template-columns:repeat(1,1fr)}.imageShowcaseRight{grid-row:1}.WelcometoChruch{color:#000;font-size:1.2rem;text-align:center}.missionContentTitle{font-size:2rem;text-align:center}.line{width:90vw;margin:10px auto}.homeWelcomeText{min-width:100%;max-width:100%}.whoWeAreText{font-size:1rem;text-align:center;margin:40px 0}.whoWeAreText p{text-align:center}.imageShowcaseLeft{display:flex;width:100%;height:100%}.missionContentHomeRight{margin:30px 0}.whoWeAreDescription p{max-width:100%;font-size:1rem;text-align:center}.event-name{font-size:1rem;width:100%}.event-date{font-size:.8rem}.service-item{height:200px}.blogTitle{text-align:left!important}}@media (max-width: 647px){.events-grid,.times-grid{grid-template-columns:repeat(1,1fr)}.service-item{width:75vw;height:150px}.line{width:70vw}.serviceTitle{font-size:1.5rem}}@media (max-width: 440px){.view-all-events{margin-top:80px}.blogTitle{font-size:1.2rem!important}}.imageSlider{width:78%;height:80%;position:relative;overflow:hidden;border-radius:10px}.imageSlider a{z-index:49}.image{object-fit:cover!important;width:100%!important;height:80vh;display:block;flex-shrink:0;flex-grow:0;opacity:0;pointer-events:none;transition:all .5s ease-in-out}.image.show{opacity:1}.zoom{animation:fadeInOut 5s ease-in-out forwards}.image-slider-button{all:unset;display:block;position:absolute;top:0;bottom:0;padding:1rem;color:#d5d5d582;cursor:pointer;transition:background-color .1s ease-in-out;pointer-events:auto;z-index:10}.image-slider-button>*{width:2rem;height:2rem}.image-slider-button:hover{background-color:#9090901f}.overlay{position:absolute;top:65%;left:0;width:100%;height:35%;background:linear-gradient(to top,#000,#0000);pointer-events:none}.hero-overlay{position:absolute;top:0;left:0;height:100%;text-align:center;color:#fff;width:100%;padding:0 63px;margin:-20px 0;z-index:1;display:flex;flex-direction:column;align-items:start;justify-content:end}.hero-overlay h1{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;margin:0!important;font-size:2.2rem}.sliderText{opacity:0}.hero-overlay p{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;margin:5px 0!important;color:#fff}.ImageSlideDescription{font-size:1rem;color:#dadada;width:65vw;text-align:left}.btn-delete-hero-image{width:auto;background-color:red;position:relative;z-index:50;margin:10px 0;float:right}.btn-delete-hero-image:hover{background-color:#8b0000}.ImageSlideTitle{text-align:left}.hero-content-stuff{display:flex;flex-direction:column;align-items:start}.ImageSlidesVerse{font-size:.8rem!;color:#c4c4c4!important;text-align:left}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width: 1338px){.ImageSlideTitle{font-size:1.2rem}.ImageSlideDescription{font-size:.8rem}.ImageSlidesVerse{font-size:.6rem}.imageSlider{width:100%;border-radius:0}}@media (max-width: 867px){.hero-overlay{padding:0;margin:0;align-items:center}.ImageSlideTitle{font-size:.8rem!important;text-align:center;margin-bottom:50px}.hero-content-stuff{margin-bottom:10px}.ImageSlideDescription{width:50vw;text-align:center;font-size:.9rem;display:none}.ImageSlidesVerse{width:50vw;text-align:center}.image{height:40vh}.imageSlider{height:50%}}.homeModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;background-color:#fff;box-shadow:0 4px 10px #0003;border-radius:10px;padding:20px;z-index:1000;display:flex;flex-direction:column;align-items:center;will-change:opacity}.homeModalWrapper{width:100%;height:100%;position:relative}.homeModalOpen{display:flex}.homeModalClose{display:none}@keyframes openAnimation{0%{opacity:0}to{opacity:1}}@keyframes closeAnimation{0%{opacity:1}to{opacity:0;display:none}}.homeModalBackdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;animation:openAnimation .3s ease}.homeModalHeader{display:flex;justify-content:space-between;align-items:center;width:100%}.homeModalHeaderText{display:flex;flex-direction:column}.homeModalHeading{font-size:1.5rem;font-weight:700;margin:0;font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.homeModalSubheading{font-size:.9rem;font-weight:400;margin:5px 0 0;font-family:Poppins,sans-serif;font-weight:500;font-style:normal;color:#686868}.homeModalContent{margin:20px 0 10px;font-size:1rem;color:#333;line-height:1.5;font-family:Poppins,sans-serif;font-weight:500;font-style:normal;width:100%;text-align:left}.hamburger-react{cursor:pointer}.homeModalBackdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.logo{width:75px;height:auto;margin-right:10px;margin-left:10px}.title-font{font-family:Helvetica Neue;margin:0;padding:0;display:flex;align-items:center;width:100%;justify-content:space-between}.title{margin:0;font-size:1.9rem;display:none;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#fff;z-index:1000}.nav-item{display:flex;align-items:center;z-index:1000;font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.navbar-logo .logo{width:150px;height:auto;margin-right:10px;margin-left:10px}.desktop-menu{display:flex}.nav-logo{display:none;align-items:baseline;margin-right:20px}.logoright{margin-left:auto}.login-link{display:flex;align-items:center;text-decoration:none;color:#2c3e50;padding:10px}.login-link:hover{color:#476874;margin:4px 2px;border-radius:6px;cursor:pointer}.logged-in{display:none}.login-text{margin-left:8px;font-size:16px;color:#2c3e50;text-decoration:none}.dropdown{position:relative;display:inline-block;margin-right:20px}.button{background-color:transparent;border:none;color:#2c3e50;padding:0 10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px 0;border-radius:6px;cursor:pointer}.button:hover{color:#476874}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;z-index:1;border-radius:3px;border:2px solid #eae2e283;margin-left:12px}.dropdown-content a{color:#2c3e50;padding:12px 16px;text-decoration:none;display:block;font-family:Poppins,sans-serif;font-weight:400;font-style:normal;font-size:.9rem}.dropdown-content a:hover{background-color:#f2f2f2}.mobileNavbarItems{position:relative;top:4rem}.button:hover .dropdown-transition{transition:transform .2s ease-out;transform:rotate(180deg)}.dropdown:hover .dropdown-content{display:block}.hamburger-menu{display:none;align-items:center;margin-left:auto}.mobile-menu{display:none;flex-direction:column;position:fixed;top:0;right:-100%;width:100%;height:100%;background-color:#fff;z-index:50;padding-top:20px;transition:right .3s ease}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;justify-content:flex-end;padding:10px 20px}.mobile-button{background-color:transparent;border:none;color:#484545;padding:10px 20px;text-align:left;text-decoration:none;display:block;font-size:16px;margin:4px 0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.mobile-link{color:#000;padding:12px 20px;text-decoration:none;display:block;margin-left:20px}.mobile-dropdown-content{flex-direction:column;padding-left:20px;overflow:hidden;max-height:0;animation:dropDownAnimationOpen .5s ease-in-out forwards}.close{display:flex;animation:dropDownAnimationClose .5s ease-in-out forwards}@keyframes dropDownAnimationOpen{0%{max-height:0}to{max-height:500px}}@keyframes dropDownAnimationClose{0%{max-height:500px}to{max-height:0px}}.mobile-dropdown-content.show{display:flex}.rotate{transform:rotate(180deg)}.flex-container{display:flex;align-items:center}.desktop-only{display:flex}section{padding:0}@media (max-width: 1100px){.desktop-only{display:none}.login-link{position:relative;top:4rem;background-color:#007bff;width:25vw;justify-content:center;align-items:center;border-radius:4px;margin:20px auto!important;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.login-text{color:#fff}.desktop-menu,.logoright,.middle-section{display:none}.hamburger-menu{display:flex;order:3;margin:0;padding:0}.mobile-menu{display:flex;padding-top:20px;overflow:scroll}.title-font{padding:20px 10px 5px;margin:0;width:100%;box-sizing:border-box;position:relative;background-color:#fff;z-index:77}.mobile-dropdown{border-bottom:1px solid #ccc;padding:10px 0}.mobile-button:hover .dropdown-transition{transform:rotate(180deg)}.mobile-dropdown.open .mobile-dropdown-content{display:flex}.title{display:block;order:2;font-size:1.2rem;margin:0 10px;position:relative;top:2px;padding:0;flex-grow:1;text-align:left}.nav-logo{display:flex;order:1;width:50px;margin:0 10px 0 0}.nav-logo{display:flex;justify-content:center}.navbar-logo .logo,.navbar{display:none}}@media (max-width: 462px){.title{top:5px;font-size:1rem;display:none}}.commonfooter{width:100vw;background-color:#007bff;padding:20px;text-align:center;margin-top:20px;position:relative;left:50%;transform:translate(-50%);border-top:1px solid #ddd}body{overflow-x:hidden;max-width:100vw}.commonfooter p{margin:0;color:#fff}.footer-links{margin-top:10px}.footer-links a{margin:0 10px;color:#fff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.aboutUsBannerWhoWeAre{width:100vw;height:70vh;align-items:center;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;overflow-x:hidden;display:flex;justify-content:center}.whoWeAreOverlay{position:absolute;display:none;top:0;right:0;width:70vw;height:100%;background:linear-gradient(to right,#000000e6,#0000 25%,#0000 75%,#000000e6);pointer-events:none;z-index:9;filter:brightness(.9);opacity:.7}.aboutUsBannerWhoWeAre h1{font-family:Rouge Script,serif;font-weight:700;color:#fff;font-size:6rem;width:auto;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:10px 0}.whoWeAreTextContent{z-index:10;display:flex;align-items:center;flex-direction:column;margin:0 20px}.subHeading{color:#fff;font-family:Poppins,sans-serif;margin:0;font-weight:300;text-align:center;font-size:2rem}.WhoWeAreImageContainer{position:absolute;width:100%;height:100%;left:0;overflow:hidden}.WhoWeAreImage{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.missionSection{width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;overflow-x:hidden;margin:10px 0 80px}.missionContent{max-width:1200px;margin:0 auto;text-align:center}.valueCard h3{display:inline-block;background-image:linear-gradient(currentColor,currentColor);background-size:50% 1px;background-position:center 90%;background-repeat:no-repeat;padding-bottom:1rem;font-family:Poppins,sans-serif}.underline{display:inline-block;background-image:linear-gradient(currentColor,currentColor);background-size:50% 1px;background-position:center 90%;background-repeat:no-repeat;padding-bottom:1rem;font-family:Poppins,sans-serif;font-weight:3500;letter-spacing:0}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.valueCard{padding:2rem;border-radius:8px}.historySection{padding:4rem 2rem;background-color:#fff}.historyContent{max-width:800px;margin:0 auto;text-align:center}.peopleSection{background-color:#f5f5f5}.peopleContent{max-width:1200px;margin:0 auto;padding:20px}.personTypeGroup{margin-bottom:40px}.personTypeHeading{font-size:2rem;margin-bottom:20px;text-align:center;text-transform:uppercase;color:#333}.personList{display:flex;flex-direction:column;gap:20px}.personCard{display:flex;align-items:center;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.personImage{width:100px;height:100px;border-radius:50%;margin-right:20px}.personDetails{flex:1}.personName{font-size:1.5rem;margin-bottom:10px;color:#333}.personDescription{font-size:1rem;color:#666}.deleteButton{background-color:#ff4d4d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.deleteButton:hover{background-color:#ff1a1a}@media (max-width: 600px){.personTypeHeading{font-size:1.5rem}.personList{grid-template-columns:1fr}.personCard{flex-direction:column;align-items:center}.personImage{margin-right:0;margin-bottom:15px}.personDetails{text-align:center}}@media (max-width: 768px){.aboutUsBanner h1{font-size:2rem}.values{grid-template-columns:1fr}}.fullWidthBackground{width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;overflow-x:hidden}@media (max-width: 1100px){.aboutUsBannerWhoWeAre{margin:30px 0}.whoWeAreTextContent h1{font-size:3rem}.subHeading{font-size:1.5rem}}@media (max-width: 413px){.whoWeAreTextContent h1{font-size:2rem}.subHeading{font-size:1rem}.aboutUsBanner{height:50vh}.underline{font-size:2rem}}.aboutUsBanner{width:100vw;height:40vh;background-color:#404447a0;display:flex;justify-content:center;align-items:center;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;overflow-x:hidden}.contactTitle{font-size:3rem;margin-bottom:20px;color:#333;font-family:Poppins,sans-serif;font-weight:700;max-width:800px}.contactSection{display:flex;flex-direction:column;align-items:center}.aboutUsBanner h1{color:#fff;font-size:3.5rem;font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.2em;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.contactInfo,.address{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;font-size:1rem;color:#333}.eventLocationSection{max-width:800px;margin:20px auto;padding:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}.locationTitle{font-size:2rem;margin-bottom:20px;color:#333}.mapContainer{width:100%;height:450px;border-radius:8px;overflow:hidden}.fullWidthBackground{background-color:#f5f5f5;width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;overflow-x:hidden}@media (max-width: 600px){.aboutUsBanner{height:20vh}.aboutUsBanner h1{font-size:1.5rem}.contactInfo,.address,.eventLocationSection{padding:10px}.locationTitle{font-size:1.5rem}.eventLocationSection{width:80%!important;right:0!important;padding:1rem!important}.mapContainer{height:60vh}.locationTitle{font-size:1.5rem!important}}.blogsBanner{width:100vw;height:40vh;display:flex;justify-content:center;align-items:center;margin-bottom:2em;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;overflow-x:hidden}body{overflow-x:hidden}.blogsBanner h1{color:#000;font-size:3.5rem;font-family:Poppins,sans-serif;font-weight:600;font-style:normal;text-transform:uppercase;letter-spacing:.2em;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.searchBar{display:inline-flex;gap:1em;flex-direction:column;align-items:start;padding:0!important;margin:auto}.searchBoxWrapper{width:100%;display:flex;align-items:center;margin-bottom:40px}.searchBarHeading{font-family:Poppins,sans-serif;font-weight:500;font-size:1.3rem;color:#000;font-style:normal;margin:0}.searchBarContent{display:flex;width:100%}.searchBarContent *{margin:10px}.blogButtons button{margin:5px 10px}.searchBar input{font-family:Poppins,sans-serif;padding:.5em;font-size:1em;border-radius:5px;border:1px solid #ccc;width:300px}.searchBar input:focus{outline:1px solid #b8b8b8}.searchBar select{font-family:Poppins,sans-serif;padding:.5em;font-size:1em;border-radius:5px;border:1px solid #ccc}.searchBar button{font-family:Poppins,sans-serif;padding:.5em 1em;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out;width:auto}.searchBar button:hover{transform:scale(1.03);background-color:#007bff}.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:40px;column-gap:10px;place-items:center}.blogInputs{display:flex;align-items:center}.blogButtons{display:flex}.blogContainer{width:350px;margin-top:10px;height:500px;box-shadow:0 0 10px #0006;border-radius:5px;display:flex;flex-direction:column}.blogImageContainer{width:100%;height:250px}.blogImageContainer img{width:100%;height:100%;object-fit:cover;border-radius:5px 5px 0 0}.blogTextContents{display:flex;flex-direction:column;justify-content:space-evenly;padding:0 10px;flex-grow:1}.blogHomeTitle{margin:5px 0 0;font-family:Poppins,sans-serif;font-weight:600;font-size:1.5em;font-style:normal;color:#000}.authorName{text-transform:capitalize;color:#2f2e2e;font-weight:500}.createButton .blogButton{font-family:Poppins,sans-serif;font-weight:400;margin:0 30px}.createButton{margin:20px!important;padding:0!important}.dateViews{display:flex}.BlogDescription p{text-align:left;margin:10px 0}.blogButton{text-decoration:none;background-color:#007bff;padding:10px 5px;margin:5px 0 10px;color:#fff;text-align:center;width:110px;border-radius:3px;transition:all .2s ease-in-out}.noBlogs{font-family:Poppins,sans-serif;font-weight:600;font-size:2rem;color:#000;text-align:center;grid-column:span 3;margin-top:50px}.blogButton:hover{transform:translateY(-3px)}@media (max-width: 1101px){.blogContainer{width:300px}.blogHomeTitle{font-size:1.2rem}}@media (max-width: 950px){.blogGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 880px){.blogGrid{grid-template-columns:repeat(2,1fr)}.searchBarContent{flex-direction:column}.blogButtons{margin-top:20px;justify-content:center}}@media (max-width: 646px){.blogContainer{width:250px;height:390px}.blogHomeTitle{font-size:1rem}.authorName{font-size:.9rem}.dateViews,.BlogDescription p{font-size:.8rem}.blogButton{font-size:.8rem;width:80px}.blogImageContainer{height:150px}.blogInputs input,select{width:200px}}@media (max-width: 545px){.blogGrid{grid-template-columns:repeat(1,1fr)}.blogContainer{width:400px;height:auto}.blogImageContainer{height:200px}.createButton{display:flex;width:100%;justify-content:center;position:relative;right:10px}.createButton a{width:30vw;font-size:.9rem}}@media (max-width: 495px){.blogContainer{width:90vw}.searchButtons{font-size:1rem}.blogInputs{font-size:1rem;flex-direction:column}.blogInputs *{margin:10px 0}.blogInputs input,select{width:80vw}.blogButtons{margin:5px 0}}@media (max-width: 670px){.blogsBanner h1{font-size:2rem}}.eventGrid{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.eventContainer{display:flex;min-height:300px;max-height:400px;width:100%;background:#faf9f6;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease;gap:0}.eventContainer:nth-child(2n){flex-direction:row-reverse}.eventContainer>a{flex:1;max-width:50%;min-width:50%;display:block;overflow:hidden;position:relative;text-decoration:none}.event-item-calender{text-align:center;border-radius:10px;height:300px;display:flex;flex-direction:column;justify-content:center;background-color:#f8f8f8;box-shadow:0 0 15px 5px #c7c7c7;transition:all .3s ease;width:100%;cursor:pointer}.event-grid a{text-decoration:none}.eventContainer img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.eventContainer:hover img{transform:scale(1.1)}.eventDetails{flex:1;max-width:50%;min-width:50%;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;box-sizing:border-box}.eventInfo{margin-bottom:1rem;width:100%;text-align:center}.eventName{width:100%;text-align:center}.eventName h3{margin:.5rem auto;text-align:center}.eventContainer p{color:#666;margin:1rem auto;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em;text-align:center;width:90%}.eventButton{display:inline-block;padding:.8rem 2rem;background-color:#87c1de;color:#fff;text-decoration:none;border-radius:.5rem;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;min-width:140px;white-space:nowrap;text-align:center;align-self:center;margin:0 auto}.eventButton:hover{background-color:#5e9ed6}.createButton{text-align:right;padding:1rem 2rem;width:100%;max-width:1200px;margin:0 auto}.eventsBanner{width:100vw;height:40vh;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;display:flex;align-items:center;justify-content:center}.eventsBanner h1{color:#000;font-size:3.5rem;font-family:Poppins,sans-serif!important;font-weight:600;font-style:normal;text-transform:uppercase;letter-spacing:.2em;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.loadMore{text-align:center;padding:2rem}.loadMore .eventButton{min-width:140px;white-space:nowrap}.error-message{color:red;text-align:center;padding:1rem}.eventTimeInfo{margin:.5rem 0;width:100%;text-align:center}.eventTime{font-size:1.1em;color:#444;font-weight:500}@media (max-width: 768px){.eventsBanner{height:20vh}.eventsBanner h1{font-size:1.5rem}.eventContainer,.eventContainer:nth-child(2n){flex-direction:column;height:auto;max-height:none}.eventContainer>a,.eventDetails{max-width:100%;min-width:100%;width:100%}.eventContainer>a{height:250px}.eventDetails{padding:1.5rem;margin:0}.eventContainer p{width:100%;margin:1rem 0}.eventButton{margin:1rem 0}.createButton{padding:1rem}}.login-register-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#97939310}.login-register-container h2{font-family:Poppins,sans-serif;margin:30px;letter-spacing:0;font-weight:500}h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px;position:relative}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:96%;padding:8px;border:1px solid #ccc;border-radius:4px}.password-group{position:relative}button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s ease}.submitButton:hover{transform:translateY(-2px);background-color:#007bff}.toggleButton{text-decoration:none;color:#000;background-color:#deb887}button:hover{background-color:#deb887}.toggle-password{position:absolute;top:40px;right:10px;z-index:10;cursor:pointer;display:flex}.error-message{color:red;margin-bottom:10px;font-size:14px}p button{background:none;color:#007bff;border:none;cursor:pointer;text-decoration:underline}.search-user{margin-top:3em;margin-left:3em;margin-bottom:15px;display:inline-flex;width:50%;justify-content:space-between;align-items:center}.search-user label{display:block;margin-bottom:5px;font-weight:700;width:80px}.search-input{width:50%;height:2.1em;margin-right:10px}.searchButton{padding:10px;background-color:#deb887;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:200px;height:2.1em;margin-right:10px}.searchButton:hover,button:hover{background-color:#e3a34e}.error-message-search{width:30%;color:red;margin-left:3em;margin-top:.5em;margin-bottom:10px;font-size:14px}.success-message-search{width:30%;color:green;margin-left:3em;margin-top:.5em;margin-bottom:10px;font-size:14px}p{text-align:center;margin-top:20px}.user-table{width:80%;margin-left:3em;margin-right:3em;margin-bottom:3em;color:#000;text-align:center}.user-table th{background-color:#f2f2f2;border:1px solid #ddd;padding:8px;text-align:left;text-align:center}.user-table tr{border:1px solid #ddd}.user-table tr:nth-child(2n){background-color:#f9f9f9}.user-table td{border:1px solid #ddd;padding:8px}.select-dropdown{width:-webkit-fill-available;background-color:#deb887;text-align:center;color:#000}.edit-button{background-color:#deb887;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px}.edit-button:hover{background-color:#e3a34e}.delete-button{background-color:#deb887;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px}.delete-button:hover{background-color:#e3a34e}.actions{display:flex;gap:2em;align-items:center}.blog-edit-container{margin:30px auto;max-width:800px;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.blog-edit-form{display:flex;flex-direction:column;gap:20px}.blog-edit-label{font-weight:600;margin-bottom:8px;display:block;color:#333}.blog-edit-input,.blog-edit-file,.blog-edit-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:vertical;box-sizing:border-box}.blog-edit-textarea{min-height:100px}.blog-edit-button{padding:10px 15px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:200px}.blog-edit-button:hover{background-color:#0056b3}.blog-cancel-button{padding:10px 15px;background-color:#838485;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:200px;margin-left:1em}.blog-cancel-button:hover{background-color:#5e5f5f}.blog-edit-heading{font-size:2rem;color:#000;margin-bottom:20px;text-align:center;font-family:Poppins,sans-serif!important;font-weight:800;font-style:normal}.blog-create-buttons{display:flex;justify-content:center}@media (max-width: 768px){.blog-edit-container{padding:15px}.blog-edit-form{gap:15px}.blog-edit-label{font-size:14px}.blog-edit-input,.blog-edit-file,.blog-edit-textarea{font-size:14px;padding:8px}.blog-edit-button,.blog-cancel-button{font-size:14px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;box-shadow:0 4px 6px #0000001a;text-align:center;font-family:Poppins,sans-serif}.modal-content h3{font-family:Poppins,sans-serif!important;font-weight:600;font-style:normal;margin-top:0}.modal-close-button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;width:auto}.modal-close-button:hover{background-color:#0056b3!important;color:#fff!important}.modal-close-button:hover{background-color:#0056b3}.modal-content.error{border-left:6px solid red}.modal-content.success{border-left:6px solid green}.blogLayoutContainer{display:flex;flex-direction:column;width:100%}.blogTextContent{display:flex;justify-content:space-between;height:50vh;position:relative;border-radius:10px;overflow:hidden;margin:30px 0 0}.blogImageHolder{width:550px;height:300px}.blogHeader{display:flex;flex-direction:column;justify-content:center;position:absolute;bottom:0;padding:30px}.blogHeaderTextTop{position:absolute;bottom:0}.blogImage{width:100%;height:100%;object-fit:cover}.actionButtons{display:flex;margin:40px 0;justify-content:flex-end}.utilityButton{background-color:#007bff;width:auto;margin:0 20px 0 0;width:50px}.utilityButton{display:flex;justify-content:center;align-items:center;transition:all .1s ease-in}.actionButtons button:hover{background-color:#0056b3}.resetButton{background-color:#007bff;width:auto}.blogHeader{z-index:10}.blogHeader h1{font-family:Poppins,sans-serif;font-size:2.5rem;margin:10px 0 0;color:#fff}.blogAuthorName{font-size:1.1rem;font-weight:600;color:#dbdbdb}.blogAuthorInfo{font-size:1rem;display:flex}.blogAuthorInfo span{color:#9e9e9e}.blogTextHolder div p{color:#000}.editButtons{display:flex;justify-content:center;align-items:center;margin-top:35px}.editButtons button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;margin:0 10px;border-radius:5px;width:15vw;transition:all .1s ease-in}.editButtons button:hover{transform:translateY(-5px)}.deleteButton{background-color:#f71515!important}@media (max-width: 600px){.blogTextContent{height:50vh;width:100vw;position:relative;right:20px;border-radius:0}.blogHeader{top:50%;left:50%;transform:translate(-50%,-50%);width:300px;align-items:center}.blogHeader h1{font-size:2rem;text-align:center}.blogImage{filter:brightness(60%)}.blogAuthorDetails{display:flex;flex-direction:column;align-items:center}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eventImageHolder{width:100%;position:relative;overflow:hidden;z-index:0;margin:20px 0;aspect-ratio:16/9}.eventsLayoutImage{width:100%;height:auto;object-fit:cover;object-position:center;filter:brightness(.9);transition:transform .3s ease}.eventContentHolder{max-width:1200px;margin:-100px auto 50px;background-color:#fff;border-radius:12px;position:relative;box-shadow:0 4px 30px #0000001a;z-index:2;padding:40px}.eventHeader{font-family:Poppins,sans-serif;font-style:normal;text-align:left;margin-bottom:3rem}.eventTitle{font-size:3.2em;margin-bottom:1.5rem;font-weight:700;color:#333;line-height:1.2;font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.eventMetadata{display:flex;align-items:center;gap:2rem;font-weight:400;font-size:1.1em;color:#666;margin-bottom:2rem;flex-wrap:wrap}.eventMetadata span{display:flex;align-items:center;gap:.5rem}.eventDescription{font-size:1.1em;line-height:1.8;color:#444;margin-bottom:3rem}.eventLocationSection{background-color:#f8f9fa;border-radius:8px;padding:2.5rem;margin-top:3rem}.locationTitle{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;font-size:2em;margin-bottom:1.5rem;color:#333}.mapContainer{border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 2px 20px #0000001a}.directionsLink{display:inline-flex;align-items:center;padding:1rem 2rem;background-color:#333;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:transform .2s ease,background-color .2s ease}.directionsLink:hover{background-color:#444;transform:translateY(-2px)}.deleteButton{padding:.8rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:500;transition:background-color .2s ease}.deleteButton:hover{background-color:#c82333}@media (max-width: 768px){.eventTitle{font-size:2rem;text-align:center}.eventMetadata{justify-content:center}}@media (max-width: 573px){.eventTitle{font-size:1.3rem}.eventMetadata{font-size:.8rem}.eventMetadata span{gap:0}.eventLocationSection{position:relative;right:40px;width:100%}.mapContainer{height:40vh!important}.locationTitle{font-size:1.2rem!important}}*{font-family:Poppins,sans-serif}.video-sermon-container{width:100%;max-width:1200px;margin:0 auto}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.sermon-header{margin-bottom:2rem}.sermon-header h1{font-size:2rem;margin-bottom:.5rem;font-family:Poppins,sans-serif}.sermon-meta{display:flex;align-items:center;gap:.5rem;color:#666}.speaker{font-weight:600}.dot{font-weight:700}.sermon-details{padding:1rem 0;text-align:left}.sermon-details h1{margin-bottom:15px;font-size:24px}.sermon-details p{line-height:1.6;color:#666}.sermon-actions{display:flex;justify-content:flex-end;margin-top:1rem}.delete-button{padding:.5rem 1rem;font-size:.875rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.delete-button:hover{background-color:#c82333}.delete-button:disabled{background-color:#6c757d;cursor:not-allowed}.audio-sermon-container{padding:2rem;max-width:1200px;margin:0 auto}.sermon-header{text-align:center;margin-bottom:2rem}.sermon-title{font-size:2rem;color:#333;margin-bottom:1rem}.sermon-meta{color:#666;font-size:1.1rem;margin-bottom:1rem}.speaker{font-weight:500}.dot{margin:0 .5rem}.upload-date{color:#888}.sermon-actions{margin-top:1rem}.delete-button{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem}.delete-button:disabled{background-color:#dc354580;cursor:not-allowed}.spotify-player-container{width:100%;max-width:800px;margin:2rem auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.sermon-details{max-width:800px;margin:2rem auto;padding:1rem;background-color:#f8f9fa;border-radius:8px}.sermon-description{font-size:1.1rem;line-height:1.6;color:#333}@media (max-width: 768px){.audio-sermon-container{padding:1rem}.sermon-title{font-size:1.5rem}.sermon-meta{font-size:1rem}}.sermon-edit-container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.sermon-edit-label{font-weight:600;margin-bottom:.5rem;display:block}.sermon-edit-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.sermon-edit-file{width:100%;padding:.5rem;border:1px dashed #ddd;border-radius:4px}.input-helper-text{display:block;color:#666;font-size:.875rem;margin-top:.25rem}.sermon-edit-buttons{display:flex;gap:1rem;margin-top:1rem}.sermon-edit-button{padding:.75rem 1.5rem;background-color:#115692a4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.sermon-cancel-button{padding:.75rem 1.5rem;background-color:#838485;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.sermon-edit-button:hover{background-color:#115692d7}.sermon-cancel-button:hover{background-color:#5e5f5f}.sermon-edit-container{max-width:800px;margin:2rem auto;padding:2rem}.sermon-edit-heading{text-align:center;color:#333;margin-bottom:2rem}.sermon-edit-form{display:flex;flex-direction:column;gap:1.5rem}.sermon-edit-label{font-weight:700;margin-bottom:.5rem;display:block}.sermon-edit-input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.sermon-edit-file{width:100%;padding:.5rem 0}.sermon-edit-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.sermon-edit-button{padding:.75rem 2rem;background-color:#115692a3;color:#fff;border:none;border-radius:4px;cursor:pointer}.sermon-cancel-button{padding:.75rem 2rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.input-helper-text{color:#666;font-size:.8rem;margin-top:.25rem;display:block}.about-us-form{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.about-us-form h2{text-align:center;margin-bottom:20px}.about-us-form label{display:block;margin-bottom:5px;font-weight:700}.about-us-form input[type=text],.about-us-form textarea,.about-us-form select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.about-us-form textarea{resize:vertical}.about-us-form .input-helper-text{font-size:12px;color:#666;margin-top:-10px;margin-bottom:10px}.about-us-form .service-container{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.about-us-form .service-container label{margin-top:10px}.about-us-form .service-container button{margin-top:10px;background-color:#ff4d4d;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.about-us-form .service-container button:hover{background-color:#ff1a1a}.about-us-form .add-service-button{display:block;width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;margin-bottom:20px}.about-us-form .add-service-button:hover{background-color:#45a049}.about-us-form .submit-buttons{display:flex;justify-content:space-between}.about-us-form .submit-buttons button{width:48%;padding:10px;border:none;border-radius:4px;cursor:pointer}.about-us-form .submit-buttons .submit-button{background-color:#4caf50;color:#fff}.about-us-form .submit-buttons .submit-button:hover{background-color:#45a049}.about-us-form .submit-buttons .cancel-button{background-color:#f44336;color:#fff}.about-us-form .submit-buttons .cancel-button:hover{background-color:#e53935}.about-us-form .error-message{color:red;text-align:center;margin-top:20px}@media (max-width: 600px){.about-us-form,.about-us-form .service-container{padding:10px}.about-us-form .submit-buttons{flex-direction:column}.about-us-form .submit-buttons button{width:100%;margin-bottom:10px}.about-us-form .submit-buttons button:last-child{margin-bottom:0}}.create-person-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.create-person-heading{text-align:center;margin-bottom:20px}.create-person-label{display:block;margin-bottom:5px;font-weight:700}.create-person-input,.create-person-file,.create-person-textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.create-person-textarea{resize:vertical}.create-person-button,.create-person-cancel-button{width:48%;padding:10px;border:none;border-radius:4px;cursor:pointer}.create-person-button{background-color:#4caf50;color:#fff}.create-person-button:hover{background-color:#45a049}.create-person-cancel-button{background-color:#f44336;color:#fff}.create-person-cancel-button:hover{background-color:#e53935}.create-person-buttons{display:flex;justify-content:space-between}.error-message{color:red;text-align:center;margin-top:20px}@media (max-width: 600px){.create-person-container{padding:10px}.create-person-buttons{flex-direction:column}.create-person-buttons button{width:100%;margin-bottom:10px}.create-person-buttons button:last-child{margin-bottom:0}}.hero-image-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;box-sizing:border-box}.hero-image-heading{font-size:24px;margin-bottom:20px;color:#333}.hero-image-form{display:flex;flex-direction:column;width:100%}.hero-image-label{margin-bottom:8px;font-weight:700;color:#555}.hero-image-input,.hero-image-file{margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:100%;box-sizing:border-box}.hero-image-buttons{display:flex;justify-content:space-between}.hero-image-button,.hero-image-cancel-button{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.hero-image-button{background-color:#28a745;color:#fff}.hero-image-cancel-button{background-color:#dc3545;color:#fff}.error-message{margin-top:20px;color:#dc3545;font-weight:700}.success-message{margin-top:20px;color:#28a745;font-weight:700}.sermon-meta span{color:#000}.green{color:#4caf50!important}.red{color:red!important}.sermon-meta{margin:2rem 0}.main-no-live-stream{margin-top:35vh}.main-no-live-stream h1{font-family:Poppins,sans-serif;text-align:center}.IAmNewHereContent{margin:10% 0}.newHereHeading{margin-bottom:10px}.questionContainer{margin-top:60px}.newHereHeading,.iAmNewHereQuestion{font-family:Poppins,sans-serif;font-weight:700;text-align:left;font-size:1.5rem;font-weight:600}.iAmNewHereAnswer{font-family:Poppins,sans-serif;text-align:left;font-size:1rem;font-weight:400}@media (max-width: 650px){.newHereHeading,.iAmNewHereQuestion{font-size:1.2rem}.newHereHeading,.iAmNewHereQuestion,.iAmNewHereAnswer{text-align:center}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center}.modal-content button:hover{background:#deb887;color:#000}:root{--primary-color: #2F2E2E;--secondary-color: #AFA6A6;--accent-color: #D4AF37;--background-color: #FFFFFF;--text-color: #2F2E2E;font-family:Open Sans,Arial,sans-serif;margin:0;color:var(--text-color);background-color:var(--background-color);overflow-x:hidden}body,#root{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}body{margin:0;padding:0;line-height:1.6}