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


body {
   font-family: 'Gotham Narrow';
    line-height: 1.6;
}
.header-nav {
display: inherit !important;
  padding: 1rem 2rem;
  background: #fff;
	border:none;
}





.nav-menu {
  list-style: none;
	display: inherit !important;
	text-align:right !important;
  margin: 0;
  padding: 0;
}

.nav-menu a {
  text-decoration: none;
  color: #111;
  font-weight: 500;
	 font-family: "Work Sans", sans-serif;
}

.nav-menu a:focus,
.nav-menu a:hover {
 outline: none;
    outline-offset: inherit;
	color:#edc21b;
}
.hero-banner {
  background-color: #000;
  overflow: hidden;
	padding:100px 0px;
}

.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://www.artofliving.org/us-en/blog/singledeploy/meditation/beginner-guide/yoga-nidra-guide-to-deep-relaxation/wp-content/uploads/2025/04/Aura_woman_lights_colors_spirituality-1.jpg'); /* Change to your image */
  background-size: cover;
  background-position: center;
  filter: blur(4px);
  z-index: 1;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(201, 157, 0, 0.8); /* Mustard-style overlay */
  z-index: 2;
}

.hero-content {
  z-index: 3;
}

.category-label {
  font-size: 1.125rem;
  letter-spacing: 1px;
  border-bottom: 1px solid #fff;
  display: inline-block;
	 font-family: 'Gotham Narrow';
}
.hero-content h1
{
	font-size:3.375rem;'
	 font-family: 'Gotham Narrow';'
}
.slider-section {
    margin-top: -80px;
    position: relative;
    z-index: 9999;
	padding-bottom:50px;
}
.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  border-radius: 6px 6px 0 0;
}
.slider-buttons button {
  background: white;
  color: #b38e00;
  border: 2px solid #fff;
  padding: 5px 10px;
  margin-left: 5px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.slider-wrapper {
  overflow: hidden;
}
.slider {
  display: flex;
  transition: transform 0.4s ease-in-out;
}
.slide {
  flex: 0 0 33.3333%;
  box-sizing: border-box;
  padding: 10px;
}
.slide-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
	text-align:center;
}
.slide img {
  width: 100%;
  height: auto;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.slider-section .category {
font-size: 1rem;
    color: #e0ba23;
    margin: 10px;
    font-weight: 500;
    text-align: center;
}
.slider-section .category a
{
	 color: #e0ba23;
	text-decoration:none;
}
.slider-section .title {
font-size: 1.375rem;
    padding: 0 10px 10px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
}
.slider-section .title a
{
	 color: #000;
	text-decoration:none;
}
.slider-section .title a:hover
{
	color: #b38e00;
}
@media (max-width: 768px) {
  .slide {
    flex: 0 0 50%;
  }
}
@media (max-width: 480px) {
  .slide {
    flex: 0 0 100%;
  }
}


.breath-section {
  background-image: url('https://www.artofliving.org/us-en/blog/singledeploy/meditation/beginner-guide/yoga-nidra-guide-to-deep-relaxation/wp-content/uploads/2025/04/dave-hoefler-nyhI63n7vpQ-unsplash_light_3.jpg.webp'); /* Replace with your actual image path */
  background-size: cover;
  background-position: center;
  padding: 60px 0px;
  text-align: center;
  color: white;
  position: relative;
}



.breath-section .container {
  position: relative;
  z-index: 1;
}

.section-title {
	font-family: 'Gotham Narrow';
  font-size: 1.125rem;
	line-height:1.9;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-bottom: 2px solid white;
  display: inline-block;
}

.section-subtitle {
      font-weight: 400;
    font-size: 1.75rem;
	line-height: 1.4;
    margin-bottom: 15px;
		font-family: 'Gotham Narrow';
}

.section-description {
  font-size: 1.125rem;
  margin-bottom: 30px;
}

.join-btn {
  background-color: #ffa500;
  color: white;
  padding: 23px 77px;
  font-size: 1rem;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  transition: background 0.3s ease;
}

.join-btn:hover {
  background-color: #e69500;
}

.blog-section {
  background-color: #f9f9f9; /* Light background */
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.blog-section .card {
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-section .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.blog-section .card-img-top {
  object-fit: cover;
}

.blog-section .badge {
	font-family: 'Gotham Narrow';
  font-size: 1rem;
    border-radius: 0px;
    background-color: rgba(224, 186, 35, 0.9) !important;
    color: #fff !important;
    padding: 15px 30px;
    display: table;
    margin: 0px auto;
	    text-transform: uppercase;
  position: relative;
    top: -20px;
}

.blog-section h2 {
	font-family: 'Gotham Narrow';
    font-size: 1.375rem;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  color: #000;
	font-weight: 500 !important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-section p {
	font-family: 'Gotham Narrow Book';
     color: #000;
	font-weight:400 !important;
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.3;
}

/* Sidebar */
.blog-section aside h3 {
 font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1.625rem;
    margin-bottom: 35px !important;
}

.blog-section aside ul li {
  border-bottom: 1px solid #eee;
  padding-bottom: 0.75rem;
}

.blog-section aside img {
    border-radius: 0PX;
    object-fit: cover;
    max-width: 140px;
}

.blog-section .input-group input[type="search"] {
 float: left;
    height: 44px;
    font-family: "Gotham Narrow Light";
    font-size: 16px;
    border-radius: 44px;
    background-color: #f0f0f0;
    border: 1px solid #eaeaea;
    box-shadow: none;
    padding-left: 25px;
    -webkit-appearance: none;
    width: 100% !important;
    line-height: 1.42857;
    padding: 6px 12px;
    color: #555;
    box-sizing: border-box;
}

.blog-section .input-group .btn {
  border-radius: 0 0.5rem 0.5rem 0;
}
.blog-section .shadow-sm
{
	background:transparent;
	box-shadow:inherit !important;
}
.blog-section .shadow-sm a
{
	text-decoration:none;
}
.blog-section .shadow-sm a:hover h2
{
	color:#e0ba23;
}
.blog-section .card-body
{
	background: #fff;
    max-width: 85%;
    margin: 0px auto;
    margin-top: -32px;
	padding: 0px 20px 20px 20px;
	margin-bottom: 20px;
}
.blog-section .g-4
{
	padding-right:40px;
}
.blog-section .card-body:hover {
    cursor: pointer;
    box-shadow: 0px -10px 20px -30px rgba(188, 188, 188, 0.7), 0 0px 0px -20px #fff, 7px 4px 15px 0px rgba(188, 188, 188, 0.7), -7px 0 15px 0px rgba(188, 188, 188, 0.7);
}
.blog-section aside .text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
    color: #000 !important;
    font-size: 1.125rem;
    font-weight: 500 !important;
}
.most_post
{
	padding: 30px 15px;
    padding-bottom: 0;
    border: solid 1px #ccc;
    margin-bottom: 40px;
}

.founder-section {
  background-color: #797c87; padding: 70px 0px 120px !important;
}

.founder-section .lead.border-underline {
     display: inline-block;
    position: relative;
    line-height: 1.5;
    font-size: 1.125rem;
    margin-bottom: 30px !important;
}
.founder-section h3
{
	font-size:3rem;
	margin-bottom:40px !important;
}
p
{
	font-size:1.125rem;
	font-family: 'Gotham Narrow Book';
	    line-height: 1.6;
}
.border-underline::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
}


/* Footer background and typography */
footer.bg-light-subtle {
  background-color: #fff6e5 !important; 
}
footer.bg-light-subtle .container
{
	max-width:1050px;
}
/* Footer section headings */
footer.bg-light-subtle h2 {
  font-size: 1rem;
  font-weight: 500 !important;
  margin-bottom: 30px;
  color: #000; /* High contrast for accessibility */
}
footer.bg-light-subtle ul.list-unstyled li
{
	font-family: 'Gotham Narrow Book';
}
/* Footer links */
footer a {
  color: #444;
  transition: color 0.3s ease;
  display: inline-block;
  margin-bottom: 0.5rem;
}

footer a:hover,
footer a:focus {
  color: #000; /* On hover/focus make it darker */
  text-decoration: underline;
}

/* Bottom row (copyright and links) */
footer .small {
  display: block !important;
}

footer .text-muted {
    color: #000 !important;
    font-size: 1rem;
	font-family: "Work Sans", sans-serif;
}

/* Social icons */
footer i.bi {
  transition: transform 0.3s ease, color 0.3s ease;
}

footer i.bi:hover,
footer i.bi:focus {
  transform: scale(1.2);
  color: #000;
}
.top_footer
{
	margin-bottom:40px;
}
.bottom_footer
{
	background:#fff;
	padding:20px 0px;
}
.footer_menu a
{
	padding:0px 10px;
}
/* Responsive tweaks */
@media (max-width: 767.98px) {
  footer .d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem;
  }
}
.col-md-6 .card-img-top {
  height: 240px;
  object-fit: cover;
  width: 100%;
}



.banner-section {
      position: relative;
      padding:350px 0px 70px 0px;
      color: #fff;
      display: flex;
      align-items: center;
      overflow: hidden;
    }

    .banner-bg {
      position: absolute;
      inset: 0;
      background: url('https://www.artofliving.org/us-en/blog/singledeploy/meditation/beginner-guide/yoga-nidra-guide-to-deep-relaxation/wp-content/uploads/2025/04/banner-bg.jpg') no-repeat center center;
      background-size: cover;
      z-index: 1;
    }

    

    .banner-content {
      position: relative;
      z-index: 3;
    }
.banner-content .badge 
    .author-img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      border-radius: 50%;
    }

    .badge-custom {
		font-family: "Work Sans", sans-serif;
		font-weight:600;
		border:1px solid #fff;
      color: #fff;
      font-size: 1rem;
		line-height:1.5rem;
      padding: 5px 28px;
      border-radius: 20px;
      font-weight: 600;
    }
	#banner-heading
	{
		  font-family: "Lora", serif;
		font-weight:400;
		font-size:3.5rem;
		line-height:4.25rem;
	}
	.banner-content img.author-img
	{
		width:64px;
		height:64px;
	}
	.author_info strong
	{
		font-family: "Work Sans", sans-serif;
		font-weight:600;
		font-size:1.25rem;
	}
	.author_info small
	{
		font-family: "Work Sans", sans-serif;
		font-weight:500;
		font-size:1.125rem;
		line-height:1.5rem;
	}
	
	 .article-card {
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
      background: #fff;
      transition: all 0.3s ease;
    }

    
.featured-articles-sections
	{
		position:relative;
		padding:70px 0px;
	}
	#featured-articles-heading
	{
		  font-family: "Lora", serif;
		font-weight:400;
		font-size:3rem;
		line-height:3.875rem;
	}
    .article-img {
      width: 100%;
      height: 240px;
      object-fit: cover;
    }
.article-card
	{
		margin-bottom:30px;
	}
    .tag-badge {
      position: absolute;
      top: 10px;
      left: 10px;
      background: #3D8BE8;
     font-family: "Work Sans", sans-serif;
		font-weight:600;
      color: #fff;
      font-size: 1rem;
		line-height:1.3rem;
      padding: 5px 28px;
      border-radius: 10px;
    }
	.tag-badge a
	{
		color:#fff !important;
		text-decoration:none;
	}
.article-card h5
	{
			  font-family: "Lora", serif;
		font-weight:500;
		font-size:1.75rem;
		line-height:2.375rem;
	}
	  .article-card p {
     font-family: "Work Sans", sans-serif;
		font-weight:400;
      color: #31364E;
      font-size: 1rem;
		line-height:1.3rem;
    }
    .swiper-button-next, .swiper-button-prev {
      background: #fff;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      color: #000;
    }
	.swiper-button-next
	{
	top: 105px;
    right: 176px;
	}
	.swiper-button-prev
	{
		top: 105px;
    right: 240px;
		left:inherit !important;
	}
    .swiper-button-next::after, .swiper-button-prev::after {
      font-size: 16px;
    }

    
	.mpa-title {
 font-family: "Lora", serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.875rem;
	color:#31364E;
}

/* Card Base */
.mpa-card {
   display: flex;
  align-items: center; 
  gap: 1rem;
  padding: 0.7rem;
  background-color: #F7F7F7;
  border-radius: 12px;
  transition: box-shadow 0.2s ease;
  cursor: pointer;
	position:relative;
}

.mpa-card:hover,
.mpa-card:focus-within {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  outline: none;
}

/* Image */
.mpa-img {
  width: 45%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

/* Content */
.mpa-content {
  flex: 1;
}

.mpa-badge {
 position: absolute;
    top: 22px;
    left: 22px;
    background: #3D8BE8;
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 5px 15px;
    border-radius: 10px;
}



.mpa-author {
  display: block;
	font-family: "Work Sans", sans-serif;
  font-weight: 500;
  color: #3D8BE8;
	font-size:1.125rem;
	line-height:1.5rem;
  margin-bottom: 0.25rem;
}

.mpa-heading {
  font-size: 1rem;
  font-family: "Lora", serif;
  font-weight: 500;
	font-size:1.5rem;
	line-height:2rem;
  margin: 0;
  color: #31364E;
}

/* Subscribe Box */
.mpa-subscribe-box {
  background: linear-gradient(90deg, #3D8BE8, #89BEEC);
  color: #fff;
  border-radius: 20px;
  padding: 1.5rem 1rem;
}

.mpa-subscribe-title {
	  font-family: "Lora", serif;
  font-weight: 500;
	  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}

.mpa-subscribe-desc {
	font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 1rem;
line-height:1.5rem
  margin-bottom: 1rem;
}

.mpa-subscribe-btn {
  background-color: #fff;
  color: #89BEEC;
	font-family: "Work Sans", sans-serif;
	  font-weight: 600;
  font-size: 1rem;
line-height:1.5rem;
  border-radius: 30px;
  padding: 0.4rem 1.2rem;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-block;
}

.mpa-subscribe-btn:hover {
  background-color: #89BEEC;
	color:#fff;
}
.gurudev-blog-section
	{
		padding:80px 0px;
		background:#F7F7F7;
	}
	.gurudev-blog-section h2 {
    font-family: "Lora", serif;
    font-weight: 400 !important;
    font-size: 3rem;
    line-height: 3.875rem;
    color: #31364E;
}
	.gurudev-blog-section p.top_text{
  font-family: "Work Sans", sans-serif;
	  font-weight: 500;
  font-size: 1.125rem;
line-height:1.5rem;
		color:#31364E;
}
	.badge.rounded-pill
	{
		padding:6px 25px !important;
		 font-family: "Work Sans", sans-serif;
    font-weight: 600 !important;
    color: #3D8BE8 !important;
    font-size: 1rem;
    line-height: 1.3rem;
	}
.gurudev-card .badge 
	{
		position: absolute;
    top: 10px;
    left: 10px;
    background-color: #3D8BE8 !important;
    font-family: "Work Sans", sans-serif;
    font-weight: 600 !important;
    color: #fff !important;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 5px 28px;
    border-radius: 10px;
	}
.gurudev-card {
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
    background: #fff;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}
.gurudevSwiper h3 {
    font-family: "Lora", serif;
    font-weight: 500 !important;
    font-size: 1.75rem;
    line-height: 2.375rem;
}

.gurudevSwiper p {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    color: #31364E !important;
    font-size: 1rem;
    line-height: 1.3rem;
}
.gurudev-card img {
  height: 220px;
  object-fit: cover;
}

.gurudevSwiper 
	{
		margin-top:50px;
	}

.gurudev-blog-section .swiper-button-prev {
    top: 50%;
	left:0px !important;
    transform: translate(0, -50%);
}
.gurudev-blog-section .swiper-button-next {
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
}
.swiper-button-prev,
.swiper-button-next {
  color: #000; /* Or any color to match design */
}

.breathing-challenge-section {
  background: linear-gradient(to right, #68aee0, #6bc7f0);
  position: relative;
  z-index: 1;
	padding:100px 0px;
}
.breathing-challenge-section:before
	{
		position:absolute;
		background:url(https://ghostwhite-albatross-216607.hostingersite.com/wp-content/uploads/2025/04/Vector-196.png) no-repeat center center;
		bottom:-100px;
		left:0px;
		content:"";
		width:100%;
		height:100%;
	}
.breathing-text
	{
		position:relative;
		z-index:99;
	}
#breathing-heading
	{
		 font-family: "Work Sans", sans-serif;
    font-weight: 600;
    color: #fff ;
    font-size: 1.375rem;
    line-height: 1.75rem;
	margin-bottom:30px;
	}
	.breathing-challenge-section h2 {
    font-family: "Lora", serif;
    font-weight: 400 ;
    font-size: 3rem;
    line-height: 3.875rem;
    color: #fff;
}
	.breathing-challenge-section p
	{
		 font-family: "Work Sans", sans-serif;
    font-weight: 400;
    color: #fff ;
    font-size: 1.25rem;
    line-height: 1.75rem;
	}
	.breathing-challenge-section .btn
	{
		 font-family: "Work Sans", sans-serif;
    font-weight: 600;
    color: #89BEEC !important ;
    font-size: 1.375rem;
    line-height: 1.5rem;
	}
	.breathing-challenge-section .btn:hover
	{
	background-color:#89BEEC !important;
    color: #fff !important;
		border:1px solid #89BEEC !important;
	}
	.article-filter-section h2 {
    font-family: "Lora", serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.875rem;
    color: #31364E;
}
	.article-filter-section .btn.btn-outline-primary
	{
		font-family: "Lora", serif;
    font-weight: 500 ;
    font-size: 1.25rem;
    line-height: 1.75rem;
		background: #F7F7F7;
    border: none;
    color: #6F7283;
	border-radius:20px;
	padding:7px 25px;
	}
	.article-filter-section .btn.btn-outline-primary.active
	{
		background: linear-gradient(90deg, #3D8BE8, #89BEEC);
		color:#fff;
	}
	.article-filter-section .card  {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
    background: #fff;
    transition: all 0.3s ease;
		border:none !important;
		margin-top:20px;
}
	#articleSearch
	{
		max-width: 900px;
    border: 1px solid #F2CBAB;
    padding: 10px 20px;
    border-radius: 30px;
			 font-family: "Work Sans", sans-serif;
    font-weight: 500;
    color: #9598A6 ;
    font-size: 1.125rem;
    line-height: 1.5rem;
	}
	.card-body .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #3D8BE8 !important;
    font-family: "Work Sans", sans-serif;
    font-weight: 600 !important;
    color: #fff !important;
    font-size: 1rem;
    line-height: 1.3rem;
    padding: 5px 28px;
    border-radius: 10px;
}
	.card-body h3 {
    font-family: "Lora", serif;
    font-weight: 500 !important;
    font-size: 1.75rem;
    line-height: 2.375rem;
}
	.card-body h3 a
	{
		color:#31364E;
		text-decoration:none;
	}
	.card-body p {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    color: #31364E;
    font-size: 1rem;
    line-height: 1.3rem;
}