:root {
  /*--primary-color: rgb(227, 0, 0);*/
    --primary-color: #228B22;
  --content-text-color: black;
  --heading-text-color: var(--primary-color);
}

.bgColorPrimary {
  background-color: var(--primary-color);
}

.heading {
  color: var(--heading-text-color);
}

.content {
  color: var(--content-text-color);
}

@font-face {
  font-family: 'MyFont';
  /* You can name this anything */
  src: url('bejan-daruwalla.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Rasa";
  /* You can name this anything */
  src: url('Rasa-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Example usage */
body {
  font-family: 'MyFont', sans-serif;
}

.font-rasa {
  font-family: "Rasa";
}

* {
  box-sizing: border-box;
  /* font-size: 0.9rem; */
}

@media (min-width:600px) {
  * {
    /* font-size: 1rem; */
  }
}

.fontResponsive {
  font-size: 1.1rem;
}

.fontResponsiveMobile {
  font-size: 0.9rem;
}

body {
  margin: 0;
  padding: 0;
}

/* Hide the default clear (❌) icon in Chrome, Edge, and Safari */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

select {
  appearance: none;
  /* Removes default arrow (modern browsers) */
  -webkit-appearance: none;
  /* For Safari and Chrome */
  -moz-appearance: none;
  /* For Firefox */
  background: none;
}

/* Chrome, Edge, Safari */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  /* width of the scrollbar */
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  /* track color */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  /* red color */
  border-radius: 9999px;
  /* round edges */
  border: 3px solid transparent;
  /* optional: padding */
}

.description,
.philosopher {
  font-family: "Philosopher", sans-serif;
}

.roboto {
  font-family: Roboto, sans-serif;
}

.lexend {
  font-family: Lexend, sans-serif;
}

.swiper-pagination {
  position: relative !important;
  /* override default absolute */
  margin-top: 1.3rem;
  /* or whatever spacing you want */
  text-align: center;
}

/* INACTIVE bullets */
.awards .swiper-pagination-bullet,
.matrimonials .swiper-pagination-bullet,
.blog .swiper-pagination-bullet,
.gallery .swiper-pagination-bullet {
  background-color: gray;
  /* color of inactive dots */
  opacity: 0.6;
  /* slightly transparent */
  width: 12px;
  /* size of the dot */
  height: 12px;
  border: 2px solid var(--primary-color);
}

/* ACTIVE bullets */
.awards .swiper-pagination-bullet-active,
.matrimonials .swiper-pagination-bullet-active,
.blog .swiper-pagination-bullet-active,
.gallery .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
  /* color of active dot */
  opacity: 1;
  /* fully opaque */
  width: 12px;
  /* you can make active bigger if you want */
  height: 12px;
}

#daily .emoji {
  display: none !important;
}

@media (min-width:1330px) {
  .quick-access-bar {
    font-size: 0.77rem;
  }

  .main {
    margin: 0px 25px;
  }
}

@media (max-width: 639px) {

  .awards-prev,
  .awards-next {
    display: none !important;
  }
}