.advanced-post-wrapper {
  display: flex;
  gap: 48px;
}
.post .img,
.post {
  max-width: 576px;
  position: relative;
}
.post {
  background: linear-gradient(109.86deg, #fff9f9 14.87%, #ebf6ff 97.1%);
}
.date {
  margin-top: -40px;
  width: fit-content;
  margin-left: 20px;
  padding: 20px 28px;
  position: absolute;
  display: flex;
  gap: 20px;
  border-radius: 20px;
  background: linear-gradient(90.03deg, #fff9f9 0.03%, #f9f8fb 99.99%);
  align-items: center;
}
.post-content {
  padding: 40px 32px;
}
.post .img {
  height: 300px;
}
.post .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 9;
}
.post-title {
  margin: 0;
  margin-bottom: 24px;
}
.post-title a {
  text-decoration: none;
}
.post-description {
  color: #888888;
}

/* indystry widget css */
/* .industry-scrollbox{
    max-width: 530px;
    height: 520px;
    overflow-y: auto;
}
.industry-main-wrap{
    position: relative;
    max-width: 530px;
    height: 520px;
}
.industry-main-wrap::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    mask-image: url('data:image/svg+xml,<svg width="28" height="15" viewBox="0 0 28 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.47"><path d="M22.6505 11.7239L23.843 10.5303L14.7904 4.02894C14.6862 3.92414 14.5624 3.84097 14.426 3.78421C14.2896 3.72746 14.1433 3.69824 13.9956 3.69824C13.8478 3.69824 13.7015 3.72746 13.5651 3.78421C13.4287 3.84097 13.3049 3.92414 13.2007 4.02894L5.01074 10.5303L6.20324 11.7228L13.9939 5.62081L22.6505 11.7239Z" fill="%23888888"/></g></svg>'); 
    mask-size: 32px;
    background-color: #888888;
    mask-repeat: no-repeat;
    mask-position: center;
    width: 14px;
    height: 27px;
    display: block;
}
.industry-main-wrap::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    mask-image: url('data:image/svg+xml,<svg width="28" height="15" viewBox="0 0 28 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.47"><path d="M22.6505 11.7239L23.843 10.5303L14.7904 4.02894C14.6862 3.92414 14.5624 3.84097 14.426 3.78421C14.2896 3.72746 14.1433 3.69824 13.9956 3.69824C13.8478 3.69824 13.7015 3.72746 13.5651 3.78421C13.4287 3.84097 13.3049 3.92414 13.2007 4.02894L5.01074 10.5303L6.20324 11.7228L13.9939 5.62081L22.6505 11.7239Z" fill="%23888888"/></g></svg>'); 
    mask-size: 32px;
    background-color: #888888;
    mask-repeat: no-repeat;
    mask-position: center;
    width: 14px;
    height: 27px;
    display: block;
    rotate: 180deg;
}
.industry-wrapper{
    display: flex;
    gap: 32px;
    padding:0;
    border-bottom: 1px solid #8888884D;
}
.industry-wrapper:first-child{
    border-top: 1px solid #8888884D;
    border-bottom: 1px solid #8888884D;
}
.industry-wrapper:hover{
    border-color: #71BA46;
}
.industry-wrapper .img{
    min-width: 154px;
    height: 96px;
}
.industry-wrapper .img img{
    width: 100%;
    height: 100%;
    border-radius: 43px;
    object-fit: cover;
}
.industry-title{
    color: #2B2B2B;
    font-size: 24px ;
    font-weight: 500;
    margin: 0;
}
.industry-description{
    color: #888888;
    margin: 8px 0 16px 0;
}
.industry-content .industry-btn{
    border: 1px solid #888888;
    border-radius: 16px;
    padding: 2px 12px;
    transition: ease all 0.4s;
}
.industry-wrapper:hover .industry-content .industry-btn{
    background-color: #71BA46;
    border-color: #EFF7FE;
}
.industry-wrapper:hover .industry-content .industry-btn svg path{
    fill: #fff;
} */

@media screen and (max-width: 768px) {
  .advanced-post-wrapper {
    flex-direction: column;
  }
  .advanced-post-wrapper .post,
  .advanced-post-wrapper .post .img {
    max-width: unset;
  }
}

/* Testimonial Widgets */
.testimonial-widget {
  background-color: transparent;
  border-radius: 10px;
}

.quote-icon {
  font-size: 0px;
  position: absolute;
  top: -14px;
  left: -60px;
  mask-image: url('data:image/svg+xml,<svg width="76" height="77" viewBox="0 0 76 77" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.12"><path d="M33.5465 38.7162V62.7689H9.67188V56.533C9.67188 46.7931 10.3845 39.5476 11.8099 34.7964C13.354 29.9265 17.3331 23.0373 23.7472 14.1289L33.9028 19.8303C28.5577 28.9763 25.4695 35.2716 24.638 38.7162H33.5465ZM65.9731 38.7162V62.7689H42.0985V56.533C42.0985 46.7931 42.8112 39.5476 44.2366 34.7964C45.7807 29.9265 49.7598 23.0373 56.1739 14.1289L66.3295 19.8303C60.9844 28.9763 57.8961 35.2716 57.0647 38.7162H65.9731Z" fill="%23A3A3A3"/></g></svg>');
  mask-size: 76px;
  background-color: #a3a3a3;
  width: 76px;
  height: 76px;
}

.testimonial-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}

.testimonial-content-wrap {
  display: flex;
}

.author-info {
  display: flex;
  gap: 24px;
  align-items: center;
}

.author-avatar {
  min-width: 312px;
  height: 235px;
}

.author-avatar img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}

/* Swiper Navigation */
.testimonial-widget .swiper-pagination {
  text-align: left;
  left: calc(312px + 105px);
}

.testimonial-widget .swiper-wrapper {
  padding-bottom: 0;
}

.testimonial-widget .swiper-button-prev,
.testimonial-widget .swiper-button-next {
  top: 40% !important;
  bottom: unset !important;
}

.testimonial-widget .swiper-button-prev {
  right: unset !important;
  left: 0 !important;
}

.testimonial-widget .swiper-button-next {
  right: 0;
  left: unset !important;
}

.testimonial-widget .swiper-button-prev::after {
  content: "";
  mask-image: url('data:image/svg+xml,<svg width="44" height="43" viewBox="0 0 44 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.964 21.5749C36.964 29.5858 30.4075 36.0627 22.2982 36.0627C14.1888 36.0627 7.63232 29.5858 7.63232 21.5749C7.63232 13.5639 14.1888 7.08704 22.2982 7.08704C30.4075 7.08704 36.964 13.5639 36.964 21.5749ZM9.35772 21.5749C9.35772 28.6483 15.1378 34.3582 22.2982 34.3582C29.4586 34.3582 35.2386 28.6483 35.2386 21.5749C35.2386 14.5014 29.4586 8.79149 22.2982 8.79149C15.1378 8.79149 9.35772 14.5014 9.35772 21.5749Z" fill="%23CBCBCB"/><path d="M23.7647 14.5014L16.6043 21.5749L23.7647 28.6483L22.5569 29.8414L14.1887 21.5749L22.5569 13.3083L23.7647 14.5014Z" fill="%23CBCBCB"/><path d="M15.3965 22.4274V20.7229H30.0623V22.4274H15.3965Z" fill="%23CBCBCB"/></svg>');
  mask-size: 32px;
  background-color: #000000;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 40px;
  height: 40px;
  transform: none !important;
}

.testimonial-widget .swiper-button-next::after {
  content: "";
  mask-size: 32px;
  mask-image: url('data:image/svg+xml,<svg width="44" height="43" viewBox="0 0 44 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.964 21.5749C36.964 29.5858 30.4075 36.0627 22.2982 36.0627C14.1888 36.0627 7.63232 29.5858 7.63232 21.5749C7.63232 13.5639 14.1888 7.08704 22.2982 7.08704C30.4075 7.08704 36.964 13.5639 36.964 21.5749ZM9.35772 21.5749C9.35772 28.6483 15.1378 34.3582 22.2982 34.3582C29.4586 34.3582 35.2386 28.6483 35.2386 21.5749C35.2386 14.5014 29.4586 8.79149 22.2982 8.79149C15.1378 8.79149 9.35772 14.5014 9.35772 21.5749Z" fill="%23CBCBCB"/><path d="M23.7647 14.5014L16.6043 21.5749L23.7647 28.6483L22.5569 29.8414L14.1887 21.5749L22.5569 13.3083L23.7647 14.5014Z" fill="%23CBCBCB"/><path d="M15.3965 22.4274V20.7229H30.0623V22.4274H15.3965Z" fill="%23CBCBCB"/></svg>');
  background-color: #000000;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 40px;
  height: 40px;
  rotate: 180deg;
}

.aayan-wellness-testimonial-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
  grid-row-gap: 80px;
}
.aayan-wellness-testimonial-item {
  position: relative;
}

/*service*/
.service-card {
  display: flex;
  height: -webkit-fill-available;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #eadfd2;
  box-shadow: 0 12px 30px rgba(48, 36, 28, 0.08);
  background: #fffdfb;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(48, 36, 28, 0.14);
}
.service-image {
  width: 100%;
  overflow: hidden;
  background: #eee8df;
}
.service-image img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.aayan-wellness-service-slider {
  padding: 10px;
}

.service-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 14px;
  padding: 26px 24px 28px;
  color: var(--aayan-wellness-text-secondary, #506783);
}

.service-content h3 {
  line-height: 38px !important;
}
.service-title {
  display: block;
  margin: 0;
  font-family: var(--aayan-wellness-secondary-font, Georgia, "Times New Roman", serif);
  font-size: 25px;
  line-height: 1.3 !important;
  color: var(--aayan-wellness-primary-color, #35145d);
  font-weight: 400;
  transition: 0.4s ease all;
}

.service-title:hover {
  color: var(--aayan-wellness-secondary-color, #8b5a9d) !important;
}
.service-description {
  display: block;
  font-size: 15px;
  line-height: 1.6;
}
.service-view-details {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-top: 6px;
  color: var(--aayan-wellness-primary-color, #35145d);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    gap 0.25s ease,
    color 0.25s ease;
}
.service-view-details:hover {
  gap: 13px;
  color: var(--aayan-wellness-secondary-color, #8b5a9d);
}
.aayan-wellness-service-slider .swiper-wrapper {
  padding-bottom: 50px;
}

.swiper-pagination-bullets {
  top: unset !important;
  bottom: 0 !important;
}
.swiper-pagination-bullet {
  background-color: #c6c6c6 !important;
  height: 12px !important;
  width: 12px !important;
  border-radius: 142px !important;
  border: none !important;
}
.swiper-pagination-bullet-active {
  background-color: var(--aayan-wellness-secondary-color, #d8b262) !important;
  width: 47px !important;
}

@media screen and (max-width: 1024px) {
  .col-main-post {
    width: 100%;
  }

  .col-post-list {
    width: 100%;
    align-items: start;
  }
  .post-details .meta-wrapper {
    justify-content: start;
  }
}

@media screen and (max-width: 900px) {
  .testimonial-content-wrap {
    flex-direction: column;
    gap: 50px;
  }

  .testimonial-content-wrap .quote-icon {
    left: 0;
    top: -70px;
  }

  .testimonial-content-wrap .author-avatar img {
    width: auto !important;
  }

  .testimonial-widget .swiper-pagination {
    left: 0;
  }

  .testimonial-widget .swiper-wrapper {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .aayan-wellness-testimonial-wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 50px;
  }
}

@media screen and (max-width: 500px) {
  .post-list-item .post-thumbnail {
    min-width: 130px;
    width: 130px;
    height: 90px;
  }
  .col-main-post .post-content {
    padding: 22px 20px;
  }
  .col-main-post .post-content h2.post-heading {
    line-height: 30px !important;
  }
  .col-post-list .post-list-item .post-details .post-title a {
    font-size: 16px !important;
  }
}

/* Static Grid Layout (Variation Two) */
.aayan-wellness-testimonial-wrapper {
  display: grid;
  /* grid-template-columns controlled by Elementor */
  /* gap controlled by Elementor */
}

.aayan-wellness-testimonial-item {
  position: relative;
  padding: 40px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);
}

.aayan-wellness-testimonial-item .quote-icon {
  position: absolute;
  top: -14px;
  left: 40px;
}

.aayan-wellness-testimonial-item .testimonial-text {
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

.aayan-wellness-testimonial-item .testimonial-footer {
  display: flex;
  align-items: center;
  gap: 24px;
}

.aayan-wellness-testimonial-item .author-avatar {
  min-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.aayan-wellness-testimonial-item .author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aayan-wellness-testimonial-item .author-rating-wrapper {
  flex: 1;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
  .aayan-wellness-testimonial-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media screen and (max-width: 500px) {
  .aayan-wellness-testimonial-item {
    padding: 30px 20px;
  }

  .aayan-wellness-testimonial-item .quote-icon {
    left: 20px;
  }

  .aayan-wellness-testimonial-item .author-avatar {
    min-width: 60px;
    width: 60px;
    height: 60px;
  }
}

/* Service Slider Styles */
.aayan-wellness-service-slider {
  position: relative;
}

.service-card {
  display: flex;
  flex-direction: column;
  align-items: left;
}

.service-icon img {
  object-fit: contain;
}

.service-content {
  width: 100%;
}

.service-title {
  display: block;
  margin: 0;
}

.service-description {
  display: block;
  margin-top: 8px;
}

/* Pagination Styles */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #c6c6c6;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  width: 47px;
  border-radius: 100px;
  background: #71ba46;
}

/* Industry Widget Styles */

.industry-main-wrap {
  position: relative;
  max-width: 530px;
  height: 720px;
}

.aayan-wellness-industry-slider {
  height: 100%;
  padding: 30px 0;
}

.industry-main-wrap .swiper-button-prev,
.industry-main-wrap .swiper-button-next {
  width: 14px;
  height: 27px;
  left: 50%;
  mask-image: url('data:image/svg+xml,<svg width="28" height="15" viewBox="0 0 28 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.47"><path d="M22.6505 11.7239L23.843 10.5303L14.7904 4.02894C14.6862 3.92414 14.5624 3.84097 14.426 3.78421C14.2896 3.72746 14.1433 3.69824 13.9956 3.69824C13.8478 3.69824 13.7015 3.72746 13.5651 3.78421C13.4287 3.84097 13.3049 3.92414 13.2007 4.02894L5.01074 10.5303L6.20324 11.7228L13.9939 5.62081L22.6505 11.7239Z" fill="%23888888"/></g></svg>');
  mask-size: 32px;
  background-color: #888888;
  mask-repeat: no-repeat;
  mask-position: center;
  display: block;
}

.industry-main-wrap .swiper-button-prev {
  top: 20px;
}

.industry-main-wrap .swiper-button-next {
  top: auto;
  bottom: 0;
  rotate: 180deg;
}

.industry-main-wrap .swiper-button-prev:after,
.industry-main-wrap .swiper-button-next:after {
  display: none;
}

.industry-wrapper {
  display: flex;
  gap: 32px;
  padding: 32px 0;
  transition: border-color 0.3s ease;
}

.industry-main-wrap .swiper-slide {
  border-bottom: 1px solid rgba(136, 136, 136, 0.3);
  height: fit-content !important;
}

.industry-main-wrap .swiper-slide:first-child {
  border-top: 1px solid rgba(136, 136, 136, 0.3);
}

.industry-main-wrap .swiper-slide:hover {
  border-color: var(--aayan-wellness-secondary-color, #71ba46);
}

.industry-wrapper .img img {
  width: 100%;
  height: 100%;
  border-radius: 43px;
  object-fit: cover;
}

.industry-content .industry-btn {
  border: 1px solid #888888;
  border-radius: 16px;
  padding: 6px 12px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.industry-wrapper:hover .industry-btn {
  background-color: var(--aayan-wellness-secondary-color, #71ba46);
  border-color: var(--aayan-wellness-secondary-color, #eff7fe);
}

.industry-wrapper:hover .industry-btn svg path {
  fill: #fff;
}

/* Scrollbar Styles */
.industry-scrollbox::-webkit-scrollbar {
  width: 6px;
}

.industry-scrollbox::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.industry-scrollbox::-webkit-scrollbar-thumb {
  background: #888888;
  border-radius: 10px;
}

.aayan-wellness-service-grid {
  display: grid;
  width: 100%;
  gap: 28px;
}

/* Responsive styles */
@media (max-width: 1024px) {
  .aayan-wellness-service-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .aayan-wellness-service-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

/* Objectives Widget */
.aayan-wellness-objectives-grid {
  display: grid;
  width: 100%;
}

.objective-card {
  display: flex;
  align-items: flex-start;
  border: 1px solid rgba(20, 20, 20, 0.06);
  transition:
    0.3s ease transform,
    0.3s ease box-shadow;
}

.objective-card:hover {
  transform: translateY(-4px);
}

.objective-number {
  flex-shrink: 0;
  line-height: 1.5;
}

.objective-title {
  display: block;
}

.aayan-wellness-objectives-accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.objective-accordion-item {
  overflow: hidden;
  border: 1px solid rgba(20, 20, 20, 0.06);
  transition: 0.3s ease box-shadow;
}

.objective-accordion-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.objective-header-left {
  display: flex;
  align-items: flex-start;
  text-align: left;
}

.objective-accordion-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  margin-left: 16px;
  line-height: 1.5;
  transition: 0.3s ease transform;
}

.objective-accordion-item.active .objective-accordion-icon {
  transform: rotate(180deg);
}

.objective-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.objective-description {
  display: block;
  margin: 0;
}

@media (max-width: 1024px) {
  .aayan-wellness-objectives-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .aayan-wellness-objectives-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.aayan-wellness-events-widget {
  display: flex;
  gap: 60px;
}

.aayan-wellness-events-widget-left-col {
  width: 45%; /* Adjust as needed */
}

.aayan-wellness-events-tab-list {
  list-style: none;
  padding: 0;
}

.aayan-wellness-events-content {
  width: 55%; /* Adjust as needed */
}

.aayan-wellness-events-posts {
  display: none; /* Hide all posts by default */
  transition: display 0.3s ease;
}
.aayan-wellness-events-posts.active {
  display: block;
}

.aayan-wellness-event-card {
  position: relative;
  width: 100%;
  height: 300px; /* Fixed height for consistent look */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 0px rgba(16, 16, 16, 0.15);
  margin-top: 10px;
}

.aayan-wellness-event-image {
  position: relative;
  width: 100%;
  height: 350px;
}

.aayan-wellness-event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aayan-wellness-event-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
}

.aayan-wellness-event-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 2;
  color: #fff;
}

.aayan-wellness-event-title {
  margin: 0 0 15px 0;
  line-height: 24px;
}

.aayan-wellness-event-title a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  font-weight: 500;
  line-height: 24px;
}
.aayan-wellness-event-author .author-name {
  font-size: 10px;
  color: #fff;
}
.aayan-wellness-event-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.aayan-wellness-event-author {
  display: flex;
  align-items: center;
  gap: 8px;
}

.aayan-wellness-event-author img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.aayan-wellness-event-time {
  color: #ffffff;
  font-size: 10px;
}

/* Swiper specific styles */
.swiper-slide {
  height: auto;
}

/* Hover effect */
/* .aayan-wellness-event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
} */

/* Swiper Styles */
.swiper-container {
  width: 100%;
  height: auto;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.aayan-wellness-events-tab-list li {
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(89.99deg, #888888 0.01%, #ffffff 56.73%);
  border-image-slice: 1;
  padding: 24px 0;
  font-size: 18px;
  color: #888888;
}

.aayan-wellness-events-tab-list li.active {
  color: var(--aayan-wellness-primary-color, #71ba46);
  border-image: linear-gradient(89.99deg, var(--aayan-wellness-secondary-color, #71ba46) 0.01%, #ffffff 56.73%);
  border-image-slice: 1;
  font-size: 24px;
}

.aayan-wellness-events-header {
  margin-bottom: 24px;
}

.aayan-wellness-events-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.aayan-wellness-events-sub-heading {
  font-size: 24px;
  color: var(--aayan-wellness-primary-color, #71ba46);
  margin: 0;
}

@media screen and (max-width: 900px) {
  .aayan-wellness-events-widget {
    flex-direction: column;
  }
  .aayan-wellness-events-widget-left-col,
  .aayan-wellness-events-content {
    width: 100%;
  }
}

.aayan-wellness-banner {
  position: relative;
  min-height: 680px;
  height: min(82vh, 800px);
  background: #1b0b2d;
  color: #fff;
  overflow: hidden;
}
.aayan-wellness-banner .swiper-wrapper,
.aayan-wellness-banner .banner-slide {
  height: 100%;
}
.banner-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  text-align: center;
  background-color: #29123e;
  background-position: center;
  background-size: cover;
}
.banner-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--banner-overlay-color, #190b2b);
  opacity: 0.76;
}
.banner-overlay.overlay-gradient {
  background: var(--banner-overlay-gradient, linear-gradient(135deg, #190b2b, #07153d));
}
.banner-content {
  position: relative;
  z-index: 1;
  width: min(100%, 820px);
  margin-top: -10px;
}
.banner-icon img {
  display: block;
  width: 62px;
  height: 62px;
  object-fit: contain;
  margin: 0 auto 30px;
}
.banner-subtitle {
  display: block;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.6;
  margin-bottom: 18px;
  color: #dcb35d;
}
.banner-title {
  max-width: 760px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: 0;
}
.banner-title-highlight {
  display: inline-block;
  color: #dcb35d;
  font-weight: 400;
}
.banner-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 34px auto 28px;
  color: #dcb35d;
}
.banner-divider::before,
.banner-divider::after {
  width: 51px;
  height: 1px;
  background: #dcb35d;
  content: "";
}
.banner-divider span {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.banner-divider svg {
  display: block;
  width: 24px;
  height: 16px;
  color: #dcb35d;
}
.banner-desc {
  max-width: 590px;
  margin: 0 auto 38px;
  color: #fff;
  font-size: 15px;
  line-height: 1.7;
}
.banner-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.banner-btns .btn {
  min-width: 200px;
  padding: 14px 26px;
  border: 1px solid #dcb35d;
  background: #dcb35d;
  color: #24102f;
  text-decoration: none;
  border-radius: 28px;
  transition:
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.banner-btns .btn:hover {
  background: #f0d18b;
  border-color: #f0d18b;
}
.banner-btns .btn-outline {
  background: transparent;
  border-color: rgba(220, 179, 93, 0.75);
  color: #fff;
}
.banner-btns .btn-outline:hover {
  background: #dcb35d;
  color: #24102f;
}
.aayan-wellness-banner .swiper-pagination {
  bottom: 28px;
}
.aayan-wellness-banner .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: #fff;
  opacity: 0.45;
}
.aayan-wellness-banner .swiper-pagination-bullet-active {
  background: #dcb35d;
  opacity: 1;
}
.aayan-wellness-banner .swiper-button-prev,
.aayan-wellness-banner .swiper-button-next {
  width: 42px;
  height: 42px;
  color: #dcb35d;
}
.aayan-wellness-banner .swiper-button-prev::after,
.aayan-wellness-banner .swiper-button-next::after {
  font-size: 17px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .aayan-wellness-banner {
    min-height: 620px;
    height: 86vh;
  }
  .banner-slide {
    padding: 64px 22px 76px;
  }
  .banner-icon img {
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
  }
  .banner-subtitle {
    font-size: 9px;
    letter-spacing: 2px;
  }
  .banner-title {
    font-size: 38px;
  }
  .banner-divider {
    margin: 26px auto 22px;
  }
  .banner-desc {
    font-size: 14px;
    margin-bottom: 28px;
  }
  .banner-btns .btn {
    min-width: 185px;
  }
  .aayan-wellness-banner .swiper-button-prev,
  .aayan-wellness-banner .swiper-button-next {
    display: none;
  }
}

/* Gallery Widget heading (Tag + Title), shared by both Section and Page modes */
.gallery-widget__header {
  margin-bottom: 40px;
}

/* Gallery Preview Widget (homepage) */
.aayan-wellness-gallery-preview {
  width: 100%;
  --aayan-gallery-height: 700px;
}

.gallery-preview__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 16px;
  /* ~70% of the total section height (minus the gap to the row below) */
  height: calc((var(--aayan-gallery-height) - 16px) * 0.696);
}

.gallery-preview__grid .gallery-preview__item--big {
  grid-row: 1 / 3;
}

.gallery-preview__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
  /* ~30% of the total section height (minus the gap above it) */
  height: calc((var(--aayan-gallery-height) - 16px) * 0.304);
}

.gallery-preview__item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: 100%;
}

.gallery-preview__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.gallery-preview__item:hover img {
  transform: scale(1.05);
}

.gallery-preview__cta {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 16px;
  height: 100%;
}

.gallery-preview__cta img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.gallery-preview__cta-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: rgba(16, 16, 16, 0.5);
  transition: background 0.3s ease;
}

.gallery-preview__cta:hover img {
  transform: scale(1.05);
}

.gallery-preview__cta:hover .gallery-preview__cta-overlay {
  background: rgba(16, 16, 16, 0.65);
}

.gallery-preview--simple .gallery-preview__row--simple {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0;
}

.gallery-preview__cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 14px 28px;
  border-radius: 999px;
  background-color: var(--aayan-wellness-secondary-color, #D8B262);
  color: var(--aayan-wellness-primary-color, #361955);
  font-size: 14px;
  font-weight: 600;
  transition: opacity 0.3s ease;
}

.gallery-preview__cta-button:hover {
  opacity: 0.85;
  color: var(--aayan-wellness-primary-color, #361955);
}

@media (max-width: 767px) {
  /* Mobile reflows to a stacked layout (full-width big tile on its own row),
     so the Section Height control's proportions no longer apply here —
     fixed, compact row heights keep it from ever running too tall. */
  .gallery-preview__grid,
  .gallery-preview--simple .gallery-preview__row--simple {
    grid-template-columns: 1fr 1fr;
  }
  .gallery-preview__grid {
    grid-template-rows: 200px 140px;
    height: auto;
  }
  .gallery-preview__row {
    grid-template-columns: 1fr 1fr;
    height: auto;
    grid-auto-rows: 140px;
  }
  .gallery-preview__grid .gallery-preview__item--big {
    grid-column: 1 / 3;
    grid-row: 1;
  }
}

/* Gallery Grid Widget (full gallery page) */
.aayan-wellness-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: 100%;
}

.gallery-grid__item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 1 / 1;
}

.gallery-grid__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.gallery-grid__item:hover img {
  transform: scale(1.06);
}

@media (max-width: 767px) {
  .aayan-wellness-gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.gallery-grid__item--hidden {
  display: none;
}

.aayan-wellness-gallery-grid__load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.gallery-grid__load-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  border: 0;
  border-radius: 999px;
  background-color: var(--aayan-wellness-secondary-color, #D8B262);
  color: var(--aayan-wellness-primary-color, #361955);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.gallery-grid__load-more:hover {
  opacity: 0.85;
}