/*
Theme Name: Faithbe Child
Theme URI: http://blesswebdesigns.com/
Description: This theme has been developed by Bless Web Designs. Please contact us at support@blesswebdesigns.com for any support.
Author: Bless
Author URI: http://blesswebdesigns.com/
Version: 2.0
Template: faithbe
License: GNU General Public License
License URI: license.txt
Tags: web design, houston website design, dallas web design, website design
------------------------------------------------------------------"*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body, html {
 font-family: "Jost", sans-serif;
  font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.01em;	
}
a {
  color: #000;
  text-decoration: none;
}
a:hover, a:focus {
  color: #000;
  text-decoration: none;
}
a, button, input, select, div, h1, h2, h3, h4, h5, h6 {
  outline: none;
}
p {
  font-family: "Jost", sans-serif;
  font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
	letter-spacing: 0.01em;
}
b, strong {
  font-weight: bold !important;
}
img {
  user-select: none; /* Prevents tooltip display on selection */
}
img {
  pointer-events: none;
}
.cf7-floating-message {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: #ff6666;
  color: white;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  font-size: 1rem;
}
#page {
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
}
#page.site {
  /* clip, not hidden: `hidden` makes #page a scroll container, so the 50px
     translateY of .slide-up-text overflowed it and flashed a vertical
     scrollbar for the 1s of the animation — shifting every centred
     .container 7.5px sideways and back on every page load.
     `clip` blocks horizontal overflow without creating a scroll box. */
  overflow-x: clip;
}
.site-min-height {
  min-height: calc(100vh - 270px);
}
h1 {
font-family: "Inria Serif", serif;
  font-size: 60px;
  margin: 0 0 20px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}
h2 {
font-family: "Inria Serif", serif;
  font-size: 40px;
  margin: 0 0 20px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}
h3 {
font-family: "Inria Serif", serif;
  font-size: 24px;
  margin: 0 0 20px;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
}
h4 { font-family: "Inria Serif", serif;
  font-size: 24px;
  margin: 0 0 20px;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
}
h5 {
  font-size: 22px;
  margin: 0 0 10px;
  line-height: 1;
  font-weight: 700;
  font-family: "Inria Serif", serif;
  font-style: normal;
}
h6 {
  font-size: 20px;
  margin: 0 0 10px;
  line-height: 1.2;
  font-weight: 700;
 font-family: "Inria Serif", serif;
}
.section1_lefticonbox img[src*=".svg"] {
  display: inline-block;
  max-height: 70px;
}
.home-section3 img[src*=".svg"] {
  display: inline-block;
  max-height: 50px;
}
#navbarNavDropdown {
  padding: 15px 0;
  float: right;
}
#myHeader .navbar-toggler-icon {
  color: #fff;
  display: inline-block;
  padding: 5px;
  line-height: 15px;
  width: 30px;
  height: 30px;
}
#navbarNavDropdown .close-icon {
  border: 1px solid #fff;
  color: #fff;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 4px;
  line-height: 28px;
  position: relative;
  right: 12px;
  font-size: 30px;
  top: -10px;
}
#myHeader .navbar-toggler {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* Initial header style */
#myHeader {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
/* Sticky navbar style */
.dropdown-toggle::after {
  content: none !important;
}
.header-right {
	position: relative;
	width: 66%;
	padding-top: 15px;
	text-align: right;
}
.top_phone {
  position: relative;
  padding-right: 15px;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 25px;
  text-align: right;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
  display: none;
}
.top_btn {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}
.topphn {
  text-decoration: none;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
}
.topphn:hover {
  color: #2c9646;
}
.topphn::before {
  content: "";
  position: absolute;
  left: -35px;
  top: 0;
  background-image: url(src/phone-call.svg);
  width: 26px;
  height: 26px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.navbar-brand {
	width: 32%;
	margin-right: 5px !important;
	margin-top: 10px;
}
.navbar-brand img {
  transition: all 0.5s linear;
}
.sticky .navbar-brand img {
  max-width: 305px;
  transition: all 0.5s linear;
}
.navbar {
  position: fixed !important;
  width: 100%;
  z-index: 1000;
  background-color: transparent;
}
.navbar.sticky {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
#myHeader .navbar-box {
  align-items: initial;
}
/* Slide-down animation */
.slide-down {
  transform: translateY(0);
  animation: slideDown 0.3s ease-in-out forwards;
}
/* Define the slide-down keyframes */
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.sticky .top_phone {
	display: none;
}
.sticky .top_btn {
	display: none;
}
/* Theme Options ▸ "Keep CTA in Sticky Header" adds .keep-on-sticky. */
.sticky .top_btn.keep-on-sticky {
	display: block;
}
#navbarNavDropdown {
  transition: all 0.3s ease-in-out; /* Adjust timing and ease for animation */
}
.collapse:not(.show) {
  transform: translateX(100%); /* Slide out when collapsed */
}
.collapse.show {
  transform: translateX(0); /* Bring back when expanded */
}
.dropdown-menu.show {
  background-color: #182630;
}
#navbarNavDropdown ul li ul.dropdown-menu li a {
	font-size: 15px;
	color: #fff;
	text-align: left;
	padding: 2px 10px;
	text-transform: none;
}
#navbarNavDropdown ul li ul.dropdown-menu li:hover a {
  color: var(--fb-pink);
  background-color: transparent !important;
}
#navbarNavDropdown ul li ul.dropdown-menu li a:active {
  color: var(--fb-pink);
}
#navbarNavDropdown ul li.current-menu-parent a {
  color: var(--fb-pink);
}
#navbarNavDropdown ul li.current-menu-parent ul.dropdown-menu li.current-menu-item a {
  color: var(--fb-pink);
}
#navbarNavDropdown ul li {
  padding: 4px 5px;
}
#navbarNavDropdown ul li a {
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 21px;
	text-align: right;
	color: #fff;
	/*text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.75);*/
	transition: all 0.5s linear;
	text-transform: uppercase;
}
#navbarNavDropdown ul li.current-menu-item a.nav-link {
  color: var(--fb-pink);
}
#navbarNavDropdown ul li a:hover{color: var(--fb-pink);}
/* home banner or slider or video */
#videoExamplepart video {
	height: 800px;
	object-fit: cover;
	opacity: 1 !important;
}
.home-slider-block .carousel-item {
  padding: 0;
}
.page-header-block .sub_title {
  font-family: "Jost", sans-serif;
  text-transform: none;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 60%;
}
#carouselExampleCaptions .carousel-item {
  height: 850px;
}
#carouselExampleCaptions img {
  height: 100vh;
  width: 100%;
}
#carouselExampleCaptions .carousel-caption {
  text-align: center;
  top: 45%;
  max-width: 1140px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#carouselExampleCaptions .carousel-caption h1 {
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 54px;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
  margin-bottom: 15px;
}
#carouselExampleCaptions .carousel-caption p {
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
  margin-bottom: 35px;
}
#carouselExampleCaptions .get-started-btn {
  background-color: #2c9646;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  padding: 15px 20px;
  border-radius: 6px;
}
#carouselExampleCaptions .get-started-btn:hover {
  background: #3366CC !important;
  color: #fff !important;
}
#carouselExampleCaptions button {}
#videoExamplepart .carousel-caption {
  text-align: left;
  top: 38%;
  max-width: 1170px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 15px;
}
#videoExamplepart .carousel-caption h1 {
 font-family: "Jost", sans-serif;
  font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 49px;
  color: #FFFFFF;
  /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);*/
	margin-bottom: 20px;
}
#videoExamplepart .carousel-caption p {
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 32px;
	color: #FFFFFF;
	/*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);*/
	margin-bottom: 35px;
}
#videoExamplepart .get-started-btn {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4892f+0,fccb55+29,e3a95f+70,c88a37+100 */
  background: linear-gradient(to right, rgba(196, 137, 47, 1) 0%, rgba(252, 203, 85, 1) 29%, rgba(227, 169, 95, 1) 70%, rgba(200, 138, 55, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-family: "Jost", sans-serif;
  border: 0;
  display: inline-block;
  width: auto;
  color: #000;
  cursor: pointer;
  padding: 15px 20px;
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
#videoExamplepart .get-started-btn:hover {
  background: #3366CC !important;
  color: #fff !important;
}
#videoExamplepart .slide-up-text {
  max-width: 500px;
}
#videoExamplepart p.slide-up-text {
	max-width: 750px;
}
#carouselExampleCaptions .carousel-indicators {
  display: none;
}
#videoExamplepart {
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
}
/* Removed: legacy `#videoExamplepart::before/::after { content:none; display:none }`.
   They suppressed an old overlay that no longer exists, and their `display:none`
   was silently killing the two Figma banner gradients further down this file —
   those rules set `content` but never `display`, so nothing outbid it. */
#slider_buttons {
  display: flex;
  justify-content: left;
}
.slider-wrapper-button {
  margin: 10px 0;
}
.request-btn {
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  background: #1E1E1E;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  text-transform:uppercase;
  padding: 10px 25px;
}
.request-btn:hover {
  background: #000;
  color: #FFFFFF;
}
.contact-btn {
  background: none;
  border-radius: 5px;
  display: inline-block !important;
  width: auto;
  padding: 16px 25px;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
}
.contact-btn:hover {
  background: #007FFF;
  color: #FFFFFF;
  border: 1px solid #007FFF;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 14px;
  color: #dc3232;
  border: 1px solid #dc3232 !important;
  text-align: center;
  font-family: "Jost", sans-serif!important;
}
#contact-form .wpcf7-spinner {
	left: -25%;
	top: -36px;
	float: right;
}
/* Initially hide the navbar menu and position it off the screen */
.navbar-collapse-right {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 300px; /* Adjust width as needed */
  background-color: white; /* Menu background color */
  z-index: 1050;
  transform: translateX(100%); /* Hide off-screen */
  transition: transform 0.3s ease-in-out;
}
/* Show the menu when it's active (after toggling) */
.navbar-collapse.show {
  transform: translateX(0); /* Slide in from right */
}
/* White navbar-toggler icon */
.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1) !important; /* Optional: Change border color to white */
}
.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E') !important;
}
/* Optional: Adjust the size of the toggler icon if necessary */
.navbar-toggler-icon {
  width: 1.5em;
  height: 1.5em;
}
/* slider top */
.home .wrapper {
  padding: 0;
}
/* footer */
footer {
  background-color: #231F20;
  position: relative;
}
#foot1 #media_image-5 {
  max-width: 180px;
}
#contact-form *::placeholder {
  color: #392A30;
  opacity: 1;
}
#rdbtn .wpcf7-list-item {
  width: 33%;
  margin-bottom: 15px;
  margin-left: 0;
}
#rdbtn span {}
#contact-form .wpcf7-not-valid-tip {
  /* position: absolute; */
  /* font-size: 14px; */
  /* width: 285px; */
  /* bottom: 5px; */
  /* display: flex; */
}
.wpcf7-response-output {
  margin: 0 !important;
}
#contact-form .radio {
  display: block;
  cursor: pointer;
  user-select: none;
  text-align: left;
  & + .radio {
    margin-top: 12px;
  }
  input {
    display: none;
    & + span {
      display: inline-block;
      position: relative;
      padding-left: 30px;
      &:before {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 0px;
        border-radius: 50%;
        margin-right: 5px;
        width: 16px;
        height: 16px;
        border: 1px solid #ffa629;
        background: #fff;
      }
      &:after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: #ffa629;
        position: absolute;
        border-radius: 50%;
        top: 7px;
        left: 3px;
        opacity: 0;
        transform: scale(0, 0);
        transition: all .2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
      }
    }
    &:checked + span:after {
      opacity: 1;
      transform: scale(1, 1);
    }
  }
}
.top_footer {
  padding-top: 80px;
}
.top_footer h3 {
  margin-bottom: 10px;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.top_footer ul {
  color: #fff;
  margin: 0;
  padding: 0;
}
.top_footer ul li {
  list-style: none;
  padding-bottom: 10px;
}
.top_footer ul li a {
  display: inline-block;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.top_footer ul li a:hover {
  color: #2c9646;
}
.footer-address-box li a {
  transition: all 0.5s linear;
}
.footer-address-box li a:hover {
  transition: all 0.5s linear;
  padding-left: 2px;
}
.top_footer .widget_nav_menu ul li a {
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  transition: all 0.5s linear;
}
.top_footer .widget_nav_menu ul li a:hover {
  padding-left: 2px;
  transition: all 0.5s linear;
  color: #2c9646;
}
#foot2 {
  position: relative;
}
#foot2 ul {
  padding-left: 15px;
}
#foot2 ul li::before {
  content: "";
	position: absolute;
	left: -12px;
	top: 13px;
	width: 4px;
	height: 4px;
	background-color: #2c9646;
	border-radius: 100%;
}
#foot3 {
  position: relative;
}
#foot3 ul {
  padding-left: 15px;
}
#foot3 ul li::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 13px;
	width: 4px;
	height: 4px;
	background-color: #2c9646;
	border-radius: 100%;
}
.copyright-text {
font-family: "Jost", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.copyright {
  position: relative;
  padding: 0px;
}
.copyright ul {
  margin: 0;
  text-align: right;
}
.copyright ul li {
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  padding: 0 8px;
  position: relative;
}
.copyright ul li a {
  font-family: "Jost", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.copyright ul li a:hover {
  color: #2c9646;
}
.copyright .menu-footer-menu-container ul li:last-child {
  position: relative;
}
.copyright .menu-footer-menu-container ul li:last-child::after {
  content: "";
  position: absolute;
  left: -3px;
  height: 14px;
  width: 1px;
  background-color: #aabfce;
  top: 5px;
}
.socialfooter {
  position: relative;
  display: block;
}
.socialfooter #Icon_awesome-facebook-f {
  fill: #000;
}
.socialfooter #Icon_awesome-facebook-f:hover {
  fill: #fff;
}
.socialfooter #Icon_awesome-instagram {
  fill: #000;
}
.socialfooter #Icon_awesome-instagram:hover {
  fill: #fff;
}
.socialfooter #twitter {
  fill: #000;
}
.socialfooter #twitter:hover {
  fill: #fff;
}
.socialfooter #Icon_awesome-linkedin-in {
  fill: #000;
}
.socialfooter #Icon_awesome-linkedin-in:hover {
  fill: #fff;
}
.socialfooter ul li {
	display: inline-block;
	margin-right: 0;
	margin-left: 0px;
	padding: 0 2px;
}
.socialfooter ul li svg {
	fill: #fff;
	height: 30px;
	padding: 5px;
	width: 30px;
	border: 1px solid #fff;
	border-radius: 100%;
	background-color: transparent;
}
.socialfooter ul li svg:hover {
  fill: #2c9646;
  border: 1px solid #2c9646;
}
#foot4 ul {
  text-align: right;
}
.contactpage_formpart .wpcf7 {
  max-width: 730px;
}
.contactpage_addresspart p a {
  text-decoration: none;
  color: #182630;
}
#form_contact .wpcf7 {
  max-width: 100%;
}
#form_contact {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#contact-form p {
  margin: 0;
}
.footer-address-box {
  list-style: none outside none;
  padding: 0;
  margin: 0 0 45px;
}
.footer-address-box li img {
	position: absolute;
	left: 0;
	top: 6px;
	max-width: 18px;
	max-height: 22px;
}
.footer-address-box li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  list-style: none !important;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
}
.footer-address-box p {
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	margin-bottom: 15px;
}
footer a {
  text-decoration: none;
}
#inner-footer .widget {
  margin-bottom: 25px;
}
/* For button */
#innerpage-wrapper .elementor-size-sm {
  padding: 10px 20px;
  border-radius: 5px;
  font-family: "Montserrat", sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
}
#innerpage-wrapper .elementor-size-sm:hover {}
/* For blog */
.blog-page-container {
  padding: 0px;
}
#innerpage-wrapper .blog-thumb img {
  width: 353px;
  height: 235px;
  object-fit: cover;
}
.blogpost_page {
  padding: 80px 0 50px !important;
}
.page-item.active span {
	background-color: #ED184B !important;
	border: 1px solid #ED184B !important;
}
#main article {
	border-bottom: 1px dashed #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.page-item a {
  color: #18662C;
}
.blog-post h4 a {
  font-size: 22px;
  color: #14234C;
  text-decoration: none;
  line-height: 26px;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 700;
}
.blog-post h4 {
  font-size: 22px;
  color: #000;
  text-decoration: none;
  line-height: 32px;
  font-family: "Jost", sans-serif;
}
#Icon_awesome-calendar-alt {
  fill: #2c9646;
}
.post-meta {
  font-size: 15px;
  margin-bottom: 10px;
}
.post-meta a {
  text-decoration: none;
  color: #2c9646;
}
.blog-post {
  position: relative;
}
.post_text .btn {
  font-family: "Jost", sans-serif;
  background-color: #18A2B6;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #fff;
  border-radius: 4px;
}
.post_text .btn:hover {
  color: #fff;
  background-color: #3366CC;
}
.error404 .white-space-fix {
  background: none;
  margin: 0;
  padding: 35px 0 0 0;
}
.error404 #error-404-wrapper {
  padding-top: 30px;
  padding-bottom: 100px;
}
.error404 h1 {
  text-align: center;
  font-size: 200px;
  line-height: 250px;
  color: #000;
}
.error404 #content {
  text-align: center;
}
.error404 .search-form {
  width: 100%;
  max-width: 75%;
  margin: 30px auto;
}
.error404 .submit {
	background-color: #ED184B !important;
	border: 1px solid #ED184B !important;
	color: #000;
	font-weight: 600;
}
.white-space-fix:not(.no-banner) {
  padding: 30px 0;
  margin: 0px 0 70px;
  position: relative;
  background: linear-gradient(to right, rgba(162, 107, 37, 1) 0%, rgba(214, 143, 43, 1) 49%, rgba(162, 107, 37, 1) 100%);
}
.search .white-space-fix {
  padding: 200px 0 60px;
  margin: 0px 0 70px;
  position: relative;
  background: #000;
  text-align: center;
}
.search .no-results {
  text-align: center;
}
.search .submit {
  background-color: #ED184B !important;
  border: 1px solid #ED184B !important;
  color: #fff !important;
  font-weight: bold;
}
.blog-thumb-overflow {
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-thumb {
  height: 235px;
  position: relative;
  transition: transform 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  -webkit-transition: transform 0.3s ease 0s;
}
.blog-post .blog-content-box:hover .blog-thumb {
  transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
}
.blog-content-box {
  margin-bottom: 50px;
}
.search-results h3 a {
  font-size: 30px;
  margin-bottom: 10px;
  font-family: "Jost", sans-serif;
  line-height: 42px;
  text-decoration: navajowhite;
  color: #000;
}
.search-results .type-page {
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.search-results .type-page .btn {
  border-radius: 6px;
  font-size: 15px;
  color: #000;
  font-family: "Jost", sans-serif;
  border: 1px solid #2c9646 !important;
  background-color: #2c9646;
  padding: 8px 18px;
  display: inline-block;
  font-weight: 600;
}
#search-wrapper {
  padding: 0px 0 50px!important;
}
.search-results .btn {
  background-color: #2c9646;
  border: 1px solid #2c9646 !important;
  border-radius: 6px;
  color: #000;
  font-weight: 600;
  font-size: 15px;
  padding: 8px 18px;
  display: inline-block;
}
.search-results .btn:hover {
  color: #fff;
  background: #3366CC;
}
.post-meta time {
  position: relative;
  top: 2px;
}
.navbar-nav .dropdown-menu {
  background-color: #000;
}
#map-text p {
  color: #ffffff !important;
  padding: 0px !important;
}
/* For responsive design, you can ensure this only applies on larger screens */
@media (min-width: 768px) {
  .navbar-nav li.dropdown:hover > .dropdown-menu {
    display: block;
  }
  /* Show dropdowns on hover */
  .navbar-nav li.dropdown:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
  }
  .navbar-nav li.dropdown:hover > .dropdown-menu {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
}
/* Slide-up animation */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(50px); /* Start from below */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* End at its normal position */
  }
}
.slide-up-text {
  animation: slideUp 1s ease-in-out both; /* Apply the slide-up animation */
}
#wrapper-navbar .navbar.sticky {
  left: 0;
  width: 100%;
  position: fixed;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  background: #000;
}
.contact_sectionright .wpcf7-response-output {
  color: #fff;
}
.white-space-fix:not(.no-banner) h1 {
  color: #000;
}
.error-message {
  color: red;
  font-size: 0.9em;
  display: none; /* Hide initially */
}
.wpcf7-not-valid + .error-message {
  display: inline; /* Show error message when input is invalid */
}
/* Initial state of the element */
.feed-up-effect {
  opacity: 0;
  transform: translateY(50px); /* Starts slightly below its position */
  transition: all 0.8s ease-out; /* Adjust timing for smoothness */
}
/* Active state when scrolled into view */
.feed-up-effect.active {
  opacity: 1;
  transform: translateY(0); /* Moves to its natural position */
}
.page-header-block {
  position: relative;
  padding: 255px 0 80px;
  text-transform: uppercase;
  background-color: #000000;
}
.page-header-block::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	background: linear-gradient(0deg, rgba(250, 240, 250, 0.75), rgba(250, 250, 250, 0.95));
}
.page-header-block h1 {
	text-transform: none;
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 44px;
	color: #392A30;
	z-index: 1;
	position: relative;
}
.post-meta svg path {
	fill: #18A2B6 !important;
}
/* footer part */
#foot2 ul li {
  position: relative;
}
#foot3 ul li {
  position: relative;
}
/* innerpage part */
#inner_clientpart h2 {
  color: #fff !important;
}
#inner_clientpart p {
  color: #fff !important;
}
#inner_clientpart .client-slider {
  border: 0;
  box-shadow: none !important;
}
#inner_clientpart .elementor-testimonial__text {
  color: #fff !important;
}
#inner_clientpart .elementor-testimonial__name {
  color: #fff !important;
}
#inner_clientpart .elementor-testimonial__title {
  color: #fff !important;
}
#inner_clientpart .client-slider::before {
  background-color: transparent;
  border: 0;
}
#inner_clientpart .client-slider .swiper-pagination-bullet-active {
  background: #fff;
  border: 1px solid #fff;
}
#contactpage_form .wpcf7 {
  max-width: 100%;
}
#contact-form .col-md-6 {}
#myHeader .btn-donate {
	background: #1E1E1E;
	border-radius: 8px;
	display: inline-block;
	position: relative;
	text-align: center;
	color: #fff;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
}


#myHeader .btn-donate:hover {
  background: #000;
  color: #fff;
}

/* homepage form part */
#txfld {
	border: 1px solid #392A30;
	border-radius: 10px;
	background-color: transparent;
	color: #392A30;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 50px;
	margin-bottom: 20px;
}
#txfld1 {
	border: 1px solid #392A30;
	border-radius: 10px;
	background-color: transparent;
	color: #392A30;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 50px;
	margin-bottom: 20px;
}
#txfld2 {
	border: 1px solid #392A30;
	border-radius: 10px;
	background-color: transparent;
	color: #392A30;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 50px;
	margin-bottom: 20px;
}
#txfld3 {
	border: 1px solid #392A30;
	border-radius: 10px;
	background-color: transparent;
	color: #392A30;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 50px;
	margin-bottom: 20px;
}
.dp {
	border: 1px solid #392A30 !important;
	border-radius: 10px;
	background-color: transparent !important;
	color: #392A30 !important;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 50px;
	margin-bottom: 20px;
	background-image: url(src/polygon.svg);
	background-position: center right 15px;
	background-repeat: no-repeat;
}
.dp option {
	color: #000 !important;
}
#contact-form select:focus {
	box-shadow: none;
}
#snd {
	background-color: #1E1E1E;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 40px;
	border-radius: 8px;
	color: #FFFFFF;
	display: block;
	width: auto;
	padding: 6px 50px 6px 20px;
	border: 0;
	background-image: url(src/arrow-rt.svg);
	background-repeat: no-repeat;
	background-position: center right 20px;
	margin:0 auto;
}
#snd:hover {
	background-color: #ED184B;
}
#txtmgs{
	border: 1px solid #392A30;
	border-radius: 10px;
	background-color: transparent;
	color: #392A30;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 175px;
	margin-bottom: 20px;
}
#text-mgs {
	border: 1px solid rgba(35, 50, 98, 0.7);
	border-radius: 10px;
	background-color: transparent;
	color: #fff;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 100px;
	margin-bottom: 20px;
}
.contact-infobox a{ color:#000;}
.contact-infobox a:hover{ color:#18A2B6;}

.sv-curvimg img {
	filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.25)) !important;
}
.elementor-67 .elementor-element-42e0d6b0 {
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.3));
    overflow: visible !important;
}
.faqbox {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.4);
}
.pn-services .svc-body {
	background-image: url(src/boxbg.svg);
	background-repeat: no-repeat;
	background-position: bottom right 20px;
	background-size: 133px;
}

/* homepage part */
.white-space-fix.no-banner,
.no-banner {
  margin: 0;
  padding: 200px 0 30px;
  background: #FBF7F1 !important;
  width: 100%;
}
.error404 .white-space-fix {
	padding: 100px 0;
}
#errorpagetop {
	padding-bottom: 0 !important;
}
.no-banner h1 {
	font-family: "Jost", sans-serif;
	font-size: 34px;
	font-weight: 800;
	line-height: 44px;
	color: #392A30;
}
#privacy_page p {
	font-size: 15px;
	line-height: 23px;
}
#privacy_page h4 {
  font-size: 20px;
  line-height: 20px;
}
#privacy_page h5 {
  font-size: 20px;
  line-height: 20px;
}
#main #privacy_page ul li {
	font-size: 15px;
	line-height: 23px;
}
#privacy_page p a {
	color: #000;
}
#privacy_page p a:hover {
	color: #18a2b6;
}
#privacy_page ul li p{ margin-bottom:0;}

#main .e-con-inner ul li {
	font-family: "Jost", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 28px;
	list-style: square;
	padding-bottom: 0px;
}
.neuro_service-template .e-con-inner ul {
	padding-left: 15px;
}
.neuro_service-template .e-con-inner ul li {
	font-family: "Jost", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 28px;
	list-style: square;
	padding-bottom: 0px;
}
#wrapper-footer {
	padding: 20px 0;
}
.copyright-footer {
	display: flex;
	float: right;
}
.menu-footer-menu-container ul li {
	padding: 0 8px;
}
.copyright ul {
	padding-left: 10px;
}

#foot3 ul li:nth-child(2) {
	padding-left: 10%;
}
#foot3 ul li:nth-child(2)::before {
	left: 32px;
}

#foot3 ul li:nth-child(4) {
	padding-left: 10%;
}
#foot3 ul li:nth-child(4)::before {
	left: 32px;
}

#foot3 ul li:nth-child(6) {
	padding-left: 10%;
}
#foot3 ul li:nth-child(6)::before {
	left: 32px;
}

#foot3 ul li:nth-child(8) {
	padding-left: 10%;
}
#foot3 ul li:nth-child(8)::before {
	left: 32px;
}

#foot3 ul li:nth-child(10) {
	padding-left: 10%;
}
#foot3 ul li:nth-child(10)::before {
	left: 32px;
}
.cf7-overlay-message {
	bottom: -8px !important;
	left: 0;
	right: 0;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 2px 6px !important;
}
#snd:focus {
	border: 0 !important;
	box-shadow: none;
}
.servicepage_section1 ul {
	padding-left: 0 !important;
}
#txtmgs:focus {
	box-shadow: none !important;
}
#contact-form input:focus {
	box-shadow: none !important;
}
#benefit_section .elementor-icon-box-icon {
	padding-top: 10px;
}
#main .e-con-inner ul {
	padding-left: 15px;
	margin-bottom: 15px;
}
#benefit_pic1 img {
	object-fit: cover;
}
#privacy_page h1, h2, h3, h4, h5, h6 {
  color: #000;
}
.testimonial-author {
	font-family: "Jost", sans-serif;
}
.testimonial-organization {
	font-family: "Jost", sans-serif;
}

.socialfooter ul li:nth-child(2) svg {
	padding: 3px;
}
#ct_left a {
	color: #000;
}
#ct_left a:hover {
	color: #2c9646;
}
#main .e-n-accordion-item {
	border-bottom: 1px dashed #63696A;
}
.d-img img {
	object-fit: cover;
}
.curv-img {
	position: relative;
}
.curv-img::after {
	content: "";
	position: absolute;
	left: -20px;
	bottom: -20px;
	background-image: url(src/curv.svg);
	width: 162px;
	height: 170px;
}
#main .e-n-accordion-item:last-child {
	border: 0;
}
.request-btn img {
	padding-left: 5px;
}
.btn-donate img {
	padding-left: 5px;
	position: relative;
	top: -1px;
}

/* =============================================
   Single Neurology Service — full-width layout
   ============================================= */
#single-neuro-service-wrapper {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
#single-neuro-service-wrapper .neuro-service-main {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
#single-neuro-service-wrapper .neuro-service-single,
#single-neuro-service-wrapper .neuro-service-content {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
/* Allow Elementor full-width sections inside the content to span edge-to-edge */
#single-neuro-service-wrapper .neuro-service-content > .elementor,
#single-neuro-service-wrapper .neuro-service-content > .elementor-section,
#single-neuro-service-wrapper .neuro-service-content > .elementor-section-wrap {
	width: 100%;
	max-width: 100%;
}


.blog-thumb img {
	border-radius: 10px !important;
}
.blog-thumb img:hover {
	border-radius: 10px !important;
}
.single-neuro_service .elementor-button {
	padding: 8px 25px;
	margin-top: 10px;
}
#meet {
	cursor: inherit;
}
.faqbox .accordion-item {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.faqbox .accordion-item h3 {
	font-family: "Jost", sans-serif;
	font-size: 22px;
	line-height:24px;
	font-weight: 600;
}
.faqbox .accordion-button:not(.collapsed) {
	box-shadow: none !important;
}
.faqbox .accordion-item:last-child {
	border-bottom: 0 !important;
}
.resource_box ul li {
	margin-bottom: 12px;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #eaeaea;
	display: inline-block;
	line-height: 30px;
}
.resource_box ul li a {
	color: #1B75BA;
}
#contact-addressinfo p a {
	color: #fff;
}
#contact-addressinfo p a:hover {
	color: #18A2B6;
}
.resource_box1 ul li {
	margin-bottom: 12px;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #eaeaea;
	display: block;
	line-height: 30px;
	list-style:none;
}
.resource_box1 ul {
	padding-left: 0 !important;
}
.resource_box1 ul li a {
	color: #1B75BA;
}
.resource_box2 ol {
	padding-left: 20px;
}
.resource_box2 ol li {
	padding-bottom: 10px;
}
#contact-form p span {
	color: #fff;
	margin-bottom: 10px;
	display: block;
}
#contact-form .dt {
	border: 1px solid rgba(35, 50, 98, 0.7);
	border-radius: 10px;
	background-color: transparent;
	color: #fff;
	font-family: "Jost", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	height: 50px;
	margin-bottom: 20px;
}
/* ==========================================================================
   FaithBe — header + video banner (Figma: Faith-Be.fig, home hero)
   Everything here is driven by ACF; swap the three font vars to retune.
   ========================================================================== */

/* Gasttula — the script face the Figma source uses for every section eyebrow
   ("From the Store", "The Directory", "Heaven's Hub"). It is a licensed font,
   so the files are not in the repo: drop Gasttula-Bold.woff2/.woff into
   /fonts/ and this picks them up. Until then the stack falls back to
   AdobeHandwriting-Tiffany. */
@font-face {
  font-family: "Gasttula";
  src: url("fonts/Gasttula-Bold.woff") format("woff"),
       url("fonts/Gasttula-Bold.otf") format("opentype"),
       url("fonts/Gasttula-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gasttula";
  src: url("fonts/Gasttula-Bold.woff") format("woff"),
       url("fonts/Gasttula-Bold.otf") format("opentype"),
       url("fonts/Gasttula-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gasttula";
  src: url("fonts/Gasttula-Regular.woff") format("woff"),
       url("fonts/Gasttula-Regular.otf") format("opentype"),
       url("fonts/Gasttula-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gasttula";
  src: url("fonts/Gasttula-Italic.woff") format("woff"),
       url("fonts/Gasttula-Italic.otf") format("opentype"),
       url("fonts/Gasttula-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AdobeHandwriting-Tiffany";
  src: url("fonts/AdobeHandwriting-Tiffany.woff2") format("woff2"),
       url("fonts/AdobeHandwriting-Tiffany.woff") format("woff"),
       url("fonts/AdobeHandwriting-Tiffany.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --fb-pink: #ed184b;      /* Figma brand pink */
  --fb-pink-dark: #c8123e;
  --fb-ink: #231f20;
  --fb-body-font: "Montserrat", sans-serif;
  --fb-heading-font: "Lora", Georgia, "Times New Roman", serif;
  --fb-script-font: "Gasttula", "AdobeHandwriting-Tiffany", "Segoe Script", cursive;
  --fb-script-size: 32px;
}

.font-gasttula {
  font-family: "Gasttula", cursive !important;
}

/* ==========================================================================
   FIGMA TITLE DECORATIVE LINE (Replicated from node-id=16-144 / Line 1)
   Specs: width 44px, height 1px, color rgba(237, 24, 75, 0.2), gap 10px,
   vertical alignment center (middle).
   ========================================================================== */
.fb-heading-line-yes .elementor-heading-title,
.fb-title-line .elementor-heading-title,
.fb-title-line.elementor-heading-title {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

.fb-heading-line-yes .elementor-heading-title > a,
.fb-title-line .elementor-heading-title > a {
  display: inline-flex !important;
  align-items: center !important;
  color: inherit;
}

/* Right / After position (Figma default) */
.fb-heading-line-yes:not(.fb-line-pos-left) .elementor-heading-title::after,
.fb-heading-line-yes.fb-line-pos-right .elementor-heading-title::after,
.fb-heading-line-yes.fb-line-pos-both .elementor-heading-title::after,
.fb-title-line .elementor-heading-title::after,
.fb-title-line.elementor-heading-title::after {
  content: "" !important;
  display: inline-block !important;
  width: 44px;
  height: 1px;
  background-color: rgba(237, 24, 75, 0.2);
  margin-left: 10px;
  flex-shrink: 0 !important;
}

/* Left / Before position */
.fb-heading-line-yes.fb-line-pos-left .elementor-heading-title::after {
  display: none !important;
}

.fb-heading-line-yes.fb-line-pos-left .elementor-heading-title::before,
.fb-heading-line-yes.fb-line-pos-both .elementor-heading-title::before,
.fb-title-line-left .elementor-heading-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 44px;
  height: 1px;
  background-color: rgba(237, 24, 75, 0.2);
  margin-right: 10px;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   FIGMA HOMEPAGE DESIGN SYSTEM (node-id=0-1, Faithbe-home 1440px)
   Global alignment, spacing, padding, gapping, and typography standards
   ========================================================================== */

/* 1. Global Content Container (Figma 1240px centered with 100px margins on 1440px) */
.fb-container,
.fb-section-container,
.elementor-section.fb-section > .elementor-container,
.elementor-container.fb-container {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* 2. Section Vertical Spacing (Figma 80px - 100px vertical padding) */
.fb-section,
.fb-section-pad {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.fb-section-pad-sm {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* 3. Section Background Colors (Exact Figma hex codes) */
.fb-bg-cream {
  background-color: #fbf7f1 !important;
}
.fb-bg-white {
  background-color: #ffffff !important;
}
.fb-bg-sage {
  background-color: #c7cdbf !important;
}
.fb-bg-wine {
  background-color: #2b0024 !important;
}

/* 4. Section Header Layout & Alignment */
.fb-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px 40px;
  max-width: 1240px;
  margin: 0 auto 60px;
  width: 100%;
}

.fb-section-head--center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 756px;
  margin: 0 auto 50px;
}

.fb-section-head--center .fb-heading-line-yes .elementor-heading-title,
.fb-section-head--center .fb-title-line .elementor-heading-title {
  justify-content: center !important;
}

/* 5. Typography Rhythm matching Figma */
/* Eyebrows */
.fb-eyebrow,
.elementor-widget-heading.fb-eyebrow .elementor-heading-title {
  font-family: var(--fb-script-font) !important;
  font-size: 32px !important;
  line-height: 24px !important;
  letter-spacing: 0.01em !important;
  color: var(--fb-pink) !important;
  margin-bottom: 14px !important;
}

/* Section Headings */
.fb-title,
.elementor-widget-heading.fb-title .elementor-heading-title {
  font-family: "Inria Serif", Georgia, serif !important;
  font-size: clamp(30px, 2.78vw, 40px) !important;
  font-weight: 400 !important;
  line-height: 46px !important;
  letter-spacing: 0.01em !important;
  color: var(--fb-ink) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Section Intros */
.fb-intro {
  font-family: "Jost", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  letter-spacing: 0.01em !important;
  color: #000000 !important;
  max-width: 423px;
}

/* 6. Standard 3-Column Card Grids (Frame 39, Help cards, etc.) */
.fb-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}

.fb-card-boxed {
  background: #ffffff;
  border: 1px solid rgba(196, 196, 196, 0.5);
  border-radius: 10px;
  padding: 30px 25px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fb-card-boxed:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(57, 42, 48, 0.08);
}

/* 7. Buttons matching Figma (15px Jost Medium uppercase, 5px radius) */
.fb-btn,
.elementor-button.fb-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 12px 28px !important;
  background-color: var(--fb-pink) !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  font-family: "Jost", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  border: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.fb-btn:hover,
.elementor-button.fb-btn:hover {
  background-color: var(--fb-pink-dark) !important;
  color: #ffffff !important;
}

@media (max-width: 991px) {
  .fb-section,
  .fb-section-pad {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .fb-grid-3 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ---- Header: no bar ----
   Figma (Faith-Be.fig ▸ frame "header", 1440×114) has no fill on the header
   frame — the menu row sits straight on the banner behind it. */
#myHeader {
  background: transparent;
}
#myHeader .navbar-toggler {
  background: transparent;
}
/* Figma ▸ "header" 1440×114: logo top 15, logo 200×94 → 15 + 94 + 5 = 114. */
#wrapper-navbar .navbar {
  padding-top: 15px;
  padding-bottom: 5px;
}
/* Logo x=101 … button/menu right edge x=1341 → 1240 content, centred in 1440. */
#myHeader .navbar-box {
  max-width: 1240px;
  width: 100%;
}
.navbar-brand {
  width: auto;
  margin-top: 0;
}
.navbar-brand img {
  width: 200px;
  max-width: 200px;
  height: auto;
  max-height: 94px;
}
.header-right {
  width: auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  /* Button top sits at y=20 in Figma; the navbar already pads 15. */
  padding-top: 5px;
}
.top_btn {
  display: block;
  float: none;
  padding-right: 0;
  /* Button ends y=62, menu text row is centred on y=92 (Figma). The <li> is
     15px of text + 6px padding either side, so 62 + 16 + 13.5 ≈ 92. */
  margin-bottom: 16px;
}
#myHeader .btn-donate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 194px;
  height: 42px;
  padding: 0 24px;
  background: var(--fb-pink);
  border-radius: 5px;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  transition: background 0.25s ease;
}
#myHeader .btn-donate:hover {
  background: var(--fb-pink-dark);
  color: #fff;
}
#navbarNavDropdown {
  float: none;
  width: auto;
  padding: 0;
}
#myHeader .navbar-nav {
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
}
#myHeader .navbar-nav > li {
  flex: 0 0 auto;
}
#myHeader .navbar-nav > li > a,
#myHeader .navbar-nav .nav-link {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #392a30;
  padding: 6px 0;
  white-space: nowrap;
  transition: color 0.2s ease;
}
#myHeader .navbar-nav > li > a:hover,
#myHeader .navbar-nav > li.current-menu-item > a,
#myHeader .navbar-nav > li.current_page_item > a {
  color: var(--fb-pink);
}
/* Sticky state keeps the design readable once the video scrolls away. */
#wrapper-navbar .navbar.sticky {
  background: #fbf7f1;
}
/* Homepage is exempt: the header there sits over the video with its own
   warm gradient overlay, so it stays transparent as originally designed. */
body.home #myHeader {
  background: transparent;
}
body.home #wrapper-navbar .navbar.sticky {
  background: #fff;
}
#wrapper-navbar .navbar.sticky .navbar-nav > li > a {
  color: var(--fb-ink);
}

/* ---- Video banner (Figma: Faith-Be.fig ▸ banner 5:8, 1440×781) ----
   The frame carries three stacked video fills plus two gradient overlays. The
   theme plays one video (ACF: banner_video); the overlays are reproduced below
   from the gradient handle positions in the .fig source. */
#videoExamplepart.videobanner {
  position: relative;
  height: 781px;
  overflow: hidden;
  background: #000;
  /* Contains the blend modes below so they mix with the video, not the page. */
  isolation: isolate;
}
/* !important beats the legacy inline styles on <video>, so the banner still
   renders correctly if homepage-slider.php has not been uploaded yet. */
#videoExamplepart .pn-banner-video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto;
  bottom: auto;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  /* Anchor the TOP of the video, not its centre. Figma's frame is exactly
     1440px wide, where cover crops only 29px — so the nav sits over sky. Any
     wider viewport crops much more (299px at 1920, 659px at 2560) and centring
     pushes the tree line up behind the menu, killing its contrast. Anchoring
     top keeps rows 0-114 — the sky — under the nav at every width, and takes
     the crop off the foreground lavender instead. */
  object-position: center top !important;
  transform: none !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none;
}

/* Overlay 1 — the warm sky glow that keeps the dark nav readable.
   Figma: #ffdb6f 100%→0% down the top 31.2%, opacity .80, blend SCREEN. */
#videoExamplepart.videobanner::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .8;
  mix-blend-mode: screen;
  background: linear-gradient(180deg, #ffdb6f 0%, rgba(255, 219, 111, 0) 31.2%);
}

/* Overlay 2 — the dark mass the hero copy sits on. Figma: #180117 100%→0%,
   opacity .85, blend MULTIPLY.

   The .fig stores a gradientTransform that maps LAYER space into gradient
   space, so the centre and radii come from its INVERSE — inverting gives
   centre (12.2%, 61.4%) and semi-axes .3705/.4924 of the frame. Reading the
   matrix forwards puts the centre off-canvas and doubles the radii, which
   darkens the whole left edge including the top corner; in Figma that corner
   is bright warm sky and the dark pool sits low, under the copy.

   Figma's ellipse is tilted: at 1440×781 its semi-axes are 547×394px rotated
   -12.83°, which is what carries the shade up and to the right so it sits
   UNDER the hero copy. radial-gradient() cannot rotate, so the box itself is
   rotated and the gradient fills it with `closest-side` — a box of exactly
   2a × 2b then yields precisely those semi-axes. Sizing it in % of the banner
   keeps it proportional when the banner shortens on smaller screens. */
#videoExamplepart.videobanner::after {
  content: "";
  display: block;
  position: absolute;
  left: 22.2%;
  top: 60.4%;
  width: 76%;    /* 2 × 547.2px at the 1440px design width */
  height: 101%;  /* 2 × 394.4px at the 781px design height */
  transform: translate(-50%, -50%) rotate(-12.83deg);
  z-index: 2;
  pointer-events: none;
  opacity: .85;
  mix-blend-mode: multiply;
  background: radial-gradient(ellipse closest-side, #180117 0%, rgba(24, 1, 23, 0) 100%);
}

/* Figma: Frame 3 at x=99 y=257, 537×352, drop shadow 0 0 8px rgba(0,0,0,.55).
   top is a percentage (257/781) so the block keeps its place when the banner
   is scaled down on narrow screens. */
#videoExamplepart .carousel-caption {
  display: block; /* Bootstrap hides .carousel-caption under 768px */
  position: absolute;
  z-index: 3;
  top: 32.9%;
  bottom: auto;
  left: 0;
  right: 0;
  transform: none;
  /* border-box so max-width is the outer width: the 15px gutter then puts the
     copy at x=100 in a 1440 frame, matching the design's x=99 and the 100px
     gutter every other section uses. */
  box-sizing: border-box;
  max-width: 1270px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .55));
}

/* Figma vertical rhythm inside Frame 3, by line box:
   32 eyebrow · 9 · 138 title (3×46) · 18 · 84 copy (3×28) · 21 · 50 button = 352 */
#videoExamplepart .banner-eyebrow {
  display: block;
  font-family: var(--fb-script-font);
  font-size: var(--fb-script-size, 32px);
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  margin: 0 0 20px;
}
#videoExamplepart .carousel-caption h1 {
  font-family: "Inria Serif", Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 46px;
  line-height: 46px;
  letter-spacing: 0;
  color: #fff;
  margin: 0 0 18px;
}
#videoExamplepart .carousel-caption p {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: .01em;
  color: #fff;
  margin: 0 0 21px;
}
#videoExamplepart .slide-up-text,
#videoExamplepart p.slide-up-text {
  max-width: 537px;
}

#slider_buttons {
  display: flex;
  justify-content: flex-start;
  gap: 14px;
  flex-wrap: wrap;
}
.slider-wrapper-button {
  margin: 0;
}
/* Figma: 157×50, radius 5, #ed184b, Jost Medium 15px/100% ls 2% upper. */
#videoExamplepart .request-btn,
#videoExamplepart .contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* border-box so min-width is the button's outer width, not its content box. */
  box-sizing: border-box;
  min-width: 157px;
  height: 50px;
  padding: 0 24px;
  border: 0;
  border-radius: 5px;
  background: var(--fb-pink);
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  transition: background .25s ease;
}
#videoExamplepart .request-btn:hover,
#videoExamplepart .contact-btn:hover {
  background: var(--fb-pink-dark);
  color: #fff;
}
/* The design has one button; the second is the theme's optional outline variant. */
#videoExamplepart .contact-btn {
  background: transparent;
  border: 1px solid #fff;
}
#videoExamplepart .contact-btn:hover {
  background: #fff;
  color: var(--fb-ink);
}

@media (max-width: 1199px) {
  #videoExamplepart.videobanner { height: 640px; }
  #videoExamplepart .carousel-caption h1 { font-size: 38px; line-height: 40px; }
  #videoExamplepart .carousel-caption p { font-size: 19px; line-height: 26px; }
}
@media (max-width: 767px) {
  #videoExamplepart.videobanner { height: 560px; }
  #videoExamplepart .carousel-caption { top: 26%; }
  #videoExamplepart .carousel-caption h1 { font-size: 30px; line-height: 34px; }
  #videoExamplepart .carousel-caption p { font-size: 17px; line-height: 25px; }
}

/* ==========================================================================
   FaithBe — footer (Figma: Faith-Be.fig ▸ Faithbe-home ▸ footer, 1440×512)
   Every measurement below is the Figma value at a 1440px frame; the layout is
   normal flow (not absolute) so it reflows on narrow screens.
   ========================================================================== */

:root {
  --fb-plum: #392a30;
  --fb-cream: #fbf7f1;
  --fb-sand: #f3e2d5;
  --fb-gold: #be9540;
  --fb-serif: "Inria Serif", Georgia, "Times New Roman", serif;
  --fb-sans: "Jost", "Montserrat", sans-serif;
  --fb-meta: "Epilogue", "Montserrat", sans-serif;
}

/* The floral wave that caps the footer. Figma art_board_2: 1446×131, so the
   SVG is stretched (preserveAspectRatio="none") rather than scaled — matching
   the design at any viewport width. */
.fb-footer-divider {
  background: var(--fb-cream);
  line-height: 0;
  margin-bottom: -1px;
}
.fb-footer-divider img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1445 / 131;
}
@media (max-width: 820px) { .fb-footer-divider { background: #fbf7f1; } }

.fb-footer {
  position: relative;
  overflow: hidden;
  background: var(--fb-plum);
  padding: 40px 0 42px;
  font-family: var(--fb-sans);
}
.fb-footer * {
  box-sizing: border-box;
}

/* "BE IN FAITH" — Figma: 1439×147 pinned to the footer's bottom edge, #ed184b
   at 10%. Sits behind everything; never intercepts clicks. */
.fb-footer-watermark {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1440px;
  height: auto;
  opacity: 0.1;
  pointer-events: none;
  user-select: none;
}

.fb-footer-inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.fb-footer-top {
  display: flex;
  align-items: flex-start;
  gap: 27px;
}

/* ---- Brand column ---- */
.fb-footer-brand {
  flex: 1 1 auto;
  min-width: 0;
}
.fb-footer-logo {
  display: inline-block;
  line-height: 0;
}
.fb-footer-logo img {
  width: 236px;
  max-width: 100%;
  height: auto;
}
.fb-footer-tagline {
  margin: 21px 0 0;
  font-family: var(--fb-serif);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #fff;
}
.fb-footer-socials {
  display: flex;
  gap: 11px;
  margin: 43px 0 0;
  padding: 0;
  list-style: none;
}
.fb-footer-socials li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fb-footer-socials li::before {
  content: none;
}
.fb-footer-socials a {
  display: block;
  line-height: 0;
  transition: opacity 0.2s ease;
}
.fb-footer-socials a:hover {
  opacity: 0.72;
}
.fb-footer-socials img {
  /* The hand-drawn badge is 47×44 in the Figma vector, not a 44px circle;
     the viewBox is -1 0 48 44 so nothing clips. Pitch stays 59px (48 + 11). */
  display: block;
  width: 48px;
  height: 44px;
}

/* ---- Link columns (widgets: Footer 1 / 2 / 3) ---- */
.fb-footer-cols {
  display: flex;
  gap: 27px;
  flex: 0 0 auto;
  padding-top: 24px;
}
.fb-footer-col {
  width: 228px;
}
.fb-footer-col .widget {
  margin: 0;
}
.fb-footer-col .widgettitle,
.fb-footer-col .widget-title {
  margin: 0 0 14px;
  font-family: var(--fb-serif);
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #fff;
  text-transform: none;
}
.fb-footer-col ul,
.fb-footer-col .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fb-footer-col li {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.fb-footer-col li:last-child {
  margin-bottom: 0;
}
.fb-footer-col li::before {
  content: none;
}
.fb-footer-col a {
  font-family: var(--fb-sans);
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: var(--fb-sand);
  text-decoration: none;
  transition: color 0.2s ease;
}
.fb-footer-col a:hover {
  color: var(--fb-pink);
}

/* ---- Disclaimer ---- */
.fb-footer-disclaimer {
  margin: 51px 0 0;
  font-family: var(--fb-sans);
  font-weight: 300;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--fb-gold);
}

/* ---- Bottom row ---- */
.fb-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 43px;
}
.fb-footer-copy,
.fb-footer-policy a {
  font-family: var(--fb-meta);
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: var(--fb-sand);
}
.fb-footer-policy-menu {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fb-footer-policy-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fb-footer-policy-menu li::before {
  content: none;
}
.fb-footer-policy-menu li + li::before {
  content: "|";
  content: "|" / "";
  margin-right: 12px;
  color: var(--fb-sand);
}
.fb-footer-policy a {
  text-decoration: none;
  transition: color 0.2s ease;
}
.fb-footer-policy a:hover {
  color: var(--fb-pink);
}

@media (max-width: 1199px) {
  .fb-footer-col { width: 190px; }
  .fb-footer-tagline { font-size: 21px; }
}

@media (max-width: 991px) {
  .fb-footer-top { flex-direction: column; gap: 36px; }
  .fb-footer-cols { padding-top: 0; flex-wrap: wrap; gap: 10px 27px; }
  .fb-footer-col { width: calc(33.333% - 18px); min-width: 160px; }
  .fb-footer-disclaimer { margin-top: 20px; }
  .fb-footer-bottom { margin-top: 32px; }
}

@media (max-width: 767px) {
  .fb-footer { padding: 32px 0 36px; }
  .fb-footer-tagline { font-size: 19px; line-height: 24px; }
  /* First two widgets share a row; the third drops to the next row. */
  .fb-footer-col { width: calc(50% - 14px); min-width: 0; }
  .fb-footer-col:nth-child(3) { width: 100%; }
  .fb-footer-col .widgettitle,
  .fb-footer-col .widget-title { font-size: 21px; }
  .fb-footer-disclaimer { font-size: 14px; line-height: 24px; text-align: left; }
  .fb-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  .fb-footer-copy,
  .fb-footer-policy a { font-size: 14px; }
}
.rd-img img {
	object-fit: cover;
}
.sm-img::after {
	content: "";
	position: absolute;
	left: -4px;
	top: 6px;
	background-color: #fff;
	width: 10px;
	height: 60%;
	border-radius: 30px 0 0 0;
	z-index: -1;
}
.rd-img{
	position: relative;
}
.rd-img::before {
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	left: -35px;
	top: -30px;
	background-image: url(src/rg1.svg);
	background-size: 100%;
}
.rd-img::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 150px;
	left: 125px;
	bottom: -65px;
	background-image: url(src/rg2.svg);
	background-size: 100%;
}
#text-btn .elementor-button-icon {
	padding-top: 2px;
}
#text-btn {
	position: relative;
}
#text-btn::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #BE9540;
	width: 100%;
	height: 1px;
}
.fb-footer-col li a:hover {
	padding-left: 2px;
	transition: all 0.5s linear;
}
.elementor-heading-title::after {
	margin-top: 12px;
}
.fb-dir__eyebrow::after {
	margin-top: 12px;
}
.fb-prod__eyebrow::after {
	margin-top: 12px;
}
.fb-cwl__name a {
	color: #000;
}
.fb-cwl__name a:hover {
	color: #ed184b;
}