/*!
Theme Name: Hanning House
Theme URI: http://underscores.me/
Author: Munir
Author URI: http://underscores.me/
Description: This is custom theme for hanning house.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hanning-house
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Hanning House is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap");
/*----- Font Family ------*/
@font-face {
  font-family: "Libre Bodoni", serif;
  src: url(css/LibreBodoni.ttf);
}
@font-face {
  font-family: 'Libre Franklin', sans-serif;
  src: url(css/LibreFranklin.ttf);
}

/* Basic Reset and General Styles */
:root {
  --primary-color: #fff; /* Example primary color */
  --secondary-color: #1d1d1d; /* Your dark primary color */
  --dark-color: #415159;
  --bg-light-site: #f3f2ef;
  --secondary-dark-color: #657d87;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: 'Libre Franklin', sans-serif;
  color: #333;
  background-color: var(--bg-light-site);
  line-height: 1.6;
  overflow-x: hidden !important;
}

/* Container and Spacing */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.section-padding {
  padding: 60px 0;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Libre Bodoni", serif;
  color: #1d1d1d;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height:150%;
}

p {
  font-family: "Libre Franklin", sans-serif;
  line-height:150%;
  font-size:16px;
  margin-bottom: 1rem;
  color: #1d1d1d;
}

/* Text Color */
.text-secondary {
  color: var(--secondary-color);
}

/* Background */
.bg-secondary {
  background-color: var(--secondary-color);
  color: #fff;
}
.bg-dark {
  background-color: var(--dark-color) !important;
}

/* Links */
a {
  color: var(--secondary-color);
  text-decoration: none;
  transition: color 0.3s ease;
  font-family: 'Libre Franklin', sans-serif;
}

a:hover {
  /* color: var(--dark-color); */
  color: var(--secondary-dark-color);
  cursor: pointer !important;
}
img {
  max-width: 100%;
}
/* Buttons */
.btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 400;
	font-family: "Libre Franklin";
  /* text-transform: capitalize; */
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-primary {
  background-color: #fff;
  color: var(--dark-color);
  border: 1px solid #ffffff;
  border-radius: 25px;
  width: fit-content;
}
.btn-primary:hover {
  background-color: var(--dark-color);
  color: #fff;
  border: 1px solid #ffffff;
}
.btn-outline-primary {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.btn-outline-primary:hover {
  color: var(--primary-color);
  background-color: transparent;
  border: 1px solid var(--primary-color);
}
.btn-book-visit {
  border: 1px solid var(--dark-color);
}

.btn-secondary {
  background-color: var(--dark-color);
  color: var(--bg-light-site);
  border: 1px solid var(--dark-color);
  border-radius: 25px;
  width: fit-content;
}
.btn-secondary:hover {
  background-color: var(--dark-color);
}
.btn-outline-secondary {
  color: var(--secondary-dark-color);
  border: 1px solid var(--secondary-dark-color);
}
.btn-outline-secondary:hover {
  background-color: var(--dark-color);
  color: var(--bg-light-site);
}
/* General Navbar Styles */
.desktop-header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
}

/* Default navbar for all pages */
.custom-navbar {
  background-color: var(--dark-color); /* Dark grayish-blue */
  transition: background-color 0.3s ease;
}

/* On Home only: start transparent */
body.home .custom-navbar {
  background-color: transparent;
}

/* On Home, when scrolled: solid */
body.home .custom-navbar.scrolled {
  background-color: var(--dark-color);
}


.navbar-brand {
  color: #ffffff;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.navbar-brand .logo {
  height: 70px;
  margin-right: 10px;
}

/* Nav Link Styles */
a.nav-link {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #000 !important;
  text-transform: capitalize;
  transition: color 0.3s ease;
  padding: 8px 15px;
}
ul#menu-main-menu li a {
  color: var(--bg-light-site);
}
ul#menu-main-menu .sub-menu li a:hover {
  background-color: #649886;
  color: var(--primary-color) !important;
  cursor: pointer !important;
}
a.nav-link:hover {
  color: var(--dark-color); /* Light gray for hover effect */
}

/* Active Link Color */
a.nav-link.active {
  color: var(--dark-color) !important; /* Custom active color */
}

/* Dropdown Menu Styles */
.navbar-nav .dropdown-menu {
  background-color: var(--secondary-dark-color);
}

.dropdown-item {
  color: #ffffff;
}

.dropdown-item:hover {
  background-color: var(--secondary-dark-color);
}
button.navbar-toggler {
  background-color: #fff;
}

/* Offcanvas Customization */
.offcanvas-end {
  transition: transform 0.3s ease-in-out;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}
/* Offcanvas Link Color */
.offcanvas a.nav-link {
  color: #525e67;
}

/* Offcanvas Link Hover */
.offcanvas a.nav-link:hover {
  color: var;
}
.carousel-indicators button {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  opacity: 0.7;
  border-radius: 50%;
  transition: opacity 0.3s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

/* Responsive Styles */
@media (max-width: 992px) {
  .navbar-brand {
    font-size: 16px;
  }
  .navbar-nav .nav-link {
    font-size: 14px;
  }
  .btn-book-visit {
    padding: 5px 10px;
  }
}
@media (max-width: 760px) {
  a.nav-link {
    color: var(--dark-color) !important;
  }
}

/* Footer */
footer {
  background-color: #222;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}
/* Utility Classes */
.text-center {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

ul#menu-footer-third-menu {
    padding-left: 0rem !important;
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
  h1 {
    font-size: 1.75rem;
  }

  .btn {
    font-size: 0.875rem;
  }

  .header .nav-link {
    margin: 0 10px;
  }
  .career-head {
    margin-top: 80px !important;
  }
}

/* Make sure the submenu is hidden by default */
/* .navbar-nav .menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -40px;
  background-color: var(--primary-color);
  z-index: 99;
} */
.navbar-nav .menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  background-color: var(--primary-color);
  z-index: 9;
  top: 60px;
}
li#menu-item-27 a {
    line-height: 50px;
}
ul#menu-main-menu {
    line-height: 50px;
}
.sub-menu li a{
    line-height: 30px !important;
}
/* .sub-menu.show {
  display: block;
} */
.sub-menu {
  display: none; /* Hide submenu by default */
}

.sub-menu.show {
  display: block; /* Show submenu when the 'show' class is added */
}
#mobile-menu ul.sub-menu{
    border-radius: 40px !important;
}
.navbar-nav .menu-item {
  position: relative;
}
li.menu-item {
    list-style: none;
}
section.custom-border {
    border-top: 2px solid white;
}
.modal-body {
    padding: 0px;
}
.d-grid p {
    margin-bottom: 0px !important;
}
/* Show the submenu when hovering over the parent item */
.navbar-nav .menu-item-has-children:hover .sub-menu ul {
  padding-top: 20px;
}
.navbar-nav .menu-item-has-children:hover .sub-menu {
  display: block;
}

.navbar-nav .menu-item-has-children .sub-menu .menu-item a {
  color: #1d1d1d !important;
  text-decoration: none;
  padding: 10px;
  display: block;
  width: 170px;
  font-family: "Libre Franklin", sans-serif;
}

.navbar-nav ul {
  padding: 0px;
}
/* .navbar-nav .menu-item-has-children .sub-menu .menu-item a:hover {
  background-color: #649886;
  color: #fff;
} */
.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.offcanvas {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 50px;
}

li.menu-item-has-children::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f3f2ef' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E") no-repeat center;

  background-size: contain;
  vertical-align: middle;
}

/* Optional: Adjust for mobile view */
@media (max-width: 768px) {
  .navbar-nav .menu-item-has-children .sub-menu {
    position: static;
    width: 100%;
    box-shadow: none;
	border-radius: 40px;
  }
  li.menu-item-has-children::after {
    position: absolute;
    top: 19px;
    /* margin-left: 0.5em; */
    right: 30%;
  }
  li.menu-item-has-children::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E") no-repeat center;
  }
  /* .navbar-nav .menu-item-has-children .sub-menu {
    top: 100%;
    left: -40px;
    background-color: var(--primary-color);
    z-index: 99;
  } */
}

/* Offcanvas Customization */
.offcanvas-end {
  transition: transform 0.3s ease-in-out;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}
/* Offcanvas Link Color */
.offcanvas a.nav-link {
  color: #525e67;
}

/* Offcanvas Link Hover */
.offcanvas a.nav-link:hover {
  color: var;
}
.carousel-indicators button {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  opacity: 0.7;
  border-radius: 50%;
  transition: opacity 0.3s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

/* Responsive Styles */
@media (max-width: 992px) {
  .navbar-brand {
    font-size: 16px;
  }
  .navbar-nav .nav-link {
    font-size: 14px;
  }
  .btn-book-visit {
    padding: 5px 10px;
  }
}
/* Responsive Breakpoints */
@media (max-width: 767.98px) {
  h1 {
    font-size: 1.75rem;
  }

  .btn {
    font-size: 0.875rem;
  }

  .header .nav-link {
    margin: 0 10px;
  }
}

/*--------------------------- Home Page Style -------------------------*/
/* Base styles for desktop */
h1.section-heading {
  font-size: 56px;
  line-height: 67.2px;
}

h2.section-heading {
  font-family: libor bdoni;
  font-size: 100px;
  line-height: 100px;
}

h3.section-heading {
  font-size: 48px;
  line-height: 57.6px;
}

img.pricing-logo {
  width: 30%;
}

p.section-text {
  font-size: 18px;
  line-height: 30px;
}

h4.section-heading {
  font-size: 32px;
  line-height: 41.6px;
}

p.services-text {
  font-size: 16px;
  line-height: 24px;
}

h3.vicarage-heading {
  font-size: 48px;
  line-height: 57.6px;
}

h3.card-head {
  font-size: 40px;
  line-height: 48px;
  width: 100%;	
}

h2.join-section-heading {
  font-size: 80px;
  color: #ffffff;
  line-height: 96px;
}

p.card-text {
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}

/* Responsive adjustments for tablets */
@media (max-width: 991px) {
  h1.section-heading {
    font-size: 38px;
    line-height: 48px;
  }

  h2.section-heading {
    font-size: 70px;
    line-height: 96px;
  }

  h3.section-heading,
  h3.vicarage-heading {
    font-size: 40px;
    line-height: 48px;
  }

  h3.card-head {
    font-size: 36px;
    line-height: 43px;
  }

  h4.section-heading {
    font-size: 28px;
    line-height: 35px;
  }

  h2.join-section-heading {
    font-size: 57px;
    line-height: 77px;
  }
  /* .btn {
    width: 100%;
  } */
}

/* Section Styling */
.image-carousel-section {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

/* Carousel Styling */
#carouselExample .carousel-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Carousel Images */
#carouselExample .carousel-item img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

/* Carousel Pagination Dots */
.carousel-indicators {
  bottom: 20px;
  left: 10%;
}

.carousel-indicators button {
  background-color: #ffffff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  opacity: 0.6;
}

.carousel-indicators button.active {
  background-color: var(--dark-color); /* Active dot color */
  opacity: 1;
}

.carousel-indicators button:hover {
  opacity: 1;
}

.container-sticky {
  position: relative;
  display: flex;
  flex-direction: column;
  /* max-width: 480px; */
  gap: 24px;
  align-items: center;
}

.card-sticky {
  box-sizing: border-box;
  position: sticky;

  display: flex;
  align-items: center;
  justify-content: center;
}
h3.sticky-heading {
  font-size: 40px;
  line-height: 48px;
}
p.sticky-text {
  font-size: 18px;
  line-height: 24px;
}
.one {
  top: 50px;
  /* background: #6b04fd; */
}
/* All sticky cards are aligned equally, with the top edges set to the same value.*/
.two {
  top: 50px;
  /* top: 80px; */
  /* background: #5a03d5; */
}
.three {
  top: 50px;
  /* top: 110px; */
  /* background: #4b05ad; */
}

.four {
  top: 50px;
  /* top: 110px; */
  /* background: #2c0076; */
}
.owl-dots {
  display: flex;
  margin-top: -30px;
}
.owl-theme .owl-dots .owl-dot{
	display: none;
}
.owl-nav {
  display: flex;
  justify-content: end;
  margin-top: 0px !important;
}
button.owl-prev {
  border: 1.5px solid #000 !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background-color: transparent !important;
}
button.owl-next {
  border: 1.5px solid #000 !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background-color: transparent !important;
}
button.owl-next:hover {
  background-color: var(--secondary-dark-color) !important;
}
button.owl-prev:hover {
  background-color: var(--secondary-dark-color) !important;
}
.owl-carousel-second .owl-dots {
  margin-top: -70px !important;
  z-index: 99;
  position: absolute;
  margin-left: 50px;
}
/* .owl-carousel.owl-carousel-second.owl-theme {
  margin: 0px 30px;
} */

a.btn.btn-outline-primary {
  color: #fff;
  border: 1px solid #fff;
}
a.btn.btn-outline-primary:hover {
  color: var(--secondary-dark-color);
  border: 1px solid #fff;
  background-color: #fff;
}
.tov-head{
	width: 820px !important;
}
h2.accordion-header button {
  font-size: 32px !important;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 400;
  line-height: 41.6px;
 padding: 20px 0px !important;
  color: var(--secondary-color) !important;
}
.accordion-body {
  font-size: 18px !important;
  line-height: 27px !important;
  padding: 20px 0px;
}
.accordion-item {
  border: none;
  border-top: 2px solid var(--secondary-color) !important;
  border-radius: 0px !important;
}
/* testimonial background */

/* Container and general layout */
.container-sticky {
  position: relative;
  padding-top: 20px;
}

.card-sticky {
  display: flex;
  align-items: flex-start;
  margin-bottom: 80px;
  /* background-color: #f3f2ef; */
}

.sticky-image {
  justify-content: end;
  display: flex;
}
.sticky-image img {
  max-height: 500px;
  max-width: 80%;
  object-fit: cover;
}
.sticky-content {
  margin-bottom: 40px;
}

/* Spacing adjustments for text */
.section-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.section-text,
.sticky-text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.container-sticky {
  position: relative;
  padding-top: 20px;
}

.card-sticky {
  display: flex;
  align-items: flex-start;
  margin-bottom: 80px;
  /* background-color: #f3f2ef; */
}

.sticky-image {
  justify-content: end;
  display: flex;
}
.sticky-image img {
  max-height: 500px;
  max-width: 80%;
  object-fit: cover;
}
.sticky-content {
  margin: 20px 0px !important;
}

/* Spacing adjustments for text */
.section-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.section-text,
.sticky-text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.hero-section.row.px-4.px-md-5 {
  margin: 0px !important;
}
.container.post-featured-image img {
  width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
}
/* 	.owl-carousel-first .owl-item.active {
    width: 530px !important;
} */
/* Disable sticky effect and adjust layout for mobile devices */

@media (max-width: 576px) {
	.owl-carousel .owl-item img {
   /* height: 85vh;*/
    object-fit: cover;
}
	.owl-carousel-first .owl-item.active {
    width: 300px !important;
}
  .container-sticky {
    padding-top: 10px;
  }
/* .card-sticky.one {
    position: relative;
} */
  .card-sticky {
    display: block; /* Stack items vertically */
    margin-bottom: 0px !important; /* Reduce spacing */
    position: sticky;
	   top: 80px;
  }

  .sticky-image {
    justify-content: center; /* Center the image */
    margin-bottom: 0px; /* Add spacing below the image */
	  padding: 0px 15px !important;
  }

  .sticky-image img {
    max-width: 100%; /* Allow the image to fill the container */
    max-height: auto; /* Adjust height automatically */
  }

  .sticky-content {
    margin-bottom: 20px; /* Reduce bottom margin */
	  position: sticky;
  }

  .section-heading {
    font-size: 20px; /* Adjust heading font size for mobile */
  }

  .section-text,
  .sticky-text {
    font-size: 14px; /* Adjust text font size for readability on small screens */
  }
	ul#menu-footer-first-menu {
margin-bottom: 0px;
  gap: 17px;
}
ul#menu-footer-second-menu {
  gap: 17px;
}
	.about-hero-image img{
    height: 220px;
    object-fit: cover;
}
	section#block-18 {
    display: none;
}
	
}
ul#menu-footer-first-menu {
margin-bottom: 0px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
ul#menu-footer-second-menu {
  gap: 10px;
  display: flex;
  flex-direction: column;
}


h4.news-category {
  font-size: 14px;
  line-height: 21px;
  background-color: var(--dark-color);
  color: #ffffff !important;
  font-weight: 400;
  padding: 4px 8px;
  width: fit-content;
}
h3.news-title {
  font-size: 24px;
  line-height: 34.6px;
  margin: 0px !important;
}
p.news-text {
  font-size: 16px;
  line-height: 24px;
}
.news-button {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: var(--secondary-color);
  text-decoration: none;
}
.news-thumbnail img {
  width: 700px !important;
  height: 250px !important;
  object-fit: cover !important;
}
.accordion-button:focus {
  z-index: 3;
  outline: none !important;
  box-shadow: none !important;
}
.bg-site-light {
  background-color: var(--bg-light-site) !important;
}
/* Footer Css */
.footer-text {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: var(--primary-color);
}
.footer-links li {
  font-size: 14px;
  font-weight: 300 !important;
}
section#block-9 p {
  color: white !important;
}
ul#menu-footer-first-menu {
  padding-left: 10px;
}
ul#menu-footer-first-menu li a{
  color: white;
}
ul#menu-footer-second-menu {
  padding-left: 10px;
}
ul#menu-footer-second-menu li a{
  color: white;
}
ul#menu-footer-third-menu {
  display: flex;
  gap: 10px;
  text-decoration: underline;
  flex-wrap: wrap;
}
ul#menu-footer-third-menu li a{
  color: white;
}
a.wp-block-social-link-anchor {
  background-color: var(--dark-color);
  padding: 0px;
}
.footer-links li a:hover {
  color: var(--bg-light-site);
}
.other-footer-link li {
  font-size: 14px;
  font-weight: 300 !important;
}
.other-footer-link li a {
  text-decoration: underline !important;
}
.other-footer-link li a:hover {
  color: var(--bg-light-site);
}
ul.wp-block-social-links {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}

/* about */
.about-head {
  width: 768px;
}
h2.about-heading {
  font-size: 56px;
  line-height: 67.2px;
}
h2.job-heading {
  font-size: 56px;
  line-height: 67.2px;
}
.about-hero-image img {
  max-width: 100% !important;
}
h3.overview-heading {
  font-size: 40px;
  line-height: 48px;
}
p.overview-text {
  font-size: 16px;
  line-height: 24px;
}
.overview-text li{
    list-style: disc !important;
}
/* care service */
.iconbasedbtn:after {
  content: "";
    display: inline-block;
    width: 18px; /* Adjust the width as needed */
    height: 20px; /* Adjust the height as needed */
    background-image: url('https://obsessioncontent.hanninghomes.com/wp-content/uploads/2024/11/icon.png');
    background-size: cover;
    margin-left: 8px; /* Add space between text and image */
}
h3.care-heading {
  font-size: 24px;
  line-height: 33px;
}
p.reprt-text {
  font-size: 20px;
  line-height: 30px;
}
.report-card {
  list-style: none;
  padding: 0;
  margin: 0;
}
.report-card li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
  border-bottom: 1px solid #657d87;
  font-size: 18px;
}
.report-card li:last-child {
  border-bottom: none;
}
.report-card .icon {
  font-size: 1.25rem;
  color: #657d87;
}

h3.service-tab-heading {
  font-size: 40px;
  line-height: 47px;
}
div#v-pills-tab {
 /* border-left: 1px solid #000000; */
}
.nav-pills .nav-link {
  border-bottom: 1px solid #000000 !important;
  border-radius: 0px;
  font-family: "Libre Bodoni", sans-serif !important;
  text-align: left;
  font-size: 32px;
  color: var(--secondary-color) !important;
  padding: 30px 20px !important;
}
.nav-pills .nav-link:hover {
  background-color: #649886;
  color: #fff !important;
  border-color: #649886;
}
.nav-pills .nav-link.active {
  background-color: #649886;
  color: #fff !important;
  border-color: #649886;
}
/* Responsive adjustments for mobile */
@media (max-width: 576px) {
  h1.section-heading {
    font-size: 27px;
    line-height: 37px !important;
  }

  h2.section-heading {
    font-size: 27px;
    line-height: 37px;
  }

  h3.section-heading,
  h3.vicarage-heading {
    font-size: 27px !important;
    line-height: 37px;
    text-align: left !important;
  }
	h3.overview-heading {
  font-size: 32px;
  line-height: 40px;
}
	h3.tab-section{
		text-align: center !important;
	}
  h3.service-tab-heading {
    font-size: 32px;
    line-height: 40px;
  }
  h3.sticky-heading {
    font-size: 32px !important;
    line-height: 37px !important;
  }
  h3.card-head {
    font-size: 22px;
    line-height: 28px;
  }

  h4.section-heading {
    font-size: 32px;
    line-height: 37px;
  }

  h2.join-section-heading {
    font-size: 40px;
    line-height: 50px;
    width: 80%;
	  margin-bottom: 20px !important;
  }

  p.section-text,
  p.card-text {
    font-size: 18px !important;
    line-height: 25px !important;
    text-align: left !important;
  }
  p.services-text {
    font-size: 16px;
    line-height: 20px;
  }
  h2.about-heading {
    font-size: 27px;
    line-height: 37px;
  }
  h2.job-heading {
    font-size: 56px;
    line-height: 67.2px;
  }

  img.pricing-logo {
    width: 50%;
  }
  .btn {
    width: 100%;
	  padding: 13px;
	  font-size: 18px;
  }
  .buttons {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .owl-carousel-second .owl-dots {
    bottom: 0px;
    margin: 10px !important;
  }
  .sticky-image img {
    max-height: 100%;
    max-width: 100% !important;
    object-fit: cover;
  }
  .news-thumbnail img {
    width: 100%;
  }
  .job-item a {
    width: fit-content;
  }
  ul.wp-block-social-links {
    padding-left: 10px;
    display: block;
  }
  ul#menu-footer-third-menu {
    padding-left: 10px;
  }
  ul#menu-footer-third-menu-1 {
    padding-left: 10px;
  }
  a.wp-block-social-link-anchor {
    padding: 10px;
  }
  .career-head {
    margin-top: 100px !important;
  }
	h1.job-heading {
    font-size: 27px;
    line-height: 37px;
}
  h2.accordion-header button {
    font-size: 20px !important;
	 line-height: 26px !important;
  }
	.accordion-body {
  font-size: 16px !important;
  line-height: 25px !important;
}
}
.overview img{
    width: 50% !important;
    padding-bottom: 10px;
}
/* tov section  */
ul.tov-list {
  border-top: 1px solid #649886;
}
.tov-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
}

.tov-list li {
  padding: 15px 0;
  border-bottom: 1px solid #649886;
  transition: background-color 0.3s ease;
}
.tov-list li:hover {
  background-color: #649886;
  color: #fff !important;
}
.tov-section img {
  max-width: 100%;
}
.icon-list li {
  font-size: 18px;
  line-height: 24px;
}
.icon-svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--secondary-color); /* Bootstrap primary color */
  margin-right: 0.75rem;
}
.tabs-container .tab-link.active {
  font-weight: bold;
}
.tabs-container .tab-link {
  position: relative;
  padding: 10px 20px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  transition: color 0.3s ease;
}

.tabs-container .tab-link.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #657d87;
  border-radius: 2px;
}

/* family page  */
.family-page-head {
  width: 826px;
}
.section-image img {
  max-width: 100%;
}

/* Small screens (phones) */
@media (max-width: 576px) {
  .about-head {
    width: 100%;
  }
}

/* careers page  */
.job-item {
  border-top: 1px solid #000;
}
h5.job-title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 700;
  line-height: 33.6px;
}
span.department-title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-left: 20px;
}
p.job-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.job-content i {
  color: #000 !important;
}

/* pricing page  */

.fee-section {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 20px;
}

/* Heading Styles */
h4.price-title {
  font-size: 40px;
  line-height: 48px;
}

/* Section Headline Border */
.fee-section-head {
  border-bottom: 1px solid #000000;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
  height: 280px !important;
  background-color: var(--primary-color);
}
/* Table Header Styles */
th {
  padding: 10px;
  text-align: left;
  /* border: none !important; */
  font-size: 32px;
  font-family: "Libre Bodoni", serif;
  color: #1d1d1d;
  line-height: 41.6px;
  background-color: transparent !important;
}

/* Table Data Styles */
td {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid !important;
  font-family: "Libre Bodoni", serif;
  color: #1d1d1d;
  background-color: transparent !important;
}
.fee-section td {
  border: 0px !important;
}
/* Responsive Adjustments */
@media (max-width: 767px) {
  h3.section-heading {
    font-size: 20px;
    text-align: center;
  }

  p.section-text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  th {
    font-size: 16px;
    line-height: 22px;
  }

  td {
    font-size: 14px;
    line-height: 20px;
  }
	.rounded {
  height: 400px !important;
}
	@media (max-width: 767px){
			.rounded {
  height: 440px !important;
}
	}
	.w-75{
		width: 100% !important;
	}
	/* Heading Styles */
h4.price-title {
  font-size: 27px;
  line-height: 37px;
}
}

/* contact page  */
#map {
  width: 100%;
  height: 400px; /* Adjust height as needed */
}
h2.contact-heading {
  font-size: 56px;
  line-height: 67.2px;
}
h2.contact-section-heading {
  font-size: 56px;
  line-height: 67.2px;
  color: var(--primary-color);
}
label.form-label {
  font-size: 18px !important;
  font-family: "Libre Franklin", sans-serif !important;
  color: var(--secondary-color) !important;
}
.form-control {
  background-color: transparent !important;
  border: 1px solid;
  border-radius: 8px !important;
}
.form-check {
  padding: 10px;
}
.form-check p {
  display: flex;
}
a.term-link {
  color: var(--dark-color);
	font-weight: 500;
}
a.term-link:hover {
  color: var(--secondary-color);
}
input.wpcf7-form-control.wpcf7-submit {
  background-color: var(--dark-color);
  color: var(--bg-light-site);
  border: 1px solid var(--secondary-dark-color);
  border-radius: 25px;
  width: 100%;
  padding: 10px 20px;
  font-weight: 400;
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* pricing page  */

.fee-section {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 20px;
}

/* Section Headline Border */
.fee-section-head {
  border-bottom: 1px solid #000000;
}

/* Table Header Styles */
/* th {
  padding: 10px;
  text-align: left;
  border: none !important;
  font-size: 32px;
  font-family: "Libre Bodoni", serif;
  color: #1d1d1d;
  line-height: 41.6px;
} */

/* Table Data Styles */
/* td {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  padding: 10px;
  text-align: left;
  border: none !important;
  font-family: "Libre Bodoni", serif;
  color: #1d1d1d;
} */

/* Responsive Adjustments */
@media (max-width: 767px) {
  /* h3.section-heading {
    font-size: 20px;
    text-align: center;
  } */

  p.section-text {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  th {
    font-size: 16px;
    line-height: 22px;
  }

  td {
    font-size: 14px;
    line-height: 20px;
  }
}
h1.blog-header{
  font-size: 56px;
  line-height: 67.2px;
  width: 768px;
}
h2.post-title{
  font-size: 48px;
  line-height: 57.2px;
}
.post-title a{
	font-family: 'Libre Bodoni', sans-serif;
}
h2.post-title-2{
	min-height: 144px;
  font-size: 40px;
  line-height: 48px;
}
@media(max-width: 576px){
	h2.post-title-2{
		min-height: 90px;
	}
}
ul.wp-block-categories-list.wp-block-categories {
  padding-left: 20px !important;
}
ul li.cat-item {
  padding: 15px;
}
ul li.cat-item:hover{
  background-color:#649886;
}
ul li.cat-item:hover a{
  color:#000;
  font-weight:600;
}
li.cat-item.current-cat{
  background-color:#649886;
}
li.cat-item.current-cat a{
  color:#000;
  font-weight:600;
}
img.card-img-top.main-img {
  height: 600px;
  object-fit: cover;
}
img.card-img-top {
  height: 300px;
  object-fit: cover;
}
/* Custom styles for sigle post specific layout */
.blog-head {
  max-width: 768px !important;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--secondary-color) !important;
  content: var(--bs-breadcrumb-divider, ">") !important;
}
li.breadcrumb-item a {
  color: var(--secondary-color) !important;
  font-size: 16px;
  text-decoration: none;
}
li.breadcrumb-item.active {
  color: var(--secondary-color) !important;
}
h1.blog-title {
  font-size: 56px;
  line-height: 67.2px;
}
.blog-meta {
  font-size: 18px;
}
.blog-social-share a {
  color: var(--secondary-color);
  text-decoration: none;
  font-size: 18px;
}
.container .post-section {
  justify-content: center;
}
h2.post-heading {
  font-size: 48px;
  line-height: 57.6px;
}
p.post-content {
  font-size: 18px;
  line-height: 27px;
}
.quote {
  padding: 1rem;
  margin: 1.5rem 0;
  border-left: 4px solid #649886;
}
h6.related-category {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 0px;
}
.related-post img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
h4.post-title {
  font-size: 26px;
    line-height: 32.6px;
    text-align: left;
    min-height: 95px;
}
@media (max-width: 576px) {
  h1.blog-title {
    font-size: 36px;
    line-height: 47.2px;
  }
  h2.post-heading {
    font-size: 32px;
    line-height: 38.4px;
  }
  h2.contact-heading {
    font-size: 27px;
    line-height: 37px;
  }
	
  h2.contact-section-heading {
    font-size: 27px;
    line-height: 37px;
  }
  h1.blog-header{
    font-size: 27px;
    line-height: 37px;
    width: 100%;

  }
  h2.post-title{
    font-size: 22px;
    line-height: 30px;
  }
  h2.post-title-2{
    font-size: 22px;
    line-height: 30px;
  }
  img.card-img-top.main-img {
    height: 300px;
    object-fit: cover;
  }
	iframe {
    width: 100%;
}
	h4.post-title {
  font-size: 24px;
  line-height: 30px;
  text-align: left;
	min-height: 90px;
}
	
}

.gallery-row .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
    cursor: pointer;
}

button.owl-prev::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 7H3.83L9.42 1.41L8 0L0 8L8 16L9.41 14.59L3.83 9H16V7Z" fill="black"/></svg>');
  display: inline-block;
  width: 15px; /* Set the size */
  height: 15px;
margin-top: 5px;
}
button.owl-prev span {
display : none;
}
button.owl-next::before {
 content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="black"/></svg>');
  display: inline-block;
  width: 15px; /* Set the size */
  height: 15px;
margin-top: 5px;
}
button.owl-next span {
display : none;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff !important;
}

#row1 .owl-stage-outer {
    margin-right: -100px;
    overflow: hidden;
}

#row2 .owl-stage-outer {
    margin-left: -180px;
    overflow: hidden;
    margin-top: 50px;
}

@media (max-width: 768px) {
    .owl-carousel .owl-item {
        flex: 0 0 auto;
    }

    #row1 .owl-stage-outer {
        margin-right: 0px;
    }
	
}
	@media (max-width: 576px) {
		.owl-carousel .owl-item {
    display: block;
		}
	}


/* Team Page Style */

.team {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 64px 112px;
  position: relative;
}

h2.team-heading {
  font-size: 56px;
  line-height: 67.2px;
}

.team .row {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
  max-width: 1200px;
  justify-content: center;
}

.team .card {
  flex: 0 0 calc(33.333% - 21.333px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 368px;
  padding:0;
  border: none;
}

.team .placeholder-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.team .card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.team .tag {
  width: 57px;
  height: 21px;
}

@media (max-width: 1200px) {
  .team {
    padding: 0px 80px 48px;
  }
  .team .card {
    flex: 0 0 calc(50% - 16px);
    max-width: none;
  }
}

@media (max-width: 768px) {
  .team {
    padding: 0px 64px 32px;
    gap: 40px;
  }
  .team .row {
    gap: 24px;
  }
  .team .card {
    flex: 0 0 100%;
  }
}