1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / ststephensauh / www / views /
Filename : search.php
back
<?php include 'views/layout/header.php'; ?>

<style>
body {
  font-family: "Poppins", sans-serif !important;
  color: #444444;
}

a {
  color: #af8e42;
  text-decoration: none;
}

a:hover {
  color: #af8e42;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif !important;
}

.container-1 {
  max-width: 100% !important;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ed502e;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #ed502e;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
}

.mnu {
  background-color: #ccc;
}

#header.header-scrolled {
  padding: 0px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 99999;
  background-color: #fff;
}

#header.header-scrolled a.nav-link.scrollto.active {
  color: #ffffff;
}

#header.header-scrolled a {
  color: #000000;
}

#header .logo {
  font-size: 26px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.lgo-sc {
  padding: 10px 0;
}

#header .logo a {
  color: #0b2341;
}

#header .logo img {
  max-height: 70px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.mnu {
  background-color: #132391;
}

.navbar a,
.navbar a:focus {
  display: flex;
  font-weight: 600;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px 15px 20px;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #ffffff !important;
  background: #ed502e;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #ed502e;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #ef6445;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 0px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0;
  transition: 0.3s;
  border: 0;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
  background-color: #0f1961;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #ffffff;
  background-color: #0f1646;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}
.header-scrolled i.bi.bi-list.mobile-nav-toggle {
  color: #000;
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #ffffff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(4, 12, 21, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #0b2341;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #ffffff;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #ed502e;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(4, 12, 21, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: "";
  background-color: rgba(4, 12, 21, 0.0);
}

#hero .carousel-container {
  text-align: center;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0px;
  left: 50px;
  right: 50px;
}

#hero h2 {
  color: #fff;
  font-size: 3.3333333333333335vw;
  font-weight: 600;
  text-transform: uppercase;
  margin: 20px 0 0px;
}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  #hero p {
    width: 50%;
    margin: auto;
    font-size: 25px;
  }
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: 0.6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #af8c3b;
}

#hero .btn-get-started {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 32px;
  border-radius: 0px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #af8c3b;
  font-weight: 500;
  border: 0;
  padding: 15px 30px;
  margin-top: 20px;
  font-size: 1vw;
}

#hero .btn-get-started:hover {
  background: #ef6445;
}

@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }

  #hero .carousel-container {
    text-align: center;
    top: 74px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 30px;
  }

}

@media (min-width: 1024px) {

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #f6f9fd;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 1vw;
  font-weight: 500;
  text-transform: uppercase;
  color: #e35f06;
}

.aply-btn {
  margin-left: 30px;
}

.aply-btn a {
  display: inline-block;
  background: #f0690d;
  color: #fff;
  padding: 10px 30px;
  border-radius: 50px;
  text-decoration: none;
  transition: .5s all;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.aply-btn a:hover {
  background: #2563a7;
}

main.hdr-bg {
  padding: 10px 0;
}

.hdr-1-rght {
  display: inline-grid;
  align-items: center;
  justify-content: end;
}

.hdr-1-rght-inr1 {
  margin-right: 30px;
}

.hdr-1-rght-inr1 {
  display: flex;
}

.hdr-1 {
  display: flex;
}

.hdr-1-rght-inr1 img {
  height: fit-content;
  margin-right: 10px;
}

.hdr-1-rght-inr1 p {
  margin-bottom: 0;
}

.hdr-1-rght-inr1 p {
  font-size: 16px;
  font-weight: 600;
}

.hdr-1-rght-inr1 p span {
  font-size: 18px;
}



.section-title p {
  margin: 0;
  margin: 0;
  font-size: 2.864583333333333vw;
  font-weight: 600;
  text-transform: capitalize;

  color: #000000;
}

.services-2 {
  width: 100%;
  padding: 0px 2vw 0px 0;
}

.services-2 .icon {
  margin-bottom: 0;
  line-height: 1.2;
}

.services-2 .icon span {
  font-size: 60px;
  color: #000000;
}

.services-2 .text {
  width: 100%;
}

.services-2 .text h4 {
  font-size: 1.14vw;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 6px;
  margin-top: 20px;
  color: #000;
}

.services-2 .text span.subheading {
  display: block;
  margin-bottom: 30px;
  color: #e35f06;
  position: relative;
  font-size: 0.95vw;
}

.services-2 .text span.subheading:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 120px;
  height: 1px;
  content: '';
  background: #e35f06;
}
 

@media (min-width: 992px) {
  .services-2.services-block {
    z-index: 999;

  }
}

.services-2.services-block .text {
  color: rgba(255, 255, 255, 0.8);
}

.services-2.services-block .text h4 {
  color: #fff;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 1.08vw;
  font-size: 24px;
  font-weight: 500;
}

.top-upcoming {
  text-align: center;
  background: #cb621a;
  padding: 10px 0px;
  color: #fff;
}

.right-upcoming {
  top: 0px;
  display: block;
  position: relative;
}

.upcoming-events-top {
  background: #f0690d;
  padding: 3.125vw 0;
  z-index: 9999;
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

.upcoming-events-top .text {
  padding: 0px 2.5vw;
}

.upcoming-events-top span.swiper-pagination-bullet {
  background: #ccc;
  padding: 7px;
}

.img.img-video {
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
  background: url(../img/about-left.jpg);
  height: 100%;
}


.top-upcoming h4 {
  font-size: 1.3vw;
  text-transform: uppercase;
  margin: 10px 0px;
}

.services-2.services-block p {
  font-size: 1vw;
  line-height: 26px;
  color: #fff;
  margin: 0;
}

.testimonials .swiper-pagination {
  position: inherit !important;
  margin-top: 40px;
}

.footer {
  background: #1a1a1a;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 50px 0;
}

.footer a {
  color: #ce0f3d;
}

.footer p {
  color: rgba(255, 255, 255, 0.6);
}

.footer .copyright {
  color: rgba(255, 255, 255, 0.3);
  color: #999999;
}

.footer .footer-heading {
  font-size: 1.3vw;
  margin-bottom: 30px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}

.footer ul.list-unstyled li a {
  display: block;
  border-bottom: 1px solid #313030;
  color: #787776;
  font-size: 1vw;
  line-height: 30px;
}

.footer .block-21 .img {
  display: block;
  height: 80px;
  width: 80px;
}

.footer .block-21 .text {
  width: calc(100% - 100px);
}

.footer .block-21 .text .heading {
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.4;
  color: #787776;
}

.footer .block-21 .text .heading a {
  color: #787776;
  line-height: 20px;
}

.footer .block-23 ul li i {
  margin-right: 10px;
}

.footer .block-21 .text .heading a:hover,
.footer .block-21 .text .heading a:active,
.footer .block-21 .text .heading a:focus {
  text-decoration: none;
}

.footer ul.list-unstyled li a:hover {
  color: #f44336;
}

.footer .block-23 ul li a:hover {
  color: #f44336;
}

.footer .block-21 .text .heading a:hover {
  color: #f44336;
}

.footer-1 a:hover {
  color: #f44336;
}

.line-1 {
  height: 2px;
  background: #ccc;
  width: 38%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}

.img-ftr {
  width: 40%;
  padding-right: 5%;
}

.footer .block-21 .text .meta>div {
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
}

.footer .block-21 .text .meta>div a {
  color: gray;
}

.footer .block-23 ul li {
  color: rgba(255, 255, 255, 0.6);
}

.footer .block-23 ul li a {
  color: rgba(255, 255, 255, 0.6);
}

.footer .block-23 ul li .icon {
  color: rgba(255, 255, 255, 0.4);
}

.footer .ftco-footer-social li a {
  background: rgba(255, 255, 255, 0.1);
  color: #ce0f3d;
}

.ftco-footer-social li {
  list-style: none;
  margin: 0 10px 0 0;
  display: inline-block;
}

.ftco-footer-social li a {
  height: 40px;
  width: 40px;
  display: block;
  float: left;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  position: relative;
}

.ftco-footer-social li a span {
  position: absolute;
  font-size: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ftco-footer-social li a:hover {
  color: #fff;
}

.block-23 ul {
  padding: 0;
}

.block-23 ul li,
.block-23 ul li>a {
  display: table;
  line-height: 1.5;
  margin-bottom: 15px;
}

.block-23 ul li span {
  color: #787776;
}

.block-23 ul li .icon,
.block-23 ul li .text {
  display: table-cell;
  vertical-align: top;
  font-size: 1vw;
}

.block-23 ul li .icon {
  width: 40px;
  font-size: 18px;
  padding-top: 2px;
  color: white;
}

.video-section {
  background-image: url(../img/video-bg.jpg);
  padding: 10.4vw 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.pray-background {
  background-image: url(../img/pray-bg.jpg);
  padding: 0px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.pray-left-orange-box {
  background-color: #af8e42;
  text-align: center;
  padding: 50px 40px;
  height: 100%;
  align-items: center;
  align-content: center;
  display: grid;
  text-align: center;
  color: #fff;
}

.pray-left-orange-box img {
  margin: auto;
  margin-bottom: 20px;
}

.pray-left-orange-box h6 {
  margin: 0;
  font-size: 15px;
  margin-bottom: 16px;
  font-weight: 400;
  line-height: 1.875vw;
}

section.pray-background h2 {
  color: #fff;
  font-size: 2.5vw;
  text-transform: uppercase;
  line-height: 3.33vw;
}

.pray-right {
  padding: 6vw 5vw;
}

button.read-more-1 {
  background: #ed502e;
  width: fit-content;
  color: #fff;
  border: 0;
  padding: 10px 30px;
  margin-top: 20px;
  font-size: 1vw;
  text-transform: uppercase;
}

button.read-more-1:hover {
  background: #1125b6;
  transition: .5s all;
}

.about-right-side {
  padding: 100px 60px;
  padding-right: 9.89vw;
  background: #f4f4f4;
}

.about-right-side span.subheading {
  font-size: 1vw;
  font-weight: 600;
  text-transform: uppercase;
  color: #af8e42;
}

.no-p {
  padding: 0;
}

.place-of-heaven h4 {
  font-size: 1.3541666666666667vw;
  color: #000;
  font-weight: 600;
  margin-top: 20px;
}

.section-about h2 {
  font-size: 2.604166666666667vw;
  font-weight: bold;
  color: #373535;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.description-1 p {
  line-height: 1.875vw;
  font-size: 1vw;
  color: #000;
}

.description-2 p {
  font-size: 0.95vw;
  color: #000;
  line-height: 1.45vw;
  font-weight: 500;
}

.about-right-side .description-1 {

  padding-bottom: 20px;
}

.counts {
  background: #2d2b55;
  color: #fff;
}

section.counts .count-box {
  font-size: 60px;
  font-weight: 600;
}

section.counts .count-box {
  font-size: 36px;

}

.copyright {
  background: #000;
  padding: 10px 0px;
}

.copyright p {
  margin: 0;
  color: #787776;
  padding: 10px;
  font-size: 1vw;
}

h3.post-title {
  font-size: 1.3625vw;
  color: #000;
  padding: 20px 0px 10px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}

.post-item {
  box-shadow: 3px 3px 8px 0px #ccc;
}

.post-content.d-flex.flex-column {
  min-height: 182px;
  padding: 30px;
  border-top: 0px;
  padding-top: 0;
}

.post-content.d-flex.flex-column p {
  font-size: 0.95vw;
  line-height: 1.6;
  color: #636161;
}

.post-content.d-flex.flex-column a {
  font-size: 14px;
}

.bishop-section .swiper-pagination {
  margin-top: 40px !important;
  position: inherit;
}

.bishop-box h3 {
  font-size: 17px;
  margin-bottom: 0px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}

.bishop-box h4 {
  font-size: 1vw;
  color: #606060;
  font-weight: 400;
  text-transform: uppercase;
}

span.swiper-pagination-bullet {
  background: #af8e42;
  padding: 7px;
}

span.post-date {
  background: #af8e42;
  color: #fff;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  z-index: 999;
}

.video-section h2 {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
  margin-top: 40px;
}

.tm1 {
  padding-left: 40px;
  padding-right: 30px;
}

.tm1 h5 {
  font-size: 19px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}

.tm1 h6 {
  font-style: normal;
  font-size: 15px;
  color: #000000;
  margin-bottom: 20px;
  border-bottom: 1px solid #8f8686;
  padding-bottom: 18px;
}

.tmg-bx-1 {
  background: #e3dddd;
  margin-bottom: 30px;
  height: 100%;
}

.tmg-1 h3 {
  font-size: 24px;
  margin-bottom: 30px;
  color: #ffffff;
  background: #ed502e;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}


.content-news-1 h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.content-news-1 button.read-more-1 {
  float: right;
}

.content-news-1 p {
  font-size: 1vw;
  color: #575050;
  margin: 0;
  padding-top: 10px;
  padding-right: 5vw;
}

.content-news-1 p {
  font-size: 15px;
}

section.news-event-section p {
  padding-right: 0;
}

section.news-event-section button.read-more-1 {
  float: none;
}

.footer-1 p {
  font-size: 1.19vw;
  color: #d3d2d1;
  font-weight: 600;
}

.footer-1 h3 {
  font-size: 1.3vw;
  color: #d3d2d1;
  margin-top: 50px;
}

.footer-1 a {
  color: #787776;
  font-size: 1vw;
  font-weight: 400;
}

.bishop-box {
  text-align: center;
  padding: 50px 20px;
  background-color: #f1ead9;
  transition: .7s all;
}

.bishop-box:hover {
  background-color: #e1dfd9;
}

.bishop-box img {
  margin-bottom: 20px;
}
.adm-bx-mn1{
  justify-content: start;
}
.adm-bx h3 {
  font-size: 19px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 6px;
  margin-top: 10px;
  color: #000;
  text-align: center;
}

.adm-bx h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 6px;
  margin-top: 10px;
  color: #5f5858;
  text-align: center;
}

.adm-bx-mn {
  margin-bottom: 40px;
}

.adm-bx img {
  border: 4px solid #ccc;
}

.aud-bx-2 {
  width: 20%;
}

.adm-bx-mn {
  text-align: center;
  justify-content: center;
}


.adm-bg-1 {
  background-image: url(../img/adm/bg.jpg);
  background-attachment: fixed;
  background-size: cover;
}

.lgo-sc .modal-dialog {
  max-width: 100%;
  justify-content: center;
}

.lgo-sc .modal-content {
  width: 500px;
}
.lgo-sc input {
  border-radius: 0px !important;
  font-size: 14px;
}
.lgo-sc textarea {
  border-radius: 0px !important;
  font-size: 14px;
}
.lgo-sc select {
  border-radius: 0px !important;
  font-size: 14px;
}
.lgo-sc label {
  font-size: 15px !important;
  color: #000;
  margin-top: 10px;
}
.lgo-sc  form h5 {
  font-size: 23px;
  color: #000;
  text-transform: uppercase;
}
.lgo-sc .modal-content .modal-footer button {
  background: #ed502e;
  border-color: #ed502e;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}







@media (max-width:767.9px) {
  .aud-bx-2 {
    width: 100%;
  }



  .bnr-frm {
    position: inherit !important;
    background-color: #161d55;
  }

  .navbar-form .form-control {
    margin-bottom: 10px;
    width: 100% !important;
  }

 


}
 
.toggle-button {
  display: none;
}

.adm-bx {
  margin-bottom: 30px;
}

@media (min-width:567.9px) and (max-width:767.9px) {
  .hdr-1 {
    display: flex !important;
  }

  .hdr-1-rght-inr1 p span {
    font-size: 14px;
  }

  .hdr-1-rght-inr1 img {
    height: fit-content;
    margin-right: 7px;
    width: 23px;
  }

  .aply-btn a {
    padding: 5px 11px !important;
    font-size: 13px !important;
  }
 
}

@media (max-width:767.9px) {
  .navbar .dropdown ul a {
    color: #fff;
  }

  .aply-btn a {
    padding: 7px 12px;
    font-size: 12px;
}
.hdr-1-rght-inr1 img {
 
  margin-right: 5px;
  width: 20px;
}
  .bishop-box img {
    width: auto !important;
  }
  .hdr-1-rght-inr1 p span {
    font-size: 15px;
}
  .aud-bx-2 {
    width: 50%;
    margin-bottom: 20px;
  }
  .abt-1 h2 {
  
    text-align: left;
}
  .abt-1 h5 {
    font-size: 15px !important;
    line-height: 25px !important;
    text-align: left !important;
}
  .toggle-button {
    display: block;
  }

  .adm-bx h3 {
    font-size: 15px;
    margin-top: 10px;
  }

  .adm-bx h5 {
    font-size: 13px;
  }

  .bishop-box img {
    width: 100%;
  }

  #hero .carousel-container {
    top: 0;
  }

  #hero {
    height: 70vh;
  }

  .aply-btn {
    margin-left: 0px;
  }
 
  .content-news-1a h3 {

    margin-top: 0 !important;
  }

  .hdr-1-rght {
    justify-content: left;
    padding: 10px 20px 0;
  }

  .an-main {
    padding-right: 15px !important;
  }

  .hdr-1-rght-inr1 {
    margin-bottom: 10px;
  }

  .an-lft {
    padding-right: 15px !important;
  }

  .anouncmnt-1a {
    width: 90%;
    margin: auto;
  }

  .inr-1 h2 {
    font-size: 26px !important;
  }

  .anouncmnt-1 h3 {
    padding-top: 0;
    margin-top: 20px;
  }

  .anouncmnt-1 button.read-more-1 {
    margin-top: 0;
    margin: inherit;
    margin-bottom: 20px;
  }

  .anouncmnt-1a .post-img img.img-fluid {
    width: 100%;
  }

  .inner-banner-text h3 {
    font-size: 30px !important;
  }

  .bishop-box h5 {
    font-size: 16px !important;

  }

  .inr-1 {
    margin-top: 10px;
  }

  span.subheading {
    font-size: 14px;
    line-height: 1;
  }

  .abt-1 h2 {
    color: #e35f06 !important;
    margin-top: 0px !important;
  }

  .an-lft h3 {
    font-size: 21px !important;
    color: #000;
  }
  img.img-fluid.logo-image {
    width: 200px;
}
  .tm1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cntct-bx2 {
    align-items: center;
    display: block !important;
    padding-left: 20px;
  }

  .bishop-box {
    margin-bottom: 20px;
    padding: 20px 10px;
  }

  .tmg-1 h3 {
    font-size: 20px;
  }

  .abt-1 h6 {
    color: #fff;
    margin-top: 30px;
  }

  .tm1 h5 {
    font-size: 16px;
  }

  .inner-section1 h2 {
    font-size: 25px !important;
    margin-bottom: 10px !important;
  }

  .inner-section1 .section-title {
    padding-bottom: 20px;
  }

  .ab-pray-2 h2 {
    font-size: 25px !important;
  }

  .abt-pray-sec h2 {
    font-size: 25px !important;
  }

  .inr-1 p {
    text-align: justify;
  }

  .footer-1 a {
    font-size: 13px;
  }

  .footer {
    padding: 50px 0 0;
  }

  .copyright p {
    font-size: 13px;
  }

  .footer-1 p {
    font-size: 16px;
    margin: 0;
  }

  .footer ul.list-unstyled li a {
    font-size: 14px;
    line-height: 20px;
  }

  .section-title p {

    font-size: 25px !important;

  }

  .about-right-side span.subheading {
    font-size: 12px;

  }

  .top-upcoming h4 {
    font-size: 20px;

  }

  #hero .btn-get-started {

    margin-top: 10px;
    font-size: 14px;
  }

  .section-about h2 {
    font-size: 25px;

  }

  .pray-left-orange-box {
    padding: 20px 20px;
    margin-top: 20px;
  }

  .pray-left-orange-box h6 {
    margin: 0;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 400;
    line-height: 1.4;
  }

  .about-right-side {
    padding: 15px;
    padding-right: 0;
    background: #f4f4f4;
  }

  .pray-right {
    padding: 6vw 5vw;
    text-align: center;
  }

  .upcoming-events-top .text {
    padding: 25px 20px;
  }

  .services-2 .text span.subheading {

    margin-bottom: 30px;

    font-size: 14px;
  }

  .services-2 .text h4 {
    font-size: 16px;

  }

  .right-upcoming {
    top: 10px;
    display: block;
    position: relative;
  }

  .description-1 p {
    line-height: 1.4;
    font-size: 1vw;

  }

  .place-of-heaven h4 {
    font-size: 18px;

  }

  .content-news-1a h3 {
    font-size: 16px;

  }

  .an-lft p {
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
  }

  .description-2 p {

    line-height: 1.4;

  }

  .count-box h3 {
    font-size: 16px;
  }

  .count-box {
    margin-bottom: 30px;
  }

  .section-title h2 {
    font-size: 12px;

  }

  .mbl-c {
    order: 1;
  }

  .gray-bg {
    background: #285b88;
    padding: 1px 30px;
  }

  .bshp-sc .bishop-box {

    margin-bottom: 30px;
  }

  .bishop-box h4 {
    font-size: 14px;
    color: #606060;
    font-weight: 400;
  }

  .bishop-box h3 {
    font-size: 15px !important;

  }

  .sec-video.text-center img {
    width: 60px;
  }

  .video-section h2 {
    font-size: 26px;

  }

  .content-news-1 button.read-more-1 {
    float: left;
  }

  .row.content-news-1 img {
    width: 100%;
  }

  .content-news-1 h3 {
    font-size: 18px;
    margin-top: 30px;

  }

  section {
    padding: 30px 0;
  }

  section.pray-background h2 {
    margin-top: 30px;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
  }

  button.read-more-1 {
    font-size: 14px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  p {
    font-size: 14px !important;

  }

  h3.post-title {
    font-size: 18px;

  }

  .block-23 ul li,
  .block-23 ul li>a {

    margin-bottom: 7px;
  }

  .footer-1 h3 {
    font-size: 14px;
    margin-top:20px;
  }

  .footer .block-21 .text .heading {
    font-size: 14px;

  }

  .footer .footer-heading {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .block-23 ul li .icon,
  .block-23 ul li .text {
    font-size: 13px;
  }
}

@media (min-width:768px) and (max-width:991.9px) {
  .an-main {
    padding-right: 15px !important;
  }


  .an-lft h3 {
    font-size: 24px;
  }
 
  .navbar-mobile .dropdown ul a {
    color: #fff;
  }

  .adm-bx h3 {
    font-size: 14px;
  }

  .adm-bx h5 {
    font-size: 11px;
  }

  .ab-pray-2 img.img-fluid {
    width: auto;
  }

  .ab-pray-2 .pray-right {
    padding: 3vw 3vw;
  }

  .about-right-side {
    padding: 30px 20px;
    padding-right: 9.89vw;
    background: #f4f4f4;
  }

  #hero .btn-get-started {

    font-size: 15px;
  }

  .count-box h3 {
    font-size: 15px;
  }

  .services-2 .text h4 {
    font-size: 15px;

  }

  .description-1 p {
    line-height: 20px;
    font-size: 12px;

  }

  .footer .footer-heading {
    font-size: 20px;

  }

  .bishop-box h3 {
    font-size: 13px;

  }

  .bishop-box h4 {
    font-size: 12px;
    color: #606060;
    font-weight: 400;
  }

  .footer .block-21 .text .heading {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #787776;
  }

  .footer-1 h3 {
    font-size: 20px;
    color: #d3d2d1;
    margin-top: 20px;
  }

  .footer ul.list-unstyled li a {

    font-size: 13px;
    line-height: 20px;
  }

  .footer-1 p {
    font-size: 20px;

  }

  .footer-1 a {

    font-size: 12px;

  }

  .block-23 ul li .icon,
  .block-23 ul li .text {

    font-size: 12px;
  }

  .block-23 ul li,
  .block-23 ul li>a {

    font-size: 18px;
  }

  .copyright p {

    font-size: 15px;
  }

  .post-content.d-flex.flex-column {
    padding: 10px;
    border-top: 0px;
    padding-top: 0;
  }

  h3.post-title {
    font-size: 16px;
    color: #000;
    padding: 12px 0px 7px;
    font-weight: 600;
    margin: 0;
  }

  .post-content.d-flex.flex-column p {
    font-size: 10px;
    line-height: 1.6;
    color: #636161;
  }

  span.post-date {
    background: #ed502e;
    color: #fff;
    padding: 4px 14px;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    font-size: 12px;
  }

  .pray-left-orange-box img {
    margin: auto;
    margin-bottom: 10px;
    width: 40px;
  }

  .pray-left-orange-box h3 {
    font-size: 17px;
  }

  .pray-left-orange-box h6 {
    margin: 0;
    font-size: 10px;
    margin-bottom: 5px;
    font-weight: 400;
    line-height: 1.875vw;
  }

  .content-news-1 h3 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
  }

  .content-news-1 p {
    font-size: 12px;

  }

  .video-section {
    background-image: url(../img/video-bg.jpg);
    padding: 44px 0;
    background-size: cover;
    background-position: center;
  }

  .section-about h2 {

    margin-bottom: 10px;
  }

  .place-of-heaven img {
    width: 40px;
  }

  .services-2 .text span.subheading {
    display: block;
    margin-bottom: 20px;
    color: #e35f06;
    position: relative;
    font-size: 12px;
  }

  .right-upcoming {
    top: -50px;

  }

  .top-upcoming h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin: 4px 0px;
  }

  .icon img {
    width: 50px;
  }

  .description-2 p {
    font-size: 9px;

    line-height: 14px;

  }

  .services-2.services-block p {
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
    margin: 0;
  }

  .services-2.services-block .text h4 {

    font-size: 18px;

  }

  section.counts .count-box {
    font-size: 30px;
  }

  button.read-more-1 {
    padding: 5px 12px;
    margin-top: 20px;
    font-size: 13px;
  }

  .pray-left-orange-box {

    padding: 20px 20px;

  }
}

@media (min-width:992px) and (max-width:1199.9px) {
  .an-main {
    padding-right: 15px;
  }

  .navbar a,
  .navbar a:focus {
    padding: 15px 10px 15px 10px;
    font-size: 15px;
  }

  .anouncmnt-1 h6 {

    margin-bottom: 10px !important;
  }

  .about-right-side {
    padding: 50px 30px;

  }

  .bishop-box h5 {
    font-size: 15px !important;
  }

  .description-1 p {

    font-size: 14px;

  }

  .bishop-box h4 {
    font-size: 14px;

  }


  .ab-pray-2 .pray-left-orange-box {
    padding: 50px 20px;
  }

  .place-of-heaven img {
    width: 40px;
  }

  .count-box h3 {
    font-size: 14px;
  }

  .top-upcoming h4 {
    font-size: 20px;

  }

  .services-2.services-block .text h4 {

    font-size: 22px;

  }

  .footer ul.list-unstyled li a {

    line-height: 20px;
  }

  .services-2.services-block p {
    font-size: 14px;
    line-height: 24px;

  }

  .footer .block-21 .text .heading a {
    color: #787776;
    line-height: 17px;
  }
}
@media (min-width:1200px) and (max-width:1399.9px) {

  .adm-bx h3 {
    font-size: 16px;
  }
  .adm-bx h5 {
    font-size: 14px;
  }





}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
  position: absolute;
}

.modal-dialog {
  width: 100%;
  margin: 0;
}

.inner-banner-text {
  position: absolute;
  width: 100%;
  bottom: 10px;
  display: flex;
  height: 100%;
  align-items: center;
  text-align: center;
}

.inner-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.inner-banner {
  margin-top: 0px;
  position: relative;
}

.inner-banner-text h3 {
  font-size: 3.125vw;
  color: #fff;
  font-weight: 600;
}

.inner-banner-text h6 {
  color: #fff;
}

.inner-section1 {
  padding: 5vw 0;
}

.inner-section1 h2 {
  font-size: 2.604166666666667vw;
  font-weight: bold;
  color: #373535;
  margin-bottom: 30px;
}

.cntct-frm input {
  margin-bottom: 20px;
  background-color: #f3f4f6;
  border-color: #f3f4f6;
  border-width: 2px 2px 2px 2px;
  border-radius: 0px 0px 0px 0px;
  height: 50px;
}

.cntct-frm textarea {
  margin-bottom: 20px;
  background-color: #f3f4f6;
  border-color: #f3f4f6;
  border-width: 2px 2px 2px 2px;
  border-radius: 0px 0px 0px 0px;
}

.cntct-bx1 i {
  font-size: 20px;
  background-color: #ed502e;
  color: #ffffff;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  align-items: center;
  display: grid;
}

.cntct-dtl {
  display: flex;
  margin-bottom: 20px;
}

.bshp-sc h3 {
  margin-top: 0;
  font-size: 25px;

}

.bshp-sc ul {
  align-items: center;
  padding: 0;
  display: flex;
  justify-content: center;
}

.bshp-sc li {
  list-style: none;
  padding-right: 10px;
}

.abt-1 h2 {
  color: #e35f06 !important;
}

.abt-1 h5 {

  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.abt-1 h6 {
  color: #fff;
}

.bshp-sc .bishop-box {
  text-align: center;
}

.gray-bg {
  background: #285b88;
}

.cntct-bx1 {
  display: grid;
}

.cntct-bx2 {
  align-items: center;
  display: block;
  padding-left: 20px;
}

.bishop-box h5 {
  font-size: 1vw;
  margin-top: 20px;
  color: #000;
  font-weight: 600;
}

.bshp-sc h4 {

  line-height: 23px;
}

.gray-bg h3 {
  color: #fff;
}

.gray-bg h4 {
  color: #fff;
}

.anouncmnt-1 h3 {
  padding-top: 0;
}

.anouncmnt-1 h6 {
  font-style: italic;
  font-size: 14px;
  color: #e35f06;
  margin-bottom: 20px;
}

.anouncmnt-1 button.read-more-1 {
  margin-top: 0;
}

.anouncmnt-1 span {
  margin-right: 10px;
}

.anouncmnt-1a .post-img {
  padding: 0;
}

.anouncmnt-1a .post-content {
  padding-bottom: 0 !important;
}

.an-rght .top-upcoming h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px 0px;
}

.an-rght button.read-more-1 {
  background: #b35515;
  width: fit-content;
  color: #fff;
  border: 0;
  padding: 10px 30px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  font-size: 1vw;
}

.right-ancmnt-bx {
  background: #f0690d;
  padding: 3.125vw 0;
  z-index: 9999;
  position: relative;
  overflow: hidden;
}

.content-news-1a h3 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.content-news-1a p {
  font-size: 13px;
  margin-bottom: 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #ffffff;
}

.content-news-1a h6 {
  color: #000000;
  margin-bottom: 10px !important;
}

.anouncmnt-1a p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content-news-1a {
  margin-bottom: 10px;
}

.content-news-1a a.readmore {
  font-size: 14px;
  color: white;
  position: relative;
}

.an-rght h2 {
  font-size: 26px;
  margin-top: 20px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.an-main {
  padding-right: 50px;
}

.an-main button {
  padding: 6px 20px;
}

.an-lft h3 {
  font-size: 28px;
  color: #000;
}

.an-lft {
  padding-right: 50px;
}

.an-sc-rght {
  padding: 20px;
  border: 1px solid #ccc;
  background: #b98224;
}

hr.line-2 {
  color: white;
}

.sidebar {
  width: 100%;
  height: auto;
  overflow: auto;
  position: sticky;
  top: 100px;
  display: block;
}

.an-glry img {
  margin-bottom: 30px;
}

.inr-bnr {
  position: relative;
}

.bnr-txt-inr {
  z-index: 999;
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  align-items: center;
}
 
.inr-bnr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

#header.header-scrolled ul.dropdown-menu a {
  color: #fff !important;
}

.inr-bnr h1 {
  color: #fff;
}
 
.cntct-content h2 {
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 33px;
  color: #1e5ea5;
  font-weight: 700;
}

.contact-form input,
textarea {
  border-radius: 0;
  border-color: #a5a5a5;
  padding: 10px 20px;
}

.contact-form input::placeholder,
textarea::placeholder {
  color: #000;

}

.contact-form button {
  background: #000;
  border: 0;
  padding: 10px 40px;
}

.contact-form form {
  margin-top: 20px;
}

.info-icon img {
  width: auto;
}

.info-box {
  display: flex;
}

.info-icon {
  width: 7%;
}

.info-icon-right {
  width: 93%;
  margin-bottom: 20px;
}

.info-icon-right h5 {
  font-size: 18px;
}

.info-icon-right h6 {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

.info-box1 {
  margin-bottom: 20px;
}


.sub-nav {
  padding: 15px 10px;
  background-color: #161d55;
  border-radius: 0 0 10px 10px;
}
.sub-nav button {
  background-color: #f0690d;
  border: 1px solid #ccc;
  color: #fff;
  width: 100%;
}
.sub-nav button:hover {
  border: 1px solid #ccc;
  color: #fff;
  background-color: #cd9e42;
}
.sub-nav   form {
  text-align: center;
}
.navbar-form .form-group {
 
  margin-bottom: 0;
  vertical-align: middle;
}
section.navigation .form-control {
  width:25%;
}
.navbar-form .form-control {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.bnr-frm {
  position: absolute;
  z-index: 9;
  width: 100%;
}















.search-mn table{
    border-color: #ccc;
}
.search-mn tbody {
    background: #f5f2f2;
}
.search-mn thead {
    text-align: center;
    background: #454242;
    color: #fff;
    font-weight: 400;
}
.search-mn thead th {
  text-align: center;
  color: #fff;
  font-weight: 400;
}
.search-mn td {
  padding: 10px;
  line-height: 30px;
  text-align: center;
  color: #000;
  font-size: 16px;
}
.search-mn td a {
  font-weight: 600;
}
.search-mn td a:hover {
  font-weight: 600;
  color: #ed502e;
}

.srch-bx-mn-1 ul {
  background: #ededed;
  padding: 30px;
}
.srch-bx-mn-1 li {
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.srch-bx-mn-1 h5 {
  font-size: 16px;
  color: #000;
  margin: 0;
  width: 50%;
  line-height: 25px;
}
.srch-bx-mn-1 h5 span {
  font-size: 12px;
 
}
.srch-bx-mn-1 {
  margin-bottom: 40px;
}
.srch-bx-mn-1 h6 {
  font-size: 15px;
  color: #000;
  margin: 0;
  width: 50%;
}







  </style>
<div class="inner-banner">
    <img src="<?php echo $base_url;?>assets/img/banner-about.jpg" class="img-fluid d-none d-md-block">
    <img src="<?php echo $base_url;?>assets/img/mobile-banner.jpg" class="img-fluid d-block d-md-none">
    <div class="inner-banner-text">
      <div class="container  ">
        <h3>SEARCH RESULT </h3>
        <h6> <a href="#"> Home </a> &gt; SEARCH RESULT</h6>
      </div>
    </div>
  </div>

<main id="main">

  <div class="inner-section1 ">
    <div class="container ">
      <div class="row">
        <div class="col-md-12 search-mn  table-responsive">
          <table class="table  table-bordered">
            <thead>
              <tr>
                <th scope="col">No. </th>
                <th scope="col">House Name </th>
                <th scope="col">Name </th>
                <th scope="col">Prayer Unit </th>
                <th scope="col">Contact </th>
                <th scope="col">View Details </th>
              </tr>
            </thead>
            <tbody>
            <?php 

                  $i = 0 ;
                  foreach($family_members as $it){ $i++;
                ?>
              <tr>
                <td><?php echo $i;?></td>
                <td><?php echo $it['perhouse'];?></td>
                <td><?php echo $it['fname'];?></td>
                <td><?php echo $it['prayergroup'];?></td>
                <td><?php echo $it['contact_no'];?></td>
                <td><a href="<?php echo $base_url ?>search_inner/<?php echo $it['fam_id']; ?>">View</a></td>
              </tr>

                <?php }?>
            </tbody>
          </table>
        </div>
 
      </div>
    </div>
    </div>
</main>

<?php include 'views/layout/footer.php'; ?>

<script>
    $( document ).ready(function() {
        $('.clshome').addClass('active');
    });
</script>