/* Adds support for languages written in a Right To Left (RTL) direction. */

/**
 * Table of Contents:
 *
 * 1.0 - Global
 * 2.0 - Grid
 * 3.0 - Header
 * 4.0 - Featured Blocks
 * 5.0 - Post
 * 6.0 - Single Post
 * 7.0 - About Me
 * 8.0 - 404 page
 * 9.0 - Widgets
 * 10.0 - Elements
 * 11.0 - Components
 */

/**
 * 1.0 Global
 */

 *,
 *::before,
 *::after {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   scrollbar-width: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
   -webkit-tap-highlight-color: transparent;
   font-display: swap;
 }
 
 
 /* Define your CSS variables at the root level */
 :root,
 html.theme-dark,
 body.theme-dark {
   --primary-color: #181818;
   --text-color: #E9E4DB;
   --tag-color: #181818;
   --accent-color: #40404080;
   --tag-background: #FAD99E;
   --highlight-text-color: #FAD99E;
   --Side-Drawer-BG-Color: #202020;
   --modal-background: #202020;
   --button-color: #E9E4DB;
   --button-text-color: #181818;
   --Dropdown-Dropdown-BG-Color: rgba(233, 228, 219, 0.20);
   --filter-background: #202020;
   --filter-border: rgba(233, 228, 219, 0.10);
   --newsletter-form-opacity-on: 0.3;
   --newsletter-form-opacity-off: 1;
   --border-color: rgba(233, 228, 219, 0.10);
   --comment-background: #202020;
   --modal-input-background: #202020;
   --font-stack: "Pangea Afrikan";

   /* Responsive breakpoints */
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1025px;
 }

 html {
   color-scheme: dark;
 }
 html.theme-light {
   color-scheme: light;
 }

 /* Only add transitions during theme toggle — not on page load.
    Use transition-property/duration/timing separately so we don't
    override transform, width, height etc. that cause layout bouncing. */
 html.theme-transitioning,
 html.theme-transitioning *,
 html.theme-transitioning *::before,
 html.theme-transitioning *::after {
   transition-property: background-color, color, border-color, fill, box-shadow !important;
   transition-duration: 0.7s !important;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
 }

 /* Toggle controls swap instantly — no color blend delay */
 html.theme-transitioning .dark-mode-toggle *,
 html.theme-transitioning .dark-mode-toggle,
 html.theme-transitioning .icon {
   transition-duration: 0s !important;
 }
 
 
 html.theme-light,
 body.theme-light {
   --primary-color: #FFFCF5;
   --text-color: #000;
   --tag-color: #181818;
   --tag-background: #FAD99E;
   --accent-color: #40404080;
   --highlight-text-color: #3679D5;
   --Side-Drawer-BG-Color: #E2DBD0;
   --modal-background: #FEF6E7;
   --Dropdown-Dropdown-BG-Color: rgba(32, 32, 32, 0.10);
   --border-color: #4040404a;
   --button-text-color: #fff;
   --comment-background: #F5F0E8;
   --button-color: #3679D5;
   --filter-border: rgba(0, 0, 0, 0.05);
   --filter-background: rgba(0, 0, 0, 0.05);
   --newsletter-form-opacity-on: 1;
   --newsletter-form-opacity-off: 1;
   --font-stack: "Pangea Afrikan";
   --modal-input-background: #fff;
 
   /* Responsive breakpoints */
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1025px;
 
 }
 
 /* SVG icon theme switching */
 .theme-dark .icon,
 html.theme-dark .icon {
   filter: invert(0);
 }

 .theme-light .icon,
 html.theme-light .icon {
   filter: invert(100%);
 }
 
 /* loader styles */
 /* Skeleton loader styles */
 .skeleton-loader {
   display: inline-block;
   height: 1em;
   width: 100%;
   background: linear-gradient(90deg, var(--Side-Drawer-BG-Color), var(--accent-color), var(--Side-Drawer-BG-Color));
   background-size: 200% 100%;
   animation: skeleton-loading 1.5s infinite;
   border-radius: 4px;
   margin-bottom: 1em;
 }

 .error,
 .success {
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--highlight-text-color);
   margin-top: -20px;
   margin-bottom: 30px;
 }

 .success {
   color: goldenrod;
 }

 .skeleton-box {
   display: block;
   animation: skeleton-loading 1.5s infinite;
   border-radius: 4px;
   margin-bottom: 80px;
 }

 .skeleton-text {
   width: 60%;
   height: 20px;
   background: linear-gradient(90deg, var(--Side-Drawer-BG-Color), var(--accent-color), var(--Side-Drawer-BG-Color));
   background-size: 200% 100%;
   animation: skeleton-loading 1.5s infinite;
   border-radius: 4px;
   margin-bottom: 10px;
 }

 .skeleton-image {
   width: 100%;
   height: 200px;
   background: linear-gradient(90deg, var(--Side-Drawer-BG-Color), var(--accent-color), var(--Side-Drawer-BG-Color));
   background-size: 200% 100%;
   animation: skeleton-loading 1.5s infinite;
   border-radius: 4px;
   margin-bottom: 10px;
 }
 
 @keyframes skeleton-loading {
   0% {
     background-position: 200% 0;
   }
 
   100% {
     background-position: -200% 0;
   }
 }
 
 html {
   font-size: 1rem;
   /* letter-spacing: 0.39px; */
 }
 
 /* Hide the scrollbar entirely */
 ::-webkit-scrollbar {
   width: 0;
   height: 0;
 }
 
 a,
 button {
   cursor: pointer;
 }
 
 input {
   color: var(--text-color);
 }
 
 img {
   border: none;
   /* width: auto; */
 }
 
 .single-article__social-icon-text,
 .single-article__social-icon-text>p>span,
 .single-article__social-icon-text>div>p>em {
   width: 100%;
   font-style: normal;
   /* padding: 0px 24px; */
 }

 .single-article__social-icon-text,
 .single-video__social-icon-text{
     padding: 0px 20px;
 }
 
 .single-article__social-icon-text>div>p>em {
   padding-bottom: 8px;
 }
 
 .single-article__social-icon-text>h2 {
   padding-bottom: 8px;
   line-height: 34px;
 }
 
 .single-article__social-icon-text>h2>em {
   font-style: normal;
 
 }
 
 .single-article__social-icon-text>.wp-block-image>img {
   /* padding-bottom: 16px; */
   padding-top: 8px;
 }
 
 .single-article__social-icon-text>.wp-block-image {
   /* padding-bottom: 8px; */
 }
 
 .single-article__social-icon-text>div>img {
   width: auto;
 }
 
 .single-article__social-icon-text>img {
   width: 100%;
   height: auto;
   padding-bottom: 8px;
 }
 
 .wp-element-caption>em {
   font-size: 12px;
   line-height: 10px;
   letter-spacing: 2%;
   font-style: italic;
 }
 
 .single-article__social-icon-text>div {
   width: 100%;
 }
 
 .single-article__social-icon-text>p,
 .single-article__social-icon-text>span {
   width: 100%;
   padding-bottom: 28px;
   text-align: left;
   font-style: normal;
 }
 
 em {
   font-style: normal;
 }
 
 .single-article__social-icon-text>p>iframe {
   width: 100%;
   padding-top: 8px;
 }
 
 .home-blog-search-header-category-search {
   width: 100%;
 }
 
 .single-article__social-icon-text>p>iframe>a {
   width: 100%;
 }
 
 .single-article__social-icon-text>figure>div>iframe {
   width: 100%;
 }
 
 .single-article__social-icon-text>p>img {
   width: 100%;
   height: auto;
 }
 
 
 /* iframe {
   width: auto;
 } */
 
 /* Mobile-first default styles */
 body {
   background-color: var(--primary-color);
   color: var(--text-color);
   font-family: "PangeaAfrikan", sans-serif;
   margin: 0;
   padding: 0;
   font-size: 1rem;
   /* Default font size for mobile */
 }
 
 a {
   color: var(--text-color);
   text-decoration: none;
 }
 
 li {
   list-style: none;
 }
 
 /* .icon is used for theme-aware filter (invert on light mode) — no sizing here */
 
 /* a:hover,
 a:focus {
   text-decoration: underline;
 } */
 
 .header-container-main {
   display: flex;
   flex-direction: column;
   background: var(--primary-color);
   position: sticky;
   top: 0;
   z-index: 5;
 }
 
 .header-container {
   width: 100vw;
   padding: 30px 24px 16px 24px;
   display: flex;
   justify-content: space-between;
   /* border-bottom: 0.25px solid var(--border-color); */
 }
 
 .header-logo img {
   width: 9rem;
   /* height: 1.7306rem; */
   fill: var(--accent-color);
 }
 
 .search-icon {
   width: 20px;
   cursor: pointer;
   /* height: 20px; */
   /* margin-right: 24px; */
 }
 
 .search-input-icon,
 .search-input-icon-header {
   width: 16px;
   height: 16px;
   margin-right: 1rem;
 }
 
 .search-input-icon-header {
   margin-right: 1rem;
 }
 
 .leave_Feedback_btn {
   width: auto;
   padding: .6rem 1.5rem;
   background: #e56c0f;
   position: fixed;
   right: 19px;
   font-size: .875rem;
   bottom: 1.2rem;
   color: #fff;
   border-radius: 6px;
   border: none;
   /* border-color: #fff; */
   border-width: 1px;
   cursor: pointer;
   z-index: 200;
 }
 
 input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }
 
 
 .search-input-icon-header-cancel {
   margin-left: 1rem;
   width: 16px;
   height: 16px;
 }
 
 .header-navigation {
   display: none;
   align-items: center;
   padding: 0;
 
 }
 
 .header-menu-item {
   padding-left: 0.9375rem;
 }
 
 .header-navigation-menu {
   display: flex;
   align-items: center;
 }
 
 .header-trending {
   display: flex;
   height: 37px;
   padding: 16px 0;
   padding-left: 1.2rem;
   background: var(--primary-color);
   border-top: 0.25px solid var(--border-color);
   border-bottom: 0.25px solid var(--border-color);
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
 
 .header-trending-title {
   font-size: 0.75rem;
   font-weight: 500;
   border-right: 0.25px solid var(--border-color);
   padding-right: 12px;
   margin-right: 1rem;
 }
 
 .trending-header-cont {
   position: relative;
   flex: 1;
   min-width: 0;
   overflow: hidden;
   padding: 16px 0px;
 }

 .trending-track {
   display: inline-flex;
   white-space: nowrap;
   animation: trending-scroll 25s linear infinite;
   cursor: grab;
 }

 .trending-track:hover {
   animation-play-state: paused;
 }

 .trending-track.is-dragging {
   animation-play-state: paused;
   cursor: grabbing;
 }

 .trending-track .header-trending-topic {
   flex-shrink: 0;
 }

 @keyframes trending-scroll {
   from { transform: translateX(0); }
   to   { transform: translateX(-50%); }
 }
 
 .header-trending-topic {
   font-size: 12px;
   white-space: nowrap;
   padding-left: .30rem;
   opacity: 0.4;
   font-weight: 400;
   padding-right: 0;
 }
 
 /* General menu styling */
 .menu-cont {
   /* display: flex;
   flex-direction: column; */
 }
 
 .menu {
   background: var(--primary-color);
   width: 100%;
   height: 100vh;
   overflow-y: auto;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 2000;
   padding: 0px 24px;
   padding-bottom: 120px;
   box-sizing: border-box;
   visibility: hidden;
   pointer-events: none;
 }
 
 .menu-header,
 .menu-content,
 .menu-footer {
   margin-bottom: 20px;
 }
 
 
 
 .menu-content {
   padding-bottom: 2rem;
   margin-bottom: 2rem;
   border-bottom: 1px solid var(--Side-Drawer-BG-Color);
 }
 
 input:focus {
   outline: none;
 }
 
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
   transition: background-color 5000s ease-in-out 0s;
   /* This makes the transition slow enough that it's not noticeable */
   background-color: transparent !important;
   /* or any color you want */
   -webkit-text-fill-color: white !important;
   /* Adjust if necessary to match the color of your input text */
 }
 
 input:-moz-autofill,
 input:-moz-autofill:hover,
 input:-moz-autofill:focus,
 input:-moz-autofill:active {
   transition: background-color 5000s ease-in-out 0s;
   /* This makes the transition slow enough that it's not noticeable */
   background-color: transparent !important;
   text-fill-color: white !important;
   /* Adjust if necessary to match the color of your input text */
 }
 
 
 .menu-header {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 
 /* Style for the close button */
 .close-menu {
   cursor: pointer;
   position: relative;
   right: -92%;
   margin-top: 2rem;
   padding-bottom: 2rem;
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .close-menu:hover {
   transform: rotate(90deg);
 }

/* Full-screen menu reveal */
.menu {
  clip-path: circle(0% at calc(100% - 36px) 36px);
  transition: clip-path 0.5s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0s linear 0.5s;
  will-change: clip-path;
}

.menu-visible {
  clip-path: circle(150% at calc(100% - 36px) 36px);
  visibility: visible;
  pointer-events: auto;
  transition: clip-path 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0s linear 0s;
}

/* Menu inner content fade-in after reveal */
.menu .menu-header,
.menu .menu-content,
.menu .menu-footer,
.menu .close-menu {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.menu-visible .close-menu {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.15s;
}

.menu-visible .menu-header {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}

.menu-visible .menu-content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}

.menu-visible .menu-footer {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}

.open-menu {
  cursor: pointer;
  width: 20px;
  transition: transform 0.2s ease;
}

.open-menu:hover {
  transform: scale(1.15);
}

.open-menu:active {
  transform: scale(0.9);
}

.header-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.menu-content-title {
  color: var(--text-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.2;
}

/* Search container styling */
.search-container {
  clear: both;
  padding: 10px 0;
}

.search-container input[type="search"] {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid var(--border-color);
  background: var(--modal-input-background);
  color: var(--text-color);
}



/* Dark mode switch styling */
.dark-mode-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  /* padding-top: 32px; */
  padding-bottom: 32px;
  /* position: relative; */
}

.dark-mode-toggle-2>p,
.dark-mode-toggle-1>p {
  color: var(--text-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


.dark-mode-toggle-1,
.dark-mode-toggle-2 {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  /* position: absolute;
  transition: left 0.3s ease-in-out; */
}

.dark-mode-toggle-1 p {
  /* opacity: 0.5; */
  /* left: 0; */
}

.dark-mode-toggle-2 {
  /* left: 50%; */
}

.theme-dark .dark-mode-toggle-1 {
  /* left: -50%; */
}

.theme-dark .dark-mode-toggle-2 {
  /* left: 0; */
}



.toggle-border {
  height: 15px;
  border: 0.551px solid var(--text-color);
}



/* Menu items styling */
.menu-content h2,
.menu-content h3 {
  margin: 10px 0;
  padding: 5px 0;
  font-size: 16px;
}

.menu-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

img {
  color: var(--accent-color);
}

.menu-content li a {
  color: var(--text-color);
  text-decoration: none;
  display: block;
  padding: 14px 0;
  transition: color 0.3s ease;
}

.menu-content li a:hover {
  color: var(--highlight-text-color);
}



/* Social media icons */
.social-media a {
  color: var(--text-color);
  text-decoration: none;
  margin-right: 10px;
  font-size: 24px;
  display: inline-block;
}

/* Subscription buttons */
.subscribe-newsletter,
.subscribe-youtube {
  border: none;
  /* color: var(--button-text-color); */
  /* padding-top: 14px; */
  height: 42px;

  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
  width: 100%;
  border-radius: 4px;
  box-sizing: border-box;
}

.subscribe-newsletter {
  color: var(--button-text-color);
  background-color: var(--button-color);
}

#search-modal {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#search-modal.is-open {
  display: block;
  opacity: 1;
}

.subscribe-youtube {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 28px 28px;
  background: none;
  border-radius: 3px;
  border: 1px solid var(--text-color);
}


.home-blog-podcast-header>a {
  width: 100%;
  height: auto;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-top: 24px;
  border-radius: 3px;
  border: 1px solid var(--border-color);
}



/* footer styles */
.footer-container {
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 2rem 1rem;
}

.footer-branding {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2.5rem;
  gap: 24px;
}

.footer-description {
  width: 80%;
  height: 42px;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  opacity: 0.5;

}

.footer-social-icons-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

}

.footer-social-icons {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 70%;
  height: 1.75rem;
  padding-top: 1rem;
  margin-bottom: 1.75rem;
}

.footer-links {
  display: none;
}


.footer-logo-link {
  width: 7.8637rem;
  height: 2.2681rem;
}

.footer-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 0.25px solid var(--border-color);
  padding-top: 2rem;
}

.footer-bottom,
.footer-legal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-bottom {
  border-top: 0.55px solid rgba(64, 64, 64, 0.50);
}

.legal-links {
  display: flex;
  justify-content: space-between;
  width: 115%;
  padding-top: 1rem;
  margin-bottom: 2.5rem;
}

.legal-links p {
  text-wrap: nowrap;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  text-align: center;
}

.footer-copyright {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  letter-spacing: 0em;
  margin-bottom: 2rem;
}

.home-blog__container {
  margin: 5%;

}

.home-blog-highlight-image {
  width: 100%;
  /* aspect-ratio: 1 / 1; */
  /* height: 356px; */
  /* margin-bottom: 1.25rem; */
}

/* .home-blog-highlight,
.home-blog-highlight-rotate {
  display: flex;
  flex-direction: column-reverse;
} */

.home-blog-highlight-rotate>.home-blog-highlight-image {
  margin-bottom: 1.25rem;
  object-fit: contain;
  object-position: center;
  aspect-ratio: 1 / 1;
}

.home-blog-highlight>.home-blog-highlight-image {
  margin-bottom: 1.25rem;
}


.home-blog-highlight-info-section {
  width: 100%;
}

.home-blog-highlight-info-title {
  color: var(--text-color);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 120%;
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word; */
}

.home-blog-highlight-info-desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-color);
  height: 3.9375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  word-wrap: break-word;
  opacity: 0.5;
  margin-top: .3rem;
  margin-bottom: .7rem;
  padding-bottom: .75rem;
}

.home-blog-highlight-info-section2 {
  display: flex;
  align-items: center;
  height: 1.75rem;
  margin-bottom: 2rem;
}

.home-blog-highlight-info-section2-tag {
  display: flex;
  padding: .2204rem .3306rem;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  border: 0.5px solid var(--border-color);
  color: var(--text-color);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: .3306rem;
}

.home-blog-highlight-info-section2-author {
  color: var(--text-color);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.5;
  /* padding-left: 0.3306rem; */
  padding-right: 0.3306rem;
}

.home-blog-highlight-info-section2-time,
.home-blog-highlight-info-section2-podcast {
  color: var(--text-color);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.3;
  padding-left: 0.3306rem;
  padding-right: 0.3306rem;
}

.home-blog-highlight-info-section2-podcast {
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;

}

.home-blog-category-info-section2,
.home-blog-category-info-section2-podcast {
  display: grid;
  display: flex;
  flex-direction: row;
  /* grid-template-columns: 50% 50%; */
  align-content: left;
  grid-gap: 16px;
  margin-top: 2rem;
  padding: 1rem;

}

.home-blog-category-info-section2-podcast {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}

.home-blog-category-image {
  width: 100%;
  height: 10.4015rem;
}

.home-blog-category-info-section {}

.home-blog-category-info-title {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  text-transform: uppercase;
}

.home-blog-category-info-desc {}


.home-blog-highlight-info-section2-comment-tag,
.home-blog-recommended-info-section2-comment-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4859rem;
  background: var(--accent-color);
  margin-left: 0.3306rem;
  padding: .2204rem .3306rem;
}

.blog-comment-count {
  color: var(--text-color);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.home-blog__container2 {
  display: flex;
  flex-direction: column;
}

.home-blog-recommended,
.home-blog-recommended-podcast,
.home-blog-recommended-search,
.home-blog-recommended-search:last-child {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.25px solid var(--Dropdown-Dropdown-BG-Color);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.home-blog-recommended {
  /* align-items: flex-start; */

}

.home-blog-recommended-search,
.home-blog-recommended-search:last-child {
  border-top: none;
  border-bottom: 0.551px solid var(--Dropdown-Dropdown-BG-Color);
  flex-direction: row-reverse;
}

.home-blog-recommended-search:last-child {
  border-bottom: none;
}

.home-blog-search-header-category-search,
.home-blog-search-header-category-search-menu {
  display: flex;

  width: 100%;
  padding: 12px;
  height: 40px;

  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border: none;
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  border-radius: 2.734px;
  border: 0.228px solid var(--border-color);
  background: var(--button-text-color);
  opacity: var(--newsletter-form-opacity-on);
  color: var(--text-color);
}

.home-blog-search-header-category-search {
  width: 100%;
}

.home-blog-search-header-category-search:hover,
.home-blog-search-header-category-search-menu:hover {
  opacity: var(--newsletter-form-opacity-off);
  /* background: var(--modal-input-background);
  border: 1px solid var(--border-color); */
}

.home-blog-search-header-category-search:active,
.home-blog-search-header-category-search-menu:active {
  opacity: var(--newsletter-form-opacity-off);
  /* background: var(--modal-input-background);
  border: 1px solid var(--border-color); */
}

.home-blog-search-header-category-search-menu {
  width: 100%;
  height: 3rem;
  padding: 1rem;
  border: 0.5px solid var(--text-color);
  font-size: 16px;

}

.categories-off {
  display: none;
}

.home-blog-search-header-category-search-header {
  display: flex;
  width: 100%;
  height: 48px;
  padding: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* gap: 8px; */
  /* flex-shrink: 0; */
  border-top: 0.25px solid var(--border-color);
  ;
  border-bottom: 0.25px solid var(--border-color);
  ;
}

.home-blog-search-header-category-search-header>input {
  font-size: 16px;
  display: flex;
  align-items: center;
  color: var(--text-color);
}

.home-blog-recommended-podcast {
  flex-direction: row-reverse;
}

.individual-podcast-card {
  display: flex;
  width: auto;
  height: auto;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--modal-background);
}

.individual-podcast-card-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 0.55px solid var(--text-color)33;

}

.podcast-player {
  margin-top: 16px;
}

.individual-podcast {
  width: 80%;

}

.individual-podcast-header-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.individual-podcast-description {
  overflow: hidden;
  color: var(--text-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  height: 47px;
  padding-top: 8px;
  padding-bottom: .5rem;
}

.individual-podcast-play-title {
  color: #4E9BF6;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  padding-top: .5rem;
  /* 12px */
}

.home-blog-podcast-links {
  display: flex;
  align-content: center;
  justify-content: space-between;
  width: 100%;

  padding-top: 1.4rem;
}

.podcast-link {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-content: center;
  align-items: center;
}

.podcast-link>img {
  width: 1.5rem;
}

.podcast-link p {
  color: var(--text-color);
  font-size: .4699rem;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  padding-top: .235rem;
}

.home-blog-podcast-header-desc,
.home-blog-podcast-links {
  /* padding-top: 1rem; */

}


.individual-podcast-image {
  width: 35%;
  height: auto;
  padding-right: .5rem;
}

.home-blog-recommended-info-section {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  width: 67%;
}

.home-blog-recommended-info-title,
.home-blog-recommended-info-title-podcast {
  width: 100%;
  color: var(--text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: left;
  padding-right: 16px;
  padding-bottom: 10px;
}

.home-blog-recommended-info-section2-author {
  color: var(--text-color);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-right: 0.3306rem;
}

.home-blog-recommend-small-image,
.home-blog-recommend-small-image-search,
.home-blog-recommend-small-image-podcast {
  width: 6.0788rem;
  height: 6.0788rem;
}

.home-blog-recommend-small-image-search {
  margin-right: 1rem;
}


.home-blog-recommend-small-image-podcast {
  margin-right: 1rem;
}

.home-blog-recommended-info-section2,
.home-blog-recommended-podcast-section2 {
  display: flex;
  align-items: center;
  width: auto;
  /* margin-top: .8606rem; */
}

.video-play {
  margin-top: .8187rem;
  margin-bottom: .3825rem;
  display: flex;
  align-items: center;
  width: auto;
}

.recommended-story__headline {
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-blog-recommended-podcast-section2 {}

.home-blog-recommended-info-section2-comment-tag {
  padding: .2869rem .4303rem;
  border-radius: .6324rem;

}



.home-blog-recommended-comment-icon {
  width: .75rem;
  height: .75rem;
}

.home-blog-podcast-info-section {
  display: flex;
  flex-direction: column;

}

.home-blog-podcast-header,
.home-blog-podcast-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.25px solid var(--border-color);
  border-bottom: 0.25px solid var(--border-color);
  padding: 1rem;
  margin-top: 2rem;

}

.home-blog-podcast-header-top>a,
.home-blog-podcast-header>a {
  /* width: 40%; */
  display: flex;
  /* justify-content: flex-end; */
}

.home-blog-podcast-header {
  flex-direction: column;
  align-items: start;
  padding: 2rem 1.5rem;
  margin-top: 0;
}

.home-blog-podcast-header h2,
.home-blog-podcast-header-top h2 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.home-blog-podcast-header-top {
  margin-bottom: 2rem;
}

.home-blog-podcast-header h2 {
  font-size: 1.5rem;

  padding-bottom: 1rem;
}

.home-blog-podcast-header-desc,
.home-blog-podcast-header-desc-top {
  overflow: hidden;
  color: var(--text-color);
  text-overflow: ellipsis;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.5;
  height: auto;

}

.home-blog-podcast-header-desc-top,
.home-blog-podcast-header-desc {
  /* display: none; */
}

.see-more {
  color: var(--text-color);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: underline;
  /* opacity: 0.5; */
}

.see-more:hover {
  color: var(--highlight-text-color);
}

/* .home-blog-podcast-header p {
  font-size: .625rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
} */


.home-blog-podcast-info-section2 {
  width: auto;
  display: flex;
  box-sizing: border-box;
  overflow-y: scroll;
  /* padding-top: 1.5rem;
  padding-bottom: 2rem; */
  padding-left: 1rem;
}

.home-blog-podcast-info,
.home-blog-video-info {
  width: auto;
  display: flex;
  /* align-items: center;
  justify-content: center; */
  gap: 1rem;
  /* margin-right: 1.5rem; */
  margin-bottom: 32px;
}

.home-blog-video-info {}

img {
  object-fit: cover;
  object-position: center;
  overflow: clip;
}

.home-blog-podcast-info-image,
.home-blog-video-info-image {
  width: 106px;
  height: 106px;
  aspect-ratio: 1/1;
  border-radius: .25px;
  object-fit: cover;
  object-position: center;
}

.home-blog-video-info-image {
  height: 166.4px;
}


.home-blog-podcast-info-title,
.home-blog-podcast-info-home {
  width: 13rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* height: 2.5rem; */
  /* overflow: hidden; */
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}


.home-blog-podcast-info-play-div {
  display: flex;
  flex-direction: column;
  /* justify-content: center;
  align-items: flex-start; */
  gap: .75rem;
}

.home-blog-podcast-info-play-image {
  width: 1rem;
  height: 1rem;
  margin-right: .125rem;
  object-fit: contain;
  object-position: center;
}

.home-blog-podcast-info-play-title {
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

/* error 404 styles */

.error-page-404-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -0.48px;
}

.home-blog-highlight-info-desc-spotify {
  width: 100%;
  height: 48px;
  color: var(--text-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  padding-top: .5rem;
  margin-bottom: .75rem;
  /* 133.333% */
}

.home-blog-highlight-info-desc-podcast {
  width: 100%;
  height: 55px;
  /* This height accommodates exactly three lines of text based on the line-height */
  color: var(--text-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* Set the line height to define how tall each line of text should be */
  padding-top: .5rem;
  padding-bottom: .75rem;
  overflow: hidden;
  /* Hide text that exceeds the container height */
  text-overflow: ellipsis;
  /* Add ellipsis if text overflows */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Limit the text block to three lines */
  -webkit-box-orient: vertical;
  opacity: 0.5;
}

.error-page-404-inner-cont,
.error-search {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.error-page-404-inner-cont {
  /* margin-top: 4rem; */
}

.error-search {
  width: 100%;
  padding: 20px 10px;

}

.error-page-404-h1 {
  color: var(--text-color);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  /* 27.6px */
  letter-spacing: -0.48px;
  /* margin-top: .9144rem; */
  /* margin-bottom: 1.5rem; */
  z-index: 4;
}

.error-message-background-image {
  width: 21.8661rem;
  /* height: 8.5035rem; */
  position: relative;
  top: -1.4rem;
  z-index: 7;
}

.error-page-404-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: 3.587px;
  /* height: 1.595rem; */
  padding: .75rem;
  border-radius: 1.345px;
  border: 0.448px solid var(--border-color);
  background: var(--primary-color);
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 4rem;
  cursor: pointer;
  z-index: 4;
}

.legal-template-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
  padding: 4rem 24px;
}

.legal-template-title {
  color: var(--text-color);
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.48px;
  margin-bottom: 1.5rem;
}

.legal-template-paragraph {
  color: var(--text-color);
  font-size: .875rem;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: .0175rem;
}

.legal-template-paragraph>p {
  margin-bottom: 16px;
}

.legal-template-paragraph>p>li {
  list-style: circle
}

/* article page styling */
.single-article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  /* padding: 2rem 1rem; */
  width: 100vw;
}



.single-article-video {
  padding: 2rem 1rem;
}

.article-background {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 1.4rem;
  width: 100vw;
}

.single-article__tag {
  display: flex;
  width: auto;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: .1875rem;
  background: var(--tag-background);
  color: var(--tag-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: .5rem;
  margin-bottom: .75rem;
  margin-left: 1.5rem;
}

.single-article__title,
.single-video__title {
  color: var(--text-color);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: -0.64px;
  margin-top: .60rem;
  margin-bottom: 1.3rem;
  align-self: stretch;
  width: auto;
  padding: 0 1.5rem;
}

.single-video__title {
  padding: 0 0rem;
  line-height: 125%;

}

.single-article__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* width: 50%; */
  padding: 0rem 1.5rem;
  margin-bottom: 1rem;
  align-self: justify;
}

.single-article__byline {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.2;
  padding-right: .25rem;
}

.single-article__authors {
  color: var(--text-color);
  font-size: .65rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  padding-right: .25rem;

}

.single-article__published-time {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.3;
  padding-left: .25rem;

}

.single-article__excerpt {
  color: var(--text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.56;
  margin-bottom: 1rem;

  overflow: hidden;
  color: var(--text-color);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: auto;

  padding: 0 1.5rem;
}

.single-article__section {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  margin-bottom: 1.5rem;
}

.single-article__section-action {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .015rem;

}


.social-icon__img {
  width: 1.25rem;
  height: 1.25rem;
  /* margin-left: .4788rem; */

}

.single-article__image-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: .75rem;
}

.single-article__image {
  width: 100%;
  height: auto;
  padding: 0rem 1rem;

  margin-top: 1.5rem;
}

.single-article__image-credits,
.single-article__image-credits-span {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.single-article__image-credits-span {
  text-decoration-line: underline;
}

.single-article__subsection {
  display: flex;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: .5rem;
  background: var(--modal-background);
  margin-top: 1rem;
}

.single-article__subsection-title {
  color: var(--text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.single-article__subsection-excerpt {
  color: var(--text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.5;
  width: auto;


}

.single-article__social-icon-text,
.single-video__social-icon-text {
  color: var(--text-color);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  letter-spacing: .0175rem;
  /* text-align: justify; */
  margin-top: 1.5rem;
}

.single-article__footer {
  width: 100%;
}

.single-article__footer-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

.single-article__footer-title {
  color: var(--text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .0175rem;
  margin-top: 2.875rem;
  margin-bottom: 1rem;
}

.social-icons {
  display: flex;
  gap: 1.5rem;
}


.social-icon__img1 {
  width: 90%;
  /* height: 20%; */

  object-fit: contain;
  object-position: center;
}

.social-icon__img {
  object-fit: contain;
  object-position: center;
}

.social-icons--footer {
  gap: 1.2437rem;
  display: flex;
  margin-bottom: 16px;
}

.single-article__tags {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 1rem;
  margin-top: 2rem;
  padding: 0 1rem;
  background-size: cover;
  background-position: center;
}

.single-article-bg-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 100%;
  min-height: 70vh;
  padding-top: 2rem;
  background-size: cover;
  background-position: center;
}

/* Hero text must always be light — it sits on a dark overlay */
.single-article-bg-image--hero .single-article__title,
.single-article-bg-image--hero .single-article__excerpt,
.single-article-bg-image--hero .single-article__byline,
.single-article-bg-image--hero .single-article__authors,
.single-article-bg-image--hero .single-article__authors a,
.single-article-bg-image--hero .single-article__published-time,
.single-article-bg-image--hero .related-story__comment-dot {
  color: #E9E4DB;
}

.single-article__tag2 {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 7px 2px;
  justify-content: center;
  align-items: center;
  border-radius: 2.488px;
  border: 0.829px solid var(--highlight-text-color);
  color: var(--highlight-text-color);
  font-size: .7256rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  /* margin-right: .8294rem; */
  /* opacity: 0.4; */
}

.single-article__author-section_container {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  justify-content: center;
  align-items: flex-start;
  gap: .5rem;
  align-self: stretch;
  text-transform: capitalize;
  background: none;
  border: .0625rem solid var(--border-color);
  margin-top: 3rem;
}

.single-article__author-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: .75rem;
}

.single-article__author-info {}

.single-article__author-title {
  display: none;
}

.single-article__author-details {
  color: var(--text-color);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4599rem;
}

.single-article__author-more {
  color: var(--text-color);
  font-size: .6054rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  opacity: 0.4;
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.single-video-display,
#movie-player {
  width: 100%;
  height: auto;
  /* height: 24.0411rem; */
}

.single-video-cont {
  display: flex;
  flex-direction: column;
}

.single-video-cont>.single-article__subsection>.single-article__title {
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 13.8px */
}

.single-video-display>iframe {
  width: 100%;
  /* height: 100%; */
  height: 24.0411rem;
}

.social-icon__img2 {
  width: .8775rem;
  height: .8775rem;
  margin-right: .50rem;
  object-fit: contain;
  object-position: center;
}

.single-article__author-image {
  width: 5.1554rem;
  height: 5.1006rem;
  flex-shrink: 0;
  /* position: relative;
  top: -40px;
  right: -10px; */
  margin-left: 15px;
  object-fit: cover;
  object-position: center;
  box-shadow: -0.4387rem .0274rem .2276rem 0rem rgba(0, 0, 0, 0.10);
}

.single-article__author-bio {
  width: 100%;
  color: var(--text-color);
  font-size: .625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 0.2px;
  padding-top: 1rem;
  border-top: .0344rem solid var(--Dropdown-Dropdown-BG-Color);

}

.comments-section {
  /* width: auto; */
  /* display: flex; */
  padding: 1.15rem;
  /* flex-direction: column; */
  /* justify-content: center;
  align-items: center; */
  gap: .575rem;
  /* border: .0359rem solid #202020; */
  margin-top: 40px;
}

.comments-section__title {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.comments-section__invitation {
  color: var(--text-color);
  font-size: .625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.5;
}

.related-stories {
  padding-left: 18px;
  padding-right: 18px;
  margin-top: 2.5rem;
  /* display: none; */
}

.related-stories__title {
  color: var(--text-color);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding-bottom: 1rem;
  border-bottom: 0.551px solid var(--Dropdown-Dropdown-BG-Color);
}

.related-stories-container,
.recommended-videos-container,
.home-blog-category-info-section2 {
  display: grid;
  /* grid-template-columns: 47% 47%;
  gap: 1rem; */
}

.recommended-videos-container {
  padding-top: 1rem;
  border-top: 0.551px solid rgba(233, 228, 219, 0.20);
}

.recommended-story__image {
  width: 10.5625rem;
  height: 166.4px;
  border-radius: 8px;
}

.recommended-videos__title {
  padding-top: 18px;
  padding-bottom: 16px;
  color: var(--text-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-top: 2.5rem;

}


.recommended-stories {
  display: flex;
  flex-direction: column;
  padding: 6%;

}

.home-blog-category-info-section2 {
  margin-top: 2rem;
  padding: 0px 1rem;

}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--text-color) inset;
  -webkit-text-fill-color: none !important;
  color: var(--text-color);
}

.individual-newsletter-header-checkbox-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 5.281px;
  border-radius: 2.641px;
  background-color: transparent;
  border: 0.22px solid var(--text-color);
}

.individual-newsletter-header-checkbox-cont,
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  cursor: pointer;
}

input[type="checkbox"]:checked::before {
  content: '';
  display: block;
  width: 10.6px;
  height: 10.6px;
  background-color: var(--button-color);
  /* border: 0.25px solid var(--text-color); */
  border-radius: 2px;
}

.individual-newsletter-header-checkbox {
  width: 16px;
  height: 16px;
  /* padding: 6px; */
  border: none;
}


.newsletter-header {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  margin-top: 20px;
  align-self: stretch;
  flex: 2;
}

/* payment */
.payment-form {
  display: flex;
  width: 100%;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  background: var(--modal-background);
}

.payment-form>div>h3 {
  color: var(--text-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  /* 27.6px */
}

.payment-form>div>p {
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  opacity: 0.5;
  width: 100%;
  align-self: stretch;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.payment-frequency-div {
  width: 100%;
  display: flex;
  margin-bottom: 19.959px;
}

.payment-frequency-one,
.payment-frequency-mth {
  display: flex;
  /* width: 50%; */
  padding: 19.959px 26.612px;
  justify-content: center;
  align-items: center;
  gap: 6.653px;
  flex-shrink: 0;
  border: none;
  border-radius: 2.495px 0px 0px 2.495px;
  background: var(--highlight-text-color);
  cursor: pointer;
}

.payment-frequency-mth {
  background: none;
  color: var(--text-color);
  border-radius: 0px 2.495px 2.495px 0px;
  border: 0.832px solid var(--highlight-text-color);
}

.sub-menu-container {
  display: none;
}

.payment-currency-info {
  display: flex;
  width: 100%;
  padding: 10.396px 18.545px 11.227px 18.48px;
  justify-content: center;
  align-items: center;
  border-radius: 2.495px;
  border: 0.208px solid var(--Dropdown-Dropdown-BG-Color, var);
  background-color: var(--accent-color);
  color: var(--text-color);
  margin-bottom: 1.2475rem;
}

.payment-donation-amount-cont {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1.2475rem;

}

#toggle-newsletter-btn {
  position: relative;
  top: -105%;
  left: 50%;
}

.related-story {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.related-story__image {
  width: 100%;
  height: 166.424px;
  align-self: stretch;
  margin-bottom: .8187rem;
  object-fit: cover;
  object-position: center;
}

.related-story__headline,
.home-blog-recommended-info-title-search {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  align-self: stretch;
  height: 3.375rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-blog-recommended-info-title-search {
  /* width: 30%; */
  height: auto;
  display: block;
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.related-story__meta {
  display: flex;
  width: auto;
  align-items: center;
  /* justify-content: left; */
  margin-top: .5456rem;
}

.related-story__comments {
  display: flex;
  width: 1.795rem;
  height: 1.1706rem;
  justify-content: center;
  align-items: center;
  border-radius: .6014rem;
  background: var(--accent-color);
}

.related-story__comment-icon {
  width: .4511rem;
  height: .4511rem;
}

.related-story__comment-count {
  color: var(--text-color);
  font-size: .4099rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: .1506rem;
}

.related-story__comment-dot {
  color: var(--text-color);
  font-size: .4774rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.related-story__author {
  color: var(--text-color);
  font-size: .5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  padding-right: .625rem;
}

.related-story__time {
  color: var(--text-color);
  font-size: 6px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.3;
  padding-left: .625rem;

}

.newsletter-signup {
  display: flex;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 2rem;
  flex-direction: column;
  /* align-items: left; */
  background: var(--modal-background);
}

.newsletter-header {
  width: 100%;
  display: flex;
  justify-content: center;
  /* align-items: right; */
}

/* .newsletter-form {
  width: 100%;
} */

.newsletter-header h1 {
  width: 100%;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  /* margin-bottom: 1rem; */

}

/* .newsletter-header img,
.home-blog-highlight-image-newsletter {
  width: 7.6406rem;
  height: auto;
  border-radius: .1405rem;
  margin-right: 2rem;
} */

.home-blog-highlight-image-newsletter {
  display: none;
  /* flex-shrink: 0; */
  /* display: flex;
  align-items: flex-end; */
  /* margin-left: 1rem; */

}



.newsletter-description {
  /* width: 70%; */
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.5;
  margin-bottom: 1rem;
}

.newsletter-options {
  padding-top: 1rem;
  padding-bottom: .12rem;
  margin-bottom: 1rem;
  border-bottom: .0344rem solid var(--border-color);
  border-top: .0344rem solid var(--border-color);
}


.newsletter-options label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .88rem;
  flex-direction: row-reverse;

}

.newsletter-options label:last-child {
  margin-bottom: 1rem;
}

.newsletter-user-info label {
  color: var(--text-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}

.newsletter-options-checkbox {
  width: 1.3203rem;
  height: 1.3203rem;
  border-radius: .1651rem;
  border: .0138rem solid var(--text-color);
}

.newsletter-user-info {
  display: flex;
  flex-direction: column;
}

.home-blog-highlight-border {
  display: flex;
  /* flex-direction: row-reverse; */
  align-items: center;
  margin-bottom: 1rem;
}

.newsletter-user-info > p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: .9175rem;
  padding-bottom: .6831rem;
}

.newsletter-user-info input,
.payment-user-info input {
  width: 100%;
  padding: .9112rem;
  gap: .4556rem;
  border-radius: .1709rem;
  border: .0156rem solid var(--text-color);
  background: var(--primary-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1rem;
}

.newsletter-submit,
.payment-submit {
  width: 100%;
  padding: .9112rem;
  gap: .4556rem;
  border-radius: .1709rem;
  background-color: var(--button-color);
  color: var(--button-text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: none;
  text-align: center;
}

.payment-submit {
  text-align: left;
}

/* newsletter page */
.newsletter-container {
  width: 100%;
  margin-bottom: 3.375rem;
}

.individual-newsletter-container {
  padding: 1rem;
  margin-top: 2rem;
  margin-bottom: 10rem;
}

.newsletter-form-page {
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  /*  align-items: center;
  align-self: stretch; */
  background: var(--modal-background);
}

.newsletter-grid{
  margin-bottom: 18rem;
}

.newsletter-form-page h2 {
  color: var(--text-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  margin-bottom: 2.5rem;
}

.newsletter-terms {
  color: var(--text-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-top: 1.5rem;
}

.newsletter-terms a {
  text-decoration-line: underline;
}

.individual-newsletter-header {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}

.individual-newsletter-header-text-cont {
  padding-left: 1.5rem;
}

.individual-newsletter-header-text-top {
  color: var(--text-color);
  font-size: 18px;
  font-style: normal;
  /* padding-bottom: .75rem; */
  font-weight: 500;
  line-height: 150%;
}

.individual-newsletter-header-checkbox {
  padding: 6px;
  border: none;
}

.individual-newsletter-body {
  width: auto;
  height: 358px;
  margin-bottom: 10px;
}

.individual-newsletter-body-img {
  width: 100%;
  /* height: 358px; */
  margin-bottom: 20px;
}

.individual-newsletter-header-text {
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.3;
}

.individual-newsletter-body-title {
  width: 100%;
  color: var(--text-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0.5;
  padding-bottom: 1.5rem;
}

.search-results-summary {
  display: flex;
  width: 100%;
  padding: 32px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}

.search-field--search-page {
  /* width: 100%; */
  background: none;
  border: none;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  padding: 0px;
  color: var(--text-color);
}

/* videos */
.home-blog-recommend-small-image iframe {
  width: 97.26px;
  height: 97.26px;
}

.search-results-text {
  color: var(--text-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.search-field {
  width: 100%;
  background-color: transparent;
  color: var(--text-color);
  /* font-size: 16px; */
  font-style: normal;
  font-weight: 400;
  line-height: 42.875px;
  border: none;
}

.comments-section {
  width: 100%;
  background: var(--comment-background);
}

.comment-body {
  display: flex;
  flex-direction: column;
}

.comments-title {
  color: var(--text-color);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.comments_p,
.comment-content {
  color: var(--text-color);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2rem;
  opacity: 0.3;
  text-transform: capitalize;
}

.comment-content {
  opacity: 0.5;
  padding-top: 0.40px;
  padding-bottom: 0rem;
}

.comment-author-card {
  height: 1.75rem;

}

.comment-meta {
  height: 100%;
}

.single-article__author-section {
  display: flex;

  align-items: center;
  justify-content: space-between;
}

.avatar {
  /* width: 32px;
  height: 31.66px; */
  /* box-shadow: -2.723px 0.17px 1.413px 0px rgba(0, 0, 0, 0.10); */
  /* margin-right: .75rem; */
}

.comment-author-card {
  display: flex;
  flex-direction: row;
  height: auto;
}

.comments-meta-div {
  display: flex;
  flex-direction: column;

}

.comments-meta-cont {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.comments-author {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding-right: .25rem;
  text-transform: capitalize;
}

.comments-time {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.3;
  padding-left: .25rem;

}

.comment-metadata {
  display: flex;
}

.comment-reply,
.comment-edit {
  color: var(--text-color);
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.3;
}

.comment-reply {
  padding-right: .75rem;
}

.comment-metadata {
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}

.single-article__footer-content2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110px;
}

.form-control,
#comment {
  display: flex;
  padding: 14.579px;
  width: 100%;
  height: 2.4438rem;
  align-items: center;
  border-radius: 2.734px;
  background: none;
  border: 0.25px solid var(--text-color);
  margin-bottom: 1rem;

  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.5;
}

#comment {
  height: 4.625rem;
}

.comment-form-cookies-consent label {
  color: var(--text-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.5;
}

.form-control:hover {
  border: 1px solid var(--text-color);

}

.comment-reply-title {
  color: var(--text-color);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
}

.comment-notes,
.logged-in-as {
  color: var(--text-color);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-top: 8px;
  padding-bottom: 2rem;
  opacity: 0.5;
}

.pull-right {
  display: flex;
  width: 100%;
  height: 2.4438rem;
  justify-content: start;
  align-items: center;
  align-self: stretch;
  border-radius: 2.734px;
  border: none;
  background-color: var(--button-color);
  padding-left: .9113rem;
  color: var(--primary-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 2rem;
}

/* authors page */
.authors__page-container {
  padding: 1.5rem;
  padding-bottom: 1.5rem;
}

.authors__page-info {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1rem;
}

.authors__page-info2 {
  width: 11.5625rem;
}

.authors__page-image {
  width: 5.1554rem;
  height: 5.1006rem;
}

.authors__page-bio {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  padding: 1rem;
  background: var(--modal-background);
}

.authors__page-bio-title {
  color: var(--text-color);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  padding-bottom: 16px;
}

.authors__page-bio-text {
  color: var(--text-color);
  font-size: .625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  letter-spacing: .0125rem;
}

.authors__page-role {
  color: var(--text-color);
  font-size: .6054rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  opacity: 0.4;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.author_social-icon__img {
  width: .8775rem;
  height: .8775rem;
  margin-right: .6581rem;
  object-fit: contain;
  object-position: center;
}

.menu_social-icon__img {
  width: 26.455px;
  height: 26.455px;
  object-fit: contain;
  object-position: center;
}

.menu_social-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2rem;
}

/* about us */

.aboutus-container {
  /* padding: 1.5rem; */

}

.aboutus-content {}

.aboutus-content-first {
  width: 100%;
  display: flex;
}

.aboutus-content-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.aboutus-image-container {
  display: flex;
  flex-direction: column;
  /* justify-content: center;
  align-items: center;
  margin-top: 4rem; */
}

.aboutus-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}

.aboutus-content-heading,
.aboutus-sub-heading {
  width: 6.8125rem;
  height: 2.4375rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .25rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-color);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* padding: 12px 16px 12px 16px; */

}

.home-blog-search-header-categories {
  display: flex;
  padding: 16px 25px;
  justify-content: left;
  align-items: center;
  /* gap: 10px; */
  align-self: stretch;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.home-blog-search-header-category-all {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  /* gap: 10px; */
  border-radius: 4px;
  border-top: 1px solid var(--filter-border);
  background: var(--filter-background);

  color: var(--text-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;

  cursor: pointer;
}

.home-blog-search-header-category-alll {
  margin-right: 12px;
  color: var(--text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.aboutus-sub-heading {
  margin-bottom: 1rem;

}

.aboutus-content-title {
  width: 55%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text-color);
  text-align: center;
  font-size: 2.5rem;
  /* font-style: normal; */
  font-weight: 500;
  line-height: 115%;
  text-transform: capitalize;
}

.aboutus-image-one {
  width: 3rem;
  height: 2.0842rem;
  /* position: relative;
  left: 3px;
  top: 30px; */
  position: absolute;
  left: 8%;
  top: 28%;
  border-radius: 3.51px;
  opacity: 0.6;

}

.aboutus-image-two {
  width: 5.3891rem;
  height: 4.1386rem;
  position: absolute;
  left: .3rem;
  top: 40%;
  border-radius: 3.51px;
  opacity: 0.6;

}

.aboutus-image-three {
  width: 82.89px;
  height: 60.98px;
  position: absolute;
  left: 6%;
  top: 57%;
  border-radius: 3.51px;
  opacity: 0.6;

}

.aboutus-image-four {
  width: 100px;
  height: 52.88px;
  position: absolute;
  right: 2%;
  top: 28%;
  border-radius: 3.51px;
  opacity: 0.6;

}

.aboutus-image-five {
  width: 86.226px;
  height: 66.218px;
  position: absolute;
  right: 4%;
  top: 42%;
  border-radius: 3.51px;
  opacity: 0.6;

}

.aboutus-image-six {
  width: 5rem;
  height: 3.2454rem;
  position: absolute;
  right: 7%;
  top: 65%;
  border-radius: 3.51px;
  opacity: 0.6;
}

.aboutus-content-description {
  /* overflow: hidden; */
  width: 100%;
  /* height: 175px;  */
  align-self: stretch;
  color: var(--text-color);
  text-align: center;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  opacity: 0.5;
  padding: 1.5rem;

}

.home-blog-category-info-section2-spotify {
  padding: 16px 16px;
}

.aboutus-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1.5rem;

}

.aboutus-button {
  display: flex;
  width: 100%;
  height: 2.6875rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border: none;
  border-radius: .1875rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 4rem;

}

.advertise {
  background: var(--highlight-text-color);
  margin-bottom: 1.5rem;
}

.support {
  background: none;
  border-radius: 3px;
  border: 0.21px solid var(--highlight-text-color);
  color: var(--text-color);
}



.aboutus-mission-section,
.aboutus-what-section,
.aboutus-what-section-team {
  display: flex;
  flex-direction: column;
  height: auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
  padding: 1.9056rem 1.97rem;
  background: rgba(51, 51, 51, 0.31);
}

.aboutus-mission-section {
  background: rgba(51, 51, 51, 0.31) url(./assets/images/logo-traced.svg) center/cover no-repeat;
  background-position: center;
  background-size: contain;
  background-size: 95%;
  /* Reduce size to create a "padding" effect */

}

.aboutus-image-ourmission,
.aboutus-image-whoareyou {
  width: 100%;
  height: auto;
  /* margin-bottom: 4rem; */

}

.aboutus-image-ourmission {
  padding-left: 20px;
  padding-right: 20px;
}

.aboutus-what-section-team {
  padding: 0;
  background: none;
  padding: 1.5rem;
  /* align-items: center; */

}

.aboutus-what-section {
  background: none;
}

.aboutus-mission-title,
.aboutus-sub-title,
.aboutus-what-sub-section-title {
  color: var(--text-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin-bottom: 1rem;
}

.aboutus-sub-title {
  font-size: 24px;
}

.home-blog-category-info-section-button {
  width: 100vw;
}

.aboutus-mission-text,
.aboutus-sub-text {
  color: var(--text-color);
  /* text-align:justify; */
  height: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  word-break: break-word;
  line-height: 175%;
  font-size: 14px;
  font-weight: 400;
  opacity: 0.5;
}


.aboutus-sub-text {
  /* height: 79px; */


}

.aboutus-sub-text,
.aboutus-mission-text {
  overflow: hidden;
  color: var(--text-color);
  text-align: left;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  align-self: stretch;
  line-height: 175%;
  margin-bottom: 48px;
}

.aboutus-mission-text {
  margin-bottom: 0px;

}

.aboutus-sub-section {
  display: flex;
  align-items: left;
  justify-content: left;
  padding-left: 1.5rem;
  padding-right: 1.5rem;

  background: none;
  flex-direction: column;
  margin-bottom: 4rem;
}

.aboutus-what-section {
  /* padding: 1.5rem; */

}

.aboutus-what-sub-section {
  display: grid;
  grid-gap: 1.5rem;
  width: auto;
}

.aboutus-sub-section-second {
  padding: 1.5rem;
}


.aboutus-what-sub-section-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 14.366px;
  background: var(--modal-background);
  width: 100%;
  /* padding-top: 3.3037rem;
  padding-bottom: 3.3037rem; */

  padding: 10%;
}

.aboutus-what-sub-section-tag {
  display: flex;
  padding: 17.958px;
  align-items: center;
  border-radius: 17.958px;
  background: var(--primary-color);
  margin-bottom: 1.6838rem;
}

.aboutus-what-sub-section-title {
  color: var(--text-color);
  text-align: center;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.28px;
  margin-bottom: 1.3469rem;

}

.aboutus-what-sub-section-content {
  width: 100%;
  color: var(--text-color);
  opacity: 0.5;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;

}

.aboutus-sub-text {
  /* margin-bottom: -04px; */
}

.aboutus-what-sub-section-profile {
  width: auto;
  margin-bottom: 18px;
  /* padding: 24px; */
}

.aboutus-profile-image {
  width: 100%;
  height: 339.35px;

  box-shadow: -29.191px 1.824px 15.143px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 16px;
  border: none;
}

.aboutus-what-sub-section-profile-title {
  color: var(--text-color);
  font-size: 18.671px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  margin-bottom: 16.597px;
}

.aboutus-what-sub-section-profile-role {
  color: var(--text-color);
  font-size: 16.597px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  opacity: 0.5;
}

.aboutus-content-heading {
  display: none;
}


.home-blog-pagination-container {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  align-items: center;
  /* padding: 0 2rem; */
  margin-top: 1.5rem;
}

.home-blog-pagination-button {
  display: flex;
  width: 1.8538rem;
  height: 1.8538rem;
  padding: .5794rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: .4631rem;
  background: var(--accent-color);
  margin-left: .5794rem;
  font-size: .75rem;
  font-weight: 500;
}

.pagiation_icon {
  width: auto;
  height: 20px;
  padding-top: 2px;
}


/* ============================================
   MODERN ANIMATIONS & INTERACTIONS
   ============================================ */

/* --- Smooth scroll --- */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .reading-progress { display: none !important; }
}

/* --- Scroll-reveal base --- only activate after JS confirms support */
.reveal-ready .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal-ready .reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* --- Lazy image fade-in --- */
img[loading="lazy"] {
  transition: opacity 0.5s ease;
}

/* --- Reading progress bar --- */
.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--highlight-text-color);
  transform-origin: left;
  transform: scaleX(0);
  z-index: 9999;
  transition: none;
  pointer-events: none;
}

/* --- Header scroll effects --- */
.header-container-main {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.35s ease,
              padding 0.35s ease;
}

.header-container-main.header-scrolled {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15);
}

.header-container-main.header-scrolled .header-container {
  padding-top: 16px;
  padding-bottom: 10px;
  transition: padding 0.35s ease;
}

.header-container-main.header-hidden {
  transform: translateY(-100%);
}

/* --- Card & article hover effects --- */
.home-blog-highlight-rotate,
.home-blog-highlight {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-blog-recommended,
.home-blog-recommended-podcast,
.home-blog-recommended-search {
  transition: transform 0.3s ease;
  border-radius: 4px;
}

.home-blog-recommended:hover,
.home-blog-recommended-podcast:hover,
.home-blog-recommended-search:hover {
  transform: translateX(4px);
}


/* --- Link hover color --- */
.home-blog-highlight-info-title a,
.home-blog-recommended-info-title a,
.related-story__headline a,
.recommended-story__headline a,
.home-blog-podcast-info-title a,
.home-blog-video-info-title a,
.single-article__authors a {
  text-decoration: none;
  transition: color 0.3s ease;
}

.home-blog-highlight-info-title a:hover,
.home-blog-recommended-info-title a:hover,
.home-blog-recommended:hover .home-blog-recommended-info-title a,
.home-blog-recommended-podcast:hover .home-blog-recommended-info-title a,
.home-blog-recommended-search:hover .home-blog-recommended-info-title a,
.related-story__headline a:hover,
.related-story:hover .related-story__headline a,
.recommended-story__headline a:hover,
.home-blog-podcast-info-title a:hover,
.home-blog-podcast-info:hover .home-blog-podcast-info-title a,
.home-blog-video-info:hover .home-blog-video-info-title a,
.single-article__authors a:hover {
  color: var(--highlight-text-color);
}

/* --- Tag hover --- */
.single-article__tag,
.home-blog-highlight-info-section2-tag {
  transition: background-color 0.25s ease, transform 0.25s ease, color 0.25s ease;
}

.single-article__tag:hover,
.home-blog-highlight-info-section2-tag:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
}

/* --- Button interactions --- */
.subscribe-newsletter,
.subscribe-youtube,
.error-page-404-button,
.leave_Feedback_btn {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.25s ease,
              background-color 0.25s ease,
              opacity 0.25s ease;
}

.subscribe-newsletter:hover,
.subscribe-youtube:hover,
.error-page-404-button:hover,
.leave_Feedback_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.subscribe-newsletter:active,
.subscribe-youtube:active,
.error-page-404-button:active,
.leave_Feedback_btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: none;
}

/* --- Footer social icons --- */
.footer-social-icons .social-icon,
.menu_social-icon__img {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.3s ease;
}

.footer-social-icons .social-icon:hover,
.menu_social-icon__img:hover {
  transform: translateY(-3px) scale(1.15);
  opacity: 0.8;
}

/* --- Podcast link hover --- */
.podcast-link {
  transition: transform 0.3s ease;
}

.podcast-link:hover {
  transform: translateY(-2px);
}

/* --- Trending ticker smooth --- */
.trending-header-cont {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

/* --- Search modal refined --- */
.home-blog-search-header-category-search,
.home-blog-search-header-category-search-menu,
.home-blog-search-header-category-search-header {
  transition: opacity 0.3s ease, border-color 0.3s ease;
}

.home-blog-search-header-category-search:focus-within,
.home-blog-search-header-category-search-menu:focus-within,
.home-blog-search-header-category-search-header:focus-within {
  border-color: var(--text-color);
  opacity: 1;
}

/* --- See more link --- */
.see-more {
  transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.see-more:hover {
  letter-spacing: 0.5px;
}

/* --- Menu items stagger --- */
.menu .menu-content ul li {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.menu-visible .menu-content ul li {
  opacity: 1;
  transform: translateX(0);
}

.menu-visible .menu-content ul li:nth-child(1) { transition-delay: 0.35s; }
.menu-visible .menu-content ul li:nth-child(2) { transition-delay: 0.38s; }
.menu-visible .menu-content ul li:nth-child(3) { transition-delay: 0.41s; }
.menu-visible .menu-content ul li:nth-child(4) { transition-delay: 0.44s; }
.menu-visible .menu-content ul li:nth-child(5) { transition-delay: 0.47s; }
.menu-visible .menu-content ul li:nth-child(6) { transition-delay: 0.50s; }
.menu-visible .menu-content ul li:nth-child(7) { transition-delay: 0.53s; }
.menu-visible .menu-content ul li:nth-child(8) { transition-delay: 0.56s; }
.menu-visible .menu-content ul li:nth-child(9) { transition-delay: 0.59s; }
.menu-visible .menu-content ul li:nth-child(10) { transition-delay: 0.62s; }

/* --- Comment hover --- */
.comment-body {
  transition: background-color 0.3s ease;
  border-radius: 4px;
  padding: 8px;
}

.comment-body:hover {
  background-color: var(--Dropdown-Dropdown-BG-Color);
}

/* --- Pagination --- */
.pagination a,
.pagination span {
  transition: transform 0.25s ease, background-color 0.25s ease;
}

.pagination a:hover {
  transform: scale(1.1);
}

/* --- Dark mode toggle interaction --- */
.dark-mode-toggle-1,
.dark-mode-toggle-2 {
  transition: transform 0.2s ease, opacity 0.3s ease;
}

.dark-mode-toggle-1:hover,
.dark-mode-toggle-2:hover {
  transform: scale(1.05);
}

.dark-mode-toggle-1:active,
.dark-mode-toggle-2:active {
  transform: scale(0.95);
}

/* --- Article hero entrance --- */
.single-article-bg-image {
  animation: heroEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes heroEntrance {
  from {
    opacity: 0;
    transform: scale(1.02) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* --- Spotlight card entrance --- */
.home-blog-highlight-rotate,
.home-blog-highlight {
  animation: spotlightIn 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

@keyframes spotlightIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- Submenu dropdown --- */
.sub-menu-container {
  transform-origin: top;
  animation: dropIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes dropIn {
  from {
    opacity: 0;
    transform: scaleY(0.95) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scaleY(1) translateY(0);
  }
}

/* --- Focus visible --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}


/* Responsive styles for medium-sized devices (landscape tablets, small laptops) */
@media (min-width: 768px) {
  html {
    font-size: 1.125rem;
    /* Increase font size for medium devices */
  }
}

/* Responsive styles for large devices (desktops) */
@media (min-width: 992px) {

  .menu {
    width: auto;
  }

  .no-search-found {
    color: var(--text-color);
    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    width: 1200px;
    letter-spacing: -1.28px;
    align-self: stretch;
  }

  .author_social-icons {
    display: flex;
    padding-top: 32px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top: 1px solid var(--Divider, var(--Side-Drawer-BG-Color));
    margin-bottom: 2rem;
  }

  .home-container {
    margin: 0;
    margin-top: 3rem;
  }

  .home-blog__container {
    display: flex;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;

    padding: 0 5%;


    width: 100%;
    /* height: 853px; */
    padding-bottom: 5rem;
    margin: 0;
  }

  .home-blog-highlight,
  .home-blog-highlight-rotate {
    display: flex;
    width: 50%;
    height: auto;
    flex-direction: column;
    border-right: 0.5px solid var(--border-color);
    margin-right: 2rem;
    padding-right: 2rem;

  }

  /* .home-blog-highlight {
    flex-direction: column;
  } */

  .home-blog-highlight-info-section2 {
    display: flex;
    align-items: center;
    height: 1.75rem;
    margin-bottom: 0;
  }

  .home-blog-podcast-header-top>a,
  .home-blog-podcast-header>a {
    /* width: 75%; */
    display: flex;
    justify-content: flex-end;
  }

  .home-blog-highlight-image,
  .home-blog-highlight-image-podcasts {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin-top: 0;
  }


  .home-blog-highlight-rotate>.home-blog-highlight-image {
    /* object-fit: none; */
    object-fit: cover;
    margin-bottom: 2rem;
  }

  .home-blog-highlight>.home-blog-highlight-image {
    margin-top: 2rem;
  }

  .home-blog-highlight-image-newsletter {
    display: flex;
    background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/uncultured-image.svg');
    background-size: cover;
    /* This makes sure the image covers the div */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Avoid repeating the image if the div is larger */

    width: 17.0049rem;
    height: auto;
    flex-shrink: 0;
    border-radius: 6px;
  }

  .newsletter-header {
    display: flex;
    flex-direction: column;
  }

  .newsletter-header-title,
  .newsletter-header h1 {
    color: var(--text-color);
    width: 100%;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    align-self: stretch;

  }

  .home-blog-highlight-image-podcasts {
    height: 25rem;
  }

  .home-blog-highlight-info-section {
    width: 100%;
  }

  .menu {
    width: 24rem;
  }

  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    z-index: 8;
  }

  #overlay.is-open {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  #overlaysub {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    /* Black with 80% opacity */
    display: none;
    z-index: 8;
  }

  .home-blog-search-header-category-search-page {
    /* width: 100%; */
  }


  .search-results-summary {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 24px 64px;
    flex-direction: row;
    justify-content: center;
    gap: 32px;
    color: var(--text-color);


  }

  .search-results-text {
    width: 100%;
    color: var(--text-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.64px;
  }

  .search-field {
    width: 100%;
    background-color: transparent;
    color: var(--text-color);
    /* font-size: 16px; */
    font-style: normal;
    font-weight: 400;
    line-height: 42.875px;
    border: none;
  }

  .home-blog-highlight-info-title {
    width: 100%;
    /* height: 4.1875rem; */
    /* text-overflow: ellipsis; */
    font-size: 40px;
    /* letter-spacing: ; */
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    /* 96.45% */
    /* word-wrap: break-word; */
  }

  .home-blog-highlight-info-desc,
  .home-blog-highlight-info-desc-podcast {
    -webkit-line-clamp: 4;
    width: 98%;
    height: 4rem;
    align-self: stretch;
    word-wrap: break-word;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.5;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .home-blog-highlight-info-desc-podcast {
    -webkit-line-clamp: 2;
    /* Limit the text block to three lines */
    -webkit-box-orient: vertical;

    padding-top: 16px;
    padding-bottom: 0;
    height: auto;
    opacity: 0.5;
  }

  .home-blog-highlight-info-section2-tag {
    padding: .75rem .75rem;
    border-radius: 3px;
    border: 1px solid var(--border-color);
    font-size: .875rem;
    margin-right: .75rem;
  }

  .home-blog-highlight-info-section2-author {
    font-size: 12px;
    /* padding-left: .75rem; */
    padding-right: .75rem;
  }

  .home-blog-highlight-info-section2-time,
  .home-blog-highlight-info-section2-podcast {
    font-size: .857rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .home-blog-highlight-info-section2-podcast {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
  }

  .home-blog-highlight-info-section2-comment-tag,
  .home-blog-recommended-info-section2-comment-tag {
    border-radius: 1.1023rem;
    background: var(--accent-color);
    margin-left: .75rem;
    padding: .5rem .75rem;

  }

  .blog-comment-count {
    font-size: .6889rem;
    padding-left: .2756rem;
  }

  .home-blog__container2 {
    display: flex;
    flex-direction: column;
    width: 50%;
  }

  .home-blog-search-header-category-search-header {
    padding: 24px 64px;
    align-items: center;
    gap: 16px;
    border-bottom: 0.25px solid var(--border-color);

  }

  .home-blog-search-header-category-search-header>input {
    font-size: 18px;
  }

  .search-input-icon-header {
    width: 1.5rem;
    height: 1.5rem;
  }

  .search-input-icon-header-cancel {
    width: 1.5rem;
    height: 1.5rem;
  }

  .home-blog__container2 .home-blog-recommended:last-child {
    border-bottom: 0;
  }

  .home-blog-recommended,
  .home-blog-recommended-podcast {
    display: flex;
    flex-direction: row;
    align-items: center;

    justify-content: center;
    border-top: 0;
    padding-top: 0;
    width: 100%;
    padding-bottom: 24px;
    padding-top: 24px;
    border-bottom: 0.5px solid var(--border-color);

  }

  .home-blog-recommended-podcast {
    flex-direction: row;
  }

  .home-blog-recommended-info-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 0rem;
  }

  .home-blog-recommended-info-title,
  .home-blog-recommended-info-title-podcast {
    width: 100%;
    word-wrap: break-word;
    color: var(--text-color);
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    /* padding-top: 1.1712rem; */
  }

  /* .home-blog-recommended-info-title-podcast {
    font-size: 34.079px;

  } */

  a:hover {
    /* color: var(--highlight-text-color);
    text-decoration-line: underline; */
    /* font-palette: var(--highlight-text-color);  */
  }

  .home-blog-recommended-info-section2-author {
    font-size: .75rem;
    padding-right: .75rem;
    text-transform: capitalize;
  }

  .home-blog-recommend-small-image,
  .home-blog-recommend-small-image-podcast {
    width: 10.625rem;
    height: 10.625rem;
    margin-left: 13px;
    /* object-fit: cover; */
    object-position: center;
    aspect-ratio: 1/1;
  }


  .home-blog-recommended-info-section2 {
    /* height: 2.125rem; */
    margin-top: 1rem;
  }

  .error-page-404-inner-cont {
    margin-top: 4rem;
  }

  .home-blog-recommended-info-section2-comment-tag {
    padding: .5rem .75rem;
    border-radius: 1.1023rem;
  }

  .home-blog-highlight-info-desc-spotify {
    width: 100%;
    /* height: 48px; */
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-weight: 400;
    opacity: 0.5;
    /* 133.333% */
    /* padding-top: 1.5rem;
    padding-bottom: 1.5rem; */
    /* 133.333% */
  }

  .home-blog-recommended-comment-icon {
    width: .8267rem;
    height: .8267rem;
  }

  .home-blog-podcast-info-section {
    display: flex;
    flex-direction: column;
    padding-bottom: 5rem;
  }

  .home-blog-podcast-header,
  .home-blog-podcast-header-top {
    padding: 1.5rem 5%;
    margin-top: 0;
    /* justify-content: start; */
    width: 100%;
    /* margin-bottom: 4rem; */
    margin-bottom: 0;

  }

  .home-blog-podcast-header {
    flex-direction: row;
    align-items: center;
    justify-content: start;

    /* padding-top: 0; */
    padding: 1rem 4rem;
    /* padding-bottom: 0; */
  }


  .home-blog-podcast-header>.subscribe-youtube {
    width: auto;
    height: 3rem;
    /* padding: 16px 16px; */
    font-size: 14px;
    color: var(--text-color);
    margin: 0;
    border-radius: 3px;
    border: 1px solid var(--border-color);
    margin-left: 40px;
  }

  .home-blog-podcast-header>.subscribe-youtube>img {
    width: 26px;
    height: 26px;
    margin-right: 5px;
  }

  .home-blog-podcast-header-top {
    margin-top: 0;
    display: flex;
    margin-bottom: 64px;
  }

  .home-blog-podcast-header h2,
  .home-blog-podcast-header-top h2 {
    font-size: 1.3rem;
    font-weight: 500;
    /* border-right: .0344rem solid var(--border-color); */
    padding-right: 2rem;
  }

  /* videos */
  .home-blog-spotlight-image iframe {
    width: 100%;
    height: 436.507px;
  }

  .sub-menu-container {
    display: none;
    width: auto;
    padding: 24px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    background: var(--Side-Drawer-BG-Color);
    border: 0.25px solid var(--border-color);

    position: absolute;
    top: 5em;
    left: 22.3em;

    z-index: 4;
  }

  .sub-menu-container-item {
    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .home-blog-recommend-small-image iframe {
    width: 100%;
    height: 106px;
  }


  .home-blog-podcast-header h2 {
    /* font-size: 1.25rem; */
    padding-bottom: 0;
    /* width: 100%; */
  }

  .home-blog-podcast-header p,
  .home-blog-podcast-header-top p {
    font-size: .875rem;
  }

  .home-blog-podcast-header-desc,
  .home-blog-podcast-header-desc-top {
    display: flex;
    margin-left: -33%;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.5;
    margin-left: 5%;
    /* width: 64%; */
  }

  .home-blog-podcast-header-desc-top {
    /* margin-left: -76%; */
  }

  .home-blog-podcast-info-section2 {
    width: 100%;
    box-sizing: inherit;

    padding-bottom: 0;
    padding-left: 5%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  .home-blog-podcast-info,
  .home-blog-video-info {
    width: 24rem;
    height: 6.625rem;
    margin-bottom: 5rem;
    gap: 1.5rem;
    /* margin-right: 4rem; */
  }

  .home-blog-video-info {
    width: 23rem;
    margin-right: 10px;

  }

  .home-blog-podcast-info-image,
  .home-blog-video-info-image {
    width: 8rem;
    height: 8rem;
    border-radius: .375rem;
    object-fit: cover;
    object-position: center;
    /* background-position: center;
    background-size: cover; */
  }

  .home-blog-video-info-image {
    width: 170.079px;
    height: 106px;
    margin-right: 1rem;
  }

  .home-blog-podcast-info-title,
  .home-blog-podcast-info-home {
    /* width: 16.375rem; */
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    text-wrap: balance;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }

  .home-blog-podcast-info-home {
    width: 16.375rem;
  }

  .home-blog-podcast-links {
    width: 55%;
  }


  /* podcast div */

  .individual-podcast-card {
    display: flex;
    width: auto;
    height: auto;
    padding: 64px 128px;
  }

  .individual-podcast-card-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 0.55px solid var(--text-color);
  }

  .podcast-player {
    margin-top: 16px;
  }

  .individual-podcast {
    width: 80%;
  }

  .individual-podcast-header-title {
    font-size: 2.1299rem;
    font-style: normal;
    font-weight: 500;
    line-height: 44.303px;

  }

  .individual-podcast-description {
    overflow: hidden;
    color: var(--text-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.2779rem;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    height: 62px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .home-blog-highlight-info-desc-podcast {
    width: 98%;
    font-size: 20.447px;
    line-height: 150%;
  }

  .individual-podcast-play-title {
    color: #4E9BF6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding-top: .5rem;
    /* 12px */
  }

  .home-blog-podcast-links {
    width: 55%;
    margin-left: 22%;
  }

  .podcast-link {
    display: flex;
    flex-direction: row;
  }

  .podcast-link>img {
    width: 24px;
    height: 24px;
    margin-right: .75rem;
  }

  .podcast-link p {
    font-size: .875rem;
    padding-top: .235rem;
  }

  .home-blog-podcast-header-desc,
  .home-blog-podcast-links {
    padding-top: 0;

  }

  .home-blog-podcast-header-desc {}

  .individual-podcast-image {
    width: 272.078px;
    height: auto;
    padding-right: .5rem;
  }


  .home-blog-podcast-info-play-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .3538rem;
  }

  .home-blog-podcast-info-play-image {
    margin-right: 4px;
  }

  .home-blog-podcast-info-play-title {
    padding-right: .25rem;
  }

  /* error 404 styles */

  .error-page-404-container {
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: -0.48px;
  }

  .header-navigation {
    display: flex;
  }

  .header-container {
    width: 100%;
    padding: 1rem 5%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.32px solid var(--border-color)
  }

  .header-logo img {
    width: 10rem;
  }

  /* .search-icon {
    margin-right: 0.9375rem;
  } */

  .drop_down_icon {
    /* width: 1.1023rem;
    height: .4823rem; */
    /* padding-left: 8px; */
    object-fit: contain;
    object-position: center;
    cursor: pointer;
  }

  .header-navigation {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .header-menu-item {
    padding-left: 0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-menu-item a,
  .header-menu-item a.active {
    display: flex;
    text-wrap: nowrap;
    color: var(--text-color);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    transition: color 0.3s ease;
  }

  .header-menu-item a:hover,
  .header-menu-item a.active {
    color: var(--highlight-text-color);
  }

  .dark-mode-toggle-1,
  .dark-mode-toggle-2 {
    gap: 25px;
  }

  .dark-mode-toggle-2>p,
  .dark-mode-toggle-1>p {
    font-size: 16px;
  }



  .header-navigation-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-trending {
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 46px;
    padding-left: 5%;
    border-bottom: 0.25px solid var(--border-color);
    align-items: center;
  }

  .header-trending-title {
    font-size: .80rem;

  }

  .header-trending-topic:hover,
  .comment-edit-link:hover {
    color: var(--highlight-text-color);
    opacity: 1;
  }

  .header-trending-topic {
    font-size: .80rem;
    letter-spacing: .0175rem;
  }

  /* footer styles */
  .footer-container {
    display: flex;
    flex-direction: column;

    position: relative;
    bottom: 0;
    width: 100%;
    padding: 4rem 4rem;

  }

  .footer-branding {
    width: 21.0444rem;
    height: 11.4657rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 6.6875rem;
    padding-bottom: 0;
    gap: 2.1875rem;
  }

  .footer-description {
    width: 100%;
    height: 48px;
    font-size: 1rem;
    line-height: 150%;
    text-align: left;
    opacity: 0.5;
    /* gap: 2.1875rem; */
  }

  .footer-social-icons-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }

  .footer-social-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60%;
    height: 1.75rem;
    padding-top: 0;
    margin-bottom: 0;
  }

  .footer-social-icons img {
    width: 1.3662rem;
    height: 1.3662rem;
    object-fit: contain;
    object-position: center;
  }

  .footer-links {
    width: 60%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    justify-content: center;
    align-items: start;
  }


  .footer-top {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
    align-content: center;
    padding-top: 4rem;
    padding-bottom: 4rem;

  }

  .footer-bottom,
  .footer-legal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .footer-bottom {
    height: 0;
    padding-top: 64px;
    border-top: 1px solid rgba(233, 228, 219, 0.20);
  }

  .footer-column {
    margin-right: 1.5rem;
  }

  .footer-column li {
    width: auto;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1rem;
    text-wrap: nowrap;
  }

  .legal-links {
    display: flex;
    justify-content: space-between;
    width: 19.5rem;
  }

  .legal-links p,
  .footer-copyright {
    text-wrap: nowrap;
    font-size: .875rem;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
  }

  /* error 404 styles */

  .error-page-404-container {
    font-size: 64px;
    overflow-y: none;
  }

  .error-page-404-inner-cont,
  .error-search {
    /* width: 89%; */
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .error-search {
    padding: 20px 64px;

  }

  .error-page-404-h1 {
    font-size: 64px;
    /* margin-top: 2rem; */
    /* z-index: 4; */
  }

  .error-message-background-image {
    width: 95%;
    height: 35rem;
    position: absolute;
    left: 60px;
    top: 115px;
    z-index: 2;

  }

  .error-page-404-button {
    width: 10.25rem;
    height: 3.625rem;
    /* padding: 1.5rem 1rem; */
    border-radius: 3px;
    border: 1px solid var(--Dropdown-Dropdown-BG-Color);
    background: var(--primary-color);
    font-size: .875rem;
    margin-top: 2rem;
    cursor: pointer;
    /* z-index: 6; */
  }

  .legal-template-container {
    padding: 8rem 12rem;
  }

  .legal-template-paragraph>p {
    margin-bottom: 25px;
  }

  .legal-template-title {
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    letter-spacing: -1.28px;
    padding-bottom: 2.5rem;
  }

  .legal-template-paragraph {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }

  .single-article-cont {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* article page styling */
  .single-article {
    padding: 0rem 0rem;
    /* width: 23%; */
    /* background-image: url('madu.jpg'); */
    background-size: cover;
    /* This ensures the image covers the entire area */
    background-position: center;
    /* This centers the image */
    background-repeat: no-repeat;
    /* This prevents the image from repeating */
    /* width: 62%; */

  }

  .single-article-video {
    padding: 4rem 14rem;
  }

  .article-background {
    padding: 4rem 8rem;
    background-image: url('madu.jpg');
    background-size: contain;
    /* This ensures the image covers the entire area */
    background-position: center;
    /* This centers the image */
    background-repeat: no-repeat;
    /* This prevents the image from repeating */
    width: 100%;
    height: 7rem;
  }


  .single-article__tag {
    padding: .75rem;
    font-size: 1rem;
    height: 2.1875rem;
    /* width: 10%; */
    margin-left: 15%;
  }

  .single-article__title,
  .single-video__title {
    width: auto;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -1.28px;
    margin-top: 2rem;
    margin-bottom: 2rem;


  }

  .single-article__title,
  .single-article__excerpt,
  .single-article__info {
    padding: 0rem 15%;
  }


  .single-article__info {
    /* width: 18%; */
    margin-bottom: 4rem;
  }

  .single-article__byline {
    padding-right: .75rem;
    font-size: 1.25rem;
  }

  .single-article__authors {
    padding-right: .75rem;
    font-size: .87rem;
  }

  .single-article__published-time {
    font-size: 1rem;
    padding-left: .75rem;

  }

  .single-article__excerpt {
    font-size: 1.25rem;
    margin-bottom: 2.0162rem;
    line-height: 2.25rem;
  }

  .single-article__section {
    margin-bottom: 2.0162rem;
    gap: 2rem;
  }

  .single-article__section-action {
    font-size: 1rem;
    letter-spacing: .02rem;

  }

  .social-icon__img {
    width: 1.5rem;
    height: 1.5rem;
    /* margin-left: 1.5rem; */
  }

  .single-article__image-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 4.7rem;
    gap: .75rem;
    border-top: .00156rem solid rgba(233, 228, 219, 0.052);
  }

  .single-video-display>iframe {
    width: 100%;
    height: 630px;
    /* margin-top: 4rem; */
    border: none;
    /* margin-bottom: 50rem; */
  }

  .single-video-display {
    margin-bottom: 4rem;
    height: 630px;
  }

  .single-video-cont {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }

  .single-video-cont>.single-article__subsection>.single-article__title {
    color: var(--text-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    /* 13.8px */
  }

  .single-article__image {
    width: 54%;
    height: 644px;
    /* object-fit: contain;
    object-position: center; */
    /* margin: 0 23%; */
    /* margin-top: 4rem; */
  }

  .single-article__image-top {
    width: 100vw;
    height: 30rem;
    position: absolute;
    top: 1rem;
    z-index: 1;
    /* margin-top: 4rem; */
  }

  .single-article__image-credits,
  .single-article__image-credits-span {
    font-size: .875rem;
    font-weight: 500;
  }

  .single-article__subsection {
    padding: 40px 32px;
    margin-top: 4rem;
  }

  .single-article__subsection-title {
    font-size: 1.25rem;

  }

  .single-article__subsection-excerpt {
    font-size: 1rem;
    opacity: 1;
  }

  .single-article__social-icon-text,
  .single-video__social-icon-text {
    color: var(--text-color);
    height: auto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
    /* 28px */
    letter-spacing: 0.32px;
    margin-top: 0;
    /* padding: 1.5rem 4.7rem; */
    padding: 0rem 27.5%;

  }

  .single-video__social-icon-text {
    padding: 0rem 17%;

  }

  .single-article__social-icon-text>h2,
  .single-video__social-icon-text>h2 {
    font-size: 1.75rem;
  }

  .single-article__social-icon-text>p,
  .single-video__social-icon-text>p {
    font-size: 1rem;
    /* padding-top: 64px; */
    padding-bottom: 32px;
    line-height: 31.5px;
    letter-spacing: 2%;
    text-align: left;
  }

  .single-article__social-icon-text>div>p>em,
  .single-video__social-icon-text>div>p>em {
    padding-bottom: 16px;
    font-style: normal;
    line-height: 31.5px;
  }

  .single-article__social-icon-text>h2,
  .single-video__social-icon-text>h2 {
    padding-bottom: 16px;
    padding-top: 0;
    line-height: 40px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -2%;
  }

  .single-article__social-icon-text>.wp-block-image>img {
    /* padding-bottom: 32px; */
    /* padding-top: 16px; */
  }

  .single-article__social-icon-text>.wp-block-image {
    /* padding-bottom: 16px; */

  }

  .single-article__social-icon-text>div>img,
  .single-video__social-icon-text>div>img {
    width: auto;
  }

  .wp-element-caption>em {
    font-size: 12px;
    line-height: 17.82px;
    letter-spacing: 2%;
  }

  .single-article__share-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem;
    padding: 0rem 15%;
  }

  .single-article__footer {
    width: 100%;
  }

  .single-article__footer-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    gap: 2rem;
  }

  .single-article__footer-content2 {
    display: flex;
    width: 25%;
    justify-content: space-between;
    align-items: center;
  }

  .single-article__footer-title {
    color: var(--text-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .0175rem;
    /* margin-right: 32px; */
    margin-top: 0;
    margin-bottom: 0;
  }

  .social-icon__img1 {
    width: 1.2439rem;
    height: 1.2439rem;
    /* margin-right: .8rem; */
    object-fit: contain;
    object-position: center;
  }

  .social-icons--footer {
    margin-bottom: 0px;
  }

  .single-article__tags {
    display: flex;
    /* justify-content: center;
    align-items: center; */
    /* margin-top: 1rem; */
    padding: 0;

  }


  .single-article-bg-image {
    /* height: 78vh; */
    padding-top: 3rem;

  }

  .single-article__tag2 {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: .4rem .8293rem;
    justify-content: center;
    align-items: center;
    gap: .4146rem;
    border-radius: .1555rem;
    border: .0518rem solid var(--highlight-text-color);
    color: var(--highlight-text-color);
    font-size: .7256rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: .8294rem;
  }


  .single-article__author-section_container {
    display: flex;
    flex-direction: column;
    padding: 2.5rem 4rem;
    justify-content: center;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border: .0625rem solid var(--comment-background);
    margin-top: 0;
    margin: 3rem 15%;
  }

  .single-article__author-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: none;

    padding-bottom: .75rem;
  }

  .single-article__author-info {}

  .single-article__author-title {
    display: flex;
    color: var(--text-color);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 2rem;
  }

  .single-article__author-details {
    font-size: 2rem;
    line-height: 2.4112rem;
  }

  .single-article__author-more {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }

  .social-icon__img2 {
    width: 1rem;
    height: 1rem;
    margin-right: .75rem;
  }

  .social-icons--author {
    margin-bottom: 20px;

  }

  .single-article__author-image {
    width: 11.75rem;
    height: 11.625rem;
    margin-top: 50px;
    margin-left: 32px;
    flex-shrink: 0;
    box-shadow: -1rem .0625rem .5188rem 0rem rgba(0, 0, 0, 0.10);
  }

  .single-article__author-bio {
    font-size: 1rem;
    letter-spacing: .02rem;
    /* border-right: .0344rem solid var(--Dropdown-Dropdown-BG-Color); */
  }

  .comment-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .comments-title {
    font-size: 1.5rem;
  }

  .comments_p,
  .comment-content {
    width: 70%;
    font-size: 1rem;
    line-height: 150%;
    margin-bottom: 4rem;
    opacity: 0.5;
  }

  .comment-content {
    width: auto;
    opacity: 0.5;
    padding-top: 13px;
    padding-bottom: 0rem;
  }

  .comment-author-card {
    display: flex;
    width: auto
  }

  .comment-meta {
    height: 100%;

  }

  .avatar {
    /* width: 4.043rem;
    height: 4rem; */
    box-shadow: -5.505px 0.344px 2.856px 0px rgba(0, 0, 0, 0.10);
    margin-right: .75rem;
  }

  .comments-author {
    font-size: 1rem;
  }

  .comments-time {
    font-size: 1rem;
  }

  .comment-reply,
  .comment-edit {
    font-size: 1rem;
  }

  .comment-reply {
    padding-right: .75rem;
  }

  .comment-metadata {
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
    display: flex;
    justify-content: flex-end;
  }

  .comment-form-cookies-consent label {
    font-size: 14px;
  }

  .form-control:hover {
    border: 1px solid var(--text-color);

  }

  .comment-reply-title {
    font-size: 24px;
  }

  .comment-notes,
  .logged-in-as {
    font-size: 16px;
    padding-top: 9px;
  }

  .pull-right {
    display: flex;
    width: 100%;
    height: 2.4438rem;
    justify-content: start;
    align-items: center;
    align-self: stretch;
    border-radius: 2.734px;
    border: none;
    background-color: var(--button-color);
    padding-left: .9113rem;
    color: var(--primary-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2rem;
  }

  .comments-section {
    width: auto;
    padding: 2rem;
    gap: 1rem;
    background-color: var(--modal-background);
    border: 1px solid var(--comment-background);
    /* margin-top: 4rem ; */
    margin: 4rem 25%;
  }

  .comments-section__title {
    font-size: 1.5rem;
  }

  .comments-section__invitation {
    font-size: 1rem;
    text-transform: uppercase;
  }

  .related-stories {
    padding-left: 64px;
    padding-right: 64px;
    margin-top: 2.5rem;
    text-align: center;
  }

  .related-stories__title {
    font-size: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: none;
  }

  .related-stories-container,
  .recommended-videos-container,
  .home-blog-category-info-section2 {
    display: grid;
    grid-template-columns: 23.2% 23.2% 23.2% 23.2%;
    gap: 1.5rem;
  }

  .home-blog-recommended-search,
  .home-blog-recommended-search:last-child {
    width: 100%;
    display: flex;
    /* grid-template-columns: 23.2% 23.2% 23.2% 23.2%;
    gap: 1.5rem; */

    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;

    border-top: none;
    border-bottom: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .recommended-stories {
    padding: 100px;

  }

  .recommended-story__headline {
    color: var(--text-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    text-overflow: ellipsis;
  }

  .recommended-videos-container {
    padding-top: 2rem;
    border-top: none;
    /* padding: 64px; */
  }

  .video-play {
    margin-top: 1.1856rem;
    margin-bottom: .5125rem;
    display: flex;
    align-items: center;
    width: auto;
  }

  .video-play>img {
    width: 23.18px;
    height: 23.18px;
  }

  .video-play>p {
    color: var(--text-color);
    font-size: 14.48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14.48px */
  }

  .recommended-story__image {
    width: 15.3131rem;
    height: 241.107px;
    border-radius: 8px;
  }

  .recommended-videos__title {
    padding-top: 4rem;
    padding-bottom: 2rem;
    color: var(--text-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
  }


  .home-blog-category-info-section-button {
    width: 100vw;
    margin-top: 4rem;
  }

  .home-blog-category-info-section2 {
    margin-top: 2rem;
    padding: 0px 64px;

  }

  .home-blog-category-info-section2-spotify {
    display: grid;
    grid-template-columns: repeat(auto-fit, 21rem);
    /* gap: 1rem; */
    margin-top: 4rem;
    padding: 0px 64px;
    margin-bottom: 8rem;
  }

  .home-blog-category-info-section2-podcast {
    display: grid;
    grid-template-columns: repeat(auto-fit, 20rem);
    gap: 1rem;
    margin-top: 4rem;
    padding: 0px 64px;
    margin-bottom: 8rem;
  }

  /* .article-home-blog__container{
    display: flex;
    flex-direction: column;
  } */

  .related-story {
    width: 100%;
    height: auto;
    margin-bottom: 4rem;

  }

  .related-story__headline,
  .home-blog-recommended-info-title-search {
    width: 100%;
    font-size: 1.125rem;
    align-self: stretch;
    text-align: left;
  }

  .home-blog-recommended-info-title-search {
    color: var(--text-color);
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 150%;
    align-self: stretch;
    /* height: 3.375rem; */
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
  }

  .related-story__meta {
    margin-top: 1rem;
    width: 100%;
  }

  .related-story__comments {
    width: 3.2275rem;
    height: 2.125rem;
    border-radius: 1.1025rem;
  }

  .related-story__comment-icon {
    width: .8267rem;
    height: .8267rem;
  }

  .related-story__comment-count {
    font-size: .75rem;
    padding-left: .2756rem;
  }

  .related-story__comment-dot {
    font-size: .875rem;
  }

  .related-story__author {
    font-size: .75rem;
  }

  .related-story__time {
    font-size: .75rem;
  }

  .related-story__image,
  .home-blog-recommend-small-image-search {
    /* width: 80%; */
    height: 15rem;
  }

  .home-blog-recommend-small-image-search {
    width: 96%;
    margin-bottom: 24px;
  }

  .newsletter-signup {
    width: 100%;
    padding: 3rem 4rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .individual-newsletter-header {
    margin-top: 4rem;
  }

  .individual-newsletter-header-checkbox-cont {
    padding: 4px;


  }

  .newsletter-header {
    width: 38%;
    height: auto;
    display: flex;
    justify-content: left;
    align-items: stretch;
    padding-left: 32px;
    margin-right: 32px;
    margin-left: 2rem;
    margin-top: 0px;
    align-self: stretch;
    border-left: 0.551px solid var(--border-color);
  }

  .newsletter-form {
    border-left: 0.551px solid var(--border-color);
    width: 33%;
    height: 17.25rem;
    padding-left: 32px;

  }

  .newsletter-header h1 {
    width: 100%;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    margin-bottom: 1rem;
  }

  /* .newsletter-header img {
    width: 20%;
    height: auto;
    border-radius: .1405rem;
  } */

  .newsletter-description {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.5;
    padding-top: 0;
    margin-bottom: 0;
  }

  .newsletter-options {
    width: 100%;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr;
    grid-gap: 0;
    border: none;
    margin-bottom: 0;
    padding-top: 1.5rem;
  }

  .home-blog-highlight-border {
    flex-direction: row;
    /* margin-left: 2rem; */
    margin-bottom: 0;
    /* border: .0344rem solid rgba(64, 64, 64, 0.25); */
  }


  .newsletter-options label {
    display: flex;
    flex-direction: row-reverse;
    text-align: left;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-right: 0;

    /* width: 1.5rem;
    height: 1.5rem; */
    /* padding: 6px;
    border-radius: 3px;
    border: 0.25px solid var(--Dropdown-Dropdown-BG-Color, #E9E4DB);
  */
  }

  .newsletter-options label:last-child {
    padding-bottom: 0;
  }

  .newsletter-options-checkbox {
    width: 1.3203rem;
    height: 1.3203rem;
    border-radius: .1651rem;
    border: .0138rem solid var(--text-color);


  }

  .newsletter-user-info {
    display: flex;
    flex-direction: column;
  }

  .newsletter-user-info > p {
    font-size: 11px;
    color: var(--text-color);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: .3rem;
    padding-bottom: .6831rem;
  }

  .newsletter-user-info > input,
  .payment-user-info > input {
    width: 16rem;
    padding: .9112rem;
    margin-right: .5rem;
    /* gap: .4556rem; */
    border-radius: .1709rem;
    border: 0.25px solid var(--border-color);
    background: var(--primary-color);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5rem;
  }

  .newsletter-user-info>label {
    color: var(--text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    padding-bottom: .75rem;
  }

  .newsletter-submit,
  .payment-submit {
    width: 17rem;
    height: 2.6875rem;
    /* padding: .9112rem; */
    gap: .4556rem;
    border-radius: .1709rem;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
  }

  /* newsletter page */
  .newsletter-container {
    width: 100%;
    margin-bottom: .5rem;
  }

  .newsletter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 2rem 14%;
    width: 100%;
    margin-bottom: 10rem;
  }

  .individual-newsletter-container {
    padding: 1rem;
    margin-top: -2rem;
    margin-bottom: 4rem;
  }

  .newsletter-form-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* border-top: 0.551px solid var(--accent-color); */
    padding-top: 32px;
    padding-bottom: 12px;
    width: 100%;
  }

  .newsletter-form-page {
    width: 100%;
    height: auto;
    padding: 32px 220px;
    display: flex;
    flex-direction: column;
    /*  align-items: center;
    align-self: stretch; */
    background: var(--modal-background);
  }

  .newsletter-form-page h2 {
    font-size: 25px;
    margin-bottom: 0;
  }

  .newsletter-terms {
    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding-top: 0;
  }

  .individual-newsletter-header {
    display: flex;
    align-items: center;
    padding-bottom: 1.5rem;
  }

  .individual-newsletter-header-text-cont {
    padding-left: 1.5rem;
  }

  .individual-newsletter-header-text-top {
    color: var(--text-color);
    font-size: 19px;
    font-style: normal;
    /* padding-bottom: .75rem; */
    font-weight: 500;
    line-height: 150%;
  }

  .individual-newsletter-body {
    width: auto;
    height: 358px;
    margin-bottom: 4rem;
  }

  .individual-newsletter-body-img {
    width: auto;
    height: 421.33px;
  }

  .individual-newsletter-header-text {
    color: var(--text-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.3;
  }

  .individual-newsletter-body-title {
    width: 100%;
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    opacity: 0.5;
    padding-bottom: 0;
    margin-top: 1.5rem;
  }

  .home-blog-highlight-image-newsletter {
    width: 27%;
  }

  .home-blog-podcast-info-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 0;
  }

  .newsletter-header-individual {}

  /* .home-blog-category-info-section2-subcategory{
    width: 100%;
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 19% 19% 19% 19%;
    padding: 0 64px;
    grid-gap: 1rem;
  } */

  .search-icon {}

  .home-blog-search-header-categories {
    display: flex;
  }

  .home-blog-search-header-category-all {
    padding-right: 1rem;
  }

  .home-blog-search-header-categories {
    display: flex;
    padding: 16px 63px;
    justify-content: left;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-top: .5px solid var(--border-color);
    border-bottom: .5px solid var(--border-color);
  }

  .home-blog-search-header-category-all {
    display: flex;
    padding: 13px 15px;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    /* gap: 10px; */
    border-radius: 4px;
    border-top: 1px solid var(--filter-border);
    background: var(--filter-background);

    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .home-blog-search-header-category-alll {
    margin-right: 12px;
  }

  .home-blog-search-header-category-search,
  .home-blog-search-header-category-search-page {
    display: flex;

    width: 70%;
    height: 3.5rem;
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    border: none;
    color: var(--text-color);
    font-family: "PangeaAfrikan";
    font-size: 1rem;
    font-style: normal;
    border: .0313rem solid var(--Dropdown-Dropdown-BG-Color);
    background: none;
  }

  .home-blog-search-header-category-search-page {
    width: 70%;
    border-top: none;
    border-right: none;
    border-bottom: none;
    color: var(--text-color);

  }

  .home-blog-pagination-container {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    align-items: center;
    padding: 0 4rem;
  }

  .home-blog-pagination-button {
    display: flex;
    width: 2.9695rem;
    height: 2.9695rem;
    padding: .928rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: .7424rem;
    background: var(--accent-color);
    font-size: 19.3px;
    font-weight: 500;
    margin-left: .4675rem
  }

  .pagiation_icon {
    width: 28px;
    height: 28px;
    padding-top: 3px;
  }

  .search-icon-input {
    width: 100%;
    background: none;
    border: none;
  }

  /* authors page */
  .authors__page-container {
    display: flex;
    width: 100%;
    padding: 4rem;

  }

  .authors__page-section_container {
    width: 50%;
    margin-right: 64px;

  }

  .authors__page-info {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 1rem;
  }

  .authors__page-info2 {
    width: auto;
  }

  .authors__page-image {
    width: 11.75rem;
    height: 11.625rem;
  }

  .authors__page-bio {
    display: flex;
    width: 50%;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    padding: 2.5rem 2rem;
    background: var(--modal-background);
  }

  .authors__page-bio-title {
    color: var(--text-color);
    font-size: 1.25rem;
    line-height: 150%;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .authors__page-bio-text {
    color: var(--text-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .0125rem;
  }

  .authors__page-details {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38.58px;
    color: var(--text-color);
  }

  .authors__page-role {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: 1;
    padding-top: 1.5rem;
    padding-bottom: 4rem;
  }

  .author_social-icon__img {
    width: 1rem;
    height: 1rem;
    margin-right: .75rem;
  }

  /* .author_social-icons{
  display: flex;
  align-items: center;
  width: auto;
} */

  /* about us */
  .aboutus-container {
    /* padding: 1.5rem; */
  }

  .aboutus-content-heading {
    display: flex;
  }

  .aboutus-content {}

  .aboutus-content-first {
    width: 60%;
    display: flex;
  }

  .aboutus-content-title {
    gap: 1rem;
    display: flex;
  }

  .aboutus-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 8rem;
  }

  .aboutus-content-heading,
  .aboutus-sub-heading {
    width: 5.625rem;
    height: 2.4375rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    border: .0625rem solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-color);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
  }

  .aboutus-sub-heading {
    margin-bottom: 1rem;
  }

  .aboutus-content-title {
    width: 95%;

    color: var(--text-color);
    text-align: center;
    font-size: 3.5rem;
    /* font-style: normal; */
    font-weight: 500;
    line-height: 70px;
    text-transform: capitalize;

  }

  .aboutus-image-one {
    width: 91px;
    height: 70px;
    /* position: absolute;
    left: 235px;
    top: 57.709px; */
    top: 22%;
    left: 15%;
    opacity: 1;

  }

  .aboutus-image-two {
    width: 181px;
    height: 139px;
    /* position: absolute;
    left: 84px;
    top: 179.709px; */
    left: 5%;
    top: 40%;
    opacity: 1;

  }

  .aboutus-image-three {
    width: 174px;
    height: 128px;
    /* position: absolute;
    left: 136px;
    bottom: 42.291px; */
    left: 9%;
    top: 70%;
    opacity: 1;

  }

  .aboutus-image-four {
    width: 245px;
    height: 111px;
    border-radius: 12.81px 0px 0px 0px;

    /* position: absolute;
    right: 15.464px;
    top: -160px; */
    opacity: 1;

    right: 3%;
    top: 25%;
  }

  .aboutus-image-five {
    width: 181px;
    height: 139px;
    border-radius: 12.81px 0px 0px 0px;
    opacity: 1;

    /* position: absolute;
    right: 3.328px;
    top: -50px; */

    right: 3%;
    top: 51%;
  }

  .aboutus-image-six {
    width: 142px;
    height: 109px;
    border-radius: 12.81px 0px 0px 0px;
    /* position: absolute;
    right: 29.907px;
    top: 80px; */
    opacity: 1;

    right: 13%;
    top: 80%;
  }

  .aboutus-content-description {
    /* overflow: hidden; */
    width: 56%;
    font-size: 20px;
    line-height: 35px;
    padding: 1.5rem;
    margin-left: 23%;
    margin-right: 23%;
  }

  .aboutus-buttons {
    flex-direction: row;
    width: 40%;
    padding: 1.5rem;
  }

  .advertise {
    background: var(--highlight-text-color);
    margin-bottom: 1.5rem;
    margin-right: 24px;
  }

  .support {
    background: none;
    border-radius: 3px;
    border: 0.238px solid var(--highlight-text-color);
    color: var(--text-color);
  }

  .aboutus-mission-section,
  .aboutus-what-section,
  .aboutus-what-section-team {
    margin-bottom: 8rem;
    padding: 128px 160px;
  }

  .aboutus-mission-section {
    background-size: 75%;
    height: 30.75rem;
  }

  .aboutus-what-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .aboutus-image-ourmission,
  .aboutus-image-whoareyou {
    width: 50%;
    /* height: 30.715rem; */
  }

  .aboutus-image-ourmission {
    width: 55%;
    margin-right: 6%;

    /* height: 26rem; */
  }

  .aboutus-what-section-team {
    padding: 0;
    background: none;
    padding: 0px 160px;
  }

  .aboutus-what-section {
    background: none;
    padding: 0px 128px;

  }

  .aboutus-mission-title,
  .aboutus-sub-title {
    color: var(--text-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 24px;
    text-align: center;
  }

  .aboutus-sub-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    text-align: left;

  }

  .aboutus-mission-text,
  .aboutus-sub-text {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
    opacity: 0.5;
    text-align: center;
    align-items: center;
    /* width: 90%; */
    padding-right: 13%;
    padding-left: 13%;
  }

  .aboutus-sub-text {
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
    text-align: justify;
  }

  .aboutus-sub-section,
  .aboutus-sub-section-mission {

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10rem;
    background: none;
    flex-direction: row;
    margin-bottom: 8rem;

  }

  .aboutus-sub-section-first,
  .aboutus-sub-section-second {
    width: 75%;
    /* margin-right: 10rem; */
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    /* align-items: center; */
  }

  .aboutus-sub-section-first {
    margin-right: 7rem;
  }

  .aboutus-sub-section-second {
    margin-right: 0;
    padding: 0;
  }

  .aboutus-sub-section-mission {
    display: flex;
    flex-direction: row-reverse;
  }

  .aboutus-what-sub-section {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 1.5rem;
    width: auto;
  }

  .aboutus-what-sub-section-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 14.366px;
    background: var(--modal-background);
    /* width: 64%; */
    padding-top: 3.3037rem;
    padding-bottom: 3.3037rem;

    padding: 29.851px 32.333px 29.85px 32.316px;
  }

  .aboutus-what-sub-section-tag {
    display: flex;
    padding: 17.958px;
    align-items: center;
    border-radius: 17.958px;
    background: var(--primary-color);
    margin-bottom: 1.6838rem;
  }

  .aboutus-what-sub-section-title {
    color: var(--text-color);
    text-align: center;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.28px;
    margin-bottom: 1.3469rem;

  }

  .aboutus-what-sub-section-content {
    width: 18.1265rem;
    color: var(--text-color);
  opacity: 0.5;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

  }

  .aboutus-what-sub-section-profile {
    /* width: 100%; */
    margin-bottom: 18px;
    /* padding: 24px; */
  }

  .aboutus-profile-image {

    box-shadow: -29.191px 1.824px 15.143px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 16px;
    border: none;
  }

  .aboutus-what-sub-section-profile-title {
    color: var(--text-color);
    font-size: 18.671px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-align: left;
    margin-bottom: 16.60px;
  }

  .aboutus-what-sub-section-profile-role {
    color: var(--text-color);
    font-size: 16.597px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    opacity: 0.5;
  }

  /* payment */
  .payment-form {
    padding: 64px 160px;
    flex-direction: row;
    align-items: flex-start;

  }

  .payment-form>div {
    width: 55%;
    padding-right: 64px;

  }

  .payment-form>form {
    width: 40%;
    padding-left: 64px;
    border-left: 0.551px solid var(--accent-color);
  }

  .payment-form>div>h3 {
    font-size: 40px;
  }

  .payment-form>div>p {
    font-size: 15px;
    line-height: 175%;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .payment-frequency-div {
    margin-bottom: 24px;
  }

  .payment-frequency-one,
  .payment-frequency-mth {
    display: flex;
    width: 50%;
    padding: 24px 32px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: none;
    border-radius: 3px 0px 0px 3px;
    background: var(--highlight-text-color);
    cursor: pointer;
  }

  .payment-frequency-mth {
    background: none;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid var(--highlight-text-color);
  }

  .payment-currency-info {
    padding: 12.5px 25.539px 13.5px 25.461px;
    border-radius: 3px;
    border: 0.25px solid var(--Dropdown-Dropdown-BG-Color, #E9E4DB);
    margin-bottom: 1.5rem;
  }

  .payment-donation-amount-cont {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1.5rem;

  }

  .payment-submit {
    width: 100%;
    text-align: left;
  }

  .payment-user-info input {
    width: 100%;
  }
}

/* Responsive styles for extra large devices (large desktops) */
@media (min-width: 2025px) {
  html {
    padding-left: 16%;
    padding-right: 16%;
  }
}

@media (min-width: 1025px) {
  html {
    font-size: 1.128rem;

  }
}