@font-face {
  font-family: "Noto-sans";
  src: url("fonts/notosans-regular-webfont-6a676a1526.eot");
  src: url("fonts/notosans-regular-webfont-6a676a1526.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/notosans-regular-webfont-1de678da72.woff") format("woff"),
    url("fonts/notosans-regular-webfont-f63008b410.svg#Noto-sans") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto-sans-bold";
  src: url("fonts/notosans-bold-webfont-24b78c0fdc.eot");
  src: url("fonts/notosans-bold-webfont-24b78c0fdc.eot?#iefix") format("embedded-opentype"),
    url("fonts/notosans-bold-webfont-7c5337c7ea.woff") format("woff"),
    url("fonts/notosans-bold-webfont-2683691b22.svg#Noto-sans-bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* windows machine ligature support */
@font-face {
  font-family: "Noto-sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans"), local("NotoSans"),
    url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2)
      format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8,
    U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: "Noto-sans-bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"),
    url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZdyBx2pqPIif.woff2)
      format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8,
    U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* end windows machine  laigature support*/

body {
  font-family: "Noto-sans", system-ui, sans-serif;
  letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
strong,
blockquote {
  font-weight: normal;
  margin: 0;
  font-family: "Noto-sans", system-ui, sans-serif;
}

ul,
ol {
  list-style: none;
  font-family: "Noto-sans", system-ui, sans-serif;
}

a {
  font-family: "Noto-sans", system-ui, sans-serif;
  text-decoration: none;
  color: inherit;
}

.header-section__bottom__right-menu
  .menu-list-container
  .menu-list-item
  a
  span.list-text {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  margin-left: 8px;
}

.homepage-citizenq__citizenq-txt {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: bold;
  /*display: block;*/
}

footer header {
  font-family: "Noto-sans-bold", sytem-ui, sans-serif;
}

.hindi-font .card-elements__content--headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 30px;
}

.video-carousel__title,
.video-carousel__show-more {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .story-card-small .card-elements__content--headline,
 .story-card-counterview .card-elements__content--headline{
   @include breakpoint($phone){
     letter-spacing: 0.3px;
   }
 }
.card-elements__content .story-card-small .card-elements__content--headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 30px;
}

.story-article.ctg-default .story-article__body__left__top__headline h1,
.story-article.ctg-tech-and-auto .story-article__body__left__top__headline h1,
.story-article.ctg-news .story-article__body__left__top__headline h1,
.story-article.ctg-entertainment .story-article__body__left__top__headline h1,
.story-article.ctg-sports .story-article__body__left__top__headline h1,
.story-article.ctg-neon .story-article__body__left__top__headline h1,
.story-article.ctg-lifestyle .story-article__body__left__top__headline h1,
.story-article.ctg-videos .story-article__body__left__top__headline h1,
.story-article.ctg-fit .story-article__body__left__top__headline h1,
.story-article.ctg-voices .story-article__body__left__top__headline h1,
.story-article.ctg-photos .story-article__body__left__top__headline h1,
.story-article.ctg-business .story-article__body__left__top__headline h1 {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 75px;
  font-size: 3rem;
}

.header-section__bottom__menu ul li a {
  font-family: "Noto-Sans-bold", system-ui, sans-serif;
}

.story-article__content__element .story-article__content__element--text p {
  font-family: "Noto-Sans", system-ui, sans-serif;
  line-height: 30px;
  letter-spacing: 0;
}

.story-article__body__left__social-share
  .story-article__body__left__social-share--text,
.story-article__body__left__top__byline span a {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.story-article__content__element.story-article__content__element
  .story-article__content__element--blockquote--quote {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.story-article__content__element .story-article__content__element--blockquote {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.bigstory-footer__btn a {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.story-article__content__element--blockquote
  .story-article__content__element
  .blockquote-typo {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.story-article__content__element .story-article__content__element--text ol li {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .card-elements .card-elements__content {
  line-height: 30px;
}

.footer-section__top__right__col__content__list li a {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.story-article__content__element--readmore .btn__full-read {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.story-article__hero__image__caption--text span {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.sub-nav-section__contents__headline a {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.sub-nav-section__contents__list li a {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.ad-box-social .ad-box-social__share-text {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.follow-widgets-wrap .ad-box-social__share-text {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.story-article__content__element--snapshot .snapshot__headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.snapshot__content .snapshot__content__container h3 {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .story-article__content__element--text h2,
.story-article__content__element--text h3 {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 2rem !important;
}

.story-article__body__left__top__byline__left time {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.story-article__body__left__top__byline__right time {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.big-story-boxes .bigstory-head .headline-box__lede-headline {
  line-height: 6rem;
}

.bigstory-head .headline-box__lede-headline text {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  letter-spacing: 0;
  font-size: 3.9rem;
}

.sep-story-banner .is-visible-desktop {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font
  .story-medium-deqoded
  .card-elements__main-container--circle__content
  ul
  li
  a,
.story-medium-deqoded .card-elements__main-container--circle__content ul li {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 1.5rem;
}

.subscription-form {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.sep-story-banner__banner-wrap--container {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.sep-story-banner__byline {
  transform: translateY(-20px);
}

.quint-hindi .deqoded-article-wrap .story-header__left-lead--headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 5rem;
  letter-spacing: 0;
  font-size: 3.6rem;
}

.hindi-font .deqoded-article-wrap .story-header__left-lead--content {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font
  .deqoded-article-wrap
  .story-content__content-left
  .deqoded-slider__container--slider__text
  p {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.deqoded-slider-right .sidebar-top {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .deqoded-article-wrap .story-header__left-lead--content p {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.video-article .story-article__sub-section a {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.video-article .story-article__video-caption {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.section-left__lede-headline,
.section-full-width__lead {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: 700;
}

.video-carousel__title {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: 700;
}

.deqoded-article-wrap
  .story-content__content-left
  .deqoded-slider__container--control-top {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: 700;
}

.story-content__content-right {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: 700;
}
/* english site overiding*/
.hindi-font
  .deqoded-article-wrap
  .story-content__content-right
  .sidebar-rhs
  .deqoded-slider-right {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: 700;
}

.hindi-font
  .deqoded-article-wrap
  .story-content__content-right
  .sidebar-rhs
  .deqoded-slider-right
  .right-nav
  ol
  li {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: 700;
}

.hindi-font {
  font-family: "Noto-sans", system-ui, sans-serif;
  letter-spacing: 0;
}

.hindi-font
  .deqoded-article-wrap
  .story-content__content-right
  .sidebar-rhs
  .deqoded-slider-right__headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.sub-nav-section__contents__headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

@media only screen and (min-device-width: 750px) and (max-device-width: 1024px) {
  .bigstory-head .headline-box__lede-headline text {
    font-size: 3rem;
  }
}

.video-article .hindi-font .story-article__content__element--text ul li {
  color: rgba(255,255,255,0.8);
}

.hindi-font .story-article__content__element--text ul li {
  font-family: "Noto-sans", system-ui, sans-serif;
  color: rgba(0,0,0,0.5);
}

.hindi-font .story-article p {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .story-article__content__element--bigfact .bigfact-title,
.story-article__content__element--bigfact .bigfact-description {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .photoessay-article__item__caption {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .card__element--title {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .big-story-title {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 1.5rem;
}

.hindi-font .banner-container__right--big-story__lead {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font 
.bigstory-section__bigstory 
.card-elements__image-container--caption--headline {
  @include breakpoint($phone){
    line-height: 1.3;
  }
}

.hindi-font
  .bigstory-section__bigstory
  .card-elements__image-container--caption--category {
  line-height: 1.6rem;
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font .homepage-citizenq__headline h3 {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: bold;
}

.hindi-font .homepage-citizenq__content a,
.homepage-citizenq__msg {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.sub-nav-section__contents__list a {
  letter-spacing: 0;
  font-size: 12px;
}

.hindi-font .video-carousel__main__headline {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font .video-carousel__story__headline,
.video-carousel__show-more {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font .homepage-citizenq__item__number {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font
  .header-section__bottom__right-menu
  .menu-list-container
  .menu-list-item.toggle-trending
  .toggle-trending__dropdown {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  margin-top: 0;
}

.hindi-font .video-carousel__show-more {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.quint-hindi .follow-widgets-wrap .ad-box-social__share-text {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
}

.hindi-font .section-lead {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  line-height: 1.5;
}

/* .quint-hindi .section-full-width-right .follow-widgets-wrap.col-small.google-ads {
	top:  100px;
}
 */
.hindi-font
  .header-section__bottom__right-menu
  .menu-list-container
  .menu-list-item.toggle-search
  .toggle-search__dropdown,
.header-section__bottom__right-menu
  .menu-list-container
  .menu-list-item.toggle-trending
  .toggle-trending__dropdown {
  margin-top: 0;
}

.hindi-font .deqoded-lead-title,
.deqoded-card-title {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-size: 53px;
  font-weight: bold;
}

.hindi-font .deqoded-card-title,
.deqoded-content__headline a {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
}
.hindi-font .story-article__body__left__top__byline {
  font-size: 1rem;
}

.hindi-font
  .story-medium-deqoded
  .card-elements__main-container--image-container
  figure
  figcaption
  .deqoded-content__deqoded-caption--top-line {
  margin: 0.625rem 1.1rem 0 2.1rem;
  padding: 0.875rem 1.2rem 1.0625rem;
}

.hindi-font .bigstory-head .headline-box__lede-headline svg {
  height: 25px;
}

.hindi-font .bigstory-head .border-box {
  top: 7rem;
}

.hindi-font .section-divide .section-left__lede-headline {
  line-height: 40px;
}

.hindi-font .section-full-width__lead {
  line-height: 40px;
}

.hindi-font
  .header-section__bottom__right-menu
  .menu-list-container
  .menu-list-item.toggle-trending
  .toggle-trending__dropdown
  ol
  li
  a {
  font-family: "Noto-sans-bold", system-ui, sans-serif;
  font-weight: bold;
  line-height: 21px;
  font-size: 16px;
}

.quint-hindi .homepage-citizenq__citizenq-txt {
  display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .bigstory-head .headline-box__lede-headline text {
    font-size: 1.6rem;
  }
  .big-story-boxes .bigstory-head .headline-box__lede-headline {
    line-height: 3rem;
  }
  .hindi-font .story-article__body__left__top__headline h1 {
    font-size: 1.9rem !important;
    line-height: 40px !important;
  }

  .hindi-font .bigstory-head .headline-box__lede-headline svg {
    height: 15px !important;
  }
  .hindi-font .top-stories-carousel .top-stories-headline {
    line-height: 1.3;
    font-size: 1.4rem;
  }
  .hindi-font
    .story-medium-deqoded
    .card-elements__main-container--image-container
    figure
    figcaption
    .deqoded-content__deqoded-caption {
    top: -94px;
    margin-top: 0;
  }
  .hindi-font
    .story-medium-deqoded
    .card-elements__main-container--image-container
    figure
    figcaption
    .deqoded-content__deqoded-caption--top-subline {
    padding: 0 0.75rem;
  }
  .hindi-font .deqoded-lead-title {
    font-size: 30px !important;
    line-height: 74px;
  }

  .hindi-font .deqoded-article-wrap .story-header__left-lead--headline {
    font-size: 2rem;
    line-height: 48px;
  }

  .hindi-font .bigstory-head .border-box {
    top: 3rem;
  }

  .hindi-font .story-section__lead {
    margin-top: 15px;
  }
  .quint-hindi .homepage-citizenq__citizenq-txt {
    display: block;
  }

.hindi-font .bigstory-head .headline-box__sub-headline {
  line-height: 1.2rem;
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font .accordion__content p,
.search-section__filter label {
  font-family: "Noto-sans", system-ui, sans-serif;
}

.hindi-font
  .bigstory-section__bigstory
  .card-elements:hover
  .card-elements__image-container--caption {
  height: 70px;
}

.quint-hindi .top-stories-author-byline {
  padding-bottom: 0;
}
