/******************** 
	TEMPLATE CSS 
********************/
:root { --primary: #32C36C; --light: #F6F7F8; --dark: #1B5E20;}

.fw-medium { font-weight: 500 !important;}

.fw-bold { font-weight: 700 !important;}

.fw-black { font-weight: 900 !important;}

.back-to-top { position: fixed; display: none; right: 35px; bottom:70px; z-index: 99;}


/*** Spinner ***/
#spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999;}

#spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1;}

/******************** 
	BACKGROUND
********************/
.BGrnBcg{background:#1B5E20;}
.VLGrnBcg{background:#F8FAF9;}
.WhtBcg{background:#FEFEFE;}
.GldBcg{background:#CEAE40;}

.Rdclr{color:#ED1C24;}

/******************** 
	BUTTON
********************/
.btn { font-weight: 500; transition: .5s;}

.btn.btn-primary,
.btn.btn-outline-primary:hover { color: #FFFFFF;}

.btn-square { width: 38px; height: 38px;}

.btn-sm-square { width: 32px; height: 32px;}

.btn-lg-square { width: 48px; height: 48px;}

.btn-square,
.btn-sm-square,
.btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal;}


.TopMenu{color:#FFF;}

/*** Navbar ***/
.navbar.sticky-top { top: -120px; transition: .5s; background:#FFF;}
.navbar .navbar-brand img { height:100px;}
.navbar .navbar-brand,.navbar a.btn { height:110px;}
.navbar .navbar-nav .nav-link { margin-right: 30px; padding: 25px 0; color:#444; font-weight:600; text-transform: uppercase;font-family: "Cormorant SC", serif; outline: none; font-size: 1.2rem;}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active { color:#ED1C24;}

.navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px;}

@media (max-width: 991.98px) { 
	.navbar .navbar-nav .nav-link  { margin-right: 0; padding: 10px 0; }
    .navbar .navbar-nav { border-top: 1px solid #EEEEEE; }
}

@media (min-width: 992px) { 
	.navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s; }
    .navbar .nav-item:hover .dropdown-menu {top: 100%;visibility: visible; transition: .5s;opacity: 1; }
}


/*** Header ***/
.owl-carousel-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; background: rgba(0, 0, 0, .5);}
.owl-carousel-inner h1{  font-weight:600; color:#32CD32; font-size:3rem;}
.owl-carousel-inner h1 span{ color: #ED1C24;  font-weight:800; }

.owl-carousel-inner p{ color: #FFF; font-size:1.3rem; line-height:1.5; text-align:justify;}

@media (max-width: 768px) { 
	.header-carousel .owl-carousel-item { position: relative; min-height: 500px; }
    .header-carousel .owl-carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
    .header-carousel .owl-carousel-item p { font-size: 16px !important; }
}

.header-carousel .owl-dots { position: absolute; width: 60px; height: 100%; top: 0; right: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.header-carousel .owl-dots .owl-dot { position: relative; width: 45px; height: 45px; margin: 5px 0; background: #FFFFFF; box-shadow: 0 0 30px rgba(255, 255, 255, .9); border-radius: 45px; transition: .5s;}

.header-carousel .owl-dots .owl-dot.active { width: 60px; height: 60px;}

.header-carousel .owl-dots .owl-dot img { position: absolute; width: 100%; height: 100%; object-fit: cover; padding: 2px; border-radius: 45px; transition: .5s;}

.btn-Home{color:#FFF;background-color:#ED1C24;border-color:#ED1C24;}
.btn-Home:hover{color:#FFF;background-color:#7CB342;border-color:#7CB342;}


.page-header { background: linear-gradient(rgba(50, 205, 50, .3), rgba(50, 205, 50, .5)), url(../bcg/header.jpg) center center no-repeat; background-size: cover; text-transform:uppercase; font-weight:600;}

.breadcrumb-item + .breadcrumb-item::before { color:#FFF;}

.breadcrumb-item a{color:#FFEAEA;text-decoration:none; font-weight:500;}
.breadcrumb-item a:hover{color:#EEE;}

/*** About ***/
@media (min-width: 992px) { .container.about {     max-width: 100% !important; }

    .about-text  {     padding-right: calc(((100% - 960px) / 2) + .75rem); }
}

@media (min-width: 1200px) { .about-text  {     padding-right: calc(((100% - 1140px) / 2) + .75rem); }
}

@media (min-width: 1400px) { .about-text  {     padding-right: calc(((100% - 1320px) / 2) + .75rem); }
}

/******************** 
	BACKGROUND
********************/
#TheStats{background:#1B5E20;}
#TheStats h1{font-size:2rem;}
#TheStats h5{color:#FFFDF7;}


/*************
SERVICES
*************/
.service-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08); background:#FCFCFC;height:100%;}

.service-icon { position: relative; margin: -50px 0 25px 0; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; color:#FFF; background:#1B5E20; border-radius: 100px; box-shadow: 0 0 45px rgba(0, 0, 0, .08); transition: .5s;}

.service-item:hover .service-icon { color: #FFFFFF; background:#1B5E20; }
.Services h4{font-size: 1.3rem; font-weight: 500; text-align:center;color:#000;}
.Services p{font-weight:500; text-align:center; color:#ED1C24;}
.Services p span{font-weight:700; text-align:center; color:#008000;}

/*** Feature ***/
@media (min-width: 992px) { .container.feature {     max-width: 100% !important; }

.feature-text  {     padding-left: calc(((100% - 960px) / 2) + .75rem); }
}

@media (min-width: 1200px) { .feature-text  {     padding-left: calc(((100% - 1140px) / 2) + .75rem); }
}

@media (min-width: 1400px) { .feature-text  {     padding-left: calc(((100% - 1320px) / 2) + .75rem); }
}

.feature-text h2 {font-weight:500;color:#85B200;}
.feature-text h6 {font-weight:700; color:#C9FF26; line-height:1.8;font-size:1.2rem;}
.txtWht{color:#FFF;}
.feature-text p {text-align:justify; font-weight:500; line-height:1.5; color:#FFF; font-size:1.2rem; margin-bottom:1rem; }
.feature-text ul li::before{ 
 font-family: "bootstrap-icons";
  
  /* Step 2: Use the Unicode string for your chosen icon (e.g., \F26E for a checkmark) */
  content: "\F4CF"; 
  
  /* Step 3: Absolute layout positioning */
  position: absolute;
  left: 0;
  top: 0;
  
  /* Optional: Custom Styling */
  color: #0d6efd; /* Bootstrap primary blue */
  font-size: 1.1rem;
}
  
/*** Project Portfolio ***/
#portfolio-flters li { display: inline-block; font-weight: 500; color: var(--dark); cursor: pointer; transition: .5s; border-bottom: 2px solid transparent;}

#portfolio-flters li:hover,
#portfolio-flters li.active { color: var(--primary); border-color: var(--primary);}

.portfolio-img { position: relative;}

.portfolio-img::before,
.portfolio-img::after { position: absolute; content: ""; width: 0; height: 100%; top: 0; background: var(--dark); transition: .5s;}

.portfolio-img::before { left: 50%;}

.portfolio-img::after { right: 50%;}

.portfolio-item:hover .portfolio-img::before { width: 51%; left: 0;}

.portfolio-item:hover .portfolio-img::after { width: 51%; right: 0;}

.portfolio-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; z-index: 1; transition: .5s;}

.portfolio-item:hover .portfolio-btn { opacity: 1; transition-delay: .3s;}


/*** Quote ***/
@media (min-width: 992px) { .container.quote {     max-width: 100% !important; }

    .quote-text  {     padding-right: calc(((100% - 960px) / 2) + .75rem); }
}

@media (min-width: 1200px) { .quote-text  {     padding-right: calc(((100% - 1140px) / 2) + .75rem); }
}

@media (min-width: 1400px) { .quote-text  {     padding-right: calc(((100% - 1320px) / 2) + .75rem); }
}


/*** Team ***/
.team-item { box-shadow: 0 0 45px rgba(0, 0, 0, .08);}

.team-item img { border-radius: 8px 60px 0 0;}

.team-item .team-social { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; background: #FFFFFF; transition: .5s;}


/*** Testimonial ***/
.testimonial-carousel::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;}

.testimonial-carousel::after { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1;}

@media (min-width: 768px) { .testimonial-carousel::before,
    .testimonial-carousel::after {     width: 200px; }
}

@media (min-width: 992px) { .testimonial-carousel::before,
    .testimonial-carousel::after {     width: 300px; }
}

.testimonial-carousel .owl-nav { position: absolute; width: 350px; top: 20px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; opacity: 0; transition: .5s; z-index: 1;}

.testimonial-carousel:hover .owl-nav { width: 300px; opacity: 1;}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next { position: relative; color: var(--primary); font-size: 45px; transition: .5s;}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover { color: var(--dark);}

.testimonial-carousel .testimonial-img img { width: 100px; height: 100px;}

.testimonial-carousel .testimonial-img .btn-square { position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%);}

.testimonial-carousel .owl-item .testimonial-text { margin-bottom: 30px; box-shadow: 0 0 45px rgba(0, 0, 0, .08); transform: scale(.8); transition: .5s;}

.testimonial-carousel .owl-item.center .testimonial-text { transform: scale(1);}


/*** Contact ***/
@media (min-width: 992px) { .container.contact {     max-width: 100% !important; }

    .contact-text  {padding-left: calc(((100% - 960px) / 2) + .75rem); }
}

@media (min-width: 1200px) { .contact-text  {     padding-left: calc(((100% - 1140px) / 2) + .75rem); }
}

@media (min-width: 1400px) { .contact-text  {     padding-left: calc(((100% - 1320px) / 2) + .75rem); }
}

.MainTxt{min-height:500px;}
.MainTxt h2{color:#ED1C24; font-weight:500; font-size:2rem;}
.MainTxt h3{color:#008000; font-size:1.5rem;}
.MainTxt i{color:#ED1C24;}
.MainTxt p{text-align:justify; line-height:2;}
.MainTxt ul li{list-style:none; line-height:1.6; margin-left:-20px;}
.MainTxt ul li::before { font-family: "bootstrap-icons";position: relative; content: "\F26F";  font-weight: 900; color: #ED1C24; margin-right: 10px;}
.MainTxt ul.nn li::before {position: relative; content: ""; margin-right: 0; }
.MainTxt ul li i{color:#ED1C24;}

.MainTxt ul.spc li {padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid #32CD32 ; font-size:1.1rem; }
.MainTxt ul.spc li:last-child { border-bottom:none ; }

.Side{ padding:0 0 0 30px; background:#FEFEFE; border-left:1px solid #CCC; }

/*** CHURCH BOARD ***/

.board h4{font-size:1.3rem; color:#468C00;}
.board p{ color:#7A1F3D;}


/*** Footer ***/
.footer {background:#008000	; font-size:0.9rem;}
.footer {font-size:0.9rem;}
.footer p{color: #FFF;  transition: .3s;}
.footer i{color: #9ACC33;}
.footer i:hover{color: #ED1C24;}


.footer .btn.btn-social { margin-right: 5px; color: #9ACC33; border: 1px solid #9ACC33; border-radius: 38px; transition: .3s;}
.footer .btn.btn-social:hover { color: #ED1C24;  background:none; border-color: #ED1C24;}

.footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: #9B9B9B; font-weight: normal; text-transform: capitalize; transition: .3s;}
.footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px;}
.footer .btn.btn-link:hover { color: #FFFFFF; letter-spacing: 1px; box-shadow: none;}

.footer .copyright { padding: 25px 0; border-top: 1px solid rgba(256, 256, 256, .1);}
.footer .copyright a { color:#9ACC33;}
.footer .copyright a:hover { color:#ED1C24;}


.whatsapp-float { position: fixed; bottom:150px; right: 28px; width: 56px; height: 56px; background: #1B5E20; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; z-index: 500; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4); text-decoration: none; transition: transform 0.2s, box-shadow 0.2s;}
.whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(45, 113, 82, 0.5);}
.wa-tooltip { position: absolute; right: 68px; background: #25d366; color: #fff; font-size: 0.8rem; padding: 6px 12px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s;}
.whatsapp-float:hover .wa-tooltip { opacity: 1;}