
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800;900&display=swap");

body {
    line-height: 1.7;
    font-size: var(--main-text-size);
    font-style: normal;
    font-weight: 500;
    color: var(--main-text-color);
    font-family: Manrope, sans-serif;
    word-spacing: 0.05rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--main-title-color);
  font-weight: 600;
  margin-top: 0;
  font-family: Manrope, sans-serif;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

p {
  font-size: var(--main-text-size);
  font-weight: 500;
  line-height: 1.7;
  color: var(--main-text-color);
  margin-bottom: 5px;
  font-family: Manrope, sans-serif;
  word-spacing: 0.05rem;
}
span {
  font-size: var(--main-text-size);
  font-weight: 500;
  line-height: 1.7;
  color: var(--main-text-color);
  font-family: Manrope, sans-serif;
  word-spacing: 0.05rem;
}
a {
  font-size: var(--main-text-size);
  color: var(--main-title-color);
  font-family: Manrope, sans-serif;
}
a:hover {
  color: var(--main-theme-color);
}
.section-title {
  margin-bottom: 20px;
}
.section-title h1 {
  padding: 5px 0;
  border-radius: 5px;
  background: var(--main-title-fill-bg);
  color: var(--main-title-fill-color);
  font-size: var(--main-title-size);
  margin-bottom: 10px;
  display: inline-block;
}
.section-title span {
  font-size: var(--main-subtitle-size);
  font-weight: 500;
  display: block;
}
.section-title.hero-size h1 {
  font-size: var(--main-hero-title-size);
}
.section-title.hero-size span {
  font-size: var(--main-hero-subtitle-size);
}
.hero-slider-content-1 h1.font-dec {
  font-size: 39px;
  line-height: 48px;
  font-family: Manrope, sans-serif;
  margin: 16px 0 28px;
}
.main-menu > nav > ul > li a{
  font-size: var(--main-menu-size);
  font-weight: 700;
  font-family: Manrope, sans-serif;
  color: var(--main-title-color);
}
.category-menu nav > ul > li > a{
  font-family: Manrope, sans-serif;
  color: var(--main-title-color);
}
@media only screen and (max-width: 480px) {
    h1 {
        font-size: 22px !important;
    }
  .section-title {
    margin-bottom: 15px;
  }
  .section-title h1 {
    font-size: 22px !important;
  }
  .section-title span {
    font-size: 18px !important;
  }
}
.heading span{
  background: var(--main-title-fill-bg);
  color: var(--main-title-fill-color);
  font-size: var(--main-title-size);
  display: inline-block;
  font-weight: 600;
  text-transform: capitalize;
}
.marquee marquee{
  font-size: var(--main-subtitle-size);
  font-weight: 500;
  display: block;
}
.trending-blog .content{
  border-bottom: 1px solid var(--main-title-fill-bg);
}
.trending-blog .content .left-content .heading{
  background: var(--main-title-fill-bg);
}
.trending-blog .content .right-content{
  background: #ffffff;
}
.trending-blog .content .right-content span{
  color: var(--main-title-fill-color);
  font-size: var(--main-title-size);
  font-weight: 500;
}