/* Font Importing */
/* @font-face {
    font-family: regularFont;
    src: url('/static/font/Gilroy-Regular.ttf');
}
@font-face {
    font-family: mediumFont;
    src: url('/static/font/Gilroy-Medium.ttf');
}
@font-face {
    font-family: semiBoldFont;
    src: url('/static/font/Gilroy-SemiBold.ttf');
}
@font-face {
    font-family: boldFont;
    src: url('/static/font/Gilroy-Bold.ttf');
} */

/* Intern for Headings, Navigation Bar & Buttons --------- Open Sans for paragraph only*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* CSS Reset */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /* font-family: "Poppins", sans-serif; */


}

.inter {
  font-family: "Inter", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
button {
  font-family: "Inter", sans-serif !important;
  /* font-size: 38px !important; */
}

p {}

/* 
.playfair {
  font-family: "Playfair Display", serif;
} */

/* p,h1,h2,h3,h4,h5,h6,div,button,li{
  font-family: "Poppins", serif;
} */

body,
html {
  width: 100%;
  height: 100%;
  scrollbar-width: thin;
}

#audioScroll {
  scrollbar-width: thin;
}

/* Hide scrollbar for WebKit (Chrome, Safari) */
#audioScroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
#audioScroll {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}


#audioSection {
  transition: transform 0.4s ease;
  display: flex;
  /* gap: 10px; Adjust gap as necessary */
}

#yatraSection {
  transition: transform 0.4s ease;
  display: flex;
  /* gap: 10px; Adjust gap as necessary */
}

/*   
.hideScrollBar::-webkit-scrollbar{
   
    display: none;
} */



/* Splide */
.splide {
  padding: 20px 0;
}

/* // Generic Slide */
.splide__slide {
  img {
    display: block;
    width: 100%;
    border-radius: 8px;
    transition: transform 400ms;
    transform: scale(.9);
    transform-origin: center center;
  }
}

/* // Active Slide */
.splide__slide.is-active {
  img {
    transform: scale(1);
  }
}

/* // Arrow Tweaks for Accessibility */
.splide .splide__arrow {
  top: 0;
  bottom: 0;
  height: 100%;
  transform: none;
  border-radius: unset;
  width: 50px;
  opacity: .9;

  svg {
    filter: invert(1);
    width: 24px;
    height: 24px;
  }
}

.splide__arrow.splide__arrow--prev {
  left: 0;
  background: linear-gradient(90deg, #E4FFB1 0%, #E4FFB1 100%);
}

.splide__arrow.splide__arrow--next {
  right: 0;
  background: linear-gradient(270deg, #E4FFB1 0%, #E4FFB1 100%);
}


/* body {
    margin: 0;
    background-color: black;
    color: #fff;
    text-align: center;
    font-family: Arial;
  }
  a {
    color: #fff;
    padding: 4px 8px;
  }
  section {
    max-width: 700px;
    margin: 0 auto;
  } */
.left {
  text-align: left;
}

.plyr--video {
  border-radius: 10px;
}

.footer {
  /* background-image: linear-gradient(to right top, #1d417d, #493c7d,
   #6a3376, #832868, #961f55); */
  background-image: url("/static/img/fb.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;

}


.topic-title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}

.topic-paragrapgh {
  -webkit-line-clamp: 4;
}

.trending_para {
  -webkit-line-clamp: 2;
}


/* Header - Swiper */

/* .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

/* .autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
  }

  .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
  } */

.swiper-button-nextt:after,
.swiper-rtl .swiper-button-prevv:after {
  display: none !important;
}

.swiper-button-prevv:after,
.swiper-rtl .swiper-button-nextt:after {
  display: none !important;
}


  .swiper-pagination-bullet {
    background-color: #d1d5db !important; /* Tailwind slate-300 */
    opacity: 1 !important;
  }

  .swiper-pagination-bullet-active {
    background-color: #910600 !important; /* Tailwind blue-500 */
  }