:root {
  scroll-behavior: smooth;
  --primary: #e57717;
  --secondary: #92643a;
  --menuText: #494949;
  --accent-soft: #f9e6d8;

  --hero-min: 420px;
  --hero-max: 84vh;

  --lightDarkLrimary: #67b8ff;
  --textColor: #1f2025;
  --backgroundColor: #ffff;
  --lightText: #515151;
  --darkText: #414141;

  --pageHeadding: "Playfair Display", sans-serif;
  --subHedding: "Poppins", sans-serif;
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--lightText) transparent;
}

body {
  margin: 0 !important;
  /* font-family: var(--bodyFamily); */
  color: var(--lightText);
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--hadingFamily);
} */
/* Page H1 */
h1 {
  font-family: var(--pageHeadding);
}

/* Section headers like h2, h3, etc. */
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--pageHeadding);
}

/* Paragraphs */
p {
  font-family: var(--subHedding);
  font-size: 1rem;
}

h2 {
  font-size: 30px;
  font-weight: 500;
  color: var(--primary);
}

dl,
ol,
ul {
  margin: 0;
  padding: 0px;
  list-style-type: none;
}
a,
button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  outline: none;
  background: none;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}
input {
  height: 45px;
}

.error,
.required {
  color: red;
}
a {
  color: var(--primary);
  text-decoration: none !important;
}

a:hover {
  color: var(--secondary);
  text-decoration: none !important;
}

#topButton {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--primary);
  color: #fff;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: all 0.4s ease;
  z-index: 999;
  font-size: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* When visible */
#topButton.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  animation: bounceIn 0.6s ease;
}

/* Hover effect */
#topButton:hover {
  background-color: var(--secondary);
  transform: scale(1.1);
}

/* Keyframe animation */
@keyframes bounceIn {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  60% {
    transform: translateY(-10px);
    opacity: 1;
  }
  80% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

.section_title {
  color: var(--primary);
}

.primary_btn {
  background: var(--tour-orange);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.72rem 1.15rem;
  font-family: var(--subHedding);
}

.secondary_btn {
  border-radius: 10px;
  color: #fff;
  padding: 0.72rem 1.15rem;
  font-family: var(--subHedding);
  border: 1.5px solid rgba(255, 255, 255, 0.85);
}
.primary_btn:hover,
.secondary_btn:hover {
  color: white;
}

section {
  padding: 6rem 0;
}

/* .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  font-family: Arial, sans-serif;
}

.pagination li {
  margin: 0 3px;
}

.pagination a {
  display: block;
  padding: 8px 14px;
  text-decoration: none;
  color: #f48024; 
  background-color: #fff;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.pagination a:hover {
  background-color: #ffe8d6;
}

.pagination .active a {
  background-color: #f48024;
  color: #fff;
  font-weight: bold;
}

.pagination .disabled a {
  color: #bbb;
  pointer-events: none;
  background: none;
} */

.hero-wrap {
  position: relative;
  overflow: hidden;
}

/* Each slide fills the banner area */
.hero-slide {
  position: relative;
  height: clamp(var(--hero-min), var(--hero-max), 880px);
}

/* Image fills & crops correctly */
.hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Darken toward the bottom for readability */
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.18) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
}

/* Content OVER the image */
.hero-content {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8vh; /* desktop: bottom aligned */
  width: min(1000px, 92vw);
}

.hero-title {
  margin: 0 0 0.55rem;
  font: 700 clamp(28px, 4.6vw, 56px) / 1.12 var(--pageHeadding);
  color: #fff;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.55);
}
.hero-sub {
  margin: 0 0 1.1rem;
  font: 400 clamp(14px, 1.45vw, 18px) / 1.55 var(--subHedding);
  color: #fff;
  opacity: 0.96;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.5);
}

/* CTAs */
.hero-ctas {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-btn {
  border-radius: 10px;
  padding: 0.72rem 1.15rem;
  font-weight: 600;
  font-family: var(--subHedding);
}
/* .hero-btn--primary{ background:var(--tour-orange); color:#fff; border:none; }
.hero-btn--primary:hover{ filter:brightness(.95); color:#fff; }
.hero-btn--ghost{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.85); }
.hero-btn--ghost:hover{ background:rgba(255,255,255,.12); } */

/* Slick controls */
.hero-slider .slick-dots {
  bottom: 14px;
}
.hero-slider .slick-dots li button:before {
  color: #fff;
  opacity: 0.6;
}
.hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}
.hero-slider .slick-prev,
.hero-slider .slick-next {
  z-index: 3;
  width: 44px;
  height: 44px;
}
.hero-slider .slick-prev:before,
.hero-slider .slick-next:before {
  font-size: 34px;
  color: #fff;
  opacity: 0.9;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.6);
}

/* ---------- Responsive tweaks ---------- */
/* On tablets/phones, center vertically for better fit, smaller bottom gap */
@media (max-width: 991.98px) {
  .hero-content {
    bottom: 6vh;
    width: min(760px, 92vw);
  }
}
@media (max-width: 767.98px) {
  .hero-slide {
    height: clamp(360px, 62vh, 720px);
  }
  .hero-content {
    bottom: 5vh;
    padding: 0 16px;
  }
  .hero-title {
    font-size: clamp(24px, 6vw, 34px);
  }
  .hero-sub {
    font-size: clamp(13px, 3.4vw, 16px);
  }
}

.hero-wrap .hero-slider {
  margin-bottom: 0px;
}

/*Start map_section */

.map_section {
  padding: 50px 0px;
  background: #fef9f5;
}
.map-container {
  height: 70vh;
  width: 100%;
  /* border-radius: 12px 0 0 12px; */
  overflow: hidden;
}
.cards-container {
  background: #fff;
  padding: 20px;
  border-radius: 0 12px 12px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 70vh;
  overflow-y: auto;
}
.map_card img {
  width: 100%;
  border-radius: 12px;
  /* height: 200px; */
  object-fit: cover;
}
.map_card h5 {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}
.map_card p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #444;
}
.btn-explore {
  background-color: #f97316; /* orange */
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 17px;
  font-size: 14px;
  font-weight: 500;
}

.bck-btn-wrap {
  display: flex;
  justify-content: left;
  align-items: center;
  position: absolute;
  margin: 10px 10px;
  font-size: 20px;
  padding: 4px 13px;
  background: #ffffff;
  color: #000000;
  border-radius: 12px;
}
.bck-btn-wrap a {
  color: #000000;
}
.btn-explore:hover {
  background-color: #ea580c;
}
.map_location_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.map_location_info.singlewrap {
  flex-direction: column;
}
.map_location_info.singlewrap .btn-explore {
  width: 100% !important;
}
/*end map_section */

/*Start Experience Palghar */
.experience_info {
  background-color: #f7f4f0;
}
.experience-card h4 {
  color: var(--secondary);
}
.experience-card img {
  width: 100%;
  border-radius: 12px;
  height: 260px;
  object-fit: cover;
}
.experience-card h5 {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}
.experience-card p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #444;
}
/* Experience Palghar */

/*Start events */
.events-section {
  text-align: center;
  padding: 50px 20px;
  background: #faf9f9;
}

.events-section h2 {
  font-size: 26px;
  font-weight: bold;
  color: #d2691e;
  margin-bottom: 40px;
}

.event-card {
  display: flex;
  flex-direction: row;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.event-image {
  flex: 1;
}

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

.event-content {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
}

.event-content .date,
.event-content .location {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #555;
  margin-bottom: 8px;
}
.event-content .date i,
.event-content .location i {
  margin-right: 10px;
}

.event-content h3 {
  font-size: 22px;
  color: #6b3f27;
  margin: 15px 0;
}

.event-content p {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
  text-align: left;
}

.event-content .btn {
  display: inline-block;
  padding: 10px 20px;
  background: #e67300;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.3s ease;
}

.event-content .btn:hover {
  background: #cc5c00;
}

.social-share {
  text-align: center;
  padding: 50px 0;
}
.social-share h5 {
  margin-bottom: 25px;
  font-weight: 500;
  color: #333;
}
.social-icons {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.social-icons a {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.social-icons a:hover {
  transform: scale(1.1);
}
.facebook {
  background: #1877f2;
}
.instagram {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}
.youtube {
  background: #ff0000;
}
@media (max-width: 768px) {
  .event-card {
    flex-direction: column;
  }
  .event-content {
    text-align: center;
  }
  .events-section {
    padding: 50px 0px !important;
  }
  .CultureMeets {
    padding: 20px 0px !important;
  }
  .CultureMeetsContent {
    margin: 0px !important;
  }
  .CultureMeets .my-5 {
    margin: 0px !important;
  }
}

/*End Start events */

/* about us section */
/* Section base */
.exp-connect {
  background: #fff;
}

/* Heading style */
.exp-connect .section-title {
  color: var(--primary);
  font-weight: 700;
  letter-spacing: 0.3px;
}

/* Icon circle */
.pill-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--accent-soft);
  display: grid;
  place-items: center;
}
.pill-icon i {
  font-size: 28px;
  color: var(--primary);
}

/* Titles & subs */
.item-title {
  color: var(--secondary);
  font-weight: 700;
}
.item-sub {
  color: #665b52;
  max-width: 260px;
  margin-inline: auto;
  line-height: 1.45;
}

/* Small screens polish */
@media (max-width: 575.98px) {
  .pill-icon {
    width: 56px;
    height: 56px;
  }
  .pill-icon i {
    font-size: 24px;
  }
  .exp-connect .section-title {
    font-size: 1.35rem;
  }
}

/* about us section*/

/* =====Palghar inner Hero ===== */
.inner_hero {
  position: relative;
  width: 100%;
  min-height: 60vh; /* adjust 50–75vh as you like */
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
}

.inner_hero_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* fills without distortion */
  object-position: center;
}

.inner_hero_overlay {
  position: absolute;
  inset: 0;
  /* soft vignette + bottom shade for legibility */
  background: radial-gradient(
      80% 60% at 50% 60%,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.35) 70%,
      rgba(0, 0, 0, 0.55) 100%
    ),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.6));
}

.inner_hero_content {
  position: relative; /* above overlay */
  text-align: center;
  padding: 1rem 1.25rem;
  max-width: 900px;
}

.inner_hero_title {
  margin: 0 0 0.5rem 0;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.inner_hero_sub {
  font-size: clamp(0.95rem, 0.85rem + 0.6vw, 1.125rem);
  margin: 0;
  opacity: 0.9;
}

/* Optional: tighter height on small phones */
@media (max-width: 575.98px) {
  .inner_hero {
    min-height: 50vh;
  }
}

.CultureMeets {
  background: #faf9f9;
  padding: 25px;
}
.CultureMeetsContent {
  background: white;
  padding: 25px;
}

.GlimpseInto_section .swiper {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 40px 0;
}

.GlimpseInto_section .swiper-slide {
  text-align: center;
}

.GlimpseInto_section .swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  margin: auto;
}

.GlimpseInto_section .slide-content {
  margin-top: 20px;
  text-align: left;
}

.GlimpseInto_section .slide-content h3 {
  font-size: 1.5rem;
  color: #9c5a14;
  margin-bottom: 10px;
}

.GlimpseInto_section .slide-content p {
  font-size: 1rem;
  color: #555;
  margin: auto;
}

/* Navigation buttons */
.GlimpseInto_section .swiper-button-next,
.GlimpseInto_section .swiper-button-prev {
  background: #e67612;
  color: #fff;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.GlimpseInto_section .swiper-button-next::after,
.GlimpseInto_section .swiper-button-prev::after {
  font-size: 18px;
}

.discover-section {
  background-color: #e27013; /* Orange background */
  color: #fff;
  text-align: center;
  padding: 100px 20px;
}

.discover-section h2 {
  margin-bottom: 20px;
  color: white;
}

.discover-section p {
  font-size: 1.1rem;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto 0;
}

.discover-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.discover-buttons a {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.discover-buttons a:hover {
  background-color: #fff;
  color: #e27013;
}

/* Responsive */
@media (max-width: 768px) {
  .discover-section h1 {
    font-size: 2rem;
  }
  .discover-section p {
    font-size: 1rem;
  }
}

/*Start Event */
.event_card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
  padding: 15px;
}
.event_card:hover {
  transform: translateY(-5px);
}
.event_card .event_body {
  padding: 17px 0;
}
.event_title {
  margin: 13px 0;
  color: var(--secondary);
}
.event_meta {
  font-size: 14px;
  color: #777;
  margin-bottom: 8px;
}

/*End Event */

/*Start About us page */

/* ===== Culture Hero ===== */
.culture_hero {
  position: relative;
  width: 100%;
  min-height: 80vh; /* adjust: 50–75vh */
  display: grid;
  place-items: center; /* centers the content block */
  overflow: hidden;
  color: #fff;
}

.culture_hero_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* fill without distortion */
  object-position: center;
}

.culture_hero_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.55)
  ); /* subtle darkening */
}

.culture_hero_content {
  position: relative; /* above overlay */
  padding: 1.25rem;
}

/* Optional: reduce height on small phones */
@media (max-width: 575.98px) {
  .culture_hero {
    min-height: 50vh;
  }
}
/*End About us page */

/*Start Plan Your Trip */

.trip-card h5 {
  color: var(--secondary);
  margin-bottom: 0.75rem;
}

.trip-desc-wrap {
  text-align: left;
}
/*End Plan Your Trip */

/*Start Plan Your Trip Details*/

.tour-card {
  border: 1.5px solid var(--primary);
  border-radius: 12px;
  background: #fff;
}

.tour-inner {
  border-radius: 10px;
}

.tour-slider img {
  width: 100%;
  border-radius: 6px;
}

.tour-slider-wrap .slick-dots {
  margin-top: 0.5rem;
  display: flex !important;
  justify-content: center;
  gap: 0.1rem;
}

.tour-slider-wrap .slick-dots li button:before {
  font-size: 10px;
  color: #dddddd;
  opacity: 1;
}

.tour-slider-wrap .slick-dots li.slick-active button:before {
  color: var(--primary);
}
.tour-slider-wrap {
  /* padding: 40px 10px; */
  background: #fbefe5;
  border-radius: 5px;
}
.tour-slider-wrap .slick-dotted.slick-slider {
  margin-bottom: unset;
}
.tour-slider-wrap .slick-dots li {
  width: 8px;
}

.map-box {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding: 0 15px 20px;
}
.map_taitle {
  margin: 15px 0;
  color: var(--primary);
}
.map-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 8px 0px;
  border-bottom: 1px solid #ddd;
  gap: 8px;
}

.SocialMediacard {
  position: relative;
  padding-bottom: 70%;
  width: 100%;
  text-align: left;
}

.SocialMediacard iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.facebook_feed .fts-jal-single-fb-post,
.inst_feed {
  border: 1px solid #e8e8e8;
  padding: 15px !important;
  border-radius: 5px;
  margin-bottom: 20px !important;
}
.inst_feed .fts-profile-pic {
  max-width: 55px;
}
.inst_feed .fts-profile-pic img {
  max-width: 55px !important;
}
.custom_scroll {
  height: 100vh;
  overflow: auto;
}
.map-header input {
  flex-grow: 1;
}
.map-header select,
.map-header input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 14px;
  width: 100%;
  height: 45px;
}
.map_info h4 {
  color: var(--secondary);
}
.info-card {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  height: 100%;
}
.info-card h6 {
  color: var(--primary);
  font-weight: 600;
  margin-bottom: 6px;
}
.destination-img {
  border-radius: 8px;
  width: 100%;
  height: 160px;
  object-fit: cover;
}
/*End Plan Your Trip Details*/

/*Start How to Reach Palghar*/

.reach-card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.reach-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.reach-icon {
  width: 70px;
  height: 70px;
  border: 2px solid var(--primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  color: var(--primary);
  font-size: 30px;
}
.reach-card .download-link {
  /* display: inline-flex; */
  align-items: center;
  gap: 5px;
  color: var(--primary);
  font-weight: 500;
  text-decoration: none;
}
.reach-card .download-link:hover {
  color: var(--primary);
}
/*End How to Reach Palghar*/

.attraction-card {
  border: none;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.attraction-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.attraction-card img {
  border-radius: 12px;
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.attraction-card h5 {
  color: var(--secondary);
  /* font-weight: 600; */
  margin-top: 15px;
}
.distance {
  color: var(--primary);
  font-size: 0.9rem;
}

.widget_event {
  margin-top: 66px;
}

.widget_event .widget-title {
  margin-bottom: 25px;
}

.widget_event .event-list {
  list-style: none;
  margin: 0 0 1em;
}

.widget_event .event {
  margin-bottom: 1em;
  min-height: 120px;
}

.widget_event .event .date {
  color: var(--primary);
  line-height: 1;
  padding: 0 0px 0px;
  float: left;
  /* height: 120px; */
  /* margin-right: -120px; */
  text-align: center;
  text-transform: uppercase;
  width: 95px;
}

.widget_event .event .date span {
  font-size: 2em;
  font-weight: 300;
  margin-right: 5px;
}

.widget_event .event .date .day {
  font-size: 2em;
  font-weight: 700;
}

.widget_event .event .date .month {
  font-weight: 900;
}

.widget_event .event .date .month {
  font-size: 2.2em;
}

.widget_event .event .date .year,
.widget_event .event .date .time {
  line-height: 1.3;
}

.widget_event .event .date .year,
.widget_event .event .date .time {
  font-size: 0.9em;
  font-weight: 400;
}

.widget_event .event .info {
  color: #f5f5f5;
  padding: 6px 12px;
  margin-left: 100px;
}

.widget_event .event .info .title {
  /* color: #f5f5f5; */
  font-family: inherit;
  font-weight: 600;
  font-size: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget_event .event .info .desc {
  color: #888787;
  font-weight: 300;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}