@charset "UTF-8";
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:Content from Title */
.content_from_title {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #AC0000;
  color: white;
  padding: 3px 8px;
  font-size: 0.75rem;
}
@media only print, screen and (max-width: 375px) {
  .content_from_title {
    font-size: 0.75rem;
  }
}
@media only print, screen and (min-width:768px) {
  .content_from_title {
    font-size: 0.8125rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .content_from_title {
    font-size: 0.875rem;
  }
}
@media only print, screen and (min-width:768px) {
  .content_from_title {
    padding: 3px 8px;
  }
}
@media only print, screen and (min-width:1280px) {
  .content_from_title {
    padding: 3px 8px;
  }
}

.on_content_top {
  padding: 0 0;
  display: inline-block;
  margin-top: 0px;
  position: relative;
  margin-right: 0;
  margin-bottom: 5px;
  top: 0;
  left: 0;
  background: none;
  right: 0;
}
.on_content_top:before {
  content: "";
  position: absolute;
  width: 3px;
  background: #AC0000;
  height: calc(100% - 5px);
  margin-left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media only print, screen and (max-width: 767px) {
  .on_content_top:before {
    height: calc(100% - 5px);
  }
}

.on_content_top.on_content_bottom {
  margin-right: 0;
}

.content_title_encloser {
  font-family: HelveticaNeueBold, "Times New Roman";
  padding-right: 6px;
  color: #232323;
  display: block;
}
@media only print, screen and (max-width: 767px) {
  .content_title_encloser {
    padding-right: 8px;
  }
}

.content_from_title.live_story {
  padding-right: 24px;
}

.content_from_title.live_story:after {
  position: absolute;
  background-color: #fff;
  content: "";
  border-radius: 50%;
  animation: lst_blink 1s infinite alternate;
  line-height: 1;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  right: 8px;
  width: 7px;
  height: 7px;
}
@media (prefers-reduced-motion: reduce) {
  .content_from_title.live_story:after {
    animation: none;
  }
}

.content_from_title.live_story::before {
  content: " ";
  border-radius: 50%;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  border: 1px solid #fff;
}

.content_from_title.on_content_top.live_story {
  background: #AC0000;
  padding: 1px 24px 3px 8px;
}

.on_content_top.live_story::after {
  right: 8px;
  width: 7px;
  height: 7px;
}

.on_content_top.live_story::before {
  width: 13px;
  height: 13px;
}

.on_content_top.live_story .content_title_encloser {
  color: #fff;
  padding-right: 0;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
}

@-webkit-keyframes lst_blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lst_blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
/*END:Content from Title */
/*START:Subsection tabs for inner subsections */
/*END:Subsection tabs for inner subsections */
/*START:Paddings on left and right side of the components */
/*END:Paddings on left and right side of the components */
/*START:Padding between section components */
.body_content .comp:not(:last-child) {
  margin-bottom: 15px;
}
@media only print, screen and (min-width:768px) {
  .body_content .comp:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .comp:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .comp {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/*END:Padding between section components */
/*START:Section Color Header */
.sna_section_title_1 {
  font-size: 22px;
  padding: 0px 20px;
  padding-right: 6px;
  min-height: 32px;
  line-height: 32px;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_1 {
    font-size: 24px;
    padding-right: 8px;
  }
}
.sna_section_title_1 a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.sna_section_title_1:before {
  content: " ";
  top: 0;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 6px;
  height: 100%;
  background: #AC0000;
}

.sna_section_title_1:after {
  display: none;
}

.sna_section_title_1 {
  position: relative;
}

.sna_section_title_1 .sna_section_title_1_text {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  color: #232323;
}

.sna_section_title_1_arrow_end {
  padding-left: 0;
}
.sna_section_title_1_arrow_end .sna_section_title_1_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: max-content;
}
.sna_section_title_1_arrow_end .sna_section_title_1_text::after {
  content: " ";
  width: 32px;
  background-image: url(../assets/img/svg-icons/content_go_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 15px;
  margin-right: 10px;
}

/*END:Section Color Header */
/*START:Info, video big title */
.sna_section_title_2 {
  position: relative;
  color: #FFF;
  font-family: HelveticaNeueBold, "Times New Roman";
  font-size: 22px;
  padding-right: 6px;
  margin: 10px  0  10px  0;
  padding-left: 0;
}
@media only print, screen and (max-width: 375px) {
  .sna_section_title_2 {
    font-size: 22px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_2 {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_2 {
    font-size: 40px;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_title_2 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_2 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_2 {
    padding-right: 8px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_2 {
    margin: 15px  0  15px  0;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_section_title_2 {
    margin: 15px  0  15px  0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_2 {
    margin: 20px 0 20px 0;
  }
}
.sna_section_title_2 .sna_section_title_2_text::after {
  content: " ";
  width: 35px;
  background-image: url(../assets/img/svg-icons/content_go_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 20px;
  margin-right: 10px;
}
@media only print, screen and (max-width: 767px) {
  .sna_section_title_2 .sna_section_title_2_text::after {
    width: 32px;
    background-size: 13px 15px;
  }
}

.sna_section_title_2_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  width: max-content;
}
.sna_section_title_2_text:hover {
  text-decoration: none;
  color: #FFF;
}

.sna_section_title_2:before {
  content: " ";
  top: 10px;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 7px;
  height: calc(100% - 20px);
  background: #AC0000;
}
@media only print, screen and (max-width: 767px) {
  .sna_section_title_2:before {
    top: 0;
    height: 100%;
    width: 6px;
  }
}

/*END:Info, video big title */
/*START:Image gallery, topic big light color bg, so title color in black $purplish_brown=#232323 */
.sna_section_title_3 {
  position: relative;
  color: #232323;
  font-family: HelveticaNeueBold, "Times New Roman";
  font-size: 22px;
  padding-right: 6px;
  margin: 10px  0  10px  0;
  padding-left: 0;
}
@media only print, screen and (max-width: 375px) {
  .sna_section_title_3 {
    font-size: 22px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_3 {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_3 {
    font-size: 40px;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_title_3 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_3 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_3 {
    padding-right: 8px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_3 {
    margin: 15px  0  15px  0;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_section_title_3 {
    margin: 15px  0  15px  0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_3 {
    margin: 20px 0 20px 0;
  }
}
.sna_section_title_3 .sna_section_title_3_text::after {
  content: " ";
  width: 35px;
  background-image: url(../assets/img/svg-icons/content_go_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 20px;
  margin-right: 10px;
}
@media only print, screen and (max-width: 767px) {
  .sna_section_title_3 .sna_section_title_3_text::after {
    width: 32px;
    background-size: 13px 15px;
  }
}

.sna_section_title_3_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: #232323;
  padding: 0 10px;
  width: max-content;
}
.sna_section_title_3_text:hover {
  text-decoration: none;
  color: #232323;
}

.sna_section_title_3:before {
  content: " ";
  top: 10px;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 7px;
  height: calc(100% - 20px);
  background: #AC0000;
}
@media only print, screen and (max-width: 767px) {
  .sna_section_title_3:before {
    top: 0;
    height: 100%;
    width: 6px;
  }
}

/*END:Image gallery, topic big light color bg, so title color in black $purplish_brown=#232323 */
/*START:Load More Button Dark and light*/
.sna_section_more_btn_cont {
  text-align: center;
}

.sna_section_more_btn {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  color: #fff;
  border: 2px solid #fff;
  padding: 5px  5px ;
  font-size: 18px;
}
@media only print, screen and (min-width:1280px) {
  .sna_section_more_btn:hover {
    color: #1e252d;
    border: 2px solid #1e252d;
    background-color: #fff;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_more_btn {
    padding: 5px  5px ;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_more_btn {
    padding: 10px  20px ;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_more_btn {
    padding: 12px  20px ;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_more_btn {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_more_btn {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_more_btn {
    font-size: 21px;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna_section_more_btn {
    min-width: 100px;
    text-align: center;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_more_btn {
    min-width: 230px;
  }
}

.sna_section_light_color_more_btn_cont {
  text-align: center;
}

.sna_section_light_color_more_btn {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  color: #000;
  border: 2px solid #000;
  padding: 5px  5px ;
  font-size: 18px;
}
@media only print, screen and (min-width:1280px) {
  .sna_section_light_color_more_btn:hover {
    color: #fff;
    border: 2px solid #fff;
    background-color: #000;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_light_color_more_btn {
    padding: 5px  5px ;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_light_color_more_btn {
    padding: 10px  20px ;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_light_color_more_btn {
    padding: 12px  20px ;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_light_color_more_btn {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_light_color_more_btn {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_light_color_more_btn {
    font-size: 21px;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna_section_light_color_more_btn {
    min-width: 100px;
    text-align: center;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_light_color_more_btn {
    min-width: 230px;
  }
}

.sna_section_grey_color_more_btn_cont {
  text-align: center;
}

.sna_section_grey_color_more_btn {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  color: #2f353e;
  border: 2px solid #2f353e;
  padding: 5px  5px ;
  font-size: 18px;
}
@media only print, screen and (min-width:1280px) {
  .sna_section_grey_color_more_btn:hover {
    color: #dbdfe8;
    border: 2px solid #dbdfe8;
    background-color: #2f353e;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_grey_color_more_btn {
    padding: 5px  5px ;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_grey_color_more_btn {
    padding: 10px  20px ;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_grey_color_more_btn {
    padding: 12px  20px ;
  }
}
@media only print, screen and (max-width: 375px) {
  .sna_section_grey_color_more_btn {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_section_grey_color_more_btn {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_grey_color_more_btn {
    font-size: 21px;
  }
}
@media only print, screen and (max-width:1279px) {
  .sna_section_grey_color_more_btn {
    min-width: 100px;
    text-align: center;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_grey_color_more_btn {
    min-width: 230px;
  }
}

.sna_section_more_btn_cont {
  padding: 20px 0 0;
}
@media only print, screen and (min-width:768px) {
  .sna_section_more_btn_cont {
    padding: 10px 0 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_more_btn_cont {
    padding: 20px 0 0;
  }
}

/*END:Load More Button Dark and light*/
/*START:Section widget comp il.e small Load More Button */
.load_more_widget_btn_cont {
  text-align: center;
}

.load_more_widget_btn {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  color: #000000;
  border: 2px solid #000000;
  padding: 5px  5px ;
  font-size: 18px;
}
@media only print, screen and (min-width:1280px) {
  .load_more_widget_btn:hover {
    color: #fff;
    border: 2px solid #fff;
    background-color: #000000;
  }
}
@media only print, screen and (max-width: 375px) {
  .load_more_widget_btn {
    padding: 5px  5px ;
  }
}
@media only print, screen and (min-width:768px) {
  .load_more_widget_btn {
    padding: 12px  20px ;
  }
}
@media only print, screen and (min-width:1280px) {
  .load_more_widget_btn {
    padding: 8px  20px ;
  }
}
@media only print, screen and (max-width: 375px) {
  .load_more_widget_btn {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) {
  .load_more_widget_btn {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .load_more_widget_btn {
    font-size: 16px;
  }
}
@media only print, screen and (max-width:1279px) {
  .load_more_widget_btn {
    min-width: 100px;
    text-align: center;
  }
}
@media only print, screen and (min-width:1280px) {
  .load_more_widget_btn {
    min-width: auto;
  }
}

.load_more_widget_btn_cont {
  padding-top: 20px;
}
@media only print, screen and (min-width:768px) {
  .load_more_widget_btn_cont {
    padding-top: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .load_more_widget_btn_cont {
    padding-top: 10px;
  }
}

/*END:Section widget comp il.e small Load More Button */
/*START:Font sizes Section Pages */
/*END:Font sizes Section Pages */
/*START:Padding between sna_title_1 and the content */
/*END:Padding between sna_title_1 and the content */
/*START:Section component common font sizes and paddings */
/*END:Section component common font sizes and paddings */
/*START:Only for the section page adjust the padding for desktop */
@media only print, screen and (min-width:1280px) {
  .sectionPage .body_content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*END:Only for the section page adjust the padding for desktop */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
@media only print, screen and (min-width:1280px) {
  .comp.comp_1:not(.sna_row_release) {
    width: 75%;
  }
  .comp.comp_1:not(.sna_row_release).four_latest_news_items, .comp.comp_1:not(.sna_row_release).eight_and_more_latest_news_items {
    width: 100%;
  }
}

.comp_1 {
  padding: 0 10px;
}
@media only print, screen and (min-width:768px) {
  .comp_1 {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1 {
    padding: 0 10px;
  }
}

/*START:dark theme and full release fr this compoentnt, ex most popular in video */
.comp_1.comp_1_with_dark_theme {
  background-color: #232323;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_1.comp_1_with_dark_theme {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_1.comp_1_with_dark_theme {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1.comp_1_with_dark_theme {
    padding: 0 0 20px 0;
  }
}

.comp_1_with_dark_theme .comp_1_inner_cont {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_1_with_dark_theme .comp_1_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1_with_dark_theme .comp_1_inner_cont {
    padding: 0 20px;
  }
}

.comp_1_with_dark_theme .sna_section_title_1 {
  margin-top: 10px;
}
@media only print, screen and (min-width:768px) {
  .comp_1_with_dark_theme .sna_section_title_1 {
    margin-top: 15px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1_with_dark_theme .sna_section_title_1 {
    margin-top: 20px;
  }
}
.comp_1_with_dark_theme .comp_1_item_inner_cont {
  background-color: #2d2d2d;
  color: #FFF;
}
.comp_1_with_dark_theme .view-count {
  color: #f5f8f8;
}
.comp_1_with_dark_theme .content_title_encloser {
  color: #FFF;
}
.comp_1_with_dark_theme .sna_section_title_1 .sna_section_title_1_text {
  color: #FFF;
}
.comp_1_with_dark_theme .sna_section_title_1_arrow_end .sna_section_title_1_text::after {
  background-image: url(../assets/img/svg-icons/content_go_arrow_dark.svg);
}
.comp_1_with_dark_theme .view-count-img {
  color: #f5f8f8;
}

/*END:dark theme and full release fr this compoentnt, ex most popular in video */
.comp_1_header {
  margin-bottom: 10px;
}
@media only print, screen and (min-width:1280px) {
  .comp_1_header {
    width: 100%;
    margin-bottom: 20px;
  }
}

.comp_1_content_container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
@media only print, screen and (min-width:768px) {
  .comp_1_content_container {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1_content_container {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }
}
.comp_1_content_container .comp_1_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 5px 10px;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .comp_1_content_container .comp_1_item {
    padding: 0 5px 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1_content_container .comp_1_item {
    padding: 0 10px 0;
    margin-bottom: 20px;
    background-clip: content-box;
    position: relative;
  }
  .comp_1_content_container .comp_1_item:nth-child(n+4) {
    margin-bottom: 0;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1280px) {
  .comp_1_content_container .comp_1_item:hover:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: auto;
    height: 5px;
    width: calc(100% - 20px);
    border-bottom: 5px solid #AC0000;
    z-index: 1;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_1_content_container .comp_1_item:last-child {
    padding-bottom: 0;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_1_content_container .comp_1_item {
    width: 33.3333333333%;
  }
}

@media only print, screen and (min-width:1280px) {
  .eight_and_more_latest_news_items .comp_1_content_container .comp_1_item,
  .four_latest_news_items .comp_1_content_container .comp_1_item {
    margin-bottom: 20px;
  }
  .eight_and_more_latest_news_items .comp_1_content_container .comp_1_item:nth-last-child(-n+4),
  .four_latest_news_items .comp_1_content_container .comp_1_item:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
}

.comp_1_item_inner_cont {
  padding: 0 0 10px;
  text-decoration: none;
  color: inherit;
  display: block;
  position: relative;
  background-color: #fff;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
}
@media only print, screen and (min-width:768px) {
  .comp_1_item_inner_cont {
    height: 100%;
    padding-bottom: 40px;
    align-content: flex-start;
  }
}

.comp_1_item_img {
  width: 100%;
  height: auto;
}

.comp_1_item_header {
  padding: 5px 10px 0;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .comp_1_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_1_item_header {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1_item_header {
    font-size: 1.175rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_1_item_header {
    padding: 5px 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_1_item_header {
    padding: 5px 10px 0;
  }
}

.comp_1_item_date {
  color: #232323;
  font-size: 0.8125rem;
  padding: 5px 10px 0 0;
}
@media only print, screen and (min-width:768px) {
  .comp_1_item_date {
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    right: 0;
  }
}

.comp_1_header {
  position: relative;
}

@media only print, screen and (min-width:1280px) {
  .comp_1_cont {
    width: 100%;
  }
  .comp_1_cont:after {
    content: "";
    display: table;
    clear: both;
  }
  .comp_1_cont a.more_most_popular {
    display: none;
  }
}

@media only print, screen and (min-width:1280px) {
  .comp_1_content_container {
    float: right;
  }
}

@media only print, screen and (min-width:768px) and (max-width:819px) {
  .eight_and_more_latest_news_items .comp_1_content_container .comp_1_item,
  .four_latest_news_items .comp_1_content_container .comp_1_item {
    width: 50%;
  }
}
@media only print, screen and (min-width:820px) {
  .eight_and_more_latest_news_items .comp_1_content_container .comp_1_item,
  .four_latest_news_items .comp_1_content_container .comp_1_item {
    width: 25%;
  }
}

.view-count-img {
  height: 19px;
  width: 19px;
  color: rgba(35, 35, 35, 0.75);
  vertical-align: middle;
}
@media only print, screen and (max-width: 767px) {
  .view-count-img {
    height: 14px;
    width: 14px;
    margin-left: 2px;
  }
}

.view-count {
  padding: 5px 10px 0 0;
  font-size: 0.8125rem;
  color: rgba(35, 35, 35, 0.75);
}
@media only print, screen and (min-width:768px) {
  .view-count {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:768px) {
  .view-count {
    position: absolute;
    bottom: 10px;
    right: 0;
  }
}

.comp_1 .content_from_title {
  margin: 10px 10px 0 0;
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .comp_2 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding: 0 10px;
}
@media only print, screen and (min-width:768px) {
  .body_content .comp_2 {
    width: 50%;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .comp_2 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .comp_2 {
    padding: 0 10px;
  }
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .body_content .comp_2.comp_2_layout_2 {
    width: calc(100% + 10px);
    margin-right: -5px;
    margin-left: -5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_header {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100% - 10px);
    margin: 0 5px;
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    background-color: transparent;
    padding-bottom: 0;
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first .comp_2_group_item_header {
    font-size: 1.7rem;
    padding-top: 15px;
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first .comp_2_group_item_inner_cont {
    background-color: #fff;
    box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont {
    width: 33.33333%;
    background-color: #fff;
    padding-left: 5px;
    border-bottom: none;
    padding-right: 5px;
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont .comp_2_group_item_header {
    font-size: 1.1rem;
  }
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont:not(.first) {
    background-clip: content-box;
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .body_content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first .comp_2_group_item_header {
    font-size: 36px;
  }
}
.body_content .comp_2.comp_2_layout_2 .first-tablet-img {
  display: none;
}

.comp_2_ad_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 330px;
  padding-left: 30px;
}
@media only print, screen and (max-width:1279px) {
  .comp_2_ad_cont {
    display: none;
  }
}

.comp_2_content_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (max-width:1279px) {
  .comp_2_content_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}

.comp_2_group_header {
  margin-bottom: 0;
  display: block;
  text-decoration: none;
  width: max-content;
}
.comp_2_group_header:hover, .comp_2_group_header:active, .comp_2_group_header:focus {
  text-decoration: none;
  color: black;
}

.comp_2_group_item_inner_cont {
  display: block;
  text-decoration: none;
  color: black;
  font-size: 16px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_inner_cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_inner_cont .comp_2_group_item_img_cont {
    width: 50%;
  }
}

.comp_2_group_item_img {
  width: 100%;
  height: auto;
}

.comp_2_group_item_date {
  color: #aaa;
  font-size: 14px;
  padding-bottom: 10px;
  display: none !important;
}

.comp_2_group_item_inner_cont:first-child {
  position: relative;
}

@media only print, screen and (max-width: 767px) {
  .comp_2_group_item_cont:not(.first) {
    padding: 5px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont:not(.first) {
    padding: 10px 0;
  }
}
.comp_2_group_item_cont:not(.first):last-child {
  padding-bottom: 0;
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_inner_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_inner_cont {
    align-items: flex-start;
    align-content: flex-start;
  }
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_img_cont {
  width: 40%;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_img_cont {
    width: 100%;
  }
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_img {
  height: 100%;
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_meta {
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta {
    width: 65%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta {
    width: 100%;
    padding: 10px;
    display: block;
  }
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta .content_from_title.on_content_top {
    margin-right: 0;
    display: none;
  }
}
.comp_2_group_item_cont:not(.first) .tablet-only {
  display: none;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_cont:not(.first) .tablet-only {
    display: inline-block;
  }
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_date {
  padding-right: 20px;
  padding-top: 3px;
}
@media only print, screen and (max-width: 767px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_date {
    font-size: 12px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_date {
    font-size: 12px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_date {
    font-size: 13px;
  }
}
.comp_2_group_item_cont:not(.first):last-child {
  border-bottom: none;
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  font-size: 1rem;
}
.comp_2_group_item_cont:not(.first) .comp_2_group_item_header:after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 7px;
  display: none;
}
@media only print, screen and (max-width: 375px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
    font-size: 1rem;
  }
}

.comp_2_group_item_cont.first {
  padding-top: 10px;
  padding-bottom: 5px;
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont.first {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:1600px) {
  .comp_2_group_item_cont.first {
    border-bottom: none;
  }
}
.comp_2_group_item_cont.first .comp_2_group_item_img {
  display: block;
}
.comp_2_group_item_cont.first .comp_2_group_item_date {
  display: block;
}
.comp_2_group_item_cont.first .comp_2_group_item_meta {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFFFFF;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  width: 100%;
  padding: 0 15px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_group_item_cont.first .comp_2_group_item_meta {
    top: 10px;
    right: 50%;
    color: #000000;
    background-image: none;
    width: 50%;
    flex: 0 0 auto;
    position: static;
  }
}
.comp_2_group_item_cont.first .comp_2_group_item_meta .comp_2_group_item_header {
  padding: 0 0 5px;
  font-family: HelveticaNeueBold;
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .comp_2_group_item_cont.first .comp_2_group_item_meta .comp_2_group_item_header {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_2_group_item_cont.first .comp_2_group_item_meta .comp_2_group_item_header {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont.first .comp_2_group_item_meta .comp_2_group_item_header {
    font-size: 1.275rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_2_group_item_cont.first .comp_2_group_item_meta .comp_2_group_item_header {
    padding: 5px 0 12px;
  }
}
.comp_2_group_item_cont.first .comp_2_group_item_meta .comp_2_group_item_header:after {
  display: none;
}

.comp_2_group.poll_comp {
  display: flex;
  flex-direction: column;
}
.comp_2_group.poll_comp .poll_comp_cont {
  flex: 1 0 auto;
  background: transparent;
  margin-top: 15px;
  border-top: none;
}

.radio_ad_cont {
  text-align: center;
  padding-top: 20px;
}
@media only print, screen and (max-width: 767px) {
  .radio_ad_cont {
    display: none;
  }
}
.radio_ad_cont .radio_ad_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_2_one_item_meta_summary {
  display: none;
  color: #333335;
  font-size: 1rem;
  padding-top: 20px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2_one_item_meta_summary {
    display: block;
    padding-bottom: 20px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_2_one_item_meta_summary {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/*START:If the Article is Special Coverage, top stories component handling cases between desktop, ipad and mobile*/
.comp_2 .content_from_title.exclusive-text {
  display: none;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2 .content_from_title.exclusive-text {
    display: block;
    background: #032c67;
  }
}
.comp_2 .content_from_title.on_content_top.exclusive-coverage {
  display: inline-block;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_2 .content_from_title.on_content_top.exclusive-coverage {
    display: none;
  }
}

/*END:If the Article is Special Coverage, top stories component handling cases between desktop, ipad and mobile */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
.faded {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.center {
  display: table;
  margin: 0 auto;
}

/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .my-news {
  position: relative;
  width: 100%;
}

.body_content .my-news.loading {
  min-height: 400px;
}
.body_content .my-news.loading .loader {
  display: block;
}
.body_content .my-news .loader {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
}

.usr-settings-img {
  width: 20px;
  margin-left: 5px;
  margin-top: -2px;
}
@media screen and (max-width: 320px) {
  .usr-settings-img {
    display: none;
  }
}

.my-news-header.user-loggedIn {
  padding: 0;
}
.my-news-header.user-loggedIn a {
  padding: 10px 10px;
}
@media only print, screen and (min-width:1280px) {
  .my-news-header.user-loggedIn a {
    padding: 20px 20px;
  }
}

.my-news-header {
  background-color: #232323;
  padding: 10px 10px;
  color: #e6e6e6;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 45px;
  min-height: 50px;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}
@media only print, screen and (min-width:1280px) {
  .my-news-header {
    padding: 20px 20px;
  }
}
.my-news-header .my-news-user-photo {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #e9eff0;
  position: absolute;
  left: 50%;
  bottom: 100%;
  background-color: #252933;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 1;
}
@media only print, screen and (min-width:1280px) {
  .my-news-header .my-news-user-photo {
    width: 90px;
    height: 90px;
  }
}
@media only print, screen and (max-width: 375px) {
  .my-news-header .my-news-user-photo {
    width: 50px;
    height: 50px;
  }
}
.my-news-header .my-news-user-photo img {
  width: auto;
  height: 100%;
  /* vertical-align: middle; */
  position: absolute;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
}
.my-news-header .login-link, .my-news-header .login-link:active {
  color: #e6e6e6;
  text-decoration: none;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.login-link, .login-link:active {
  color: #e6e6e6;
  text-decoration: none;
}

.my-news-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  background-color: #f8f9fb;
  padding: 10px 0 0;
}
@media only print, screen and (max-width:1279px) {
  .my-news-content {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-content {
    padding: 20px 0 0;
  }
}
.my-news-content .sna_section_title_1 {
  display: block;
  text-decoration: none;
  color: black;
  width: 100%;
  margin: 0 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .my-news-content .comp_2.comp_2_layout_2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_header {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding-bottom: 0;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first .comp_2_group_item_header {
    font-size: 1.7rem;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont:not(.first) {
    width: 50%;
    padding-left: 5px;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont:not(.first) .comp_2_group_item_img_cont {
    width: 35%;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta {
    width: 65%;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta .content_from_title.on_content_top {
    display: inline-block;
  }
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .my-news-content .comp_2.comp_2_layout_2 .comp_2_group_item_cont.first .comp_2_group_item_header {
    font-size: 36px;
  }
}

.my-news-stories {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 15px;
}
@media only print, screen and (min-width:768px) {
  .my-news-stories {
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-stories {
    margin-bottom: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-stories {
    width: 75%;
  }
}
.my-news-stories .comp_2 {
  width: 100%;
}
@media only print, screen and (max-width:1279px) {
  .my-news-stories .comp_2 {
    margin-bottom: 0 !important;
  }
  .my-news-stories .comp_2:nth-last-child(-n+2) {
    display: none !important;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-stories .comp_2 {
    flex: 0 0 auto;
    width: 33.33%;
  }
}

.my-news .my-news-content .my-news-videos {
  width: 100%;
  margin-bottom: 15px;
}
@media only print, screen and (min-width:768px) {
  .my-news .my-news-content .my-news-videos {
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news .my-news-content .my-news-videos {
    margin-bottom: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news .my-news-content .my-news-videos {
    width: 25%;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news .my-news-content .my-news-videos .comp_2 {
    width: 100%;
  }
}
.my-news .my-news-content .my-news-videos .comp_2_group_item_header {
  color: #FFF;
}
.my-news .my-news-content .my-news-videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_inner_cont {
  background-color: #2d2d2d;
}
.my-news .my-news-content .my-news-videos .comp_2_group_item_cont.first .comp_2_group_item_inner_cont {
  background-color: #2d2d2d;
}
.my-news .my-news-content .my-news-videos .comp_2_one_item_meta_summary {
  color: #FFF;
}
.my-news .my-news-content .my-news-videos .content_title_encloser {
  color: #FFF;
}

.my_news_content_icon {
  height: 14px;
  width: 14px;
  display: none;
}

.my-news-placeholder-img-mobile {
  width: 100%;
  height: auto;
}
@media only print, screen and (min-width:768px) {
  .my-news-placeholder-img-mobile {
    display: none;
  }
}

.my-news-placeholder-img-tablet {
  width: 100%;
  display: none;
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .my-news-placeholder-img-tablet {
    display: inline;
  }
}

.my-news-placeholder-img-desktop {
  width: 100%;
  padding: 0 10px;
}
@media only print, screen and (max-width:819px) {
  .my-news-placeholder-img-desktop {
    display: none;
  }
}

.my-news-placeholder {
  background-color: #f8f9fb;
  margin-bottom: 15px;
}
@media only print, screen and (min-width:768px) {
  .my-news-placeholder {
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-placeholder {
    margin-bottom: 20px;
  }
}
.my-news-placeholder .my-news-user-photo {
  background-color: #252933;
}

@media only print, screen and (max-width: 767px) {
  .login-link-text, .my-news-welcome {
    font-size: 0.875rem;
  }
}

.my-news-videos .my_news_content_icon img.light, .my-news-header .my_news_content_icon img.light {
  background-color: #f8f9fb;
  border-radius: 50%;
}

/*START:difference to the comp_2.scss file */
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .my-news .comp_2_group_item_inner_cont .comp_2_group_item_img_cont {
    width: 50%;
  }
}

/*END:difference to the comp_2.scss file */
/* START: STYLE FOR MY NEWS PAGE */
@media only print, screen and (min-width:1280px) {
  .my-news-page {
    padding: 0 15px;
  }
}
.my-news-page .media_list_ad_ldb_2_desktop {
  margin: 0 auto 20px;
}
.my-news-page .content_rel_items_cont .on_content_top {
  margin-right: 0;
}

.my-news-page-top {
  width: 100%;
  position: relative;
  padding: 0 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only print, screen and (min-width:768px) {
  .my-news-page-top {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-page-top {
    margin-bottom: 20px;
  }
}
.my-news-page-top .sna_section_title_1 {
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .my-news-page-top .sna_section_title_1 {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .my-news-page-top .sna_section_title_1 {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-page-top .sna_section_title_1 {
    font-size: 1.6rem;
  }
}

.my-news-page-signout {
  font-family: HelveticaNeueBold;
  border: none;
  background-color: #AC0000;
  color: #FFF;
  border: 1px solid #AC0000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  font-size: 1.1rem;
  padding: 10px 20px;
}
@media only print, screen and (max-width: 375px) {
  .my-news-page-signout {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .my-news-page-signout {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-page-signout {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .my-news-page-signout {
    padding: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .my-news-page-signout {
    -webkit-font-smoothing: antialiased;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .my-news-page-signout:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #AC0000;
    color: #FFF;
  }
}
.my-news-page-signout:active, .my-news-page-signout:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #AC0000;
  color: #FFF;
}

.my-news-page-signout {
  position: relative;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
@media only print, screen and (min-width:768px) {
  .my-news-page-signout {
    width: auto;
    margin-top: 0;
  }
}
.my-news-page-signout .si_signout_text {
  line-height: 1;
}
.my-news-page-signout#user_settings_btn {
  display: none;
}

.si_signout_text {
  line-height: 35px;
  margin-right: 20px;
  cursor: pointer;
}

.si_signout_icon {
  width: 18px;
}

.my-news-page-title {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .my-news-page-title {
    width: auto;
  }
}

.most-viewed {
  padding: 0 10px;
  width: 100%;
}
@media only print, screen and (max-width: 767px) {
  .most-viewed {
    display: none;
  }
}

/* END: STYLE FOR MY NEWS PAGE */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.content_from_title.exclusive-coverage {
  background-color: #032c67;
  color: white;
}
@media only print, screen and (max-width: 767px) {
  .content_from_title.exclusive-coverage {
    padding: 3px 8px;
  }
}
@media only print, screen and (min-width:768px) {
  .content_from_title.exclusive-coverage {
    padding: 1px 8px;
  }
}
.content_from_title.exclusive-coverage:before {
  display: none;
}
.content_from_title.exclusive-coverage .content_title_encloser {
  color: #fff;
  padding-right: 0;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
}

.exclusive-label {
  background-color: #032c67;
  color: white;
  font-size: 94%;
  font-family: HelveticaNeueBold, "Times New Roman";
  border-radius: 5px;
  padding: 3px 8px;
  display: inline-table;
}
@media only print, screen and (min-width:768px) {
  .exclusive-label {
    padding: 3px 8px;
  }
}
@media only print, screen and (min-width:1280px) {
  .exclusive-label {
    padding: 3px 8px;
  }
}

.special-coverage {
  background: #032c67 !important;
}

.comp_3:after {
  content: "";
  display: table;
  clear: both;
}

.comp_3_group_item_cont {
  float: right;
  width: 100%;
}

.comp_3_group_item_img {
  width: 100%;
  height: auto;
}

.comp_3_group_item_inner_cont {
  position: relative;
  display: block;
}

.comp_3_group_item_meta_cont {
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px;
}
.comp_3_group_item_meta_cont.breaking {
  padding: 0;
}
.comp_3_group_item_meta_cont .comp_3_group_item_meta {
  width: 100%;
  color: black;
}
@media only print, screen and (min-width:768px) {
  .comp_3_group_item_meta_cont .comp_3_group_item_meta {
    padding: 0 15px;
    background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    color: white;
  }
}

@media only print, screen and (max-width: 767px) {
  .comp_3_group_item_meta_cont {
    background-color: #fff;
  }
}
.comp_3_group_item_date {
  color: #aaa;
  padding-bottom: 10px;
}

@media only print, screen and (max-width: 767px) {
  .comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont {
    flex-wrap: wrap;
    box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
    align-items: flex-start;
    margin: 0 0 15px;
  }
}
.comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

@media only print, screen and (max-width: 767px) {
  .comp_3_group_item_cont:not(.first) .comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont .comp_3_group_item_meta_cont .comp_3_group_item_meta {
    padding-top: 0;
  }
}
/*START:Font Size Css */
.comp_3_group_item_header {
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .comp_3_group_item_header {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_3_group_item_header {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_3_group_item_header {
    font-size: 1.6rem;
  }
}

.comp_3_group_item_cont:not(.first) .comp_3_group_item_header {
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .comp_3_group_item_cont:not(.first) .comp_3_group_item_header {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_3_group_item_cont:not(.first) .comp_3_group_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_3_group_item_cont:not(.first) .comp_3_group_item_header {
    font-size: 1.35rem;
  }
}

.comp_3_group_item_date {
  font-size: 12px;
}

/*END:Font Size Css */
.comp_3_group_item_cont:nth-child(2) .comp_3_group_item_img:not(.comp_3_group_item_img_no_1), .comp_3_group_item_cont:nth-child(3) .comp_3_group_item_img:not(.comp_3_group_item_img_no_1) {
  display: none;
}

.comp_3_group_item_inner_cont_l1 {
  position: relative;
  height: auto;
  width: 100%;
}

/*START:For all the Combiations padding side adjustment for the whole component */
.comp_3:not(.comp_3_one_item) {
  padding: 0;
}

/*END:For all the Combiations padding side adjustment for the whole component */
/*START:Special Cases: Two Items */
.comp_3_two_item .comp_3_group_item_cont:nth-child(5) {
  display: none;
}
.comp_3_two_item .comp_3_group_item_cont:nth-child(4) {
  display: none;
}
.comp_3_two_item .comp_3_group_item_cont:nth-child(3) {
  display: none;
}
@media only print, screen and (max-width: 767px) {
  .comp_3_two_item .comp_3_group_item_cont:nth-child(2) .comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont .comp_3_group_item_img {
    width: 100%;
  }
  .comp_3_two_item .comp_3_group_item_cont:nth-child(2) .comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont .comp_3_group_item_meta {
    width: 100%;
  }
  .comp_3_two_item .comp_3_group_item_cont:nth-child(2) .comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont .comp_3_group_item_header {
    font-size: 18px;
  }
}

/*END:Special Cases: Two Items */
/*START:In Mobile MAke the first contetn as same as top stories component text over image */
@media only print, screen and (max-width: 767px) {
  .comp_3_group_item_cont.first .comp_3_group_item_header {
    padding: 0;
    font-size: 1.2rem;
  }
  .comp_3_group_item_cont.first .comp_3_group_item_inner_cont {
    padding-top: 0;
  }
}

/*END:In Mobile MAke the first contetn as same as top stories component text over image */
/*START:for the last item in remove the border bottom */
@media only print, screen and (max-width: 767px) {
  .comp_3_group_item_cont:last-child .comp_3_group_item_inner_cont_1 .comp_3_group_item_inner_cont {
    margin-bottom: 0;
  }
}

/*END:for the last item in remove the border bottom */
/*START:Content from Title */
.comp_3_media_cont {
  position: relative;
}

@media only print, screen and (max-width: 767px) {
  .comp_3_media_cont {
    height: 0;
    padding-bottom: 56.25%;
  }
}
.comp_3 .on_content_top {
  margin-right: 0;
  display: none;
}

/*END:Content from Title */
/*START:If the Article is Breaking News */
.comp_3_group_item_header.isBreaking {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
}
.comp_3_group_item_header.isBreaking h3 {
  background: #F8EB20;
  color: #000;
  padding: 0.625rem 1.25rem;
}
@media only print, screen and (max-width: 767px) {
  .comp_3_group_item_header.isBreaking h3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.comp_3_group_item_header.isBreaking .breaking_news {
  color: #F8EB20;
  background: #232323;
  padding: 0.625rem 0.625rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/*END:If the Article is Breaking News */
/*START:Import the Featured One Story Component */
/*START:Featured One Story Component */
.comp_3_one_item {
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  text-decoration: none;
  color: black;
}
.comp_3_one_item:hover, .comp_3_one_item:active, .comp_3_one_item:focus {
  text-decoration: none;
  color: black;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item {
    padding: 0 10px;
    position: relative;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_3_one_item {
    padding: 0;
  }
}

.comp_3_one_item_media {
  background-color: #f6f6f6;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_media {
    /*@include sna_item_col_width_abs(50%);*/
  }
  .comp_3_one_item_media .content_from_title {
    padding: 5px 20px;
    font-size: 1.5rem;
  }
  .comp_3_one_item_media .content_from_title.live_story:before {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    right: 20px;
  }
  .comp_3_one_item_media .content_from_title.live_story:after {
    width: 12px;
    height: 12px;
    right: 24px;
  }
  .comp_3_one_item_media .content_from_title.live_story {
    padding-right: 50px;
    line-height: 32px;
  }
  .comp_3_one_item_media .content_list_media_indicator_text {
    font-size: 1rem;
  }
  .comp_3_one_item_media .content_list_media_indicator_svg {
    width: 24px;
    height: 24px;
  }
}

.comp_3_one_item_meta_info {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  background-color: #fff;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_meta_info {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    background-color: transparent;
    color: #FFF;
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.4), transparent);
    background-clip: content-box;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_3_one_item_meta_info {
    padding: 10px 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_3_one_item_meta_info.breaking {
    padding: 0;
  }
}

@media only print, screen and (min-width:820px) {
  .comp_3_one_item_breaking_news .comp_3_one_item_meta_info {
    width: 100%;
    color: #000;
    padding: 0 20px 10px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .comp_3_one_item_breaking_news .comp_3_one_item_meta_info {
    width: 80%;
  }
}

.comp_3_one_item_meta_sec_title {
  color: #000;
  font-family: HelveticaNeueBold;
  font-size: 1rem;
}
@media only print, screen and (min-width:820px) {
  .comp_3_one_item_meta_sec_title {
    color: #FFF;
  }
}
@media only print, screen and (max-width:1279px) {
  .comp_3_one_item_meta_sec_title {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_3_one_item_meta_sec_title {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_3_one_item_meta_sec_title {
    padding-top: 20px;
    font-size: 32px;
    padding-right: 20px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_meta_sec_title {
    padding-top: 10px;
    font-size: 32px;
    padding-right: 20px;
  }
}

.comp_3_multi_item_meta_sec_title {
  padding-top: 10px;
  font-size: 0.95rem;
  padding-right: 0;
  color: #FFF;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (max-width: 767px) {
  .comp_3_multi_item_meta_sec_title {
    color: #000;
    padding-top: 0;
    padding-bottom: 5px;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_3_multi_item_meta_sec_title {
    padding-top: 10px;
    font-size: 1.3rem;
    padding-right: 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_3_multi_item_meta_sec_title {
    padding-top: 20px;
    font-size: 1.35rem;
    padding-right: 0;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_multi_item_meta_sec_title {
    padding-top: 10px;
    font-size: 1.3rem;
    padding-right: 0;
  }
}

.comp_3_one_item_meta_title {
  font-size: 1.2rem;
}
@media only print, screen and (max-width:819px) {
  .comp_3_one_item_meta_title {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_3_one_item_meta_title {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_meta_title {
    line-height: 1.3;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-family: HelveticaNeueBold;
    font-size: 0;
  }
  .comp_3_one_item_meta_title .comp_3_one_item_meta_breaking {
    font-size: 36px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1600px), only print, screen and (min-width:820px) and (max-width:1279px) and (min-width:1600px) {
  .comp_3_one_item_meta_title .comp_3_one_item_meta_breaking {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1280px) and (max-width:1600px), only print, screen and (min-width:820px) and (max-width:1279px) and (min-width:1280px) and (max-width:1600px) {
  .comp_3_one_item_meta_title .comp_3_one_item_meta_breaking {
    font-size: calc(36px + (40 - 36) * (100vw - 1280px) / (1600 - 1280));
  }
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_meta_title .comp_3_one_item_title_text {
    font-size: 36px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1600px), only print, screen and (min-width:820px) and (max-width:1279px) and (min-width:1600px) {
  .comp_3_one_item_meta_title .comp_3_one_item_title_text {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:1280px) and (min-width:1280px) and (max-width:1600px), only print, screen and (min-width:820px) and (max-width:1279px) and (min-width:1280px) and (max-width:1600px) {
  .comp_3_one_item_meta_title .comp_3_one_item_title_text {
    font-size: calc(36px + (40 - 36) * (100vw - 1280px) / (1600 - 1280));
  }
}

.comp_3_one_item_meta_summary {
  display: none;
  color: #333335;
  font-size: 1rem;
}
@media only print, screen and (max-width:1279px) {
  .comp_3_one_item_meta_summary {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_3_one_item_meta_summary {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_3_one_item_meta_summary {
    /*line-height: 1.5;
    padding-top: 20px;
    @include responsive-unit($propName: "font-size", $unit: "px", $minVal: "16", $maxVal:"18", $minPoint:"1280", $maxPoint:"1600");*/
    display: block;
  }
}

.comp_3_one_item_inline_item_cont {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 10px;
  z-index: 1;
  padding: 5px 0;
  max-width: calc((100% - 80px) / 3 * 0.75);
  /*@include sna_flex_container();
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-end;*/
}
@media only print, screen and (max-width:1279px) {
  .comp_3_one_item_inline_item_cont {
    display: none;
  }
}

.comp_3_one_item_inline_item {
  padding: 5px 0;
  height: 33.3333%;
  background-clip: padding-box;
  position: relative;
}

.comp_3_one_item_inline_item_media {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100%;
  overflow: hidden;
}

.comp_3_one_item_inline_item_meta {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 50px;
  position: absolute;
  bottom: 3px;
}

.comp_3_one_item_inline_item_media_l1 {
  height: 100%;
  position: relative;
}
.comp_3_one_item_inline_item_media_l1 .img-placeholder {
  width: auto;
  height: 100%;
  max-height: 100%;
}

.comp_3_one_item_inline_item_meta_title {
  color: white;
  font-size: 12px;
}
@media only print, screen and (min-width:1600px) {
  .comp_3_one_item_inline_item_meta_title {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1600px) {
  .comp_3_one_item_inline_item_meta_title {
    font-size: calc(12px + (14 - 12) * (100vw - 1280px) / (1600 - 1280));
  }
}

.comp_3_one_item_inline_item_l1 {
  height: 100%;
  border: 2px solid #e9eeff;
}

@-moz-document url-prefix() {
  .comp_3_one_item_inline_item_media_l1 .img-placeholder {
    display: none;
  }
  .comp_3_one_item_inline_item_media_l1 .comp_3_main_img {
    width: auto;
    display: block;
    position: relative;
  }
}
.comp_3_one_item_meta_breaking {
  background: black;
  color: #F8EB20;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
}
@media only print, screen and (max-width:819px) {
  .comp_3_one_item_meta_breaking {
    font-family: HelveticaNeueBold;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_3_one_item_title_text {
    font-family: HelveticaNeueBold, "Times New Roman";
  }
}

.comp_3_one_item:not(.comp_3_one_item_breaking_news) .comp_3_one_item_meta_breaking {
  display: none;
}

.comp_3_one_item.comp_3_one_item_breaking_news .comp_3_one_item_title_text {
  font-family: HelveticaNeueBold, "Times New Roman";
}
@media only print, screen and (max-width:819px) {
  .comp_3_one_item.comp_3_one_item_breaking_news .comp_3_one_item_title_text {
    padding: 10px 10px;
    background-color: #F8EB20;
  }
}

.comp_3_one_item_breaking_news .comp_3_one_item_meta_title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  background: #F8EB20;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_breaking_news .comp_3_one_item_meta_title {
    padding-top: 0px;
    margin-top: 20px;
    padding-right: 10px;
    padding-bottom: 0px;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_3_one_item_breaking_news .comp_3_one_item_meta_info {
    background: none;
  }
  .comp_3_one_item_breaking_news .comp_3_one_item_meta_info .comp_3_one_item_meta_sec_title {
    padding-right: 0;
    text-shadow: 2px 2px 4px #000000;
  }
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_breaking_news .comp_3_one_item_title_text {
    position: relative;
    left: 5px;
    padding: 4px 0;
  }
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_3_one_item_breaking_news .comp_3_one_item_meta_breaking {
    position: relative;
    left: 10px;
  }
}

/*END:Featured One Story Component */
/*START:overrides for special coverage. this is also used in topic page if article is pinned*/
.comp_3_one_item_special_coverage .comp_3_one_item_meta_title {
  background-color: #fff;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.comp_3_one_item_special_coverage .comp_3_one_item_meta_title .comp_3_one_item_meta_breaking {
  background-color: #032c67;
  color: white;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  text-align: center;
}
@media only print, screen and (max-width:819px) {
  .comp_3_one_item_special_coverage .comp_3_one_item_meta_title {
    background-color: #e9eff0;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_3_one_item_special_coverage .comp_3_one_item_meta_title .comp_3_one_item_title_text {
    background-color: #e9eff0;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_3_one_item_special_coverage .comp_3_one_item_meta_title .comp_3_one_item_title_text {
    background-color: #fff;
  }
}

/*END:overrides for special coverage.  this is also used in topic page if article is pinned */
/*END:Import the Featured One Story Component */
/*START:main image super impose on default image */
.comp_3_main_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

/*END:main image super impose on default image */
.comp_3_group_item_header.isBreaking.isSpecialCoverage .breaking_news {
  background-color: #032c67;
  color: #fff;
  text-align: center;
}
.comp_3_group_item_header.isBreaking.isSpecialCoverage h3 {
  background-color: #fff;
}

@media only print, screen and (max-width: 767px) {
  /* START: aspect ratio */
  .comp_3 .c_aspect, .topic_page_container .c_aspect {
    position: relative;
  }
  .comp_3 .c_aspect:before, .topic_page_container .c_aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .comp_3 .c_aspect > .aspect_content, .topic_page_container .c_aspect > .aspect_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
  /* START: Play icon size */
  .comp_3 .play_icon {
    width: 40px;
    height: 40px;
  }
  /* END: Play icon size */
  /* END: aspect ratio */
}
/* START: Featured Type2 */
.comp_featured2 .comp_3_group_item_cont .comp_3_group_item_img_no_2 {
  display: none;
}

/* END: Featured Type2 */
/*START:for the video teaser , when the teaser playing make some chnaged in z-index to show the topic title red one and title */
.comp_3_group_item_cont.sna_teaser_active_cont .play_icon {
  display: none;
}
.comp_3_group_item_cont.sna_teaser_active_cont .content_from_title {
  z-index: 1;
}

/*END:for the video teaser , when the teaser playing make some chnaged in z-index to show the topic title red one and title */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
sna-video {
  display: block;
  position: relative;
  background: url("/static/web-rev/img/default_img.jpg");
  background-size: cover;
  transition: height 0.5s;
  will-change: height;
  overflow: hidden;
  /*START:Lazy Laod Player Styles */
  /*END:Lazy Laod Player Styles */
  /*START:lazy loaded player i.e postLoad="true" , till the player is not ready event triggered dont show player */
  /*END:lazy loaded player i.e postLoad="true" , till the player is not ready event triggered dont show player */
}
sna-video a.video-postload-overaly {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
sna-video a.video-postload-overaly .v-play {
  opacity: 1;
  position: absolute;
  z-index: 3;
  bottom: 10px;
  left: 10px;
  fill: #fff;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
@media only print, screen and (min-width:768px) {
  sna-video a.video-postload-overaly .v-play {
    width: 80px;
    height: 80px;
  }
}
sna-video a.video-postload-overaly .v-play-icon {
  width: 100%;
  height: 100%;
}
sna-video a.video-postload-overaly {
  display: none;
}
sna-video .inline-video.post-load-player.player-not-loaded-for-one-time .video-postload-overaly {
  display: block;
}
sna-video .inline-video.post-load-player.player-not-loaded-for-one-time [id^=videoPlayerContainer] {
  visibility: hidden;
}
sna-video .videoImgWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
sna-video .main-image {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media only print, screen and (max-width: 767px) {
  sna-video .main-image {
    width: auto;
    height: 100%;
    object-fit: contain;
  }
}
@media only print, screen and (max-width: 767px) {
  sna-video.portrait .main-image {
    width: 100%;
    height: auto;
  }
}
sna-video::before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
}

@media only print, screen and (max-width:1279px) and (orientation: landscape) {
  sna-video, .v_content {
    max-height: 75vh;
  }
}
/*START:for autoplay video to show the user when user is scrolling */
.autoplay_unmute_overlay {
  height: 50px;
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  color: white;
  z-index: 1;
  top: 12px;
  right: 12px;
  cursor: pointer;
  display: none;
}
@media only print, screen and (min-width:768px) {
  .autoplay_unmute_overlay {
    top: 20px;
    right: 20px;
  }
}
.autoplay_unmute_overlay svg {
  height: 30px;
  width: 30px;
  fill: rgb(255, 255, 255);
  margin: 10px;
}

sna-video.sna_teaser_active_cont .not_interacted .jwplayer.jw-state-buffering ~ .autoplay_unmute_overlay,
sna-video.sna_teaser_active_cont .not_interacted .jwplayer.jw-state-playing ~ .autoplay_unmute_overlay {
  display: block;
}

/*END:for autoplay video to show the user when user is scrolling */
.comp_4 {
  background-color: #232323;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_4 {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_4 {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4 {
    padding: 0 0 20px 0;
  }
}

.comp_4 .video_comp_sna_row {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_4 .video_comp_sna_row {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4 .video_comp_sna_row {
    padding: 0 20px;
  }
}

.comp_4_main_video {
  text-decoration: none;
  margin: 0 auto;
  justify-content: flex-start;
  max-width: 1390px;
  position: relative;
  display: block;
  cursor: pointer;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4_main_video {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_4_main_video {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.comp_4_main_video .comp_4_main_video_el {
  position: relative;
  width: 65%;
  text-decoration: none;
  display: block;
  outline: none;
}
.comp_4_main_video .comp_4_main_video_el:focus, .comp_4_main_video .comp_4_main_video_el:active, .comp_4_main_video .comp_4_main_video_el:hover {
  outline: none;
}
@media only print, screen and (max-width:819px) {
  .comp_4_main_video .comp_4_main_video_el {
    padding-bottom: 5px;
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_4_main_video .comp_4_main_video_el {
    padding-bottom: 10px;
  }
}
.comp_4_main_video .comp_4_main_video_el > div {
  position: relative;
}
@media only print, screen and (min-width:820px) {
  .comp_4_main_video .comp_4_side_el {
    width: 35%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_4_main_video .comp_4_side_el {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
  }
  .comp_4_main_video .comp_4_side_el::-webkit-scrollbar {
    width: 8px;
  }
  .comp_4_main_video .comp_4_side_el::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #2d2d2d;
  }
  .comp_4_main_video .comp_4_side_el::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #3f444f;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_4_main_video .comp_4_side_el {
    width: 100%;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4_main_video .comp_4_side_el {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_main_video .comp_4_side_el {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4 .sna_section_more_btn_cont {
    padding: 20px 0 0;
  }
}

.comp_4_video_list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media only print, screen and (min-width:768px) {
  .comp_4_video_list {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_video_list {
    margin: 0 -10px;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_4_video_list {
    margin-top: 20px;
  }
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4_video_list {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}

.comp_4_video_list_item_img {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 30%;
}
@media only print, screen and (max-width: 767px) {
  .comp_4_video_list_item_img {
    width: 40%;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_video_list_item_img {
    width: 37.3%;
  }
}

.comp_4_video_list_item_meta {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60%;
}
@media only print, screen and (max-width: 767px) {
  .comp_4_video_list_item_meta {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60%;
  }
}

@media only print, screen and (min-width:768px) {
  .comp_4_main_video .play_icon {
    width: 65px;
    height: 65px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_main_video .play_icon {
    width: 75px;
    height: 75px;
  }
}

.comp_4_video_list_item {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  outline: none;
  background-color: #2d2d2d;
  background-clip: content-box;
}
.comp_4_video_list_item:focus, .comp_4_video_list_item:active, .comp_4_video_list_item:hover {
  outline: none;
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_4_video_list_item {
    padding: 5px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_4_video_list_item {
    width: 100%;
    background-clip: border-box;
    margin: 10px 0;
  }
  .comp_4_video_list_item:last-child {
    margin-bottom: 0;
  }
  .comp_4_video_list_item:first-child {
    margin-top: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_4_video_list_item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
  }
  .comp_4_video_list_item:nth-child(n+2) {
    padding-top: 5px;
  }
  .comp_4_video_list_item:not(:last-child) {
    padding-bottom: 5px;
  }
}
.comp_4_video_list_item.current-playing-item .now_playing {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only print, screen and (max-width:819px) {
  .comp_4_video_list_item.current-playing-item .now_playing {
    height: calc(100% + 1px);
  }
}
.comp_4_video_list_item.current-playing-item .play_icon {
  display: none;
}

.comp_4_main_video_headline {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  font-size: 36px;
}
@media only print, screen and (max-width: 767px) {
  .comp_4_main_video_headline {
    padding-top: 15px;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_4_main_video_headline {
    order: 2;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_4_main_video_headline {
    font-size: 1.125rem;
  }
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4_main_video_headline {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_4_main_video_headline {
    position: absolute;
    bottom: 18px;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);
    font-family: HelveticaNeueBold;
    font-size: 1.55rem;
    padding: 0 15px 10px;
    width: 100%;
  }
}

.comp_4_main_video_date {
  font-size: 14px;
  color: #9E9E9E;
}
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4_main_video_date {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.comp_4_main_video_headline,
.comp_4_main_video_date,
.comp_4_video_list_item_date,
.comp_4_video_list_item_headline {
  color: white;
}

.comp_4_video_list_item_date {
  color: #9E9E9E;
  font-size: 14px;
  padding-bottom: 8px;
  display: none;
}
@media only print, screen and (max-width:819px) {
  .comp_4_video_list_item_date {
    padding-bottom: 4px;
  }
}

.comp_4_video_list_item_headline {
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .comp_4_video_list_item_headline {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_4_video_list_item_headline {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_video_list_item_headline {
    font-size: 1rem;
  }
}

@media only print, screen and (max-width:819px) {
  .comp_4_video_list_item_meta {
    padding: 10px 10px 10px 5px;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_4_video_list_item_meta {
    padding: 5px 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_video_list_item_meta {
    padding: 10px;
  }
}

#videoWidgetModal {
  display: none;
}

/*START:Content from Title */
.comp_4_video_list_item .content_from_title:not(.on_content_top) {
  display: none;
}

.comp_4_video_list_item .on_content_top {
  margin-right: 0;
}
.comp_4_video_list_item .on_content_top .content_title_encloser {
  color: #FFF;
}

.comp_4_main_video_meta_info .content_from_title.on_content_top {
  margin-right: 0;
}
.comp_4_main_video_meta_info .content_from_title.on_content_top .content_title_encloser {
  color: rgba(255, 255, 255, 0.48);
}
@media only print, screen and (min-width:820px) {
  .comp_4_main_video_meta_info .content_from_title.on_content_top {
    font-size: 16px;
  }
}

/*END:Content from Title */
/*START:Hover chnage play icon color */
@media only print, screen and (min-width:1280px), only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_4_main_video_el:hover .play_icon,
  .comp_4_video_list_item:hover .play_icon {
    background-color: rgba(172, 0, 0, 0.75);
  }
}
/*END:Hover chnage play icon color */
.main_video_title_cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.main_video_title {
  padding: 7px 15px 10px;
  color: white;
  font-size: 1.2rem;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (max-width: 375px) {
  .main_video_title {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .main_video_title {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .main_video_title {
    font-size: 1.6rem;
  }
}

/*START:Play in place styles */
.comp_4_main_video_meta {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

sna-video #videoWrapper .videoImgWrapper {
  background: #2f353e;
}
sna-video .jw-title {
  display: none !important;
}

.now_playing {
  display: none;
}

.comp_4_main_video_meta_info {
  padding-top: 10px;
}
@media only print, screen and (min-width:768px) {
  .comp_4_main_video_meta_info {
    padding-top: 10px;
    padding-right: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_4_main_video_meta_info {
    padding-top: 10px;
    padding-right: 10px;
  }
}

.comp_4_main_video_meta_headline {
  color: white;
  padding-top: 0px;
  padding-bottom: 10px;
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .comp_4_main_video_meta_headline {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_4_main_video_meta_headline {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_4_main_video_meta_headline {
    font-size: 1.6rem;
  }
}

/*END:Play in place styles */
/*START:when title is not coming from CMS hide the title and give appropriate paddings */
.sna_section_title_2.sna_section_title_2_empty {
  padding-top: 10px;
}
.sna_section_title_2.sna_section_title_2_empty .sna_section_title_2_text {
  display: none;
}
@media only print, screen and (min-width:768px) {
  .sna_section_title_2.sna_section_title_2_empty {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_section_title_2.sna_section_title_2_empty {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_section_title_2.sna_section_title_2_empty {
    padding-top: 20px;
  }
}

/*END:when title is not coming from CMS hide the title and give appropriate paddings */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.ig_comp {
  padding: 0 10px;
}
@media only print, screen and (min-width:820px) {
  .ig_comp {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp {
    padding: 0 10px;
  }
}

.ig_comp_list_item_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item_cont {
    margin: 0 -10px;
  }
}

.ig_comp_list_item_inner_content {
  text-decoration: none;
  color: black;
  display: block;
}
.ig_comp_list_item_inner_content:hover, .ig_comp_list_item_inner_content:active, .ig_comp_list_item_inner_content:focus {
  text-decoration: none;
  color: black;
}

.ig_comp_list_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 10px;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item {
    padding: 0 5px;
    width: 33.3333%;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item {
    padding: 0 10px;
  }
}
.ig_comp_list_item:nth-child(1) {
  padding-bottom: 10px;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item:nth-child(1) {
    width: 50%;
    padding-bottom: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item:nth-child(1) {
    padding-bottom: 10px;
  }
}
.ig_comp_list_item:nth-child(2) {
  padding-bottom: 10px;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item:nth-child(2) {
    width: 50%;
    padding-bottom: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item:nth-child(2) {
    padding-bottom: 10px;
  }
}
.ig_comp_list_item:nth-child(3) {
  padding-bottom: 10px;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item:nth-child(3) {
    padding-bottom: 0;
    padding-top: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item:nth-child(3) {
    padding-top: 10px;
  }
}
.ig_comp_list_item:nth-child(4) {
  padding-bottom: 10px;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item:nth-child(4) {
    padding-bottom: 0;
    padding-top: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item:nth-child(4) {
    padding-top: 10px;
  }
}
.ig_comp_list_item:nth-child(5) {
  padding-bottom: 0;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item:nth-child(5) {
    padding-bottom: 0;
    padding-top: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item:nth-child(5) {
    padding-top: 10px;
  }
}

/*START:to make headine on top of image */
.ig_comp_list_item_meta_cont {
  padding: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.ig_comp_list_item_meta {
  padding: 0 15px;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  color: white;
}

.ig_comp_list_item_meta_headline {
  font-family: HelveticaNeueBold, "Times New Roman";
  padding: 0 0 5px;
  font-size: 1.2rem;
}
@media only print, screen and (min-width:768px) {
  .ig_comp_list_item_meta_headline {
    padding: 7px 0 10px;
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item_meta_headline {
    font-size: 1.35rem;
  }
}

@media only print, screen and (min-width:768px) {
  .ig_comp_list_item:nth-child(1) .ig_comp_list_item_meta_headline, .ig_comp_list_item:nth-child(2) .ig_comp_list_item_meta_headline {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .ig_comp_list_item:nth-child(1) .ig_comp_list_item_meta_headline, .ig_comp_list_item:nth-child(2) .ig_comp_list_item_meta_headline {
    font-size: 1.6rem;
  }
}

/*END:to make headine on top of image */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.comp_6 {
  background-color: #232323;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_6 {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_6 {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_6 {
    padding: 0 0 20px 0;
  }
}

.comp_6_inner_cont {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_6_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_6_inner_cont {
    padding: 0 20px;
  }
}

.comp_6_main_video_summary {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  color: #FFF;
  font-size: 18px;
  padding-top: 20px;
}
@media only print, screen and (max-width:819px) {
  .comp_6_main_video_summary {
    display: none;
  }
}

.comp_6_main_video_summary {
  display: none;
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_6_main_video_summary {
    display: block;
  }
}

.episode_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
@media only print, screen and (min-width:768px) {
  .episode_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_cont {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -10px;
  }
}
.episode_cont .episode_item {
  text-decoration: none;
  color: white;
  background-color: #2d2d2d;
  background-clip: content-box;
  padding: 0 0 5px;
  margin: 0 5px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  width: calc(100% - 10px);
}
@media only print, screen and (min-width:768px) {
  .episode_cont .episode_item {
    padding: 0;
    margin: 0 5px 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_cont .episode_item {
    padding: 0 10px 0;
    margin: 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_cont .episode_item {
    width: 20%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_cont .episode_item:first-child .episode_item_top .ep_top_time_cont_2 {
    padding-top: 0;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .episode_cont .episode_item:first-child {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .episode_cont .episode_item:first-child .episode_item_img_cont {
    width: 62%;
  }
  .episode_cont .episode_item:first-child .episode_item_top {
    width: 62%;
  }
  .episode_cont .episode_item:first-child .episode_item_meta {
    width: 38%;
    padding: 0 20px;
  }
  .episode_cont .episode_item:first-child .episode_item_meta .episode_item_headline {
    position: static;
    padding: 10px 0 0;
    font-family: HelveticaNeueReg;
    font-size: 36px;
    background-image: none;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_cont .episode_item:first-child .episode_item_meta {
    padding: 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .episode_cont .episode_item:first-child .episode_item_meta {
    padding: 10px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) {
    flex-direction: column;
  }
}
@media only print, screen and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) {
    padding-top: 0;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (max-width:1279px) and (min-width:768px) and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) {
    width: calc(25% - 10px);
    border-bottom: none;
  }
}
@media only print, screen and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) .episode_item_img_cont {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40%;
  }
}
@media only print, screen and (max-width:1279px) and (min-width:768px) and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) .episode_item_img_cont {
    width: 100%;
  }
}
@media only print, screen and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) .episode_item_meta {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60%;
    padding: 10px;
  }
}
@media only print, screen and (max-width:1279px) and (min-width:768px) and (max-width:1279px) {
  .episode_cont .episode_item:not(:first-child) .episode_item_meta {
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .episode_cont .episode_item:not(:first-child) {
    padding-top: 5px;
  }
  .episode_cont .episode_item:not(:first-child):not(:last-child) {
    padding-bottom: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .episode_cont .episode_item:not(:first-child) .episode_item_meta {
    padding: 10px;
  }
}
@media only print, screen and (max-width:1279px) {
  .episode_cont .episode_item:last-child {
    border-bottom: none;
  }
}
.episode_cont .episode_item .episode_item_img_cont {
  position: relative;
}
.episode_cont .episode_item .episode_item_img_cont .episode_item_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.episode_item_date {
  display: none;
  color: #9E9E9E;
  font-size: 14px;
  padding-bottom: 4px;
}

.comp_6_inner_cont {
  position: relative;
}

.comp_6_load_more_cont {
  text-align: center;
  padding: 50px 20px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_6_load_more_cont {
    padding: 35px 20px;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_6_load_more_cont {
    padding: 0px 20px 30px;
  }
}

.load_more_episode_btn {
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border: 2px solid white;
  /* margin-top: 20px; */
  display: inline-block;
  font-size: 21px;
}
@media only print, screen and (max-width:1279px) {
  .load_more_episode_btn {
    font-size: 16px;
  }
}
@media only print, screen and (max-width:1279px) {
  .load_more_episode_btn {
    min-width: 120px;
    text-align: center;
  }
}

.comp_6_title {
  color: white;
  text-align: center;
  font-size: 55px;
  padding: 25px 0 25px;
}
@media only print, screen and (max-width: 767px) {
  .comp_6_title {
    padding: 15px 10px 20px 0;
    font-size: 28px;
    font-family: "HelveticaNeueBold";
    text-align: right;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_6_title {
    font-size: 40px;
    padding: 15px 10px 20px 0;
    text-align: right;
    font-family: HelveticaNeueBold;
  }
}
.comp_6_title a {
  color: white;
  text-decoration: none;
}

/*START:Episode Top Component */
.episode_item_top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 10px solid #232323;
}
@media only print, screen and (max-width:1279px) {
  .episode_item_top {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding-bottom: 0;
  }
}
@media only print, screen and (max-width:1279px) {
  .episode_item_top {
    border-bottom: 5px solid #232323;
  }
}

.ep_top_left {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only print, screen and (max-width: 767px) {
  .ep_top_left {
    width: calc(100% - 70px);
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .ep_top_left {
    width: calc(100% - 70px);
  }
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_item:first-child .episode_item_top .ep_top_left {
    width: calc(100% - 120px);
  }
}

.ep_top_right {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 40%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-color: #BDBDBD;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_right {
    width: 70px;
  }
}

.ep_top_logo_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_logo_cont {
    text-align: center;
  }
}

.ep_top_day {
  background-color: #404040;
  text-align: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  line-height: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 5px 0;
}

.ep_top_time_cont {
  padding: 0 20px;
  display: flex;
  background-color: #2d2d2d;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time_cont {
    padding: 10px 10px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .ep_top_time_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.ep_top_time_cont_1 {
  padding-left: 7px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
  justify-content: center;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time_cont_1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .ep_top_time_cont_1 {
    padding-left: 0;
    width: 100%;
    border-left: none;
  }
}

.ep_top_time_cont_2 {
  padding-right: 7px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
  justify-content: center;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time_cont_2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .ep_top_time_cont_2 {
    padding-right: 0;
    width: 100%;
    padding-top: 5px;
  }
}

.ep_top_zone {
  line-height: 1;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_zone {
    padding: 0 0 0 10px;
    font-size: 12px;
  }
}
@media only print, screen and (max-width: 767px) {
  .ep_top_zone {
    font-size: 14px;
  }
}

.ep_top_time {
  line-height: 1;
  padding-bottom: 10px;
  text-align: center;
}
@media only print, screen and (max-width:1279px) {
  .ep_top_time {
    padding: 0;
    font-size: 12px;
  }
}
@media only print, screen and (max-width: 767px) {
  .ep_top_time {
    font-size: 14px;
  }
}

.ep_logo {
  height: auto;
  max-width: 100%;
}
@media only print, screen and (max-width:1279px) {
  .ep_logo {
    width: 70px;
  }
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_item:first-child .ep_logo {
    width: 100px;
  }
  .episode_item:first-child .ep_top_right {
    width: 120px;
  }
  .episode_item:first-child .ep_top_time_cont_1,
  .episode_item:first-child .ep_top_time_cont_2 {
    width: 50%;
  }
  .episode_item:first-child .ep_top_day,
  .episode_item:first-child .ep_top_zone,
  .episode_item:first-child .ep_top_time {
    font-size: 16px;
  }
}

/*END:Episode Top Component */
@media only print, screen and (min-width:1280px) {
  .episode_item_headline {
    font-size: 1.1rem;
  }
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_item:first-child .episode_item_headline {
    position: absolute;
    bottom: 10px;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);
    font-family: HelveticaNeueBold;
    font-size: 1.55rem;
    padding: 0 15px 10px;
    width: 100%;
  }
}

/*START:Play Icon Sizes */
.episode_cont .episode_item:first-child {
  position: relative;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .episode_cont .episode_item:first-child .episode_item_img_cont .play_icon {
    width: 65px;
    height: 65px;
  }
}

/*END:Play Icon Sizes */
/*START:latest episode components with four items, special case  */
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .latest_episode_comp_with_4_items .episode_cont .episode_item:not(:first-child) {
    width: calc(33.33% - 10px);
  }
}
@media only print, screen and (min-width:1280px) {
  .latest_episode_comp_with_4_items .episode_cont .episode_item {
    width: 25%;
  }
}

/*END:latest episode components with four items, special case  */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.featured_topic_comp {
  background-color: #232323;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .featured_topic_comp {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .featured_topic_comp {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_topic_comp {
    padding: 0 0 20px 0;
  }
}

.featured_topic_comp_inner_cont {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .featured_topic_comp_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_topic_comp_inner_cont {
    padding: 0 20px;
  }
}

.load-more-topic-text {
  text-align: center;
  color: white;
  font-size: 55px;
  padding: 25px 0 25px;
}
@media only print, screen and (max-width: 767px) {
  .load-more-topic-text {
    padding: 15px 10px 20px 0;
    font-size: 28px;
    font-family: "HelveticaNeueBold";
    text-align: right;
  }
}
.load-more-topic-text a {
  color: white;
  text-decoration: none;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .load-more-topic-text {
    font-size: 40px;
    padding: 15px 10px 20px 0;
    text-align: right;
    font-family: HelveticaNeueBold;
  }
}

.topic_item_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.topic_item_outer_cont {
  flex: 0 0 auto;
  padding: 0 10px 10px;
  width: 100%;
  background-color: #2d2d2d;
  background-clip: content-box;
}
@media only print, screen and (min-width:768px) {
  .topic_item_outer_cont {
    width: 33.33%;
    padding: 0 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .topic_item_outer_cont {
    width: 33.33%;
    padding: 0 10px;
  }
}

.topic_item {
  text-decoration: none;
  display: block;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
}

.topic_item_img_cont {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.topic_item_img_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
}

.topic_cont {
  display: flex;
}
@media only print, screen and (max-width: 767px) {
  .topic_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.topic_item_meta {
  padding: 12px 0 20px;
  color: #FFF;
}

.topic_item_title {
  padding: 0 20px;
  text-align: right;
  font-size: 30px;
  font-family: HelveticaNeueBold;
}

.topic_item_desc {
  color: #FFF;
  padding: 10px 20px 0;
  text-align: right;
  line-height: 1.6;
  font-size: 1.125rem;
}
@media only print, screen and (min-width:768px) {
  .topic_item_desc {
    font-size: 1rem;
  }
}

.featured_topic_comp_cont {
  margin: 0 -10px;
}
@media only print, screen and (min-width:768px) {
  .featured_topic_comp_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_topic_comp_cont {
    margin: 0 -10px;
  }
}

/*START:if the no of topics is four(added in rebranding-jul2020) */
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .featured_topic_comp_with_4_items .topic_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (min-width:768px) {
  .featured_topic_comp_with_4_items .topic_item_outer_cont {
    width: 50%;
  }
  .featured_topic_comp_with_4_items .topic_item_outer_cont:not(:nth-child(1)):not(:nth-child(2)) {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .featured_topic_comp_with_4_items .topic_item_outer_cont {
    width: 25%;
  }
  .featured_topic_comp_with_4_items .topic_item_outer_cont:not(:nth-child(1)):not(::nth-child(2)) {
    padding-top: 0;
  }
}

/*END:if the no of topics is four(added in rebranding-jul2020) */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.comp_10 {
  background-color: #232323;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .comp_10 {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .comp_10 {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_10 {
    padding: 0 0 20px 0;
  }
}

.infographic_comp_inner_cont {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .infographic_comp_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .infographic_comp_inner_cont {
    padding: 0 20px;
  }
}

.comp_10_date {
  color: #ffffff;
  font-size: 14px;
  padding-top: 5px;
}
@media only print, screen and (min-width:768px) {
  .comp_10_date {
    font-size: 14px;
    padding-top: 4px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_10_date {
    font-size: 14px;
    padding-top: 4px;
  }
}

.comp_10_headline {
  padding-top: 5px;
}
@media only print, screen and (min-width:768px) {
  .comp_10_headline {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_10_headline {
    padding-top: 10px;
  }
}
.comp_10_headline h3 {
  font-size: 1.125rem;
}
@media only print, screen and (min-width:768px) {
  .comp_10_headline h3 {
    font-size: 24px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_10_headline h3 {
    font-size: 25px;
  }
}

.info_main_outer_cont {
  max-width: 1280px;
  margin: 0 auto;
}

.info_main_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  margin: 0;
}
@media only print, screen and (min-width:768px) {
  .info_main_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .info_main_cont {
    margin: 0 -10px;
  }
}

.info_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 0;
  color: inherit;
  text-decoration: none;
  width: 100%;
}
@media only print, screen and (max-width: 767px) {
  .info_item:first-child {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(173, 177, 192, 0.5);
  }
  .info_item:nth-child(n+2) {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .info_item {
    margin: 0 5px;
    width: calc(50% - 10px);
  }
}
@media only print, screen and (min-width:1280px) {
  .info_item {
    margin: 0 10px;
    width: calc(50% - 20px);
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.comp_11 {
  padding: 0px 0 0;
  margin-bottom: 0;
}
@media only print, screen and (max-width:1279px) {
  .comp_11 {
    padding: 0px 0px 0;
    margin-bottom: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_11 {
    padding: 0;
    margin-bottom: 0;
  }
}

.comp_11_cont {
  display: flex;
  text-decoration: none;
}
@media only print, screen and (max-width: 767px) {
  .comp_11_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (max-width:1279px) {
  .comp_11_cont {
    display: block;
  }
}

.comp_11_link, .comp_11_link:active {
  text-decoration: none;
  color: black;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comp_11_img_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding: 0 0px 0 0;
  width: 100%;
}
@media only print, screen and (max-width: 767px) {
  .comp_11_img_cont {
    margin: 0 auto;
    padding: 0;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_11_img_cont {
    width: 50%;
  }
}
.comp_11_img_cont img {
  width: 100%;
  height: auto;
}
@media only print, screen and (min-width:1280px) {
  .comp_11_img_cont {
    width: 50%;
  }
}
.comp_11_img_cont .comp_11_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_11_meta_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
@media only print, screen and (min-width:1280px) {
  .comp_11_meta_cont {
    padding: 0 20px;
    width: 50%;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .comp_11_meta_cont {
    width: 50%;
    padding: 0 10px 0;
  }
}

.comp_11_meta_desc {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  margin-top: 10px;
  text-decoration: none;
  font-size: 1rem;
  color: #4e5268;
  line-height: 1.7;
}
@media only print, screen and (max-width: 375px) {
  .comp_11_meta_desc {
    margin-top: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_11_meta_desc {
    margin-top: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_11_meta_desc {
    margin-top: 20px;
  }
}
@media only print, screen and (max-width:1279px) {
  .comp_11_meta_desc {
    width: 100%;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .comp_11_meta_desc {
    font-size: 19px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_11_meta_desc {
    font-size: 16px;
  }
}

.comp_11_meta_headline {
  color: #0a0a0a;
  font-size: 40px;
  text-decoration: none;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_11_meta_headline {
    font-size: 30px;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_11_meta_headline {
    font-size: 24px;
    padding: 10px 0 15px;
  }
}
@media only print, screen and (max-width:819px) {
  .comp_11_meta_headline {
    padding-top: 10px;
  }
}
@media only print, screen and (max-width: 375px) {
  .comp_11_meta_headline {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .comp_11_meta_headline {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_11_meta_headline {
    padding-bottom: 20px;
  }
}

.comp_11 .comp_11_meta_loadmore {
  display: none;
  text-decoration: none;
  margin-top: 20px;
  border: 2px solid #2f353e;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 20px;
  color: #2f353e;
}
@media only print, screen and (max-width: 767px) {
  .comp_11 .comp_11_meta_loadmore {
    margin-top: 10px;
    align-self: center;
    padding: 12px 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_11 .comp_11_meta_loadmore {
    font-size: 21px;
    min-width: 230px;
  }
}
@media only print, screen and (max-width:1279px) {
  .comp_11 .comp_11_meta_loadmore {
    text-align: center;
    min-width: 120px;
    padding: 10px 20px;
  }
}

.comp_11_title_cont {
  display: flex;
  font-family: HelveticaNeueBold;
  padding-right: 10px;
  padding-bottom: 30px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_11_title_cont {
    padding-bottom: 15px;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_11_title_cont {
    padding-bottom: 20px;
  }
}

.comp_11_title {
  color: #0f6ce8;
  color: #0a0a0a;
  font-size: 77px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_11_title {
    font-size: 50px;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_11_title {
    font-size: 42px;
  }
}

.comp_11_title_icon {
  width: 90px;
  margin-left: 15px;
}

.comp_11_meta_title {
  font-family: HelveticaNeueBold;
  font-size: 60px;
  position: relative;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_11_meta_title {
    font-size: 36px;
    line-height: 36px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .comp_11_meta_title {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .comp_11_meta_title {
    margin-bottom: 10px;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 22px;
    padding-right: 8px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}

.comp_11_meta_title_mobile {
  background-color: white;
  text-decoration: none;
  color: black;
  z-index: 2;
  position: relative;
  padding: 0 10px;
}

.comp_11_blogger_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.comp_11_blogger_cont .comp_11_blogger_name {
  font-size: 20px;
  color: #232323;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_11_blogger_cont .comp_11_blogger_name {
    font-size: 16px;
  }
}

.comp_11_blogger_img_cont {
  margin-left: 20px;
  background-color: #e6e6e6;
}

.comp_11_blogger_img {
  width: 80px;
  height: auto;
  max-width: 100%;
}

.comp_11 .content_from_title {
  right: 15px !important;
}

.comp_11_cont2 {
  text-align: center;
}

.comp.comp_11 {
  background-color: #dbdfe8;
  padding: 10px 10px;
}
@media only print, screen and (min-width:1280px) {
  .comp.comp_11 {
    padding: 30px 20px;
  }
}

.comp_11_cont {
  max-width: 1400px;
  margin: 0 auto;
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.comp_12 {
  background-color: #1e252d;
  display: block;
  color: white;
}

.comp_12_title {
  font-family: HelveticaNeueBold;
  padding: 0px 30px 10px 0;
  font-size: 77px;
}
@media only print, screen and (min-width:1280px) {
  .comp_12_title {
    padding-top: 20px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_12_title {
    font-size: 40px;
    padding: 15px 10px 20px 0;
    text-align: right;
    font-family: HelveticaNeueBold;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_12_title {
    font-size: 28px;
    padding: 15px 10px 20px 0;
  }
}

.comp_12_main {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0 30px;
}
@media only print, screen and (max-width:1279px) {
  .comp_12_main {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
  }
}

.comp_12_main_img_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 67%;
}
@media only print, screen and (max-width:1279px) {
  .comp_12_main_img_cont {
    width: 100%;
  }
}
.comp_12_main_img_cont .comp_12_main_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_12_main_side_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33%;
  padding-right: 30px;
  display: flex;
  flex-direction: column;
}
@media only print, screen and (max-width:1279px) {
  .comp_12_main_side_cont {
    width: 100%;
    padding-right: 0px;
    padding-top: 30px;
  }
}

.comp_12_main_side_item {
  color: white;
  position: relative;
  color: white;
  position: relative;
  flex: 1 0 auto;
  display: flex;
}
.comp_12_main_side_item:nth-child(1) {
  align-items: flex-start;
}
.comp_12_main_side_item:nth-child(2) {
  align-items: center;
}
.comp_12_main_side_item:last-child {
  align-items: flex-end;
}

.comp_12_main_side_item_inner_l1 {
  padding: 0px 50px 30px 30px;
  position: relative;
}
@media only print, screen and (max-width:1279px) {
  .comp_12_main_side_item_inner_l1 {
    padding: 0 50px 35px 30px;
  }
}

.comp_12_social_icon_cont {
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: #1f262e;
}

.comp_12_main_side_item_row_1 {
  color: #9E9E9E;
  font-size: 14px;
  padding-bottom: 5px;
}

.timeline_line {
  position: absolute;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  width: 2px;
  right: 12px;
  z-index: 0;
}

.comp_12_social_icon {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_12_sub_title {
  color: #9E9E9E;
  padding: 0px 30px 10px 0;
  font-size: 32px;
}
@media only print, screen and (max-width:1279px) {
  .comp_12_sub_title {
    font-size: 20px;
    padding: 0px 10px 16px 0;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.signInPage .sna_content_body {
  padding-top: 0;
}

.comp_13 {
  color: #232323;
  margin-bottom: 15px;
}
@media only print, screen and (min-width:768px) {
  .comp_13 {
    margin-bottom: 15px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_13 {
    margin-bottom: 20px;
  }
}

.si_row {
  max-width: 1280px;
}

.si_header_cont {
  font-family: HelveticaNeueBold;
  width: 67%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}
@media only print, screen and (max-width:1279px) {
  .si_header_cont {
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .si_header_cont {
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.si_header_inner_cont_l1 {
  width: auto;
  height: 35px;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

.bold_type {
  font-family: HelveticaNeueBold, "Times New Roman";
}

/*START:sign out btn */
.si_signout {
  font-family: HelveticaNeueBold;
  border: none;
  background-color: #AC0000;
  color: #FFF;
  border: 1px solid #AC0000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  font-size: 1.1rem;
  padding: 10px 20px;
}
@media only print, screen and (max-width: 375px) {
  .si_signout {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .si_signout {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .si_signout {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .si_signout {
    padding: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .si_signout {
    -webkit-font-smoothing: antialiased;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .si_signout:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #AC0000;
    color: #FFF;
  }
}
.si_signout:active, .si_signout:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #AC0000;
  color: #FFF;
}

.si_signout {
  position: relative;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
@media only print, screen and (min-width:768px) {
  .si_signout {
    width: auto;
    margin-top: 0;
  }
}
@media only print, screen and (max-width:819px) {
  .si_signout {
    width: 100%;
    display: block;
  }
}

.si_delete_user {
  background-color: transparent;
  color: #AC0000;
  border: 1px solid #AC0000;
}
@media only print, screen and (min-width:768px) {
  .si_delete_user {
    margin-right: 20px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .si_delete_user:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: transparent;
    color: #AC0000;
    border: 1px solid #AC0000;
  }
}
.si_delete_user:active, .si_delete_user:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  color: #AC0000;
  border: 1px solid #AC0000;
}

.si_signout_text {
  margin-right: 10px;
}

.si_signout_icon {
  width: 18px;
}

/*END:sign out btn */
/* START:Page Header */
.si_header_inner_cont_l1 {
  font-size: 22px;
  padding: 0px 20px;
  padding-right: 6px;
  min-height: 32px;
  line-height: 32px;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (min-width:1280px) {
  .si_header_inner_cont_l1 {
    font-size: 24px;
    padding-right: 8px;
  }
}
.si_header_inner_cont_l1 a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.si_header_inner_cont_l1:before {
  content: " ";
  top: 0;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 6px;
  height: 100%;
  background: #AC0000;
}

.si_header_inner_cont_l1:after {
  display: none;
}

.si_header_inner_cont_l1 {
  position: relative;
}

.si_header_inner_cont_l1 .si_header_inner_cont_l1_text {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  color: #232323;
}

.si_header_inner_cont_l1_arrow_end {
  padding-left: 0;
}
.si_header_inner_cont_l1_arrow_end .si_header_inner_cont_l1_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: max-content;
}
.si_header_inner_cont_l1_arrow_end .si_header_inner_cont_l1_text::after {
  content: " ";
  width: 32px;
  background-image: url(../assets/img/svg-icons/content_go_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 15px;
  margin-right: 10px;
}

/* END: Page Header*/
.sign_in_title {
  padding: 0 10px;
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .sign_in_title {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sign_in_title {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .sign_in_title {
    font-size: 1.6rem;
  }
}

.si_body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 45px;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media only print, screen and (max-width: 767px) {
  .si_body {
    padding-top: 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .si_body {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.settingsController {
  visibility: hidden;
}

.settingsController.show {
  visibility: visible;
}

.si_body_col_1 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
@media only print, screen and (max-width: 767px) {
  .si_body_col_1 {
    order: 2;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .si_body_col_1 {
    padding-right: 10px;
  }
}

.si_body_col_2 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 67%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
@media only print, screen and (max-width:1279px) {
  .si_body_col_2 {
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .si_body_col_2 {
    padding-right: 0px;
  }
}

.si_opt_item {
  padding: 15px 20px 15px 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #e9eff0;
  margin: 10px 10px 10px 10px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 20px);
  position: relative;
  cursor: pointer;
}
@media only print, screen and (min-width:1280px) {
  .si_opt_item {
    width: calc(50% - 20px);
    min-height: 190px;
  }
}
.si_opt_item:after {
  transition: height 0.2s ease-out;
  height: 0px;
  content: " ";
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: #AC0000;
  right: 0;
}
@media only print, screen and (any-pointer: fine) and (any-hover: hover) {
  .si_opt_item:hover:after {
    height: 5px;
  }
}
.si_opt_item .label-popover {
  position: relative;
}
@media only print, screen and (max-width: 767px) {
  .si_opt_item {
    padding: 15px 10px 15px 10px;
    margin: 5px 0;
    width: 100%;
  }
}

.si_opt_item_inner_full_width {
  width: calc(100% - 20px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 10px 20px;
}

.si_opt_item_full_width {
  width: calc(100% - 20px);
  padding: 30px 10px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  background-color: #e9eff0;
}
@media only print, screen and (any-pointer: fine) and (any-hover: hover) {
  .si_opt_item_full_width:hover:after {
    height: 0px;
  }
}
@media only print, screen and (max-width: 767px) {
  .si_opt_item_full_width {
    padding: 30px 10px;
  }
}

.settings_save_container {
  padding: 20px 15px 0 15px;
}
@media only print, screen and (min-width:768px) {
  .settings_save_container {
    padding: 20px 15px 0 15px;
  }
}
.settings_save_container .settings_save_btn {
  font-family: HelveticaNeueBold;
  border: none;
  background-color: #AC0000;
  color: #FFF;
  border: 1px solid #AC0000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  font-size: 1.1rem;
  padding: 10px 20px;
}
@media only print, screen and (max-width: 375px) {
  .settings_save_container .settings_save_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .settings_save_container .settings_save_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .settings_save_container .settings_save_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .settings_save_container .settings_save_btn {
    padding: 15px;
  }
}
@media only print, screen and (min-width:1280px) {
  .settings_save_container .settings_save_btn {
    -webkit-font-smoothing: antialiased;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .settings_save_container .settings_save_btn:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #AC0000;
    color: #FFF;
  }
}
.settings_save_container .settings_save_btn:active, .settings_save_container .settings_save_btn:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #AC0000;
  color: #FFF;
}
.settings_save_container .settings_save_btn {
  min-width: initial;
}
@media only print, screen and (min-width:768px) {
  .settings_save_container .settings_save_btn {
    min-width: 250px;
  }
}
@media only print, screen and (min-width:1280px) {
  .settings_save_container .settings_save_btn {
    min-width: 360px;
  }
}

.isa_info,
.isa_success,
.isa_warning,
.isa_error {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 15px 10px 0 0px;
  padding: 0 20px;
  width: calc(100% - 20px);
  font-size: 1.275rem;
  vertical-align: middle;
  line-height: 50px;
}
@media only print, screen and (max-width: 375px) {
  .isa_info,
  .isa_success,
  .isa_warning,
  .isa_error {
    font-size: 1.275rem;
  }
}
@media only print, screen and (min-width:768px) {
  .isa_info,
  .isa_success,
  .isa_warning,
  .isa_error {
    font-size: 1.275rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .isa_info,
  .isa_success,
  .isa_warning,
  .isa_error {
    font-size: 1.275rem;
  }
}

.isa_info i,
.isa_success i,
.isa_warning i,
.isa_error i {
  margin: 10px 22px;
  font-size: 2em;
  vertical-align: middle;
}

.icon_msg_sccuess {
  fill: #4F8A10;
  padding-left: 10px;
  width: 50px;
  height: 50px;
  vertical-align: top;
}

.icon_msg_error {
  fill: red;
  padding-left: 10px;
  width: 50px;
  height: 50px;
  vertical-align: top;
}

.isa_info {
  color: #00529B;
  background-color: #BDE5F8;
}

.isa_success {
  color: #4F8A10;
  background-color: #DFF2BF;
}

.isa_warning {
  color: #9F6000;
  background-color: #FEEFB3;
}

.isa_error {
  color: #D8000C;
  background-color: #FFD2D2;
}

.page_title_error {
  color: #D8000C;
}

.si_opt_item_title {
  font-family: HelveticaNeueBold;
  font-size: 22px;
}
@media only print, screen and (max-width: 767px) {
  .si_opt_item_title {
    font-size: 20px;
  }
}

.si_opt_item_inner_full_width .si_opt_item_title {
  line-height: 22px;
  padding-bottom: 5px;
}
@media only print, screen and (max-width: 767px) {
  .si_opt_item_inner_full_width .si_opt_item_title {
    line-height: 20px;
  }
}

@media only print, screen and (max-width: 767px) {
  .si_opt_item_desc {
    font-size: 14px;
  }
}

.si_opt_item_inner_cont {
  padding: 0 16px;
  display: flex;
  align-items: center;
}

.notificationPreferencesNotEnabledNewsLetter .si_opt_item_inner_cont {
  padding: 0 10px;
}
@media only print, screen and (min-width:768px) {
  .notificationPreferencesNotEnabledNewsLetter .si_opt_item_inner_cont {
    padding: 0;
  }
}
@media only print, screen and (min-width:820px) {
  .notificationPreferencesNotEnabledNewsLetter .si_opt_item_inner_cont {
    padding: 0 16px;
  }
}

.si_opt_item_inner_cont.news_letter {
  width: 100%;
}

.si_opt_item_inner_cont_l1.news_letter {
  width: 100%;
}

.si_opt_item_checkbox_cont {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
}

/*START:Custom Check box */
input[type=checkbox].custom_checkbox {
  display: none;
}
input[type=checkbox].custom_checkbox + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
input[type=checkbox].custom_checkbox + label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #9E9E9E;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  position: relative;
}
@media only print, screen and (min-width:768px) {
  input[type=checkbox].custom_checkbox + label span {
    width: 30px;
    height: 30px;
  }
}
input[type=checkbox].custom_checkbox + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}
input[type=checkbox].custom_checkbox#color-1 + label span {
  background-color: #fff;
}
input[type=checkbox].custom_checkbox:checked + label span {
  background-color: #AC0000 !important;
  border: 2px solid #AC0000 !important;
}
input[type=checkbox].custom_checkbox:checked + label span img {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  transform: translate(-50%, -50%);
}

/*END:Custom Check box */
/*START:make the whole box clickable checkbox */
.si_opt_item.inner {
  cursor: pointer;
}
.si_opt_item.inner input[type=checkbox].custom_checkbox + label:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

/*END:make the whole box clickable checkbox */
.existing_user_cont {
  direction: rtl;
  padding-bottom: 50px;
  border-bottom: 1px solid #999;
}

.existing_user_title {
  padding-bottom: 30px;
  font-size: 20px;
}

.existing_user_email_title {
  padding-bottom: 10px;
}

.existing_user_email_textbox {
  border: 1px solid #cccccc;
  padding: 10px;
  padding-left: 0;
  text-indent: 10px;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 20px;
  outline: none;
  font-family: "HelveticaNeueReg";
}

.existing_user_email_btn {
  padding: 5px 80px;
  color: white;
  background-color: #2777d3;
  font-family: HelveticaNeueBold;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  border: none;
}

.new_user_title {
  padding-bottom: 30px;
  font-size: 20px;
}

.new_user_cont {
  direction: rtl;
  padding-top: 25px;
}

.sign_in_btn {
  display: flex;
  width: 100%;
  font-family: "HelveticaNeueReg";
  justify-content: space-between;
  padding: 10px 25px;
  color: white;
  font-size: 16px;
  margin-bottom: 26px;
  border: none;
  cursor: pointer;
}
.sign_in_btn .sign_in_btn_img_cont {
  width: 22px;
}
.sign_in_btn .sign_in_btn_img_cont .sign_in_btn_img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.sign_in_btn.email {
  background: #9E9E9E;
}
.sign_in_btn.email .sign_in_btn_img_cont {
  width: 24px;
}
.sign_in_btn.fb {
  background: #3b5998;
}
.sign_in_btn.twitter {
  background: #2AA3F0;
}
.sign_in_btn.google {
  background: #FFFFFF;
  border: 1px solid #2AA3F0;
  color: grey;
}

.si_opt_item_page_name {
  border: 1px solid #cccccc;
  padding: 10px;
  padding-left: 0;
  text-indent: 10px;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 20px;
  outline: none;
  margin-top: 7px;
}
input[readonly] .si_opt_item_page_name {
  color: gray;
}

.si_opt_item_page_name.email_text_input {
  width: 75%;
  margin-bottom: 0;
  border: none;
}

.si_opt_item_page_name.read-only {
  background-color: rgba(128, 128, 128, 0.5215686275);
  opacity: 0.5;
}

html:not(.si_mypage_on) .mypage {
  display: none;
}

@media only print, screen and (min-width:1280px) {
  .si_mypage_on .header_links.sna_row {
    max-width: 1700px;
  }
}

.my_page_profile_cont {
  margin-left: 7px;
}
.my_page_profile_cont .my_page_profile {
  width: auto;
  height: 30px;
  max-height: 100%;
  border-radius: 100%;
}
@media only print, screen and (min-width:1280px) {
  .my_page_profile_cont .my_page_profile {
    height: 36px;
  }
}

input {
  font-family: "HelveticaNeueReg";
}

@media only print, screen and (min-width:768px) {
  .mobile_si_body_col_1 {
    display: none;
  }
}

@media only print, screen and (max-width: 767px) {
  .mobile_si_body_col_1.si_body_col_1 {
    order: 0;
  }
  .mobile_si_body_col_1.si_body_col_1 .existing_user_cont {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

.setting_in_active {
  background-color: rgba(128, 128, 128, 0.5215686275);
  opacity: 0.5;
  pointer-events: none;
}
.setting_in_active .si_opt_item_checkbox_cont input[type=checkbox].custom_checkbox:checked + label span {
  background-color: rgba(108, 107, 107, 0.7) !important;
  border: 2px solid rgba(108, 107, 107, 0.7) !important;
}

.setting_active {
  background-color: #FFFFFF;
}

.popover {
  text-transform: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  background-color: #0c6fe5;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-width: 200px;
  padding: 1px;
  position: absolute;
  z-index: 100060;
  color: #FFF;
  width: 200px;
  top: 51px;
  right: -76px;
}

.popover > .arrow,
.popover > .arrow::after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  left: 50%;
}

.popover > .arrow {
  border-width: 11px;
  border-bottom-color: #CCC;
  border-top-width: 0;
  margin-left: -11px;
  top: -11px;
}

.popover > .arrow::after {
  border-width: 10px;
  border-bottom-color: #0c6fe5;
  border-top-width: 0;
  content: " ";
  margin-left: -10px;
  top: 1px;
}

.popover-content {
  padding: 10px;
  text-align: center;
  font-size: 12px;
}
.popover-content .popover-close {
  text-align: left;
  padding-bottom: 5px;
}
.popover-content .popover-close a {
  text-decoration: none;
  font-size: 14px;
}
.popover-content a {
  text-decoration: underline;
  color: white;
}

/*START: css loader for load more */
.mnml-spinner {
  border-radius: 100%;
  border-style: solid;
  /*2.5 in 360 (2.5/360)*/
  border-width: 0.7vw;
  /*30px in 360 (30/360)*/
  height: 8.3vw;
  width: 8.3vw;
  -webkit-animation: basic 0.75s infinite linear;
  animation: basic 0.75s infinite linear;
  border-color: #555c78;
  border-top-color: rgba(105, 114, 146, 0.5);
  margin: 0 auto;
  max-width: 55px;
  max-height: 55px;
}

.darker-theme .mnml-spinner {
  border-color: #FFF;
  border-top-color: rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 574px) {
  .mnml-spinner {
    border-width: 3.3px;
  }
}
@-webkit-keyframes basic {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359.9deg);
    transform: rotate(359.9deg);
  }
}
@keyframes basic {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359.9deg);
    transform: rotate(359.9deg);
  }
}
button.subscribe_btn {
  font-family: HelveticaNeueBold;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 250ms ease-out, padding 250ms ease-out;
  overflow: hidden;
  padding: 10px;
  border: none;
}
button.subscribe_btn span {
  color: #fff;
  font-size: 1.1rem;
  margin: 0;
}
button.subscribe_btn img {
  display: none;
}
button.subscribe_btn.collapsed {
  width: 0;
  padding: 0;
}
button.subscribe_btn.collapsed span,
button.subscribe_btn.collapsed img {
  visibility: hidden;
}

.si_opt_item_inner_cont.top_check {
  padding-right: 0;
}
.si_opt_item_inner_cont.top_check .si_opt_item_inner_cont_l1.top_check {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.si_opt_item_inner_cont.top_check .si_opt_item_inner_cont_l1.top_check .si_opt_item_checkbox_cont {
  align-items: start;
  padding-left: 15px;
  padding-top: 5px;
}

/*END:Loader styles */
/*Removing the subscriptions from footer on settings page */
.settingsPage .footer-row-first {
  display: none !important;
}

.settings_notification_pref_link {
  color: black;
}
.settings_notification_pref_link:hover, .settings_notification_pref_link:active, .settings_notification_pref_link:focus {
  text-decoration: underline;
  color: black;
}

.settings_notification_pref_link_icon {
  width: 0.5em;
  height: 0.5em;
}

/*START:Hiding the Notifcation Settings from my user settings page
       when the notification prefernces page is not enabled to avoid the exisitng issue*/
.notificationPreferencesNotEnabledNewsLetter {
  width: calc(100% - 20px);
  background-color: #e9eff0;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 20px 10px 20px 10px;
  padding: 20px 0;
}
@media only print, screen and (min-width:768px) {
  .notificationPreferencesNotEnabledNewsLetter {
    padding: 15px 20px 15px 20px;
    margin: 20px 10px 30px 10px;
    min-height: 190px;
  }
}
@media only print, screen and (min-width:1280px) {
  .notificationPreferencesNotEnabledNewsLetter {
    padding: 15px 20px 15px 20px;
    margin: 20px 10px 30px 10px;
    min-height: 190px;
  }
}
.notificationPreferencesNotEnabledNewsLetter .si_opt_item_desc {
  padding-bottom: 15px;
}

/*END:Hiding the Notifcation Settings from my user settings page
       when the notification prefernces page is not enabled to avoid the exisitng issue*/
.notificationPreferencesNotEnabledNewsLetter .mc-field-group.settings {
  width: 60%;
  max-width: initial;
}
@media only print, screen and (max-width:819px) {
  .notificationPreferencesNotEnabledNewsLetter .mc-field-group {
    width: 100% !important;
  }
  .notificationPreferencesNotEnabledNewsLetter .mc-field-group.settings {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .notificationPreferencesNotEnabledNewsLetter .email_text_input {
    flex: 1 0 auto;
  }
  .notificationPreferencesNotEnabledNewsLetter .clear {
    width: auto !important;
  }
}

.cancel_delete_user.sna_modal_close {
  position: relative;
  top: 0;
  right: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.cancel_delete_btn {
  font-family: HelveticaNeueBold;
  border: none;
  background-color: #AC0000;
  color: #FFF;
  border: 1px solid #AC0000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  font-size: 1.1rem;
  padding: 10px 20px;
}
@media only print, screen and (max-width: 375px) {
  .cancel_delete_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .cancel_delete_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .cancel_delete_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .cancel_delete_btn {
    padding: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .cancel_delete_btn {
    -webkit-font-smoothing: antialiased;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .cancel_delete_btn:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #AC0000;
    color: #FFF;
  }
}
.cancel_delete_btn:active, .cancel_delete_btn:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #AC0000;
  color: #FFF;
}

.cancel_delete_btn {
  min-width: 110px;
  background-color: transparent;
  color: #AC0000;
  border: 1px solid #AC0000;
}
@media only print, screen and (min-width:768px) {
  .cancel_delete_btn {
    min-width: 115px;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .cancel_delete_btn:hover {
    background-color: transparent;
    color: #AC0000;
    border: 1px solid #AC0000;
  }
}
.cancel_delete_btn:active, .cancel_delete_btn:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  color: #AC0000;
  border: 1px solid #AC0000;
}

.delete_modal_actions {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-evenly;
}
.delete_modal_actions .sna_modal_content_btn_cont {
  padding: 0;
  width: auto;
}

#delete_user_modal .sna_modal_content_text {
  padding-top: 0;
}

.ele-btm-space {
  margin-bottom: 20px;
}

.sna_text_left {
  text-align: left;
}

.loader_wrapper {
  min-height: 450px;
  position: relative;
}

.sna_text_link {
  color: #AC0000;
  text-decoration: underline;
  font-size: 1.125rem;
}
.sna_text_link.arrow::after {
  content: "";
  border: solid #AC0000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin: 0 5px 0 0;
}

@media only print, screen and (min-width:820px) {
  .sna_top_header_1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
}
@media only print, screen and (max-width:819px) {
  .sna_top_header_1 {
    display: inline-block;
    width: 100%;
  }
}

.sna_content_spacing {
  padding: 0px 20px 0px 20px;
}
@media only print, screen and (max-width:819px) {
  .sna_content_spacing {
    padding: 0px 10px 0px 10px;
  }
}

.sna-full-width {
  padding: 0px 10px 0px 10px;
  position: relative;
  min-height: 400px;
}
@media only print, screen and (min-width:820px) {
  .sna-full-width {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-full-width {
    padding: 0px 20px 0px 20px;
  }
}

@media only print, screen and (min-width:820px) {
  .sna_left_column {
    flex: 1;
  }
}
@media only print, screen and (max-width:819px) {
  .sna_left_column {
    width: 100%;
    float: none !important;
  }
}

.sna_right_column {
  width: 255px;
}
@media only print, screen and (max-width:819px) {
  .sna_right_column {
    width: 100%;
    float: none !important;
  }
}

.settings_list {
  background: #ffffff;
  padding: 20px;
  margin: 0;
  box-shadow: 0 0 5px 0 rgba(35, 35, 35, 0.1);
}
.settings_list h3 {
  color: #AC0000;
  font-size: 1.5625rem;
}
@media only print, screen and (max-width:819px) {
  .settings_list h3 {
    font-size: 1.25rem;
  }
}
.settings_list ul {
  margin: 10px 0 25px 0;
}
.settings_list li {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #000000;
  padding: 15px 0 15px;
  font-size: 1rem;
  border-bottom: 1px solid rgba(35, 35, 35, 0.25);
}
.settings_list li.large-list {
  font-size: 1.125rem;
  flex-wrap: wrap;
}
@media only print, screen and (max-width:819px) {
  .settings_list li .opt_content {
    width: 85%;
  }
}
.settings_list li a {
  color: #000000;
}
.settings_list li a.active {
  color: #232323;
  font-family: HelveticaNeueBold, "Times New Roman";
}
.settings_list li.setting_in_active {
  background-color: transparent;
  opacity: 0.4;
}
@media only print, screen and (max-width:819px) {
  .settings_list {
    width: 100%;
    padding: 20px;
  }
}
.settings_list.side_nav_links {
  padding: 5px 0 0;
}
.settings_list.side_nav_links ul {
  width: 100%;
  display: inline-block;
  overflow: auto;
  white-space: nowrap;
  margin: 0;
}
.settings_list.side_nav_links ul li {
  padding: 0;
  font-size: 1.375rem;
}
.settings_list.side_nav_links ul li a {
  padding: 15px;
  width: 100%;
}
.settings_list.side_nav_links ul li a:focus-visible {
  outline: 1px solid #12417d;
  outline-offset: 2px;
}
.settings_list.side_nav_links ul li:last-child {
  border: 0;
}
@media only print, screen and (max-width:819px) {
  .settings_list.side_nav_links {
    padding: 0px 20px;
    margin: 20px 0;
  }
  .settings_list.side_nav_links ul li {
    padding: 0px;
    display: inline-block;
    width: auto;
    border: 0;
    font-size: 0.875rem;
  }
  .settings_list.side_nav_links ul li a {
    display: inline-block;
    color: rgba(35, 35, 35, 0.75);
    font-family: HelveticaNeueBold, "Times New Roman";
    height: 45px;
    display: inline-flex;
    padding: 0 15px 0;
    align-items: center;
  }
  .settings_list.side_nav_links ul li a.active {
    color: rgba(35, 35, 35, 0.75);
    border-color: #AC0000;
  }
  .settings_list.side_nav_links ul li a.active:after {
    content: "";
    background: #be2f21;
    height: 2px;
    display: block;
    width: calc(100% - 20px);
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 10px;
  }
}
.settings_list.notifications .large-list {
  color: #232323;
}
.settings_list.notifications .large-list p {
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
  font-size: 1.125rem;
}
.settings_list.notifications .large-list p a {
  color: #063e7b;
  text-decoration: underline;
}
.settings_list.notifications .large-list h4 {
  padding: 0 0 10px;
  font-size: 1.125rem;
}

.toggle_switch_1 {
  position: relative;
  display: inline-block;
  width: 31px;
  margin: 4px 8px 0 8px;
  text-align: left;
  font-size: 1rem;
}
.toggle_switch_1 label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.toggle_switch_1 input[type=checkbox] {
  opacity: 0;
  position: absolute;
  z-index: -1;
  display: block;
}
.toggle_switch_1 input[type=checkbox]:checked + .switch {
  background: #14b44c;
}
.toggle_switch_1 input[type=checkbox]:checked + .switch::before {
  transform: translateX(11px);
}
.toggle_switch_1 input[type=checkbox]:focus-visible + .switch {
  outline: 1px solid #12417d;
  outline-offset: 2px;
}
.toggle_switch_1 .switch {
  cursor: pointer;
  border-radius: 11px;
  width: 100%;
  height: 20px;
  transition: background-color 0.2s ease;
  transition: transform 0.3s ease;
  background: #dde1ec;
  border: 0;
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.toggle_switch_1 .switch::before {
  position: absolute;
  content: "";
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 -1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px 0 rgba(0, 0, 0, 0.05);
  border: solid 0.5px rgba(35, 35, 35, 0.25);
}

.toggle_switch_2 input[type=checkbox] {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.toggle_switch_2 input[type=checkbox]:checked + .switch {
  background: #ffffff;
  color: #AC0000;
}
.toggle_switch_2 input[type=checkbox]:checked + .switch::after {
  content: "إلغاء المتابعة";
}
.toggle_switch_2 input[type=checkbox]:checked + .switch em::after {
  content: "";
  top: 2px;
  left: 7px;
  width: 8px;
  height: 16px;
  border: solid #AC0000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.toggle_switch_2 input[type=checkbox]:focus-visible + .switch {
  outline: 1px solid #12417d;
  outline-offset: 2px;
}
.toggle_switch_2 .switch {
  padding: 2px 35px 2px 15px;
  border: solid 1px #AC0000;
  background-color: #AC0000;
  color: #ffffff;
  font-size: 14px;
  position: relative;
  width: 130px;
  display: inline-block;
  text-align: center;
}
.toggle_switch_2 .switch::after {
  content: "متابعة";
}
.toggle_switch_2 .switch em {
  background: #ffffff;
  width: 24px;
  height: 100%;
  font-size: 28px;
  position: absolute;
  border-left: 1px solid #AC0000;
  right: 0;
  top: 0;
  color: #AC0000;
  cursor: pointer;
}
.toggle_switch_2 .switch em::after {
  content: "+";
  position: absolute;
  top: 5px;
  left: 3px;
  display: block;
  line-height: 12px;
}

.notifications li {
  font-family: HelveticaNeueBold, "Times New Roman";
  font-size: 1rem;
  color: #232323;
}

.tab_item {
  display: none;
}
.tab_item.not_supported_screen {
  position: relative;
}
@media only print, screen and (min-width:820px) {
  .tab_item.not_supported_screen {
    min-height: 600px;
  }
}
.tab_item.not_supported_screen .browser-not-supported {
  position: absolute;
  width: 100%;
  padding: 0 25px;
  text-align: center;
  background: #ffffff;
}
.tab_item.not_supported_screen .browser-not-supported img {
  width: 100%;
  max-width: 900px;
  margin: 100px 0 0;
}
@media only print, screen and (max-width:819px) {
  .tab_item.not_supported_screen .browser-not-supported img {
    margin: 30px 0 0;
  }
}

.no-bg {
  background: transparent;
}

.sna_notify > div {
  margin: 0 0 20px 0;
  width: 100%;
  display: none;
}

.sna-form {
  position: relative;
}
.sna-form .sna-form-content {
  margin-bottom: 15px;
}
@media only print, screen and (min-width:1280px) {
  .sna-form .sna-form-content {
    width: 600px;
  }
}
@media only print, screen and (max-width:819px) {
  .sna-form .sna-form-content {
    width: 100%;
  }
}
.sna-form .sna-form-content h3 {
  margin-bottom: 20px;
}
.sna-form .error {
  color: #dd2c00;
  font-size: 0.688rem;
}
.sna-form .loader-full-width {
  position: absolute;
  z-index: 5;
  width: 101%;
  height: 101%;
  background: #FFF;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  left: 0;
  justify-content: center;
  opacity: 0.9;
}
.sna-form .sna-elem-wrapper {
  position: relative;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.sna-form .sna-elem-wrapper input {
  border: 1px solid rgba(35, 35, 35, 0.25);
  font-size: 16px;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
  margin: 0;
  padding: 4px 10px;
  color: #232323;
  width: 100%;
}
.sna-form .sna-elem-wrapper input.input-error {
  border-color: #AC0000;
}
.sna-form .sna-elem-wrapper input:disabled {
  background: #ececec;
}
.sna-form .sna-elem-wrapper input:focus {
  outline: 1px solid #12417d;
  border-color: transparent;
}
.sna-form .sna-elem-block {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
}
.sna-form .sna-elem-block label {
  min-width: 130px;
  padding-top: 6px;
}
.sna-form .sna-form-actions {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 20px;
  align-items: center;
}
.sna-form .sna-form-actions .settings_save_btn {
  font-family: HelveticaNeueBold;
  border: none;
  background-color: #AC0000;
  color: #FFF;
  border: 1px solid #AC0000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  font-size: 1.1rem;
  padding: 10px 20px;
}
@media only print, screen and (max-width: 375px) {
  .sna-form .sna-form-actions .settings_save_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sna-form .sna-form-actions .settings_save_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-form .sna-form-actions .settings_save_btn {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sna-form .sna-form-actions .settings_save_btn {
    padding: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna-form .sna-form-actions .settings_save_btn {
    -webkit-font-smoothing: antialiased;
  }
}
@media only print, screen and (min-width:820px) and (min-width:820px) and (any-pointer: fine) and (any-hover: hover) {
  .sna-form .sna-form-actions .settings_save_btn:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: #AC0000;
    color: #FFF;
  }
}
.sna-form .sna-form-actions .settings_save_btn:active, .sna-form .sna-form-actions .settings_save_btn:focus {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #AC0000;
  color: #FFF;
}
@media only print, screen and (max-width:819px) {
  .sna-form .sna-form-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .sna-form .sna-form-actions .settings_save_btn {
    min-width: 100%;
    text-align: center;
  }
}
.sna-form .sna-form-actions .btn_secondary {
  background-color: #ffffff;
  border-color: #AC0000;
  color: #AC0000;
}
.sna-form .sna-form-actions.delete-wrapper {
  color: #232323;
}
.sna-form .sna-form-actions.delete-wrapper p {
  font-size: 1.375rem;
}
@media only print, screen and (max-width:819px) {
  .sna-form .sna-form-actions.delete-wrapper p {
    font-size: 1rem;
    margin: 0;
  }
  .sna-form .sna-form-actions.delete-wrapper > a {
    width: 100%;
    display: block;
    padding: 12px 15px;
    text-align: center;
  }
}
.sna-form .sna-form-actions button:focus-visible {
  outline: 1px solid #12417d;
  outline-offset: 2px;
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
.faded {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.center {
  display: table;
  margin: 0 auto;
}

/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
.comp_17 {
  min-height: 500px;
}

.comp_17_inner_cont_l1 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_inner_cont_l1 {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.comp_17_news_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding: 0 10px;
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_news_cont {
    width: 100%;
    padding: 0 10px 0;
  }
}

.comp_17_graph {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 37.5%;
  padding: 0 10px;
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_graph {
    width: 100%;
    padding: 0 10px;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .comp_17_type_2 .comp_17_graph {
    width: 37.5%;
  }
}

.comp_17_company_perf_table_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 37.5%;
  padding: 0 10px;
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_company_perf_table_cont {
    width: 100%;
    padding: 0px 10px 0;
  }
}

.comp_17_prog_banner {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding-left: 25px;
  padding-right: 25px;
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_prog_banner {
    display: none;
  }
}

.comp_17_news_header_cont {
  margin-bottom: 20px;
}

.comp_17_news_header {
  text-decoration: none;
  color: black;
  font-family: "HelveticaNeueBold";
  font-size: 26px;
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_news_header {
    font-size: 22px;
  }
}

.comp_17_news_header_cont a {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.comp_17_news_item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: black;
  text-decoration: none;
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.comp_17_news_item:last-child {
  border-bottom: none;
}
.comp_17_news_item.first {
  padding: 25px 0 10px;
}

.comp_17_news_item_img_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 35%;
}

.comp_17_news_item_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_17_news_item_meta {
  padding-right: 20px;
}

.comp_17_news_item:not(.first) .comp_17_news_item_date {
  font-size: 12px;
  padding-top: 3px;
}

.comp_17_news_item_date {
  color: #aaa;
  font-size: 14px;
  padding-bottom: 10px;
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .comp_17_news_item_date {
    font-size: 12px;
  }
}

.comp_17_news_item.first .comp_17_news_item_headline {
  font-family: HelveticaNeueBold;
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .comp_17_news_item.first .comp_17_news_item_headline {
    font-size: 20px;
  }
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .comp_17_news_item_headline {
    font-size: 18px;
  }
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .comp_17_news_list_cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .comp_17_news_list_cont .comp_17_news_item {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
  .comp_17_news_list_cont .comp_17_news_item.first {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}

.first .comp_17_news_item_img_cont {
  width: 100%;
}
.first .comp_17_news_item_meta {
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
  width: 100%;
  color: white;
  padding: 0 15px;
}

.comp_17_graph_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_17_graph_dd_selected_item_cont {
  position: relative;
  min-width: 100px;
  display: inline-block;
  background: #e4e4e5;
  padding: 10px 20px;
  font-family: HelveticaNeueBold;
  padding-left: 0;
  cursor: pointer;
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_graph_dd_selected_item_cont {
    padding: 8px 20px 8px 5px;
  }
}
.comp_17_graph_dd_selected_item_cont.closed .comp_17_graph_dd_options_cont {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.comp_17_graph_dd_selected_item_cont.opened .comp_17_graph_dd_options_cont {
  opacity: 1;
}

.comp_17_graph_dd_selected_item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  line-height: 1;
}
.comp_17_graph_dd_selected_item .comp_17_graph_dd_selected_item_text {
  direction: ltr;
}

.comp_17_graph_dd_options_cont {
  position: absolute;
  width: 100%;
  height: auto;
  top: auto;
  left: 0;
  background: white;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_graph_dd_options_cont {
    top: 37px;
  }
}
.comp_17_graph_dd_options_cont .comp_17_graph_dd_option {
  border: 2px solid #e4e4e5;
  padding: 8px 20px;
  border-bottom-width: 1px;
  border-top: none;
  cursor: pointer;
  text-align: right;
  direction: ltr;
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_graph_dd_options_cont .comp_17_graph_dd_option {
    padding: 10px 20px;
  }
}
.comp_17_graph_dd_options_cont .comp_17_graph_dd_option:hover {
  background-color: rgba(228, 228, 229, 0.41);
}

.comp_17_graph_dd_selected_item_icon_cont {
  margin-right: auto;
  padding-left: 5px;
}

.comp_17_graph_dd_selected_item_icon {
  width: 30px;
  height: 30px;
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_graph_dd_selected_item_icon {
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
  }
}

.comp_17_graph_status_Cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  padding-bottom: 20px;
}

.comp_17_up,
.comp_17_down,
.comp_17_neutral {
  color: white;
  font-family: "HelveticaNeueBold";
  padding: 10px 10px;
  font-size: 18px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-left: 15px;
}
@media only print, screen and (min-width:79.9377em) {
  .comp_17_up,
  .comp_17_down,
  .comp_17_neutral {
    font-size: 22px;
  }
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .comp_17_up,
  .comp_17_down,
  .comp_17_neutral {
    font-size: 20px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_up,
  .comp_17_down,
  .comp_17_neutral {
    padding: 8px 5px;
  }
}

.comp_17_up {
  background-color: #4caf50;
}
.comp_17_up .down, .comp_17_up .neutral {
  display: none;
}

.comp_17_down {
  background-color: #F44336;
}
.comp_17_down .up, .comp_17_down .neutral {
  display: none;
}

.comp_17_neutral {
  background-color: #e4e4e5;
  color: #000000;
}
.comp_17_neutral .neutral {
  background: #888888;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 15px;
  margin-top: 1px;
  margin-right: 5px;
}
.comp_17_neutral .up, .comp_17_neutral .down {
  display: none;
}

.comp_17_graph_status_index_icon_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-left: 15px;
}
@media only print, screen and (min-width:79.9377em) {
  .comp_17_graph_status_index_icon_cont {
    padding-left: 8px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_graph_status_index_icon_cont {
    padding-left: 5px;
  }
}
.comp_17_graph_status_index_icon_cont img {
  width: 25px;
  height: 25px;
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_graph_status_index_icon_cont img {
    width: 20px;
    height: 20px;
  }
}

.comp_17_graph_dd_cont {
  padding: 25px 0px 30px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1500px) {
  .comp_17_graph_dd_cont {
    padding-bottom: 5px;
    padding-top: 15px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .comp_17_graph_dd_cont {
    padding-bottom: 0;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .comp_17_top_btns {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .comp_17_top_btns:nth-child(2n) {
    margin-left: 0;
  }
  .comp_17_top_btns:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1500px) {
  .comp_17_top_btns {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .comp_17_top_btns:nth-child(2n) {
    margin-left: 0;
  }
  .comp_17_top_btns:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .comp_17_top_btns {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .comp_17_top_btns:nth-child(2n) {
    margin-right: 5px;
    margin-left: 0;
  }
  .comp_17_top_btns:nth-child(2n+1) {
    margin-right: 0;
    margin-left: 5px;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .comp_17_type_2 .comp_17_top_btns {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .comp_17_type_2 .comp_17_top_btns:nth-child(2n) {
    margin-right: 10px;
    margin-left: 0;
  }
  .comp_17_type_2 .comp_17_top_btns:nth-child(2n+1) {
    margin-right: 0;
    margin-left: 10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .comp_17_type_2 .comp_17_graph_dd_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
@media only print, screen and (max-width:79.9376em) {
  .comp_17_type_2 .comp_17_graph:not(:nth-child(2)) {
    padding-top: 40px;
  }
}

@media only print, screen and (max-width:79.9376em) {
  .comp_17_type_3 .comp_17_graph:not(:nth-child(1)) {
    padding-top: 40px;
  }
}

.comp_17_graph_status_index_text,
.comp_17_graph_status_status_point_text,
.comp_17_graph_status_percent_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  line-height: 1;
  direction: ltr;
}

.comp_17_prog_banner_img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 514px;
  padding-top: 25px;
}
@media screen and (max-width: 1500px) {
  .comp_17_prog_banner_img {
    padding-top: 15px;
  }
}

.comp_17_company_perf_table {
  padding: 0;
}
.comp_17_company_perf_table .comp_18_table_data_item.item_2,
.comp_17_company_perf_table .comp_18_table_head_item.item_2 {
  width: 30%;
}
.comp_17_company_perf_table .comp_18_table_data_item.item_4,
.comp_17_company_perf_table .comp_18_table_head_item.item_4 {
  width: 30%;
}

/*START:small Mobile List Items */
/*market / commodity*/
/*START: BUSINESS NOTE FOR DELAYED DATA */
/*START:Market detail page specific */
@media only print, screen and (max-width: 47.9375em) {
  .late-data-indication-market-detail-cont-1 .late-data-indication {
    position: static;
    padding-bottom: 10px;
  }
}

.late-data-indication-market-detail-cont-2 {
  float: left !important;
  margin-left: 0 !important;
}

/*END:Market detail page specific */
.late-data-indication {
  display: flex;
  float: left;
  color: #4d535d;
  line-height: 2;
  font-size: 1.2rem;
}
@media only print, screen and (min-width:48em) {
  .late-data-indication {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .late-data-indication {
    font-size: 0.75rem;
  }
}
.late-data-indication .no-indication::after {
  color: #a20000;
  vertical-align: inherit;
}
@media only print, screen and (max-width: 47.9375em) {
  .late-data-indication {
    position: absolute;
    left: 0;
    top: 100%;
  }
}

@media only print, screen and (max-width: 47.9375em) {
  .marketSectionPage .late-data-indication {
    position: static;
  }
}

/*END: BUSINESS NOTE FOR DELAYED DATA */
.currency-listing {
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 6px solid #183e6f;
}
@media only print, screen and (min-width:48em) {
  .currency-listing {
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .currency-listing {
    margin-bottom: 20px;
  }
}
@media only print, screen and (min-width:48em) {
  .currency-listing {
    margin-top: 10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .currency-listing {
    margin-top: 20px;
  }
}

.commodity_info_price * {
  color: #ffffff;
}

.commodity_info * {
  color: #2f353e;
}

.commodity_info *, .commodity_info_price *, .commodity_main_info *, .market_info *, .market_main_info *, .market_info_price *, .market_selector_info *, .market_selector_main_info *, .market_selector_info_price *, .currencies-country-name *, .market_masthead *, .market_masthead_bottom *, .business-note * {
  font-size: 3.44vw;
  line-height: 1;
}
@media only print, screen and (min-width:48em) {
  .commodity_info *, .commodity_info_price *, .commodity_main_info *, .market_info *, .market_main_info *, .market_info_price *, .market_selector_info *, .market_selector_main_info *, .market_selector_info_price *, .currencies-country-name *, .market_masthead *, .market_masthead_bottom *, .business-note * {
    font-size: 1.825vw;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info *, .commodity_info_price *, .commodity_main_info *, .market_info *, .market_main_info *, .market_info_price *, .market_selector_info *, .market_selector_main_info *, .market_selector_info_price *, .currencies-country-name *, .market_masthead *, .market_masthead_bottom *, .business-note * {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:100em) {
  .commodity_info *, .commodity_info_price *, .commodity_main_info *, .market_info *, .market_main_info *, .market_info_price *, .market_selector_info *, .market_selector_main_info *, .market_selector_info_price *, .currencies-country-name *, .market_masthead *, .market_masthead_bottom *, .business-note * {
    font-size: 16px;
  }
}
.commodity_info h2, .commodity_info_price h2, .commodity_main_info h2, .market_info h2, .market_main_info h2, .market_info_price h2, .market_selector_info h2, .market_selector_main_info h2, .market_selector_info_price h2, .currencies-country-name h2, .market_masthead h2, .market_masthead_bottom h2, .business-note h2 {
  font-size: 4.07vw;
  line-height: 1;
}
@media only print, screen and (min-width:48em) {
  .commodity_info h2, .commodity_info_price h2, .commodity_main_info h2, .market_info h2, .market_main_info h2, .market_info_price h2, .market_selector_info h2, .market_selector_main_info h2, .market_selector_info_price h2, .currencies-country-name h2, .market_masthead h2, .market_masthead_bottom h2, .business-note h2 {
    font-size: 1.85vw;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info h2, .commodity_info_price h2, .commodity_main_info h2, .market_info h2, .market_main_info h2, .market_info_price h2, .market_selector_info h2, .market_selector_main_info h2, .market_selector_info_price h2, .currencies-country-name h2, .market_masthead h2, .market_masthead_bottom h2, .business-note h2 {
    font-size: 1.25vw;
  }
}
@media only print, screen and (min-width:100em) {
  .commodity_info h2, .commodity_info_price h2, .commodity_main_info h2, .market_info h2, .market_main_info h2, .market_info_price h2, .market_selector_info h2, .market_selector_main_info h2, .market_selector_info_price h2, .currencies-country-name h2, .market_masthead h2, .market_masthead_bottom h2, .business-note h2 {
    font-size: 20px;
  }
}
.commodity_info h4, .commodity_info_price h4, .commodity_main_info h4, .market_info h4, .market_main_info h4, .market_info_price h4, .market_selector_info h4, .market_selector_main_info h4, .market_selector_info_price h4, .currencies-country-name h4, .market_masthead h4, .market_masthead_bottom h4, .business-note h4 {
  font-size: 5.64vw;
  line-height: 1;
}
@media only print, screen and (min-width:48em) {
  .commodity_info h4, .commodity_info_price h4, .commodity_main_info h4, .market_info h4, .market_main_info h4, .market_info_price h4, .market_selector_info h4, .market_selector_main_info h4, .market_selector_info_price h4, .currencies-country-name h4, .market_masthead h4, .market_masthead_bottom h4, .business-note h4 {
    font-size: 4.175vw;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info h4, .commodity_info_price h4, .commodity_main_info h4, .market_info h4, .market_main_info h4, .market_info_price h4, .market_selector_info h4, .market_selector_main_info h4, .market_selector_info_price h4, .currencies-country-name h4, .market_masthead h4, .market_masthead_bottom h4, .business-note h4 {
    font-size: 2.65vw;
  }
}
@media only print, screen and (min-width:100em) {
  .commodity_info h4, .commodity_info_price h4, .commodity_main_info h4, .market_info h4, .market_main_info h4, .market_info_price h4, .market_selector_info h4, .market_selector_main_info h4, .market_selector_info_price h4, .currencies-country-name h4, .market_masthead h4, .market_masthead_bottom h4, .business-note h4 {
    font-size: 42px;
  }
}

.market_masthead {
  /*border-bottom: 1px solid #FFFFFF;*/
  padding: 0 !important;
}
.market_masthead > .columns > .row .columns {
  text-align: center !important;
  line-height: 3rem;
}
.market_masthead > .columns > .row .columns h2 {
  line-height: inherit !important;
  font-family: HelveticaNeueBold, "Times New Roman";
}
@media only print, screen and (max-width: 47.9375em) {
  .market_masthead > .columns > .row .columns h2 {
    line-height: 4rem !important;
  }
}

@media only print, screen and (max-width: 47.9375em) {
  .market_selector_info.featured > div, .market_selector_info.featured > div > span {
    font-size: 4.07vw !important;
  }
}

.market_masthead_bottom {
  padding: 0.625rem 0 0.5rem;
  border-bottom: 1px solid #FFFFFF;
  background: #3b77ab;
}
.market_masthead_bottom a, .market_masthead_bottom a:hover, .market_masthead_bottom a:focus {
  color: #FFFFFF;
}
.market_masthead_bottom > .columns > .row .columns {
  text-align: center !important;
  line-height: 3rem;
}
.market_masthead_bottom > .columns > .row .columns span {
  display: block;
  padding: 5px 0;
  font-size: 14px;
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_masthead_bottom > .columns > .row .columns span {
    font-size: 1.5vw;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .market_masthead_bottom > .columns > .row .columns span {
    font-size: 3.44vw;
  }
}

.commodity_info, .commodity_main_info, .market_info, .market_main_info, .market_selector_info, .market_selector_main_info {
  padding: 1.25rem;
  background: #e5effa;
  color: #2f353e;
}
@media only print, screen and (min-width:48em) {
  .commodity_info, .commodity_main_info, .market_info, .market_main_info, .market_selector_info, .market_selector_main_info {
    padding: 0.625rem;
  }
}
.commodity_info div:nth-child(2), .commodity_main_info div:nth-child(2), .market_info div:nth-child(2), .market_main_info div:nth-child(2), .market_selector_info div:nth-child(2), .market_selector_main_info div:nth-child(2) {
  text-align: left;
}

.commodity_info, .market_info, .market_selector_info {
  margin-top: -0.0625rem !important;
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info, .market_info, .market_selector_info {
    padding: 1.875rem 1.25rem 1.875rem;
  }
}
.commodity_info .value span, .market_info .value span, .market_selector_info .value span {
  float: left;
}
.commodity_info .value span:first-child, .market_info .value span:first-child, .market_selector_info .value span:first-child {
  margin-right: 1.25rem;
}
@media only print, screen and (min-width:48em) {
  .commodity_info .value span:first-child, .market_info .value span:first-child, .market_selector_info .value span:first-child {
    margin-right: 0.9375rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info .value span:first-child, .market_info .value span:first-child, .market_selector_info .value span:first-child {
    margin-right: 1.5rem;
  }
}

@media only print, screen and (min-width:48em) {
  .market_info span {
    line-height: 1.4;
  }
}

.indication {
  text-align: center;
}

.commodity_main_info, .market_selector_main_info {
  padding-bottom: 0;
}

@media only print, screen and (min-width:79.9377em) {
  .commodity_main_info, .market_main_info, .market_selector_main_info {
    padding: 1.25rem 1.25rem 0 1.25rem;
  }
}
.commodity_main_info i:after, .market_main_info i:after, .market_selector_main_info i:after {
  font-size: 5.64vw;
  bottom: 0.25rem;
}
@media only print, screen and (min-width:48em) {
  .commodity_main_info i:after, .market_main_info i:after, .market_selector_main_info i:after {
    font-size: 3.91vw;
    bottom: 0.0625rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_main_info i:after, .market_main_info i:after, .market_selector_main_info i:after {
    font-size: 2.8vw;
    bottom: 0.5rem;
  }
}
@media only print, screen and (min-width:100em) {
  .commodity_main_info i:after, .market_main_info i:after, .market_selector_main_info i:after {
    font-size: 46px;
  }
}
.commodity_main_info .positive:after, .market_main_info .positive:after, .market_selector_main_info .positive:after {
  bottom: 0.25rem;
}

@media only print, screen and (min-width:79.9377em) {
  .market_main_info .positive:after {
    bottom: 0.5rem;
  }
}
.commodity_info_price > div, .market_selector_info_price > div {
  padding-bottom: 1.25rem;
  border-top: 1px solid #6292bc;
}
@media only print, screen and (min-width:48em) {
  .commodity_info_price > div, .market_selector_info_price > div {
    border: none;
    padding-bottom: 0;
  }
}

.commodity_info_price, .market_info_price, .market_selector_info_price {
  background: #3b77ab;
  color: #FFFFFF;
  text-align: center;
  padding: 0 0 0.625rem;
}
.commodity_info_price label, .market_info_price label, .market_selector_info_price label {
  color: #FFFFFF;
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info_price:first-child, .market_info_price:first-child, .market_selector_info_price:first-child {
    padding-bottom: 0;
  }
}
.commodity_info_price > div label, .market_info_price > div label, .market_selector_info_price > div label {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only print, screen and (min-width:48em) {
  .commodity_info_price > div label, .market_info_price > div label, .market_selector_info_price > div label {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .commodity_info_price > div label, .market_info_price > div label, .market_selector_info_price > div label {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .market_main_info, .market_selector_main_info, .commodity_main_info {
    padding-left: 0;
  }
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_main_info h2, .market_selector_main_info h2, .commodity_main_info h2 {
    margin-bottom: 1.5625rem;
  }
  .market_main_info h4, .market_selector_main_info h4, .commodity_main_info h4 {
    margin-bottom: 0.625rem;
  }
  .market_main_info h4 + span, .market_selector_main_info h4 + span, .commodity_main_info h4 + span {
    margin-right: 0.625rem;
    line-height: 1.5;
  }
  .market_main_info span, .market_selector_main_info span, .commodity_main_info span {
    float: left;
    line-height: 1.5;
  }
  .market_main_info .indication, .market_selector_main_info .indication, .commodity_main_info .indication {
    padding-right: 0.25rem !important;
  }
  .market_main_info i:after, .market_selector_main_info i:after, .commodity_main_info i:after {
    bottom: 0.125rem;
  }
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_main_info h2 {
    font-size: 2.09vw;
  }
  .market_main_info h4 {
    font-size: 2.62vw;
  }
  .market_main_info i:after {
    font-size: 2.87vw;
    bottom: 0.3125rem;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .market_info {
    padding-left: 0 !important;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_info * {
    font-size: 0.875vw;
  }
}
@media only print, screen and (min-width:100em) {
  .market_info * {
    font-size: 14px;
  }
}

.market_info_price {
  padding: 0 1.25rem;
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_info_price {
    font-size: 1.5vw;
    padding: 0 0.625rem;
  }
  .market_info_price span:first-child {
    padding-bottom: 0.625rem;
  }
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_info_price div > span {
    display: block;
  }
}
.market_info_price div > span:first-child {
  margin-left: 1.875rem;
}
@media only print, screen and (min-width:48em) {
  .market_info_price div > span:first-child {
    margin-left: 0;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_info_price div > span:first-child {
    margin-left: 1.25rem;
  }
}
.market_info_price > div {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
@media only print, screen and (min-width:48em) {
  .market_info_price > div {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.market_main_info h2 {
  direction: ltr;
  text-align: right;
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_main_info h2 {
    /*min-height: rem-calc(44);*/
  }
}

/*market detail page*/
.market_gainers {
  margin-bottom: 1.25rem;
  margin-top: 20px;
  border-bottom: 3px solid #183e6f;
}

.market_selector .indication, .commodity_selector .indication {
  text-align: right;
}
.market_selector .market_selector_info_price, .market_selector .commodity_info_price, .commodity_selector .market_selector_info_price, .commodity_selector .commodity_info_price {
  padding: 0;
}
.market_selector .market_selector_info_price *, .market_selector .commodity_info_price *, .commodity_selector .market_selector_info_price *, .commodity_selector .commodity_info_price * {
  font-size: 4.07vw;
}
@media only print, screen and (min-width:48em) {
  .market_selector .market_selector_info_price *, .market_selector .commodity_info_price *, .commodity_selector .market_selector_info_price *, .commodity_selector .commodity_info_price * {
    font-size: 1.825vw;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_selector .market_selector_info_price *, .market_selector .commodity_info_price *, .commodity_selector .market_selector_info_price *, .commodity_selector .commodity_info_price * {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:100em) {
  .market_selector .market_selector_info_price *, .market_selector .commodity_info_price *, .commodity_selector .market_selector_info_price *, .commodity_selector .commodity_info_price * {
    font-size: 16px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .market_selector .market_selector_info_price > div, .market_selector .commodity_info_price > div, .commodity_selector .market_selector_info_price > div, .commodity_selector .commodity_info_price > div {
    border-top: 1px solid #6292bc;
  }
  .market_selector .market_selector_info_price > div:first-child, .market_selector .market_selector_info_price > div:nth-child(2), .market_selector .commodity_info_price > div:first-child, .market_selector .commodity_info_price > div:nth-child(2), .commodity_selector .market_selector_info_price > div:first-child, .commodity_selector .market_selector_info_price > div:nth-child(2), .commodity_selector .commodity_info_price > div:first-child, .commodity_selector .commodity_info_price > div:nth-child(2) {
    border-top: none;
  }
}
@media only print, screen and (min-width:48em) {
  .market_selector .market_selector_info_price > div, .market_selector .commodity_info_price > div, .commodity_selector .market_selector_info_price > div, .commodity_selector .commodity_info_price > div {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-right: 1px solid #6292bc;
  }
  .market_selector .market_selector_info_price > div:first-child, .market_selector .commodity_info_price > div:first-child, .commodity_selector .market_selector_info_price > div:first-child, .commodity_selector .commodity_info_price > div:first-child {
    border-right: none;
  }
  .market_selector .market_selector_info_price > div .columns, .market_selector .commodity_info_price > div .columns, .commodity_selector .market_selector_info_price > div .columns, .commodity_selector .commodity_info_price > div .columns {
    padding: 0;
    padding-bottom: 0.625rem;
  }
}
.market_selector .market_selector_info_price label, .market_selector .commodity_info_price label, .commodity_selector .market_selector_info_price label, .commodity_selector .commodity_info_price label {
  cursor: default;
}
@media only print, screen and (max-width: 47.9375em) {
  .market_selector .market_selector_info_price > div, .commodity_selector .market_selector_info_price > div {
    border-top: none;
  }
}
@media only print, screen and (min-width:48em) {
  .market_selector .market_selector_info, .market_selector .commodity_info, .commodity_selector .market_selector_info, .commodity_selector .commodity_info {
    padding-top: 0;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_selector .market_selector_info, .market_selector .commodity_info, .commodity_selector .market_selector_info, .commodity_selector .commodity_info {
    padding-left: 0;
  }
}
.market_selector .market_selector_info *, .market_selector .commodity_info *, .commodity_selector .market_selector_info *, .commodity_selector .commodity_info * {
  font-size: 3.125vw;
}
@media only print, screen and (min-width:48em) {
  .market_selector .market_selector_info *, .market_selector .commodity_info *, .commodity_selector .market_selector_info *, .commodity_selector .commodity_info * {
    font-size: 1.825vw;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_selector .market_selector_info *, .market_selector .commodity_info *, .commodity_selector .market_selector_info *, .commodity_selector .commodity_info * {
    font-size: 1.125vw;
  }
}
@media only print, screen and (min-width:100em) {
  .market_selector .market_selector_info *, .market_selector .commodity_info *, .commodity_selector .market_selector_info *, .commodity_selector .commodity_info * {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_selector .market_selector_info, .commodity_selector .market_selector_info {
    padding-top: 0.625rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_selector .market_selector_info, .commodity_selector .market_selector_info {
    padding-top: 1.875rem;
  }
}
.market_selector .market_selector_info .columns, .commodity_selector .market_selector_info .columns {
  text-align: right;
}
@media only print, screen and (max-width: 47.9375em) {
  .market_selector .market_selector_info .columns, .commodity_selector .market_selector_info .columns {
    text-align: center;
  }
}

.market_graph_area {
  padding: 0.625rem 0.625rem 0.625rem 0.625rem !important;
  background: #e5effa;
  margin-bottom: 10px;
}
@media only print, screen and (min-width:48em) {
  .market_graph_area {
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_graph_area {
    margin-bottom: 20px;
  }
}
.market_graph_area .graph {
  margin-bottom: 0;
}
.market_graph_area .graph_plot {
  background: #ffffff;
}
.market_graph_area .graph_plot .plot-area {
  background: #ffffff;
}
.market_graph_area .graph_plot, .market_graph_area .chart-container {
  height: 300px;
}
@media only print, screen and (min-width:48em) {
  .market_graph_area .graph_plot, .market_graph_area .chart-container {
    height: 280px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .market_graph_area .graph_plot, .market_graph_area .chart-container {
    height: 19.375rem;
  }
}
.market_graph_area .chart-container {
  width: 100%;
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_list .market_area, .market_list .market_graph_area, .market_list .graph, .market_list .chart-container {
    height: 100%;
  }
  .market_list .graph_plot {
    height: 87%;
  }
  .market_list .market_main_info {
    height: 50%;
  }
  .market_list .market_info, .market_list .market_info_price {
    height: 25%;
  }
  .market_list .market_info_price {
    display: table;
    width: 100%;
  }
  .market_list .market_info_price > .columns {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  .market_list .market-list-anchor {
    background: #3b77ab;
  }
}
.market_list .market_area .market_graph_area {
  margin-bottom: 0 !important;
  padding: 0.75rem !important;
}
@media only print, screen and (min-width:48em) {
  .market_list .market_area .market_graph_area {
    padding: 0.375rem !important;
  }
}
.market_list .market_area .market_graph_area .graph {
  margin-bottom: 0;
}

.graph-time-list.inline-list {
  margin: 0;
  background: #003e73;
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.graph-time-list.inline-list li {
  display: table-cell;
  vertical-align: middle;
  float: none;
  direction: ltr;
  width: 14.28%;
  margin: 0;
  text-align: center;
  padding: 0.5rem 0 0.25rem;
  border-left: 1px solid #4d596c;
}
.graph-time-list.inline-list li a, .graph-time-list.inline-list li a:hover, .graph-time-list.inline-list li a:focus {
  color: #ffffff;
  font-size: 3.125vw;
  line-height: 1;
}
@media only print, screen and (min-width:48em) {
  .graph-time-list.inline-list li a, .graph-time-list.inline-list li a:hover, .graph-time-list.inline-list li a:focus {
    font-size: 2.09vw;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .graph-time-list.inline-list li a, .graph-time-list.inline-list li a:hover, .graph-time-list.inline-list li a:focus {
    font-size: 1.125vw;
  }
}
@media only print, screen and (min-width:100em) {
  .graph-time-list.inline-list li a, .graph-time-list.inline-list li a:hover, .graph-time-list.inline-list li a:focus {
    font-size: 18px;
  }
}
.graph-time-list.inline-list li:last-child {
  border: none;
}
.graph-time-list.inline-list li.active {
  background: #275f8e;
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_list .graph-time-list a, .market_list .graph-time-list a:hover, .market_list .graph-time-list a:focus {
    font-size: 1.5vw;
  }
}

@media only print, screen and (min-width:48em) and (max-width:79.9376em) {
  .market_main_info span, .market_selector_main_info span {
    display: block !important;
    float: none;
  }
}

.market_selector_list.horizontal > li:last-child {
  margin-right: 0 !important;
}

@media only print, screen and (min-width:48em) {
  .arrow-column {
    width: auto;
    min-width: 1.25rem;
    padding-left: 12px !important;
    padding-right: 10px !important;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .arrow-column {
    min-width: 3.25rem;
  }
}
@media only print, screen and (min-width:100em) {
  .arrow-column {
    min-width: 4.25rem;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .list-heading .arrow-column {
    width: 4%;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .currency-listing .indication {
    min-width: 50px;
    width: auto;
    text-align: right;
  }
}

@media only print, screen and (min-width:79.9377em) {
  .currency-listing .list-heading .indication {
    width: 4%;
  }
}

.market_listing {
  /*START:Fix for Ipad Pro Landscape MArket grpah sidebyside not proper bcz of float, so used flexbox */
  /*END:Fix for Ipad Pro Landscape MArket grpah sidebyside not proper bcz of float, so used flexbox */
}
.market_listing [class*=column] + [class*=column]:last-child {
  float: right;
}
@media only print, screen and (min-width:79.9377em) {
  .market_listing {
    display: flex;
    flex-wrap: wrap;
  }
  .market_listing > .columns.large-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}

/*START:IOS safari Special Case */
.safari-browser-ios .market_listing {
  /*START:Fix for Ipad Pro Landscape MArket grpah sidebyside not proper bcz of float, so used flexbox */
  /*END:Fix for Ipad Pro Landscape MArket grpah sidebyside not proper bcz of float, so used flexbox */
}
@media only print, screen and (min-width:79.9377em) {
  .safari-browser-ios .market_listing > .columns.large-6 {
    width: 49.8%;
  }
}

/*END:IOS safari Special Case */
.graph-time-list li a {
  text-decoration: none;
}

.direction-ltr {
  direction: ltr !important;
}

/*END:small Mobile List Items */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .comp_18 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
  padding: 0 10px;
}
@media only print, screen and (max-width:1279px) {
  .body_content .comp_18 {
    padding: 0 10px;
    width: 100%;
  }
}

.comp_18_news_header_cont {
  margin-bottom: 20px;
}

.comp_18_news_header {
  text-decoration: none;
  color: black;
  font-family: "HelveticaNeueBold";
  font-size: 26px;
}
@media only print, screen and (max-width:1279px) {
  .comp_18_news_header {
    font-size: 22px;
  }
}

.comp_18_news_header_cont a {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.comp_18_table_head_row {
  padding: 10px 20px;
  background: #003e73;
  color: #FFFFFF;
  font-family: HelveticaNeueBold;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_head_row {
    padding: 10px 10px;
  }
}
.comp_18_table_head_row .comp_18_table_head_item {
  padding-right: 10px;
  padding-left: 10px;
}

.comp_18_table_data_row {
  padding: 10px 20px;
  border-bottom: 1px solid #FFFFFF;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_data_row {
    padding: 10px 10px;
  }
}
.comp_18_table_data_row:nth-child(even) {
  background-color: #f8f8f8;
}
.comp_18_table_data_row:nth-child(odd) {
  background-color: #e5effa;
}
.comp_18_table_data_row:last-child {
  border-bottom: 3px solid #183e6f;
}
.comp_18_table_data_row .comp_18_table_data_item {
  padding-right: 10px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
.comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_up,
.comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_no_change,
.comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_down {
  width: 0;
  height: 0;
  display: none;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_no_change {
  width: 10px;
  height: 10px;
  background: #888;
  border-radius: 5px;
  margin-right: 7px;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_no_change {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    min-width: 8px;
  }
}
.comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #4caf50;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_up {
    border-left-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 8px;
  }
}
.comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #f54336;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_data_row .comp_18_table_data_item .comp_18_table_data_item_arrow_down {
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-width: 8px;
  }
}
.comp_18_table_data_row .comp_18_table_data_item.up {
  color: #4caf50;
}
.comp_18_table_data_row .comp_18_table_data_item.up .comp_18_table_data_item_arrow_up {
  display: inline;
}
.comp_18_table_data_row .comp_18_table_data_item.down {
  color: #f54336;
}
.comp_18_table_data_row .comp_18_table_data_item.down .comp_18_table_data_item_arrow_down {
  display: inline;
}
.comp_18_table_data_row .comp_18_table_data_item.down.item_3 .net_change, .comp_18_table_data_row .comp_18_table_data_item.down.item_4 .comp_18_table_data_item_val_percent {
  direction: ltr;
  text-align: right;
}
.comp_18_table_data_row .comp_18_table_data_item.no_change .comp_18_table_data_item_arrow_no_change {
  display: inline-block;
}
.comp_18_table_data_row .comp_18_table_data_item.item_1 {
  font-family: HelveticaNeueBold;
}

.comp_18_table_head_item, .comp_18_table_data_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_head_item, .comp_18_table_data_item {
    font-size: 12px;
  }
}
@media only print, screen and (max-width: 767px) and (min-width:767px) {
  .comp_18_table_head_item, .comp_18_table_data_item {
    font-size: 16px;
  }
}
@media only print, screen and (max-width: 767px) and (min-width:320px) and (max-width:767px) {
  .comp_18_table_head_item, .comp_18_table_data_item {
    font-size: calc(12px + (16 - 12) * (100vw - 320px) / (767 - 320));
  }
}
.comp_18_table_head_item.item_1, .comp_18_table_data_item.item_1 {
  width: 40%;
}
.comp_18_table_head_item.item_2, .comp_18_table_data_item.item_2 {
  width: 20%;
}
.comp_18_table_head_item.item_3, .comp_18_table_data_item.item_3 {
  width: 20%;
}
.comp_18_table_head_item.item_4, .comp_18_table_data_item.item_4 {
  width: 20%;
}

.comp_18_more {
  display: flex;
  justify-content: center;
}

.comp_18_more_btn {
  text-align: center;
  text-decoration: none;
  padding: 12px 20px;
  border: 2px solid #000;
  margin-top: 20px;
  display: inline-block;
  font-size: 21px;
  text-decoration: none;
  color: black;
}
@media only print, screen and (max-width:1279px) {
  .comp_18_more_btn {
    min-width: 120px;
    text-align: center;
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .comp_18_more_btn {
    min-width: 182px;
  }
}

.comp_18_table_data_item_val_percent {
  min-width: 50px;
  line-height: 1;
}
@media only print, screen and (max-width: 767px) {
  .comp_18_table_data_item_val_percent {
    min-width: 9vw;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.comp_21 {
  position: relative;
}

.body_content .comp_21 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding: 0 10px;
}
@media only print, screen and (max-width:1279px) {
  .body_content .comp_21 {
    padding: 0 10px;
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .body_content .comp_21 {
    width: 100%;
  }
}

/*START:COLOR HEADER */
.comp_21_group_header {
  margin-bottom: 20px;
}

.comp_21_group_header a {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}

/*END:COLOR HEADER */
.comp_21_match_group_by_date {
  margin-bottom: 5px;
}

.comp_21_match_date {
  display: flex;
  justify-content: center;
  padding: 4px 10px;
  color: #fff;
  background-color: #1d2029;
  margin-bottom: 0px;
}
@media only print, screen and (max-width: 767px) {
  .comp_21_match_date {
    margin-bottom: 5px;
    padding: 5px 10px;
    font-size: 14px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_21_match_date {
    font-size: 1.1rem;
  }
}

.comp_21_match_item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-bottom: 1px solid #c1c4cf;
  text-decoration: none;
  color: black;
  background-color: #fff;
}
.comp_21_match_item:last-child {
  border-bottom: none;
}
@media only print, screen and (min-width:1280px) {
  .comp_21_match_item:hover {
    background-color: #e6e8ec;
  }
  .comp_21_match_item:hover .comp_21_match_item_team_logo_cont {
    background-color: #e0e2e6;
  }
}

.comp_21_match_item_team_logo_cont {
  width: 50px;
  background-color: #e9eff0;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_21_match_item_team_logo_cont {
    width: 55px;
  }
}

.comp_21_match_item_team_logo {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.comp_21_match_item_team {
  display: flex;
  justify-content: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(50% - 55px / 2);
}
.comp_21_match_item_team.comp_21_match_item_team_1 {
  justify-content: flex-start;
}
.comp_21_match_item_team.comp_21_match_item_team_2 {
  justify-content: flex-end;
}

.comp_21_match_item_center {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 55px;
}
.comp_21_match_item_center.score .comp_21_match_item_center_score, .comp_21_match_item_center.live .comp_21_match_item_center_score {
  padding: 3px 7px;
  display: flex;
  justify-content: center;
  background-color: #5E6071;
  text-align: center;
  color: white;
  font-size: 14px;
}
@media only print, screen and (max-width: 767px) {
  .comp_21_match_item_center.score .comp_21_match_item_center_score, .comp_21_match_item_center.live .comp_21_match_item_center_score {
    font-size: 14px;
    min-width: 50px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_21_match_item_center.score .comp_21_match_item_center_score, .comp_21_match_item_center.live .comp_21_match_item_center_score {
    font-size: 1.1rem;
  }
}
.comp_21_match_item_center.score .comp_21_match_item_center_fixture, .comp_21_match_item_center.live .comp_21_match_item_center_fixture {
  display: none;
}
.comp_21_match_item_center.live .comp_21_match_item_center_score {
  background-color: #AC0000;
  color: white;
}
.comp_21_match_item_center.fixture .comp_21_match_item_center_score, .comp_21_match_item_center.spl_status .comp_21_match_item_center_score {
  display: none;
}
.comp_21_match_item_center.fixture .comp_21_match_item_center_fixture,
.comp_21_match_item_center.fixture .comp_21_match_item_center_spl_status, .comp_21_match_item_center.spl_status .comp_21_match_item_center_fixture,
.comp_21_match_item_center.spl_status .comp_21_match_item_center_spl_status {
  padding: 3px 7px;
  display: flex;
  justify-content: center;
  background-color: #1d2029;
  color: white;
  font-size: 14px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_21_match_item_center.fixture .comp_21_match_item_center_fixture,
  .comp_21_match_item_center.fixture .comp_21_match_item_center_spl_status, .comp_21_match_item_center.spl_status .comp_21_match_item_center_fixture,
  .comp_21_match_item_center.spl_status .comp_21_match_item_center_spl_status {
    font-size: 1.1rem;
  }
}
@media only print, screen and (max-width: 767px) {
  .comp_21_match_item_center.fixture .comp_21_match_item_center_fixture,
  .comp_21_match_item_center.fixture .comp_21_match_item_center_spl_status, .comp_21_match_item_center.spl_status .comp_21_match_item_center_fixture,
  .comp_21_match_item_center.spl_status .comp_21_match_item_center_spl_status {
    font-size: 14px;
    min-width: 50px;
  }
}

.comp_21_match_item_team_logo_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 18px 10px;
}

.comp_21_match_item_team_name {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media only print, screen and (max-width: 767px) {
  .comp_21_match_item_team_name {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_21_match_item_team_name {
    font-size: 1.1rem;
  }
}

/*START:Loader */
.featured_match_loader_cont {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  z-index: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*END:Loader */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .comp_22 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding: 0 10px;
}
@media only print, screen and (max-width:1279px) {
  .body_content .comp_22 {
    width: 100%;
    padding: 0 10px;
  }
}

/*START:COLOR HEADER */
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_22_content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.comp_22_group_header {
  margin-bottom: 20px;
}

.comp_22_group_header a {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}

/*END:COLOR HEADER */
.comp_22_player_image {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 5px;
}

.comp_22_player_info_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 72px);
  padding: 5px;
}
@media only print, screen and (max-width: 767px) {
  .comp_22_player_info_cont {
    width: calc(100% - 50px);
  }
}

.comp_22_player_image_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 90px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only print, screen and (max-width: 767px) {
  .comp_22_player_image_cont {
    width: 75px;
  }
}

.comp_22_player_meta {
  padding-right: 10px;
}

.comp_22_player_row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 0;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  background: #e6e8ec;
  text-decoration: none;
}
@media only print, screen and (min-width:1280px) {
  .comp_22_player_row:hover {
    background-color: #f8f8fa;
  }
}
.comp_22_player_row:last-child {
  border-bottom: none;
}
.comp_22_player_row:first-child {
  padding-top: 0;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_22_player_row {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .comp_22_player_row:nth-child(odd) {
    margin-left: 10px;
  }
}

.comp_22_player_goals_cont {
  padding-left: 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #9fa5b5;
  width: 72px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media only print, screen and (max-width: 767px) {
  .comp_22_player_goals_cont {
    width: 50px;
  }
}

.comp_22_player_goals {
  color: white;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comp_22_player_goal_val, .comp_22_player_goal_text {
  text-align: center;
  color: #ffffff;
}

.comp_22_player_goal_val {
  font-size: 30px;
  line-height: 1;
}
@media only print, screen and (max-width: 767px) {
  .comp_22_player_goal_val {
    font-size: 18px;
  }
}

.comp_22_player_goal_text {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding-top: 5px;
}

.comp_22_player_club, .comp_22_player_name {
  padding-bottom: 5px;
}

.comp_22_player_club {
  color: #6d758d;
}

.comp_22_player_name {
  font-family: HelveticaNeueBold;
  color: #2f353e;
}

.comp_22_player_league {
  color: #000;
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .comp_23 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding: 0 10px;
}
@media only print, screen and (max-width:1279px) {
  .body_content .comp_23 {
    width: 100%;
    padding: 0 10px;
  }
}

/*START:COLOR HEADER */
.comp_23_group_header {
  margin-bottom: 20px;
}

.comp_23_group_header a {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}

/*END:COLOR HEADER */
.comp_23_content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only print, screen and (max-width:1279px) {
  .comp_23_content {
    margin: 0 -10px;
  }
}

.comp_23_competition_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
  text-decoration: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 0 10px 0;
  color: black;
  padding-top: 10px 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp_23_competition_item {
    width: 33.333%;
  }
}
.comp_23_competition_item:nth-child(odd) {
  padding-right: 5px;
  padding-left: 5px;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .comp_23_competition_item:nth-child(odd) {
    padding-right: 0;
  }
}
.comp_23_competition_item:nth-child(even) {
  padding-right: 5px;
  padding-left: 5px;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .comp_23_competition_item:nth-child(even) {
    padding-left: 0;
  }
}
.comp_23_competition_item::nth-child(-n+2) {
  margin-top: 0;
}
@media only print, screen and (min-width:1280px) {
  .comp_23_competition_item:hover .competition_img_cont {
    background-color: #f5f5f5;
  }
}

.competition_img {
  width: 100%;
  height: auto;
  max-width: 75px;
}
@media only print, screen and (min-width:768px) {
  .competition_img {
    max-width: 9vw;
    max-height: 7vw;
  }
}
@media only print, screen and (min-width:1280px) {
  .competition_img {
    max-width: 4.5vw;
  }
}
@media only print, screen and (min-width:1600px) {
  .competition_img {
    max-width: 4.7rem;
  }
}

.competition_img_cont {
  height: 118.75px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  background-color: #eaecef;
  border: 1px solid #e0e0e0;
  padding: 0 20px;
}
@media only print, screen and (min-width:768px) {
  .competition_img_cont {
    height: 12vw;
  }
}
@media only print, screen and (min-width:1280px) {
  .competition_img_cont {
    height: 7.25vw;
  }
}
@media only print, screen and (min-width:1600px) {
  .competition_img_cont {
    height: 7.5rem;
  }
}

.competition_text_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding: 10px 10px;
}

.competition_text {
  text-align: center;
  color: #e6e6e6;
}

.comp_23_competition_item_inner_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  background: #6d758d;
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
.content_from_title {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #AC0000;
  color: white;
  padding: 3px 8px;
  font-size: 0.75rem;
}
@media only print, screen and (max-width: 375px) {
  .content_from_title {
    font-size: 0.75rem;
  }
}
@media only print, screen and (min-width:768px) {
  .content_from_title {
    font-size: 0.8125rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .content_from_title {
    font-size: 0.875rem;
  }
}
@media only print, screen and (min-width:768px) {
  .content_from_title {
    padding: 3px 8px;
  }
}
@media only print, screen and (min-width:1280px) {
  .content_from_title {
    padding: 3px 8px;
  }
}

.on_content_top {
  padding: 0 0;
  display: inline-block;
  margin-top: 0px;
  position: relative;
  margin-right: 0;
  margin-bottom: 5px;
  top: 0;
  left: 0;
  background: none;
  right: 0;
}
.on_content_top:before {
  content: "";
  position: absolute;
  width: 3px;
  background: #AC0000;
  height: calc(100% - 5px);
  margin-left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media only print, screen and (max-width: 767px) {
  .on_content_top:before {
    height: calc(100% - 5px);
  }
}

.on_content_top.on_content_bottom {
  margin-right: 0;
}

.content_title_encloser {
  font-family: HelveticaNeueBold, "Times New Roman";
  padding-right: 6px;
  color: #232323;
  display: block;
}
@media only print, screen and (max-width: 767px) {
  .content_title_encloser {
    padding-right: 8px;
  }
}

.content_from_title.live_story {
  padding-right: 24px;
}

.content_from_title.live_story:after {
  position: absolute;
  background-color: #fff;
  content: "";
  border-radius: 50%;
  animation: lst_blink 1s infinite alternate;
  line-height: 1;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  right: 8px;
  width: 7px;
  height: 7px;
}
@media (prefers-reduced-motion: reduce) {
  .content_from_title.live_story:after {
    animation: none;
  }
}

.content_from_title.live_story::before {
  content: " ";
  border-radius: 50%;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  border: 1px solid #fff;
}

.content_from_title.on_content_top.live_story {
  background: #AC0000;
  padding: 1px 24px 3px 8px;
}

.on_content_top.live_story::after {
  right: 8px;
  width: 7px;
  height: 7px;
}

.on_content_top.live_story::before {
  width: 13px;
  height: 13px;
}

.on_content_top.live_story .content_title_encloser {
  color: #fff;
  padding-right: 0;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
}

@-webkit-keyframes lst_blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lst_blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.content_rel_items_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
@media only print, screen and (min-width:1280px) {
  .content_rel_items_cont {
    margin: 0 -10px;
  }
}

.content_list_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
  margin: 0;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .content_list_item {
    width: calc(25% - 10px);
    margin: 0 5px 10px 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .content_list_item {
    width: calc(25% - 20px);
    margin: 0 10px 20px 10px;
  }
}
.content_list_item > a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  margin: 0 5px;
  height: 100%;
}
.content_list_item > a.dat_bot {
  padding: 0 0 10px;
}
@media only print, screen and (min-width:768px) {
  .content_list_item > a {
    padding: 0;
    height: 100%;
    align-content: flex-start;
    margin: 0;
  }
  .content_list_item > a.dat_bot {
    height: 100%;
    padding-bottom: 40px;
    align-content: flex-start;
  }
  .content_list_item > a.dat_bot .content_list_item_date_cont {
    position: absolute;
    bottom: 10px;
    right: 0;
  }
}

/* START: Dark component list item */
.dark_content_list_item.content_list_item > a {
  background-color: #2d2d2d;
}

/* END: Dark component list item */
@media only print, screen and (max-width: 767px) {
  .mobile_big_list .content_list_item > a {
    padding: 0 0 10px;
  }
}
/*START:Content Item  date */
.content_list_item_date_cont {
  color: rgba(35, 35, 35, 0.75);
  font-size: 0.8125rem;
  padding: 5px 10px 0 0;
}
@media only print, screen and (min-width:768px) {
  .content_list_item_date_cont {
    font-size: 14px;
  }
}

.content_list_item_date_icon {
  font-family: "sna-icons";
  display: inline-block;
}

/*END:Content Item  date */
.comp_1_item_date {
  color: rgba(35, 35, 35, 0.75);
  font-size: 0.8125rem;
  padding-top: 5px;
}
@media only print, screen and (min-width:768px) {
  .comp_1_item_date {
    font-size: 14px;
  }
}

/*START:Content headline which comes after date */
.content_list_item_headline {
  color: #000;
}

.content_list_item_headline {
  padding: 5px 10px;
  font-size: 1rem;
}
@media only print, screen and (min-width:768px) {
  .content_list_item_headline {
    font-size: 1.125rem;
  }
}
.content_list_item_headline h3 {
  font-size: 1rem;
}

/*END:Content headline which comes after date */
.content_list_item_media {
  position: relative;
}

@media only print, screen and (max-width: 767px) {
  .related_contents_cont, .more_news_with_carousel_in_mobile_cont {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.no_tags .related_contents_cont {
  padding-top: 0;
}
@media only print, screen and (min-width:768px) {
  .no_tags .related_contents_cont {
    padding-top: 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .no_tags .related_contents_cont {
    padding-top: 30px;
  }
}

/*START:COLOR HEADER */
.sna_title_1 {
  font-size: 22px;
  padding: 0px 20px;
  padding-right: 6px;
  min-height: 32px;
  line-height: 32px;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (min-width:1280px) {
  .sna_title_1 {
    font-size: 24px;
    padding-right: 8px;
  }
}
.sna_title_1 a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.sna_title_1:before {
  content: " ";
  top: 0;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 6px;
  height: 100%;
  background: #AC0000;
}

.sna_title_1:after {
  display: none;
}

.sna_title_1 {
  position: relative;
}

.sna_title_1 .sna_title_1_text {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  color: #232323;
}

.sna_title_1_arrow_end {
  padding-left: 0;
}
.sna_title_1_arrow_end .sna_title_1_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: max-content;
}
.sna_title_1_arrow_end .sna_title_1_text::after {
  content: " ";
  width: 32px;
  background-image: url(../assets/img/svg-icons/content_go_arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 15px;
  margin-right: 10px;
}

/*END:COLOR HEADER */
.sna_title_1 {
  margin-bottom: 10px;
}
@media only print, screen and (min-width:1280px) {
  .sna_title_1 {
    margin-bottom: 20px;
  }
}

/*START:Hover Effect on related content */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class name --> class name of content item, on which hover effect applied
    hover_color--> color to come as line in bottom of content item
    bg_color--> bg color on hover of content item
 */
.content_list_item {
  position: relative;
}
@media only print, screen and (max-width: 767px) {
  .content_list_item {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .content_list_item:hover:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: auto;
    height: 5px;
    width: 100%;
    border-bottom: 5px solid #AC0000;
    z-index: 1;
  }
}

/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied
    hover_color--> color to come as line in bottom of content item
    bg_color--> bg color on hover of content item
 */
/*END:Hover Effect on related content */
/*START:Media Indicator image or video */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:Media Indicator image or video */
.content_list_media_indicator_svg_cont {
  font-size: 0;
}

.content_list_media_indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(172, 0, 0, 0.75);
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 3px 6px;
}
@media only print, screen and (min-width:48em) {
  .content_list_media_indicator {
    padding: 1px 6px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_media_indicator {
    padding: 3px 5px;
  }
}

.content_list_media_indicator.bottom_right {
  top: auto;
  left: auto;
  bottom: 10px;
  right: 10px;
}
@media only print, screen and (max-width: 47.9375em) {
  .content_list_media_indicator.bottom_right.mi_small_m {
    display: none;
  }
}
@media only print, screen and (min-width:79.9377em) and (max-width:99999999em) {
  .content_list_media_indicator.bottom_right.mi_small_d {
    display: none;
  }
}
.content_list_media_indicator.bottom_right .content_list_media_indicator_text {
  padding-left: 0;
  padding-right: 0;
}

.content_list_media_indicator_text {
  color: #FFF;
  line-height: 1;
  padding-left: 6px;
  position: relative;
  font-size: 0.9rem;
}
@media only print, screen and (min-width:48em) {
  .content_list_media_indicator_text {
    font-size: 0.8125rem;
    padding-left: 6px;
    padding-right: 5px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_media_indicator_text {
    -webkit-font-smoothing: antialiased !important;
  }
}

.content_list_media_indicator_svg {
  width: 25px;
  height: 25px;
}

@media only print, screen and (max-width: 47.9375em) {
  .content_list_media_indicator.mi_small_m .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .content_list_media_indicator.mi_small_t {
    padding: 2px 6px;
  }
  .content_list_media_indicator.mi_small_t .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .content_list_media_indicator.mi_small_l {
    padding: 2px 6px;
  }
  .content_list_media_indicator.mi_small_l .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_media_indicator.mi_small_d .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}

/*END:Media Indicator image or video */
/*START:Include the Play Icon which comes for feat video and episode */
.play_icon {
  background-color: rgba(172, 0, 0, 0.75);
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 5px 5px;
  width: 40px;
  height: 40px;
}
@media only print, screen and (min-width:48em) {
  .play_icon {
    padding: 5px 5px;
    width: 40px;
    height: 40px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .play_icon {
    padding: 5px 5px;
    width: 40px;
    height: 40px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .play_icon.mi_small_m {
    width: 35px;
    height: 35px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .play_icon.mi_small_t {
    width: 35px;
    height: 35px;
  }
  .play_icon.mi_large_t {
    width: 65px;
    height: 65px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .play_icon.mi_small_l {
    width: 35px;
    height: 35px;
  }
  .play_icon.mi_large_l {
    width: 65px;
    height: 65px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .play_icon.mi_small_d {
    width: 35px;
    height: 35px;
  }
  .play_icon.mi_large_d {
    width: 75px;
    height: 75px;
  }
}
.play_icon .play_icon_svg {
  height: 100%;
  width: 100%;
}

/*END:Include the Play Icon which comes for feat video and episode */
/*END:Media Indicator image or video */
.comp_25 .sna_title_1 {
  width: 100%;
}

.comp_25_more_items_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px;
}
@media only print, screen and (min-width:79.9377em) {
  .comp_25_more_items_cont {
    margin: 0 -10px;
  }
}
.comp_25_more_items_cont:nth-first-child(1) {
  margin-top: 0;
}

.content_list_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  width: 100%;
}
@media only print, screen and (min-width:48em) {
  .content_list_item {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(33.3333333333% - 10px);
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_item {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(25% - 20px);
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
@media only print, screen and (min-width:1280px) {
  .comp.video_widget_comp {
    width: 25%;
  }
}

.video_widget_comp {
  padding: 0 10px 0 10px;
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp {
    padding: 0 10px 0 10px;
  }
}

.video_widget_comp_header {
  margin-bottom: 10px;
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_header {
    margin-bottom: 20px;
  }
}

.video_widget_comp_content_container {
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  background-color: #fff;
  padding: 10px 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .video_widget_comp_content_container {
    margin: 0 -5px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_content_container {
    padding: 10px 10px;
  }
}

/*.video_widget_comp_item {
    width: 100%;
    @media only print, screen and (min-width:768px) {
        @include sna_item_col_width_rel(1, 3);
    }
    @media only print, screen and (min-width:1280px) {
        @include sna_item_col_width_abs(100%);
    }
    @media only print, screen and (min-width:768px) and (max-width:1279px) {
        padding: 0 $video_widget_comp_vertical_padding_tablet/2 $default-vpadding-medium !important;
        border-bottom: 0 !important;
    }

    &:not(:first-child) {
        padding-top: $video_widget_comp_vertical_padding_desktop / 2;
    }
    &:not(:last-child) {
        padding-bottom: $video_widget_comp_vertical_padding_desktop / 2;
        border-bottom: 1px solid rgba(35, 35, 35, 0.25);
    }
}*/
.video_widget_comp_item_inner_cont {
  width: 100%;
  text-decoration: none;
  color: black;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
@media only print, screen and (min-width:768px) {
  .video_widget_comp_item_inner_cont {
    width: calc(33.3333333333% - 10px);
  }
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_item_inner_cont {
    width: 100%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .video_widget_comp_item_inner_cont {
    margin: 0 5px 10px;
    padding: 0 0 30px !important;
    border-bottom: 0 !important;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    background-color: #fff;
    box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
    position: relative;
  }
  .video_widget_comp_item_inner_cont .comp_1_item_date {
    position: absolute;
    bottom: 10px;
    right: 0;
  }
}
.video_widget_comp_item_inner_cont:not(:first-child) {
  padding-top: 10px;
}
.video_widget_comp_item_inner_cont:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(35, 35, 35, 0.2);
}

.video_widget_comp_item_img_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 40%;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .video_widget_comp_item_img_cont {
    width: 100%;
    position: relative;
  }
  .video_widget_comp_item_img_cont:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .video_widget_comp_item_img_cont > .aspect_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_item_img_cont {
    width: 36.2%;
  }
}

.video_widget_comp_item_meta_info_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60%;
  padding-right: 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .video_widget_comp_item_meta_info_cont {
    width: 100%;
    padding: 0 10px 10px 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_item_meta_info_cont {
    padding-right: 10px;
    width: 65%;
  }
}

.video_widget_comp .on_content_top {
  margin-right: 0;
}

.dfp-ad-desktop-mpu-1 {
  padding-top: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  justify-content: center;
}

/*START:Play Icon Widths */
.video_widget_comp .play_icon {
  width: 30px;
  height: 30px;
}
@media only print, screen and (min-width:768px) {
  .video_widget_comp .play_icon {
    width: 40px;
    height: 40px;
  }
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp .play_icon {
    width: 30px;
    height: 30px;
  }
}

/*END:Play Icon Widths */
/*START:Hover chnage play icon color */
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_item_inner_cont:hover .play_icon {
    background-color: rgba(172, 0, 0, 0.75);
  }
}
/*END:Hover chnage play icon color */
/*START:Content title */
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .video_widget_comp .content_from_title {
    margin: 10px 0 0;
  }
}

/*END:Content title */
.video_widget_comp_item_header {
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .video_widget_comp_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .video_widget_comp_item_header {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .video_widget_comp_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .video_widget_comp_item_header {
    padding-top: 5px;
  }
}

@media only print, screen and (min-width:1280px) {
  .video_widget_comp .load_more_widget_btn_cont {
    padding-top: 20px;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .hp_ad_comp {
  padding: 0 10px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .body_content .hp_ad_comp {
    width: 50%;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .hp_ad_comp {
    flex: 0 0 auto;
    width: calc(25% - 20px);
    padding: 0;
    background-color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
  }
}

.hp_ad_comp_ad_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 330px;
  padding-left: 30px;
}
@media only print, screen and (max-width:1279px) {
  .hp_ad_comp_ad_cont {
    display: none;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.body_content .ldb_ad_comp {
  display: none;
}
@media only print, screen and (min-width:1280px) {
  .body_content .ldb_ad_comp {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    justify-content: center;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
@media only print, screen and (max-width:1279px) {
  .body_content .poll_comp_wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .poll_comp_wrapper {
    width: 25%;
  }
}

.body_content .poll_comp {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  padding: 0 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media only print, screen and (min-width:768px) {
  .body_content .poll_comp {
    width: 50%;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .poll_comp {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media only print, screen and (min-width:1280px) {
  .body_content .poll_comp {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .body_content .poll_comp .poll_comp_cont {
    background-color: #f6f6f6;
    flex-grow: 1;
  }
  .body_content .poll_comp .poll_comp_poll_inner_cont {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .body_content .poll_comp .radio_ad_cont {
    display: none;
  }
}

.poll_comp_poll_inner_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.poll_comp_tablet_halgpage_ad_cont {
  display: none;
  padding-top: 60px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .poll_comp_tablet_halgpage_ad_cont {
    display: block;
    width: 50%;
    padding-right: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
}

.poll_comp_group_header {
  margin-bottom: 10px;
}
@media only print, screen and (min-width:1280px) {
  .poll_comp_group_header {
    margin-bottom: 20px;
  }
}

.radio_ad_cont {
  display: block;
  text-align: center;
  padding-top: 20px;
}
@media only print, screen and (max-width: 767px) {
  .radio_ad_cont {
    display: none;
  }
}
@media only print, screen and (max-width:1279px) {
  .radio_ad_cont {
    padding-top: 5px;
  }
}
.radio_ad_cont .radio_ad_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.poll_latest_videos {
  display: none;
  width: 50%;
  padding-left: 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .poll_latest_videos {
    display: block;
  }
}

.poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_img_cont {
  width: 40%;
}
@media only print, screen and (min-width:768px) {
  .poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_img_cont {
    width: 35%;
  }
}
.poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_img {
  height: 100%;
}
.poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta {
  width: 60%;
}
@media only print, screen and (min-width:768px) {
  .poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta {
    width: 65%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_meta .content_from_title.on_content_top {
    margin-right: 10px;
  }
}
.poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
  padding-right: 10px;
}
@media only print, screen and (max-width: 767px) {
  .poll_latest_videos .comp_2_group_item_cont:not(.first) .comp_2_group_item_header {
    padding-right: 10px;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.blogs-sidebar {
  padding: 0 10px 0 10px;
}
@media only print, screen and (min-width:1280px) {
  .blogs-sidebar {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media only print, screen and (max-width:1279px) {
  .blogs-sidebar {
    width: 100%;
  }
}
.blogs-sidebar .blogger-details {
  text-decoration: none;
  color: black;
  padding-bottom: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  margin-bottom: 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .blogs-sidebar .blogger-details {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(50% - 5px);
    float: right;
    overflow: hidden;
  }
  .blogs-sidebar .blogger-details:nth-child(odd) {
    margin-left: 10px;
  }
}
.blogs-sidebar .blogger-pic {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 90px;
  height: 90px;
  position: relative;
  overflow: hidden;
}
@media only print, screen and (max-width: 767px) {
  .blogs-sidebar .blogger-pic {
    width: 80px;
    height: 80px;
  }
}
.blogs-sidebar .blogger-pic img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #edf0f5;
  height: 100%;
}
.blogs-sidebar .blog-main-info {
  align-content: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 70%;
  padding-right: 10px;
}
@media only print, screen and (min-width:1280px) {
  .blogs-sidebar .blog-main-info {
    padding-right: 10px;
  }
}
@media only print, screen and (max-width:1279px) {
  .blogs-sidebar .blog-main-info {
    width: 66%;
  }
}
.blogs-sidebar .blog-main-info .on_content_top {
  margin-right: 0;
}
.blogs-sidebar .blog-main-info .on_content_top .content_title_encloser {
  color: rgba(35, 35, 35, 0.75);
}
.blogs-sidebar .comp_1_item_header {
  width: 100%;
  padding: 0 0 7px;
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .blogs-sidebar .comp_1_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .blogs-sidebar .comp_1_item_header {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .blogs-sidebar .comp_1_item_header {
    font-size: 1rem;
  }
}
.blogs-sidebar .blogs-items {
  overflow: hidden;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .blogs-sidebar .blogs-items {
    width: 100%;
  }
}
.blogs-sidebar .load_more_widget_btn_cont {
  width: 100%;
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .blogs-sidebar .load_more_widget_btn_cont {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .items-length-four a:nth-child(4) {
    display: none;
  }
  .items-length-four a:nth-child(3) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/*-----START:Component parent class------*/
.audio-clips-comp {
  padding: 0 10px 0 10px;
}
@media only print, screen and (min-width:1280px) {
  .audio-clips-comp {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 10px 0 10px;
    flex: 0 0 auto;
    width: 25%;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media only print, screen and (max-width:1279px) {
  .audio-clips-comp {
    width: 100%;
  }
}

/*-----END:Component parent class------*/
/*-----START:Component items wrapper------*/
.comp-content-holder {
  padding: 10px;
  background-color: #dbdfe8;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  width: 100%;
}
.comp-content-holder .item-each {
  background-color: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: #000;
}
.comp-content-holder .item-each:not(:last-child) {
  margin-bottom: 10px;
}
.comp-content-holder .item-each .audioclip-headline {
  width: 75%;
  padding: 5px;
  border-left: 2px solid #e8ecf1;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp-content-holder .item-each .audioclip-headline {
    width: 85%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.comp-content-holder .item-each .audioclip-headline h3 {
  font-size: 1rem;
}
.comp-content-holder .item-each .audioclip-headline span {
  color: rgba(35, 35, 35, 0.75);
  font-size: 0.875rem;
}
@media only print, screen and (max-width:1279px) {
  .comp-content-holder .item-each .audioclip-headline span {
    font-size: 0.875rem;
  }
}
.comp-content-holder .item-each .audioclip-duration {
  padding: 5px;
  width: 25%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .comp-content-holder .item-each .audioclip-duration {
    width: 15%;
  }
}
.comp-content-holder .item-each .audioclip-duration .play-icon {
  width: 40px;
  height: 40px;
  fill: #FFF;
  background-color: rgba(172, 0, 0, 0.75);
  padding: 9px;
}
.comp-content-holder .item-each .audioclip-duration span {
  color: #232323;
  font-size: 0.875rem;
  margin-top: 5px;
}

/*-----END:Component items wrapper------*/
/*-----START:Heading styling for component with icons------*/
.audio_widget_comp_header {
  margin-bottom: 10px;
  width: 100%;
}
@media only print, screen and (min-width:1280px) {
  .audio_widget_comp_header {
    margin-bottom: 20px;
  }
}

/*.comp-with-icon-heading {
	padding: 0; 
    margin-bottom: $default-vpadding-small;
    @media only print, screen and (min-width:1280px) {
        width: 100%;
        margin-bottom: $default-vpadding;
    }

	&:before {
		display: none;
	}
	.comp-icon {
		background-color: #2f4fae;
	    position: absolute;
	    right: 0;
	    z-index: 1;
	    height: 100%;
	    width: 35px;
    	padding: 2px 0;
	}
	span {
		padding-right: 35px;
	}
}*/
/*-----END:Heading styling for component with icons------*/
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.dfp-ad-desktop-ldb-2 {
  margin: 0 auto;
  display: none;
}
@media only print, screen and (min-width:1280px) {
  .dfp-ad-desktop-ldb-2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: flex;
    justify-content: center;
    width: 100% !important;
  }
}

.dfp-ad-desktop-ldb-1 {
  margin: 0 auto;
  min-height: 140px;
  padding-top: 40px;
  justify-content: center;
  display: none;
}
@media only print, screen and (min-width:1280px) {
  .dfp-ad-desktop-ldb-1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

.dfp-ad-desktop-halfpage {
  min-height: 600px;
  width: 300px;
  padding-top: 66px;
  display: none;
}
@media only print, screen and (min-width:1280px) {
  .dfp-ad-desktop-halfpage {
    display: block;
  }
}

.dfp-ad-mobile-halfpage {
  margin: 0 auto;
}
@media only print, screen and (min-width:768px) {
  .dfp-ad-mobile-halfpage {
    display: none;
  }
}

.dfp-ad-mobile-ldb-2 {
  margin: 0 auto;
}
@media only print, screen and (min-width:768px) {
  .dfp-ad-mobile-ldb-2 {
    display: none;
  }
}

.dfp-ad-tablet-ldb-2 {
  display: none;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .dfp-ad-tablet-ldb-2 {
    display: block;
  }
}

.dfp-ad-mobile-ldb-1 {
  text-align: center;
  padding-top: 20px;
}
@media only print, screen and (min-width:768px) {
  .dfp-ad-mobile-ldb-1 {
    display: none;
  }
}

.dfp-ad-tablet-ldb-1 {
  padding-top: 30px;
}

.dfp-ad-tablet-ldb-1, .dfp-ad-tablet-ldb-2 {
  margin: 0 auto;
  width: 728px;
}
@media only print, screen and (max-width: 767px) {
  .dfp-ad-tablet-ldb-1, .dfp-ad-tablet-ldb-2 {
    display: none;
  }
}
@media only print, screen and (min-width:1280px) {
  .dfp-ad-tablet-ldb-1, .dfp-ad-tablet-ldb-2 {
    display: none;
  }
}

/*START:interstitial ads sizing, just make it presence in screen */
.interstital-ad-unit-div {
  position: absolute;
  background: transparent;
  font-size: 0px;
  top: 0;
}

/*END:interstitial ads sizing, just make it presence in screen */
.ad_center_flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

/*START: Social Newsletter on section pages before the footer*/
.sna_newsletter {
  width: 98%;
  margin: 0 auto;
  background: #979daf;
  color: #fff;
  padding: 1.25rem;
  display: flex;
}
.sna_newsletter .sna-newsletter-right {
  width: 50%;
  border-left: 2px solid #fff;
}
.sna_newsletter .sna-newsletter-left {
  width: 50%;
  display: flex;
}
.sna_newsletter .sna-newsletter-left .app-links {
  width: 50%;
}
.sna_newsletter .sna-newsletter-left .whatsapp {
  width: 50%;
}

.medium-up {
  display: block;
}
@media only print, screen and (max-width: 767px) {
  .medium-up {
    display: none;
  }
}

.small-only {
  display: none;
}
@media only print, screen and (max-width: 767px) {
  .small-only {
    display: block;
  }
}

/*END: Social Newsletter on section pages before the footer*/
/*latest Match News Component*/
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.match_news_comp {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  padding: 0 10px;
}
@media only print, screen and (max-width:1279px) {
  .match_news_comp {
    padding: 0 10px;
    width: 100%;
  }
}
@media only print, screen and (max-width: 767px) {
  .match_news_comp {
    width: 100%;
  }
}

@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .match_news_comp_content_container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
}

.match_news_comp_header {
  margin-bottom: 20px;
}
.match_news_comp_header span {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.match_news_comp_item {
  border-bottom: 1px solid rgba(35, 35, 35, 0.25);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.match_news_comp_item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .match_news_comp_item {
    width: calc(50% - 5px);
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .match_news_comp_item:nth-child(even) {
    margin-right: 5px;
  }
  .match_news_comp_item:nth-child(odd) {
    margin-left: 5px;
  }
  .match_news_comp_item:nth-last-child(-n+2) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .match_news_comp_item:nth-child(3) {
    display: none;
  }
}
.match_news_comp_item a {
  text-decoration: none;
  color: #000000;
  display: block;
}

.match_news_comp_item_match_info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  background-color: #e9eff0;
  flex-wrap: wrap;
}
@media only print, screen and (max-width: 375px) {
  .match_news_comp_item_match_info {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:768px) {
  .match_news_comp_item_match_info {
    font-size: 14px;
  }
}
@media only print, screen and (min-width:1280px) {
  .match_news_comp_item_match_info {
    font-size: 14px;
  }
}
.match_news_comp_item_match_info .team_container {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 40%;
  justify-content: space-between;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.match_news_comp_item_match_info .team_container .team_name {
  padding: 0 10px;
}
.match_news_comp_item_match_info .teamA_container {
  justify-content: flex-end;
}
.match_news_comp_item_match_info .teamA_container .team_name {
  padding-right: 0;
  text-align: left;
}
.match_news_comp_item_match_info .teamB_container {
  justify-content: flex-start;
}
.match_news_comp_item_match_info .teamB_container .team_name {
  padding-left: 0;
  text-align: right;
}
.match_news_comp_item_match_info .match_time {
  text-align: center;
  justify-content: center;
  flex-direction: column;
  width: 20%;
}
.match_news_comp_item_match_info .match_time.row-sep {
  width: 100%;
  background-color: #1d2029;
  height: 25px;
}
.match_news_comp_item_match_info .match_time .match_date {
  color: #fff;
  font-size: 95%;
  line-height: 25px;
}
.match_news_comp_item_match_info .match_time .start_time {
  color: #fff;
  background-color: #1d2029;
  padding: 2px 5px;
  min-width: 45px;
  min-height: 23px;
}
.match_news_comp_item_match_info .match_time span.played_score_card {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  background-color: #1d2029;
  padding: 2px 5px;
  min-width: 24px;
  justify-content: center;
}
.match_news_comp_item_match_info .match_played {
  flex-direction: row;
  justify-content: center;
  font-family: HelveticaNeueBold;
  flex-wrap: wrap;
}
.match_news_comp_item_match_info .score-separator {
  padding: 0 5px;
}
.match_news_comp_item_match_info .score_box span {
  display: table-cell;
}
.match_news_comp_item_match_info .match_playing .playing_score_card {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  font-family: HelveticaNeueBold;
}
.match_news_comp_item_match_info .match_playing .playing_score_card .score_box {
  color: #fff;
  background-color: #5e646d;
  padding: 2px 5px;
}
.match_news_comp_item_match_info .team_logo {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 35px;
  position: relative;
  padding: 10px 0;
}
.match_news_comp_item_match_info .team_logo img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.match_news_comp_item_match_info .team_logo img.team_img {
  position: absolute;
  right: 0;
  background-color: #eef0f5;
}

.match_news_comp_item_article_info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.match_news_comp_item_article_info .match_news_comp_article_img_holder {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 40%;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .match_news_comp_item_article_info .match_news_comp_article_img_holder {
    width: 100%;
  }
}
@media only print, screen and (min-width:1280px) {
  .match_news_comp_item_article_info .match_news_comp_article_img_holder {
    width: 35%;
  }
}
.match_news_comp_item_article_info .match_news_comp_article_title {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60%;
  padding-right: 10px;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .match_news_comp_item_article_info .match_news_comp_article_title {
    width: 100%;
    padding-right: 0;
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .match_news_comp_item_article_info .match_news_comp_article_title {
    padding-right: 10px;
    width: 65%;
  }
}
.match_news_comp_item_article_info .match_news_comp_article_title h3 {
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .match_news_comp_item_article_info .match_news_comp_article_title h3 {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .match_news_comp_item_article_info .match_news_comp_article_title h3 {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .match_news_comp_item_article_info .match_news_comp_article_title h3 {
    font-size: 1rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .match_news_comp_item_article_info .match_news_comp_article_title h3 {
    padding: 5px 0 12px;
    color: #fff;
    font-family: HelveticaNeueBold;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:1599999984px) {
  .match_news_comp_item_article_info.four_stories_comp {
    margin-top: 10px;
  }
}
.match_news_comp_item_article_info.two_stories_comp {
  flex-wrap: wrap;
  position: relative;
}
.match_news_comp_item_article_info.two_stories_comp .match_news_comp_article_img_holder {
  width: 100%;
}
.match_news_comp_item_article_info.two_stories_comp .match_news_comp_article_title {
  padding: 0 15px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
}
.match_news_comp_item_article_info.two_stories_comp .match_news_comp_article_title h3 {
  font-size: 1.2rem;
  padding: 5px 0 12px;
  color: #fff;
  font-family: HelveticaNeueBold;
}
@media only print, screen and (max-width: 375px) {
  .match_news_comp_item_article_info.two_stories_comp .match_news_comp_article_title h3 {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .match_news_comp_item_article_info.two_stories_comp .match_news_comp_article_title h3 {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .match_news_comp_item_article_info.two_stories_comp .match_news_comp_article_title h3 {
    font-size: 1.175rem;
  }
}
@media only print, screen and (max-width:1279px) {
  .match_news_comp_item_article_info {
    flex-wrap: wrap;
    position: relative;
  }
  .match_news_comp_item_article_info .match_news_comp_article_img_holder {
    width: 100%;
  }
  .match_news_comp_item_article_info .match_news_comp_article_title {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 15px;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
  }
}

.match_live_icon {
  color: #fff;
}
.match_live_icon:before {
  content: "";
  display: inline-block;
  background-color: #eb1515;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: ripple 1s cubic-bezier(0.39, 0.58, 0.57, 1) infinite alternate;
  margin-left: 7px;
  position: relative;
  top: 1px;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0px rgba(235, 21, 21, 0.3);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(235, 21, 21, 0.3);
  }
}
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:Component variables */
/*END:Component variables */
/*START:Match ScoreCard Component */
.ms_comp_container {
  position: relative;
}
@media only print, screen and (min-width:1280px) {
  .ms_comp_container * {
    -webkit-font-smoothing: auto !important;
  }
}

.ms_comp {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
  /* Remove the default scrollbar for WebKit implementations */
  background-color: #EDF0F6;
  scrollbar-face-color: #EDF0F6;
  scrollbar-track-color: #EDF0F6;
}
.ms_comp::-webkit-scrollbar {
  display: none;
}
.ms_comp_match_item {
  text-decoration: none;
  color: black;
  color: #2F353E;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  flex: 0 0 auto;
  border-left: 1px solid rgba(7, 19, 135, 0.18);
  flex-direction: column;
  justify-content: space-between;
  min-width: none;
  padding: 10px 15px 15px 15px;
}
.ms_comp_match_item:hover, .ms_comp_match_item:active, .ms_comp_match_item:focus {
  text-decoration: none;
  color: #2F353E;
}
.ms_comp_match_item:last-child {
  border-left: none;
}
@media only print, screen and (min-width:768px) {
  .ms_comp_match_item {
    padding: 15px 20px 15px 20px;
    min-width: 170px;
  }
}

.ms_comp_matches_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  position: relative;
  background-color: #EDF0F6;
  float: right;
}
.ms_comp_matches_cont.fs_no_transition {
  -webkit-transition: none;
  transition: none;
}

.ms_comp_match_item_team_logo_cont {
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
}

.ms_comp_match_item_team_logo {
  max-width: 100%;
  height: auto;
}
.ms_comp_match_item_team_logo.sna_default_img + .ms_comp_match_item_team_logo {
  background-color: #EDF0F6;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ms_comp_match_item_date_time_status {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.ms_comp_match_item_team {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: table-row;
}
.ms_comp_match_item_team + .ms_comp_match_item_team .ms_comp_match_item_team_name_logo {
  padding-top: 10px;
}
.ms_comp_match_item_team + .ms_comp_match_item_team .ms_comp_match_item_team_score {
  padding-top: 10px;
}

.ms_comp_match_item_team_score {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: table-cell;
  font-family: HelveticaNeueBold;
  vertical-align: bottom;
  text-align: left;
}

.ms_comp_match_item_team_name_logo {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: table-cell;
  align-items: center;
  padding-left: 15px;
}

.ms_comp_match_item_team_name {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 10px;
  display: inline-block;
}

.ms_comp_match_item_teams_cont {
  display: table;
  width: 100%;
}

.ms_comp_match_item_date_time_status_live {
  padding-bottom: 10px;
  color: #AC0000;
  font-size: 12px;
  font-family: HelveticaNeueBold;
  display: none;
  justify-content: space-between;
}

.ms_comp_match_item_date_time_status_live_min:after {
  content: " ";
  display: inline-block;
  display: none;
  background-color: #eb1515;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: ripple2 1s cubic-bezier(0.39, 0.58, 0.57, 1) infinite alternate;
}

@keyframes ripple2 {
  0% {
    box-shadow: 0 0 0 0px rgba(235, 21, 21, 0.3);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(235, 21, 21, 0.3);
  }
}
.ms_comp_match_item_date_time_status_live_text {
  padding: 0 5px;
  background: #ac2516;
  color: white;
}

.ms_comp_match_item_date_time_status_played,
.ms_comp_match_item_date_time_status_fix {
  padding-bottom: 10px;
  font-size: 12px;
  font-family: HelveticaNeueBold;
  display: none;
  justify-content: space-between;
  color: rgb(87, 98, 117);
}

.ms_comp_hide {
  display: none;
}

.ms_comp_show {
  display: flex;
}

.ms_comp_show_table_cell {
  display: table-cell;
}

.ms_comp_show_inline {
  display: inline;
}

.ms_comp_match_item_date_time_status_live_text,
.ms_comp_match_item_date_time_status_fix_date {
  margin-left: 20px;
}

.ms_comp_match_item_date_time_status_live_min,
.ms_comp_match_item_date_time_status_fix_time {
  margin-right: 20px;
}

/*START:Scroll Arrow */
.ms_comp_matches_scroll_arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: white !important;
  padding: 0 7px;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ms_comp_matches_scroll_arrow:focus {
  outline: 0;
}

.ms_comp_matches_scroll_arrow_left {
  left: 0;
  box-shadow: 1px 0 4px 0px #ADADAD;
}

.ms_comp_matches_scroll_arrow_right {
  right: 0;
  box-shadow: -1px 0 4px 0px #ADADAD;
}

.ms_comp_matches_scroll_arrow_icon {
  width: 27px;
  height: 35px;
  fill: rgba(46, 52, 62, 0.5);
}

.ms_comp_matches_scroll_arrow_left {
  left: 0;
}
[data-overflowing=both] ~ .ms_comp_matches_scroll_arrow_left, [data-overflowing=left] ~ .ms_comp_matches_scroll_arrow_left {
  opacity: 1;
}

.ms_comp_matches_scroll_arrow_right {
  right: 0;
}
[data-overflowing=both] ~ .ms_comp_matches_scroll_arrow_right, [data-overflowing=right] ~ .ms_comp_matches_scroll_arrow_right {
  opacity: 1;
}

/*END:Scroll Arrow */
/*START:more btn */
.ms_comp_more_matches_btn_cont {
  text-align: center;
}

.ms_comp_more_matches_btn {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  color: #2F353E;
  border: 2px solid #2F353E;
  padding: 5px  5px ;
  font-size: 18px;
}
@media only print, screen and (min-width:1280px) {
  .ms_comp_more_matches_btn:hover {
    color: #EDF0F6;
    border: 2px solid #EDF0F6;
    background-color: #2F353E;
  }
}
@media only print, screen and (max-width: 375px) {
  .ms_comp_more_matches_btn {
    padding: 5px  5px ;
  }
}
@media only print, screen and (min-width:768px) {
  .ms_comp_more_matches_btn {
    padding: 12px  20px ;
  }
}
@media only print, screen and (min-width:1280px) {
  .ms_comp_more_matches_btn {
    padding: 8px  20px ;
  }
}
@media only print, screen and (max-width: 375px) {
  .ms_comp_more_matches_btn {
    font-size: 18px;
  }
}
@media only print, screen and (min-width:768px) {
  .ms_comp_more_matches_btn {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) {
  .ms_comp_more_matches_btn {
    font-size: 16px;
  }
}
@media only print, screen and (max-width:1279px) {
  .ms_comp_more_matches_btn {
    min-width: 100px;
    text-align: center;
  }
}
@media only print, screen and (min-width:1280px) {
  .ms_comp_more_matches_btn {
    min-width: auto;
  }
}

.ms_comp_more_matches {
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
}

/*END:more btn */
/*END:Match ScoreCard Component */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.video_carousel_comp {
  padding: 0 10px;
}

/*START:carousel common styles */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
@media only print, screen and (min-width:768px) {
  .sna_carousel_slick_not_init.sna_carousel_cont {
    overflow-x: hidden;
  }
}

.sna_carousel_cont {
  position: relative;
}

.sna_carousel_inner_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin: 0 -5px 0 -10px;
}
@media only print, screen and (max-width: 767px) {
  .sna_carousel_inner_cont {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_inner_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_carousel_inner_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_inner_cont {
    margin: 0 -5px;
  }
}
.sna_carousel_inner_cont .slick-track {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
}
.sna_carousel_inner_cont .slick-list {
  width: 100%;
}

.sna_carousel_item_outer_cont {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(46.66% - 5px);
  margin: 0 5px;
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_item_outer_cont {
    margin: 0;
    width: 50%;
    padding: 0 5px;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_carousel_item_outer_cont {
    width: 50%;
    padding: 0 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_item_outer_cont {
    width: 33.33%;
    padding: 0 5px;
  }
}

/*START:carousel mixin */
.sna_carousel_cont:hover .sna_carousel_arrow_prev, .sna_carousel_cont:active .sna_carousel_arrow_prev, .sna_carousel_cont:focus .sna_carousel_arrow_prev {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) calc(100% - 5px), #f5f8f8 calc(100% - 5px));
}
.sna_carousel_cont:hover .sna_carousel_arrow_next, .sna_carousel_cont:active .sna_carousel_arrow_next, .sna_carousel_cont:focus .sna_carousel_arrow_next {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.7) calc(100% - 5px), #f5f8f8 calc(100% - 5px));
}

/*START:social Video Carousel */
.sna_carousel_arrow {
  z-index: 2;
  position: absolute;
  top: 0;
  outline: none;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 45px;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_arrow {
    width: 60px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_arrow {
    width: 70px;
  }
}

.sna_carousel_arrow_prev {
  right: -5px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) calc(100% - 5px), transparent calc(100% - 5px));
}
.sna_carousel_arrow_prev .sna_carousel_arrow_icon {
  right: 2.5px;
}

.sna_carousel_arrow_next {
  left: -5px;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5) calc(100% - 5px), transparent calc(100% - 5px));
}
.sna_carousel_arrow_next .sna_carousel_arrow_icon {
  left: 2.5px;
}

.sna_carousel_arrow_icon {
  fill: rgba(255, 255, 255, 0.9);
  width: 25px;
  position: relative;
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_arrow_icon {
    width: 25px;
    height: 100%;
  }
}

.sna_carousel_arrow.slick-disabled .sna_carousel_arrow_icon {
  fill: rgba(255, 255, 255, 0.35);
}

/*END:social Video Carousel */
/*START:Slick css custom */
.sna .slick-track {
  min-width: calc(100vw - 90px - 20px);
}
@media only print, screen and (min-width:768px) {
  .sna .slick-track {
    display: flex;
    height: 100%;
    min-width: calc(100vw - 120px - 20px);
  }
}
@media only print, screen and (min-width:820px) {
  .sna .slick-track {
    display: flex;
    height: 100%;
    min-width: calc(100vw - 120px - 20px);
  }
}
@media only print, screen and (min-width:1280px) {
  .sna .slick-track {
    display: flex;
    height: 100%;
    min-width: calc(100vw - 140px - 50px);
  }
}

.sna_carousel_slick_not_init .sna_carousel_arrow {
  display: none;
}

@media only print, screen and (max-width: 767px) {
  .sna_carousel_arrow {
    display: none;
  }
}

/*END:Slick css custom */
/*START:carousel dots */
.sna_carousel_dots_cont {
  display: none;
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_dots_cont {
    margin: 30px 0 20px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_dots_cont {
    margin: 40px 0 20px;
  }
}
.sna_carousel_dots_cont .slick-dots li {
  padding: 0 15px;
}
.sna_carousel_dots_cont .slick-dots li.slick-active button {
  background-color: #AC0000;
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_dots_cont .slick-dots li.slick-active button {
    transform: scale(1.3);
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_dots_cont .slick-dots li.slick-active button {
    transform: scale(1.4);
  }
}
.sna_carousel_dots_cont .slick-dots li button {
  color: transparent;
  border: none;
  background-color: #d8e1e3;
  border-radius: 100%;
  outline: none;
  cursor: pointer;
  font-size: 0;
}
.sna_carousel_dots_cont .slick-dots li button:hover, .sna_carousel_dots_cont .slick-dots li button:active, .sna_carousel_dots_cont .slick-dots li button:focus {
  outline: none;
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_dots_cont .slick-dots li button {
    width: 15px;
    height: 15px;
  }
}
@media only print, screen and (min-width:820px) {
  .sna_carousel_dots_cont .slick-dots li button {
    width: 15px;
    height: 15px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_dots_cont .slick-dots li button {
    width: 15px;
    height: 15px;
  }
}

@media only print, screen and (max-width: 767px) {
  .sna_carousel_dots_cont {
    display: none;
  }
}

.sna_carousel_done .sna_carousel_dots_cont {
  display: block;
}
.sna_carousel_done .sna_carousel_dots_cont .slick-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

/*END:carousel dots */
.sna_carousel_arrow_inner_cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*END:carousel mixin */
/*START:when the carousel is initialized */
/*END:when the carousel is initialized */
.sna_carousel_item_inner_cont {
  text-decoration: none;
  display: block;
  position: relative;
  color: black;
  background-color: #fff;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
}
.sna_carousel_item_inner_cont:hover, .sna_carousel_item_inner_cont:active, .sna_carousel_item_inner_cont:focus {
  text-decoration: none;
  color: black;
}
@media only print, screen and (max-width: 767px) {
  .sna_carousel_item_inner_cont {
    height: 100%;
    padding-bottom: 30px;
  }
}

@media only print, screen and (max-width: 767px) {
  .sna_carousel_item_outer_cont:last-child {
    border-left: 10px solid transparent;
    box-sizing: content-box;
  }
}

@media only print, screen and (min-width:768px) {
  .sna_carousel_item_meta {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;
    background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    width: 100%;
    padding: 0 15px;
  }
}

@media only print, screen and (min-width:768px) {
  .sna_carousel_item_meta {
    padding: 0 15px 10px;
  }
  .sna_carousel_item_meta .content_list_item_date_cont {
    color: #FFF;
    padding-right: 0;
  }
}

.sna_carousel_item_headline {
  font-size: 1rem;
  padding: 5px 10px 0;
}
@media only print, screen and (max-width: 375px) {
  .sna_carousel_item_headline {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_item_headline {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_item_headline {
    font-size: 1.275rem;
  }
}
@media only print, screen and (min-width:768px) {
  .sna_carousel_item_headline {
    font-family: HelveticaNeueBold;
    padding: 0 0 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .sna_carousel_item_headline {
    padding: 5px 0 12px;
  }
}

@media only print, screen and (min-width:1280px) {
  .sna_carousel_item_headline {
    padding: 5px 0 0;
  }
}

@media only print, screen and (max-width: 767px) {
  .content_list_item_date_cont {
    position: absolute;
    bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.business-section_title {
  padding-right: 20px;
}
@media only print, screen and (min-width:1280px) {
  .business-section_title {
    padding-right: 22px;
  }
}
@media only print, screen and (max-width: 375px) {
  .business-section_title a {
    padding-right: 6px;
  }
}
.business-section_title::before {
  background-color: transparent;
  background-image: url(../assets/img/svg-icons/triangle.svg);
  background-repeat: no-repeat;
  background-position: 0 4px;
  width: 18px;
}
@media only print, screen and (min-width:768px) {
  .business-section_title::before {
    width: 22px;
  }
}
.business-section_title a::after {
  background-image: url(../assets/img/svg-icons/new_tab.svg) !important;
  background-size: 16px 16px !important;
  margin-right: 0 !important;
}
@media only print, screen and (min-width:768px) {
  .business-section_title a::after {
    background-size: 24px 24px !important;
  }
}

.business_window_comp {
  background-color: #2f71c1;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .business_window_comp {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .business_window_comp {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .business_window_comp {
    padding: 0 0 20px 0;
  }
}
.business_window_comp .business_cont {
  display: flex;
  align-items: baseline;
}
@media only print, screen and (max-width: 767px) {
  .business_window_comp .business_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .business_window_comp .business_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.business_window_comp .business_item_outer_cont {
  flex: 0 0 auto;
  padding: 0 10px 10px;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .business_window_comp .business_item_outer_cont {
    width: 50%;
  }
  .business_window_comp .business_item_outer_cont:not(:nth-child(1)):not(:nth-child(2)) {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .business_window_comp .business_item_outer_cont {
    width: 25%;
  }
  .business_window_comp .business_item_outer_cont:not(:nth-child(1)):not(::nth-child(2)) {
    padding-top: 0;
  }
}
.business_window_comp .business_item_outer_cont .content_from_title.on_content_top {
  margin: 10px 0 0;
}
.business_window_comp .business_item_outer_cont .content_from_title.on_content_top span {
  color: #fff;
  padding: 0;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
}
.business_window_comp .business_item_outer_cont .content_from_title.on_content_top:before {
  display: none;
}
.business_window_comp .business_item_outer_cont .content_list_media_indicator {
  display: none;
}

.business_window_comp_inner_cont {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:768px) {
  .business_window_comp_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .business_window_comp_inner_cont {
    padding: 0 20px;
  }
}

.business_item_img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.business_item {
  text-decoration: none;
  display: block;
}

.business_item_img_cont {
  position: relative;
  font-size: 0;
  line-height: 0;
  clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 85%, 0 0);
}
@media only print, screen and (min-width:768px) {
  .business_item_img_cont {
    clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 85%, 0 0);
  }
}
@media only print, screen and (min-width:1280px) {
  .business_item_img_cont {
    clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 85%, 0 0);
  }
}

.iqtisad_logo {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 16px;
  width: 100%;
  background-image: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

.business_window_comp_cont {
  margin: 0 -10px;
}
@media only print, screen and (min-width:768px) {
  .business_window_comp_cont {
    margin: 0 -5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .business_window_comp_cont {
    margin: 0 -10px;
  }
}

.business_item_header {
  padding: 5px 0 0;
  font-family: HelveticaNeueBold, "Times New Roman";
  color: #fff;
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .business_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .business_item_header {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .business_item_header {
    font-size: 1.175rem;
  }
}
@media only print, screen and (min-width:768px) {
  .business_item_header {
    padding: 5px 0 0;
  }
}
@media only print, screen and (min-width:1280px) {
  .business_item_header {
    padding: 5px 0 0;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
sna-video {
  display: block;
  position: relative;
  background: url("/static/web-rev/img/default_img.jpg");
  background-size: cover;
  transition: height 0.5s;
  will-change: height;
  overflow: hidden;
  /*START:Lazy Laod Player Styles */
  /*END:Lazy Laod Player Styles */
  /*START:lazy loaded player i.e postLoad="true" , till the player is not ready event triggered dont show player */
  /*END:lazy loaded player i.e postLoad="true" , till the player is not ready event triggered dont show player */
}
sna-video a.video-postload-overaly {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
sna-video a.video-postload-overaly .v-play {
  opacity: 1;
  position: absolute;
  z-index: 3;
  bottom: 10px;
  left: 10px;
  fill: #fff;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  height: 60px;
  width: 60px;
}
@media only print, screen and (min-width:768px) {
  sna-video a.video-postload-overaly .v-play {
    width: 80px;
    height: 80px;
  }
}
sna-video a.video-postload-overaly .v-play-icon {
  width: 100%;
  height: 100%;
}
sna-video a.video-postload-overaly {
  display: none;
}
sna-video .inline-video.post-load-player.player-not-loaded-for-one-time .video-postload-overaly {
  display: block;
}
sna-video .inline-video.post-load-player.player-not-loaded-for-one-time [id^=videoPlayerContainer] {
  visibility: hidden;
}
sna-video .videoImgWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
sna-video .main-image {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media only print, screen and (max-width: 767px) {
  sna-video .main-image {
    width: auto;
    height: 100%;
    object-fit: contain;
  }
}
@media only print, screen and (max-width: 767px) {
  sna-video.portrait .main-image {
    width: 100%;
    height: auto;
  }
}
sna-video::before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
}

@media only print, screen and (max-width:1279px) and (orientation: landscape) {
  sna-video, .v_content {
    max-height: 75vh;
  }
}
/*START:for autoplay video to show the user when user is scrolling */
.autoplay_unmute_overlay {
  height: 50px;
  background: rgba(33, 33, 33, 0.4);
  position: absolute;
  color: white;
  z-index: 1;
  top: 12px;
  right: 12px;
  cursor: pointer;
  display: none;
}
@media only print, screen and (min-width:768px) {
  .autoplay_unmute_overlay {
    top: 20px;
    right: 20px;
  }
}
.autoplay_unmute_overlay svg {
  height: 30px;
  width: 30px;
  fill: rgb(255, 255, 255);
  margin: 10px;
}

sna-video.sna_teaser_active_cont .not_interacted .jwplayer.jw-state-buffering ~ .autoplay_unmute_overlay,
sna-video.sna_teaser_active_cont .not_interacted .jwplayer.jw-state-playing ~ .autoplay_unmute_overlay {
  display: block;
}

/*END:for autoplay video to show the user when user is scrolling */
.live_stream_comp_wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 2;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*
      .live_stream_content_title {
          position: relative;
          padding-right: 8px;
          &:before {
              content: " ";
              top: 0;
              right: 0;
              display: block;
              position: absolute;
              background-clip: content-box;
              width: 6px;
              height: 100%;
              background: $g_sna_title_strip_color;
          }
          .live_stream_content_title_text {
              font-family: HelveticaNeueBold;
              //font-size: 18px;
              padding-right: $comp_live_stream_horizontal_padding_mobile;
              @media only print, screen and (min-width:1280px) {
                  //font-size: 24px;
              }
          }
      }*/
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper {
    width: 100vw;
  }
}
@media only print, screen and (min-width:768px) {
  .live_stream_comp_wrapper {
    padding-right: 0;
  }
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.live_stream_comp_wrapper .player_content {
  position: relative;
  width: 100%;
  padding: 0;
  padding-bottom: 10px;
  background: #FFF;
}
@media only print, screen and (min-width:1280px) {
  .live_stream_comp_wrapper .player_content {
    width: 75%;
    padding: 0 10px;
    background: transparent;
  }
}
.live_stream_comp_wrapper .player_inner_cont {
  position: relative;
}
.live_stream_comp_wrapper .player_inner_cont:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.live_stream_comp_wrapper .player_inner_cont > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
@media only print, screen and (max-width:1279px) and (orientation: landscape) {
  .live_stream_comp_wrapper .player_inner_cont::before {
    padding-top: min(75vh, 177.7777777778%);
  }
}
@media only print, screen and (max-width:1279px) and (orientation: landscape) {
  .live_stream_comp_wrapper .player_inner_cont .aspect_content {
    max-height: 75vh;
  }
}
.live_stream_comp_wrapper .player_inner_cont .aspect_content .video_img_placeholder {
  width: 100%;
}
@media only print, screen and (max-width:1279px) and (orientation: landscape) {
  .live_stream_comp_wrapper .player_inner_cont .aspect_content .video_img_placeholder {
    max-height: 75vh;
  }
}
.live_stream_comp_wrapper .player_inner_cont .aspect_content #videoWrapper .jw-slider-time,
.live_stream_comp_wrapper .player_inner_cont .aspect_content #videoWrapper .jw-text-elapsed,
.live_stream_comp_wrapper .player_inner_cont .aspect_content #videoWrapper .jw-text-duration,
.live_stream_comp_wrapper .player_inner_cont .aspect_content #videoWrapper .jw-text-countdown {
  display: none !important;
}
.live_stream_comp_wrapper .live_stream_description {
  width: 100%;
  padding: 0 10px 0 10px;
  align-content: flex-start;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only print, screen and (min-width:1280px) {
  .live_stream_comp_wrapper .live_stream_description {
    width: 25%;
    padding: 0 10px 10px;
  }
}
@media only print, screen and (max-width: 767px), only print, screen and (min-width:768px) and (max-width:1279px) {
  .live_stream_comp_wrapper .live_stream_description {
    background: #FFF;
  }
}
.live_stream_comp_wrapper .live_stream_description .live_stream_description_item {
  margin-bottom: 30px;
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .live_stream_description .live_stream_description_item {
    margin-bottom: 10px;
  }
}
.live_stream_comp_wrapper .live_stream__title {
  font-size: 16px;
  color: #FFF;
  font-family: HelveticaNeueBold, "Times New Roman";
  background: #AC0000;
  flex: 0 0 auto;
  padding: 5px;
  display: inline-block;
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .live_stream__title {
    font-size: 13px;
  }
}
.live_stream_comp_wrapper .live_stream_content_title_text {
  padding-right: 10px;
}
.live_stream_comp_wrapper .live_stream_headline {
  width: 100%;
  font-family: HelveticaNeueBold;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
@media only print, screen and (min-width:768px) {
  .live_stream_comp_wrapper .live_stream_headline {
    font-size: 1.55rem;
  }
}
@media only print, screen and (min-width:820px) {
  .live_stream_comp_wrapper .live_stream_headline {
    font-size: 1.6rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .live_stream_comp_wrapper .live_stream_headline {
    font-size: 1.6rem;
  }
}
.live_stream_comp_wrapper .player_content .live-video-player, .live_stream_comp_wrapper .player_content .player_img {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
}
.live_stream_comp_wrapper .comp_live_stream_cont {
  width: 100%;
  display: flex;
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .comp_live_stream_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .live_stream_comp_wrapper .comp_live_stream_cont {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px 10px 0 10px;
  width: 100%;
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item {
    padding-top: 10px;
  }
}
@media only print, screen and (min-width:768px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item {
    width: 50%;
  }
}
@media only print, screen and (min-width:820px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item {
    width: 25%;
  }
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item {
    padding-top: 10px;
  }
}
.live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link {
  padding: 0 0 10px;
  text-decoration: none;
  color: inherit;
  display: block;
  position: relative;
  background-color: #fff;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  width: 100%;
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
  }
}
.live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_list_item_media {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_list_item_media {
    position: relative;
  }
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_list_item_media:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_list_item_media > .aspect_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_list_item_media {
    width: 40%;
  }
}
.live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_live_stream_item_meta {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_live_stream_item_meta {
    padding-bottom: 40px;
  }
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_live_stream_item_meta {
    width: 60%;
  }
}
@media only print, screen and (min-width:768px) and (max-width:1279px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_live_stream_item_meta .content_list_item_headline h3 {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_live_stream_item_meta .content_list_item_date_cont {
    position: absolute;
    bottom: 10px;
  }
}
@media only print, screen and (max-width: 767px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link .content_live_stream_item_meta .content_list_item_date_cont {
    display: none;
  }
}
@media only print, screen and (min-width:1280px) {
  .live_stream_comp_wrapper .comp_live_stream_cont .content_live_stream_item .content_live_stream_item_link:hover:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: auto;
    height: 5px;
    width: 100%;
    border-bottom: 5px solid #AC0000;
    z-index: 1;
  }
}

/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
/*START:content common styles */
/*START:Title of comp */
/*END:Title of comp */
/*START:content outer cont */
.short_videos_comp_content_cont {
  position: relative;
  padding: 0 0;
}
@media only print, screen and (min-width:768px) {
  .short_videos_comp_content_cont {
    padding: 0 40px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp_content_cont {
    padding: 0 45px;
  }
}
@media only print, screen and (min-width:1280px) {
  .short_videos_comp_content_cont {
    padding: 0 50px;
  }
}

/*END:content outer cont */
/*START:inner cont where content placed and carousel initalized */
.short_videos_comp_inner_content_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  box-shadow: 0 1.5px 3px 0 rgba(0, 35, 64, 0.05);
  margin: -5px -5px;
}
@media only print, screen and (min-width:768px) {
  .short_videos_comp_inner_content_cont {
    margin: -10px -5px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp_inner_content_cont {
    margin: -10px -10px;
  }
}
@media only print, screen and (min-width:1280px) {
  .short_videos_comp_inner_content_cont {
    margin: 0 -10px;
  }
}

/*END:inner cont where content placed and carousel initalized */
/*START:content item widths and no of items with var */
.short_videos_comp_content_item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  outline: none;
  width: calc(66.66% - 10px);
  margin: 0 5px 5px;
  background-color: #2d2d2d;
}
@media only print, screen and (min-width:768px) {
  .short_videos_comp_content_item {
    background-color: none;
    width: calc(100% / 3 - 10px);
    margin: 0 5px 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp_content_item {
    width: calc(100% / 3 - 20px);
    margin: 0 10px 10px;
  }
}
@media only print, screen and (min-width: 1024px) {
  .short_videos_comp_content_item {
    width: calc(100% / 4 - 20px);
    margin: 0 10px 10px;
  }
}
@media only print, screen and (min-width: 1280px) {
  .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
    margin: 0 10px 0;
  }
}
@media only print, screen and (min-width: 1600px) {
  .short_videos_comp_content_item {
    width: calc(100% / 6 - 20px);
    margin: 0 10px 0;
  }
}
@media only print, screen and (min-width: 2000px) {
  .short_videos_comp_content_item {
    width: calc(100% / 6 - 20px);
    margin: 0 10px 0;
  }
}
@media only print, screen and (min-width: 2500px) {
  .short_videos_comp_content_item {
    width: calc(100% / 6 - 20px);
    margin: 0 10px 0;
  }
}

/*END:content item widths and no of items with var */
/*START:inside content */
.short_videos_comp_content_item_img_cont {
  flex: 0 0 auto;
  width: 100%;
  position: relative;
}
.short_videos_comp_content_item_img_cont:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.short_videos_comp_content_item_img_cont > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.short_videos_comp_content_item_img {
  position: relative;
}
.short_videos_comp_content_item_actual_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*END:inside content */
/*START:when carousel is not init */
.short_videos_comp_content_cont_slick_not_init .short_videos_comp_inner_content_cont {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
@media only print, screen and (min-width:768px) {
  .short_videos_comp_content_cont_slick_not_init .short_videos_comp_inner_content_cont {
    overflow-x: hidden;
  }
}

/*END:when carousel is not init */
/*START:Hover effect on desktop */
.short_videos_comp_content_item_inner_cont {
  transition: -webkit-transform 0.7s;
  transition: transform 0.5s;
  text-decoration: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  flex-direction: column;
}
.short_videos_comp_content_item_inner_cont:hover, .short_videos_comp_content_item_inner_cont:active, .short_videos_comp_content_item_inner_cont:focus {
  text-decoration: none;
  color: white;
}
.short_videos_comp_content_item_inner_cont:hover {
  z-index: 1;
}
@media only print, screen and (min-width:1280px) and (any-pointer: fine) and (any-hover: hover) {
  .short_videos_comp_content_item_inner_cont:hover .short_videos_comp_content_item_overlay_hover {
    transition: opacity 0.5s;
    opacity: 1;
  }
}

.short_videos_comp_content_item_overlay_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  color: rgba(255, 255, 255, 0.84);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.short_videos_comp_content_item_overlay_hover_i_1 {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.short_videos_comp_content_item_overlay_episode_play_icon {
  width: 30px;
  height: 30px;
  transform: scale(0.01);
  fill: currentColor;
}
@media only print, screen and (min-width:2500px) {
  .short_videos_comp_content_item_overlay_episode_play_icon {
    width: 45px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:2500px) {
  .short_videos_comp_content_item_overlay_episode_play_icon {
    width: calc(30px + (45 - 30) * (100vw - 1280px) / (2500 - 1280));
  }
}
@media only print, screen and (min-width:2500px) {
  .short_videos_comp_content_item_overlay_episode_play_icon {
    height: 45px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:2500px) {
  .short_videos_comp_content_item_overlay_episode_play_icon {
    height: calc(30px + (45 - 30) * (100vw - 1280px) / (2500 - 1280));
  }
}

.short_videos_comp_content_item_inner_cont:hover .short_videos_comp_content_item_overlay_episode_play_icon {
  transition: transform 0.7s;
  transform: scale(1);
}

.short_videos_comp_content_item_overlay_episode_name {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  font-family: HelveticaNeueBold;
  text-align: center;
  font-size: 20px;
  line-height: 1.1;
}
@media only print, screen and (min-width:2500px) {
  .short_videos_comp_content_item_overlay_episode_name {
    font-size: 28px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:2500px) {
  .short_videos_comp_content_item_overlay_episode_name {
    font-size: calc(20px + (28 - 20) * (100vw - 1280px) / (2500 - 1280));
  }
}

.short_videos_comp_content_item_overlay_watch_all_episode {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: HelveticaNeueBold;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  bottom: 4px;
}
@media only print, screen and (min-width:2500px) {
  .short_videos_comp_content_item_overlay_watch_all_episode {
    font-size: 16px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:2500px) {
  .short_videos_comp_content_item_overlay_watch_all_episode {
    font-size: calc(12px + (16 - 12) * (100vw - 1280px) / (2500 - 1280));
  }
}
@media only print, screen and (min-width:2500px) {
  .short_videos_comp_content_item_overlay_watch_all_episode {
    bottom: 20px;
  }
}
@media only print, screen and (min-width:1280px) and (max-width:2500px) {
  .short_videos_comp_content_item_overlay_watch_all_episode {
    bottom: calc(4px + (20 - 4) * (100vw - 1280px) / (2500 - 1280));
  }
}
.short_videos_comp_content_item_overlay_watch_all_episode:after {
  content: " ";
  width: 100%;
  height: 2px;
  background-color: currentColor;
  display: block;
  transform: scaleX(0.1);
}

.short_videos_comp_content_item_inner_cont:hover .short_videos_comp_content_item_overlay_watch_all_episode:after {
  transition: transform 0.5s 0.1s;
  transform: scaleX(1.1);
}

.short_videos_comp_content_item_overlay_episode_desc {
  font-family: HelveticaNeueBold;
  text-align: center;
}

/*END:Hover effect on desktop */
/*END:content common styles */
/*START:Media Indicator image or video */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:Media Indicator image or video */
.content_list_media_indicator_svg_cont {
  font-size: 0;
}

.content_list_media_indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(172, 0, 0, 0.75);
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 3px 6px;
}
@media only print, screen and (min-width:48em) {
  .content_list_media_indicator {
    padding: 1px 6px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_media_indicator {
    padding: 3px 5px;
  }
}

.content_list_media_indicator.bottom_right {
  top: auto;
  left: auto;
  bottom: 10px;
  right: 10px;
}
@media only print, screen and (max-width: 47.9375em) {
  .content_list_media_indicator.bottom_right.mi_small_m {
    display: none;
  }
}
@media only print, screen and (min-width:79.9377em) and (max-width:99999999em) {
  .content_list_media_indicator.bottom_right.mi_small_d {
    display: none;
  }
}
.content_list_media_indicator.bottom_right .content_list_media_indicator_text {
  padding-left: 0;
  padding-right: 0;
}

.content_list_media_indicator_text {
  color: #FFF;
  line-height: 1;
  padding-left: 6px;
  position: relative;
  font-size: 0.9rem;
}
@media only print, screen and (min-width:48em) {
  .content_list_media_indicator_text {
    font-size: 0.8125rem;
    padding-left: 6px;
    padding-right: 5px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_media_indicator_text {
    -webkit-font-smoothing: antialiased !important;
  }
}

.content_list_media_indicator_svg {
  width: 25px;
  height: 25px;
}

@media only print, screen and (max-width: 47.9375em) {
  .content_list_media_indicator.mi_small_m .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .content_list_media_indicator.mi_small_t {
    padding: 2px 6px;
  }
  .content_list_media_indicator.mi_small_t .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .content_list_media_indicator.mi_small_l {
    padding: 2px 6px;
  }
  .content_list_media_indicator.mi_small_l .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_list_media_indicator.mi_small_d .content_list_media_indicator_svg {
    width: 16px;
    height: 16px;
  }
}

/*END:Media Indicator image or video */
/*START:Include the Play Icon which comes for feat video and episode */
.play_icon {
  background-color: rgba(172, 0, 0, 0.75);
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 5px 5px;
  width: 40px;
  height: 40px;
}
@media only print, screen and (min-width:48em) {
  .play_icon {
    padding: 5px 5px;
    width: 40px;
    height: 40px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .play_icon {
    padding: 5px 5px;
    width: 40px;
    height: 40px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .play_icon.mi_small_m {
    width: 35px;
    height: 35px;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .play_icon.mi_small_t {
    width: 35px;
    height: 35px;
  }
  .play_icon.mi_large_t {
    width: 65px;
    height: 65px;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .play_icon.mi_small_l {
    width: 35px;
    height: 35px;
  }
  .play_icon.mi_large_l {
    width: 65px;
    height: 65px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .play_icon.mi_small_d {
    width: 35px;
    height: 35px;
  }
  .play_icon.mi_large_d {
    width: 75px;
    height: 75px;
  }
}
.play_icon .play_icon_svg {
  height: 100%;
  width: 100%;
}

/*END:Include the Play Icon which comes for feat video and episode */
/*END:Media Indicator image or video */
/*START:Content from Title */
.content_from_title {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #AC0000;
  color: white;
  padding: 3px 8px;
  font-size: 0.75rem;
}
@media only print, screen and (max-width: 375px) {
  .content_from_title {
    font-size: 0.75rem;
  }
}
@media only print, screen and (min-width:48em) {
  .content_from_title {
    font-size: 0.8125rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_from_title {
    font-size: 0.875rem;
  }
}
@media only print, screen and (min-width:48em) {
  .content_from_title {
    padding: 3px 8px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .content_from_title {
    padding: 3px 8px;
  }
}

.on_content_top {
  padding: 0 0;
  display: inline-block;
  margin-top: 0px;
  position: relative;
  margin-right: 0;
  margin-bottom: 5px;
  top: 0;
  left: 0;
  background: none;
  right: 0;
}
.on_content_top:before {
  content: "";
  position: absolute;
  width: 3px;
  background: #AC0000;
  height: calc(100% - 5px);
  margin-left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media only print, screen and (max-width: 47.9375em) {
  .on_content_top:before {
    height: calc(100% - 5px);
  }
}

.on_content_top.on_content_bottom {
  margin-right: 0;
}

.content_title_encloser {
  font-family: HelveticaNeueBold, "Times New Roman";
  padding-right: 6px;
  color: #232323;
  display: block;
}
@media only print, screen and (max-width: 47.9375em) {
  .content_title_encloser {
    padding-right: 8px;
  }
}

.content_from_title.live_story {
  padding-right: 24px;
}

.content_from_title.live_story:after {
  position: absolute;
  background-color: #fff;
  content: "";
  border-radius: 50%;
  animation: lst_blink 1s infinite alternate;
  line-height: 1;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  right: 8px;
  width: 7px;
  height: 7px;
}
@media (prefers-reduced-motion: reduce) {
  .content_from_title.live_story:after {
    animation: none;
  }
}

.content_from_title.live_story::before {
  content: " ";
  border-radius: 50%;
  position: absolute;
  width: 13px;
  height: 13px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  border: 1px solid #fff;
}

.content_from_title.on_content_top.live_story {
  background: #AC0000;
  padding: 1px 24px 3px 8px;
}

.on_content_top.live_story::after {
  right: 8px;
  width: 7px;
  height: 7px;
}

.on_content_top.live_story::before {
  width: 13px;
  height: 13px;
}

.on_content_top.live_story .content_title_encloser {
  color: #fff;
  padding-right: 0;
  font-family: HelveticaNeueReg, HelveticaNeueLight, Arial, sans-serif;
}

@-webkit-keyframes lst_blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lst_blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.content_list_item_date_cont {
  color: rgba(35, 35, 35, 0.75);
  font-size: 0.8125rem;
  padding: 5px 10px 0 0;
}
@media only print, screen and (min-width:48em) {
  .content_list_item_date_cont {
    font-size: 14px;
  }
}

.content_list_item_date_icon {
  font-family: "sna-icons";
  display: inline-block;
}

.content_list_item_headline {
  color: #000;
}

.content_list_item_headline {
  padding: 5px 10px;
  font-size: 1rem;
}
@media only print, screen and (min-width:48em) {
  .content_list_item_headline {
    font-size: 1.125rem;
  }
}
.content_list_item_headline h3 {
  font-size: 1rem;
}

.short_videos_comp {
  background-color: #232323;
  /*START:padding for dark components like topic, feeatured video, featured episode */
  padding: 0 0 15px 0;
  /*END:padding for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp {
    padding: 0 0 10px 0;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp {
    padding: 0 0 20px 0;
  }
}
.short_videos_comp .short_videos_comp_inner_cont {
  /*START:padding for first inner container for dark components like topic, feeatured video, featured episode */
  padding: 0 10px;
  /*END:padding for first inner container for dark components like topic, feeatured video, featured episode */
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_inner_cont {
    padding: 0 10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp .short_videos_comp_inner_cont {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 768px) {
  .short_videos_comp .short_videos_comp_inner_cont .short_videos_comp_content_cont {
    padding: 0;
  }
}
@media screen and (min-width: 1600px) {
  .short_videos_comp .short_videos_comp_inner_cont .short_videos_comp_content_cont {
    margin: 0 -50px;
  }
}
.short_videos_comp .short_videos_comp_inner_cont .short_videos_comp_content_cont .short_videos_comp_carousel_arrow {
  height: 100%;
}
.short_videos_comp .short_videos_comp_inner_cont .short_videos_comp_content_cont .short_videos_comp_carousel_arrow .short_videos_comp_carousel_arrow_icon {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  height: 50px;
}
@media screen and (max-width: 1599px) and (min-width: 768px) {
  .short_videos_comp .short_videos_comp_inner_cont .short_videos_comp_content_cont .short_videos_comp_carousel_arrow .short_videos_comp_carousel_arrow_icon {
    padding: 0;
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 100%, transparent 100%);
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp .short_videos_comp_inner_cont {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .short_videos_comp .short_videos_comp_inner_cont ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
  }
}
.short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
  position: relative;
  color: #FFF;
  font-family: HelveticaNeueBold, "Times New Roman";
  font-size: 22px;
  padding-right: 6px;
  margin: 10px  0  10px  0;
  padding-left: 0;
}
@media only print, screen and (max-width: 375px) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    font-size: 22px;
  }
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    font-size: 40px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    font-size: 40px;
  }
}
@media only print, screen and (max-width: 375px) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    padding-right: 6px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    padding-right: 8px;
  }
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    margin: 15px  40px  15px  40px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    margin: 15px  45px  15px  45px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 {
    margin: 20px 50px 20px 50px;
  }
}
.short_videos_comp .short_videos_comp_inner_cont .sna_title_2 .sna_title_2_text::after {
  content: " ";
  width: 35px;
  background-image: url(../assets/img/svg-icons/content_go_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 20px;
  margin-right: 10px;
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2 .sna_title_2_text::after {
    width: 32px;
    background-size: 13px 15px;
  }
}
.short_videos_comp .short_videos_comp_inner_cont .sna_title_2_text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  width: max-content;
}
.short_videos_comp .short_videos_comp_inner_cont .sna_title_2_text:hover {
  text-decoration: none;
  color: #FFF;
}
.short_videos_comp .short_videos_comp_inner_cont .sna_title_2:before {
  content: " ";
  top: 10px;
  right: 0;
  display: block;
  position: absolute;
  background-clip: content-box;
  width: 7px;
  height: calc(100% - 20px);
  background: #AC0000;
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_title_2:before {
    top: 0;
    height: 100%;
    width: 6px;
  }
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp .short_videos_comp_inner_cont .sna_section_title_2 {
    margin-right: 0;
  }
}
.short_videos_comp .content_from_title.on_content_top {
  margin: 10px 10px 0 0;
  flex: 0 0 auto;
  width: 100%;
}
.short_videos_comp .content_from_title.on_content_top .content_title_encloser {
  color: #fff;
}
.short_videos_comp .no_arrow .sna_section_title_2_text::after {
  display: none;
}
.short_videos_comp .arrow_end .sna_section_title_2_text::after {
  display: block;
}
.short_videos_comp .short_videos_comp_inner_content_cont {
  margin: 0 -10px;
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp .short_videos_comp_inner_content_cont {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .short_videos_comp .short_videos_comp_inner_content_cont ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
  }
}
.short_videos_comp .short_videos_comp_content_item {
  margin: 0 10px 0px;
  width: calc(100% / 2.5 - 10px);
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp .short_videos_comp_content_item {
    padding-bottom: 0;
  }
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 10px);
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
  }
}
@media only print, screen and (min-width: 1024px) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
  }
}
@media only print, screen and (min-width: 1280px) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
  }
}
@media only print, screen and (min-width: 1600px) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
  }
}
@media only print, screen and (min-width: 2000px) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
  }
}
@media only print, screen and (min-width: 2500px) {
  .short_videos_comp .short_videos_comp_content_item {
    width: calc(100% / 5 - 20px);
  }
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont {
  flex-direction: initial;
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_media_indicator {
  top: -20px;
  bottom: unset;
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_date_cont {
  position: relative;
  color: #f5f8f8;
  flex: 0 0 auto;
  width: 100%;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 5px;
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_date_cont {
    padding-bottom: 10px;
  }
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_from_title + .content_list_item_headline {
  padding-bottom: 0;
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_headline {
  position: relative;
  color: white;
  flex: 0 0 auto;
  margin-bottom: 10px;
  width: 100%;
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_headline h3 {
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_headline h3 {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_headline h3 {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_video_item_meta .content_list_item_headline h3 {
    font-size: 1.175rem;
  }
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_videos_comp_content_item_img_cont {
  position: relative;
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_videos_comp_content_item_img_cont:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 177.7777777778%;
}
.short_videos_comp .short_videos_comp_content_item .short_videos_comp_content_item_inner_cont .short_videos_comp_content_item_img_cont > .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

/*END:Content from Title */
.short_videos_comp_content_item {
  position: relative;
}
@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp_content_item {
    padding-bottom: 10px;
  }
}
@media only print, screen and (min-width:79.9377em) and (any-pointer: fine) and (any-hover: hover) {
  .short_videos_comp_content_item:hover:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: auto;
    height: 5px;
    width: 100%;
    border-bottom: 5px solid #AC0000;
    z-index: 1;
  }
}

/*START:Carousel common styles, like arrow */
/*START:Prog List Carousel */
.short_videos_comp_carousel_arrow {
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  outline: none;
  margin: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 45px;
  height: calc(100% - 10px + 2px);
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp_carousel_arrow {
    height: calc(100% - 20px + 2px);
    width: 40px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp_carousel_arrow {
    height: calc(100% - 20px + 2px);
    width: 45px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp_carousel_arrow {
    height: calc(100% - 0 + 2px);
    width: 50px;
  }
}

.short_videos_comp_carousel_arrow_prev {
  right: -5px;
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp_carousel_arrow_prev {
    right: -5px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp_carousel_arrow_prev {
    right: -10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp_carousel_arrow_prev {
    right: -10px;
  }
}

.short_videos_comp_carousel_arrow_next {
  left: -5px;
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp_carousel_arrow_next {
    left: -5px;
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp_carousel_arrow_next {
    left: -10px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp_carousel_arrow_next {
    left: -10px;
  }
}

.short_videos_comp_carousel_arrow_icon {
  fill: rgba(255, 255, 255, 0.8);
  width: 25px;
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp_carousel_arrow_icon {
    width: 30px;
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp_carousel_arrow_icon {
    width: 35px;
  }
}

.short_videos_comp_carousel_arrow.slick-disabled .short_videos_comp_carousel_arrow_icon {
  fill: rgba(255, 255, 255, 0.25);
}

/*END:Prog List Carousel */
/*START:Slick css custom */
.short_videos_comp .slick-track {
  min-width: calc(100vw - 90px - 20px);
}
@media only print, screen and (min-width:48em) {
  .short_videos_comp .slick-track {
    display: flex;
    height: 100%;
    min-width: calc(100vw - 80px - 20px);
  }
}
@media only print, screen and (min-width:820px) {
  .short_videos_comp .slick-track {
    display: flex;
    height: 100%;
    min-width: calc(100vw - 90px - 20px);
  }
}
@media only print, screen and (min-width:79.9377em) {
  .short_videos_comp .slick-track {
    display: flex;
    height: 100%;
    min-width: calc(100vw - 100px - 50px);
  }
}

.short_videos_comp_content_cont_slick_not_init .short_videos_comp_carousel_arrow {
  display: none;
}

@media only print, screen and (max-width: 47.9375em) {
  .short_videos_comp_carousel_arrow {
    display: none;
  }
}

/*END:Slick css custom */
/*END:Carousel common styles, like arrow */
/*END:Prog Latest Episodes Component */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Flexbox Mixins */
/*END:Flexbox Mixins */
/*START:Aspect Ratio Mixins */
/*END:Aspect Ratio Mixins */
/*START:COLOR HEADER */
/*END:COLOR HEADER */
/*START:Load More Button */
/*END:Load More Button */
/*START:Big title used in video, info, prog and topic */
/*END:Big title used in video, info, prog and topic */
/*START:Responsive Property additions */
/*END:Responsive Property additions */
/*START:Play Icon For the Section Pages, blue icon */
/*END:Play Icon For the Section Pages, blue icon */
/*START:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*END:Mixin for content item, hover effect:
Parameter:
    content_item_class_name --> class name of content item, on which hover effect applied (DEFAULT_VALUE:: content_list_item)
    hover_line_below_color--> color to come as line in bottom of content item(DEFAULT_VALUE:: $default-content-hover-bottom-color: #2778d3)
    bg_color_on_hover--> bg color on hover of content item(DEFAULT_VALUE:: #f4f5f7)
 */
/*START:mixin for the dark component padding */
/*END:mixin for the dark component padding */
/*START:mixin for the dark component's inner container padding */
/*END:mixin for the dark component's inner container padding */
/*START:mixin for the button , which on hover adds the bg shadow */
/*END:mixin for the button , which on hover adds the bg shadow */
/*START:  Style Settings  */
/* SNA Standard Fonts */
/*Headers*/
/*Paragraphs*/
/*START:General Colors added for the rebrand july2020 */
/*START:Pages max width */
/*END:Pages max width */
/*END:    Style Settings  */
/*START:SNA Colors */
/*END:SNA Colors */
/*END:General Colors added for the rebrand july2020 */
/* START: COLORS and settings added for the rebrand july2020*/
/*START:Header colors for the  rebrand july2020 */
/*END:Header colors for the  rebrand july2020 */
/* END: COLORS and settings added for the rebrand july2020*/
/*START:rebrand jul 2020 styles */
/*END:rebrand jul 2020 styles */
/*START:Global Header and Footer sizes */
/*END:Global Header and Footer sizes */
/*START:Page top and bottom padding  */
/*END:Page top and bottom padding  */
/*START:Side spacings */
/*END:Side spacings */
/*START:Live stream, Radio Page Bg dark theme varaibale */
/*END:Live stream, Radio Page Bg dark theme varaibale */
/*START:Program pages color */
/*END:Program pages color */
/*START:Colors */
/*END:Colors */
/*START:tags */
/*END:tags */
/*START:Video and infographic widget width */
/*END:Video and infographic widget width */
/*START:content  top media indicator and title colors font sizes and paddings */
/*END:content  top media indicator and title colors font sizes and paddings */
/*START:special coverage bg color */
/*END:special coverage bg color */
/*START:Sna New Title colors */
/*END:Sna New Title colors */
/*START:Description fo vdoa nd ig in desktop color */
/*END:Description fo vdoa nd ig in desktop color */
/*START:section comp dark bg as in design PSD */
/*END:section comp dark bg as in design PSD */
/*START:section comp light grey bg as in design PSD */
/*END:section comp light grey bg as in design PSD */
/*START:Section each Components, Spacings between one another*/
/*END:Section each Components, Spacings between one another*/
/*START:Media Indicator and Play Icon Colors */
/*END:Media Indicator and Play Icon Colors */
/*START:small News Item Percent for media an dheadline in mobile */
/*END:small News Item Percent for media an dheadline in mobile */
/*START:Media Items spacing */
/*END:Media Items spacing */
/*START:Image gallery spacings between images */
/*END:Image gallery spacings between images */
/*START:Image gallery detail page background color */
/*END:Image gallery detail page background color */
/*START:side padding total for section pages */
/*END:side padding total for section pages */
/*START:side padding total for listing pages */
/*END:side padding total for listing pages */
/*START:Prog Page revamp(Mar-2019) */
/*END:Prog Page revamp(Mar-2019) */
/*START:Featured component and text on image comp gradient */
/*END:Featured component and text on image comp gradient */
/*START:Date color on white bg , used in section pages */
/*END:Date color on white bg , used in section pages */
/*START:Promobar height Standardization */
/*END:Promobar height Standardization */
/*START:colors added for podcast page design change in apr-2021 */
/*END:colors added for podcast page design change in apr-2021 */
.featured_ls_container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 15px;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_container {
    padding: 0 10px;
    margin-bottom: 10px;
  }
}
@media only print, screen and (min-width:820px) {
  .featured_ls_container {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_container {
    padding: 0 10px;
    gap: 20px;
    margin-bottom: 20px;
  }
}

.featured_ls_main_story {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only print, screen and (min-width:820px) {
  .featured_ls_main_story {
    width: 50%;
  }
}
.featured_ls_main_story .featured_ls_headlines {
  height: 100%;
}

.featured_ls_left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_left {
    width: 100%;
  }
}
@media only print, screen and (min-width:820px) and (max-width:1279px) {
  .featured_ls_left {
    gap: 10px;
    width: 50%;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_left {
    gap: 20px;
    width: 50%;
  }
}
.featured_ls_left .comp_3_group_item_header {
  font-size: 1.2rem;
}
@media only print, screen and (max-width: 375px) {
  .featured_ls_left .comp_3_group_item_header {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .featured_ls_left .comp_3_group_item_header {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_left .comp_3_group_item_header {
    font-size: 1.35rem;
  }
}

.featured_ls_left_inner {
  position: relative;
  width: 100%;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_left_inner {
    width: calc(50% - 5px);
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_left_inner {
    padding-top: 0;
    width: calc(50% - 10px);
  }
}
.featured_ls_left_inner .featured_ls_left_inner_story_img {
  position: relative;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_left_inner .featured_ls_left_inner_story_img {
    position: static;
    height: 100%;
  }
}
@media only print, screen and (min-width:768px) {
  .featured_ls_left_inner .comp_3_group_item_img {
    object-fit: cover;
  }
}
.featured_ls_left_inner .comp_3_group_item_img_no_2.img-placeholder {
  display: none;
}
@media only print, screen and (min-width:820px) {
  .featured_ls_left_inner .comp_3_group_item_img_no_2.img-placeholder {
    display: block;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .featured_ls_left_inner .comp_3_group_item_img_no_2.img-placeholder {
    display: block;
  }
}
.featured_ls_left_inner .comp_3_group_item_img_no_1.img-placeholder {
  display: block;
  height: auto;
}
@media only print, screen and (min-width:820px) {
  .featured_ls_left_inner .comp_3_group_item_img_no_1.img-placeholder {
    display: none;
  }
}
@media only print, screen and (min-width:768px) and (max-width:819px) {
  .featured_ls_left_inner .comp_3_group_item_img_no_1.img-placeholder {
    display: none;
  }
}

.featured_ls_headline_main {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.featured_ls_headline_main.isBreaking > a {
  background-color: #F8EB20;
}
.featured_ls_headline_main.isBreaking > a h3 {
  color: #000;
}
.featured_ls_headline_main > a {
  background-color: #323232;
  padding: 10px;
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_headline_main > a {
    padding: 0.625rem 1.25rem;
  }
}
.featured_ls_headline_main > a .content_from_title.live_story {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  font-size: 1rem;
}
@media only print, screen and (max-width: 375px) {
  .featured_ls_headline_main > a .content_from_title.live_story {
    font-size: 1rem;
  }
}
@media only print, screen and (min-width:768px) {
  .featured_ls_headline_main > a .content_from_title.live_story {
    font-size: 1.1rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_headline_main > a .content_from_title.live_story {
    font-size: 1rem;
  }
}
.featured_ls_headline_main > a h3 {
  font-size: 1.2rem;
  font-family: "HelveticaNeueBold";
  color: #fff;
  flex: 1;
  margin-top: 5px;
}
@media only print, screen and (max-width: 375px) {
  .featured_ls_headline_main > a h3 {
    font-size: 1.2rem;
  }
}
@media only print, screen and (min-width:768px) {
  .featured_ls_headline_main > a h3 {
    font-size: 1.45rem;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_headline_main > a h3 {
    font-size: 1.6rem;
  }
}

.featured_ls_top_posts {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 35, 64, 0.05);
  flex-grow: 1;
  padding: 10px 14px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_top_posts {
    padding: 10px 14px;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_top_posts {
    padding: 20px 24px;
  }
}
.featured_ls_top_posts .comp_1_item_date {
  position: static;
  padding-top: 0;
}
.featured_ls_top_posts h3.comp_1_item_header {
  color: #000000;
  padding-bottom: 10px;
  padding-top: 0;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_top_posts h3.comp_1_item_header {
    padding-bottom: 10px;
    padding-top: 5px;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_top_posts h3.comp_1_item_header {
    padding-bottom: 20px;
    padding-top: 5px;
  }
}
@media only print, screen and (max-width:819px) {
  .featured_ls_top_posts h3.comp_1_item_header {
    color: #063e7b;
  }
}
.featured_ls_top_posts li {
  position: relative;
  -webkit-text-size-adjust: 100%;
}
.featured_ls_top_posts li::before {
  content: "";
  position: absolute;
  top: 6px;
  right: -5px;
  width: 9px;
  height: 9px;
  background-color: #323232;
  z-index: 1;
}
.featured_ls_top_posts li::after {
  content: "";
  position: absolute;
  top: 7px;
  right: -1px;
  height: calc(100% + 6px);
  border-right: 1px dashed #585527;
}
.featured_ls_top_posts li:last-child::after {
  display: none;
}
.featured_ls_top_posts li:last-child h3.comp_1_item_header {
  padding-bottom: 0;
  padding-bottom: 5px;
}
.featured_ls_top_posts li:last-child a:hover:after {
  bottom: 0;
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_top_posts li:last-child a:hover:after {
    bottom: -6px;
  }
}
.featured_ls_top_posts li:only-child {
  margin-right: -7px;
}
@media only print, screen and (min-width:768px) {
  .featured_ls_top_posts li:only-child {
    margin-right: -7px;
  }
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_top_posts li:only-child {
    margin-right: -12px;
  }
}
.featured_ls_top_posts li:only-child::before {
  display: none;
}
.featured_ls_top_posts li a {
  display: inline-block;
  position: relative;
}
.featured_ls_top_posts li a:hover:after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #000;
  display: block;
}
@media only print, screen and (min-width:1280px) {
  .featured_ls_top_posts li a:hover:after {
    bottom: 12px;
  }
}
@media only print, screen and (max-width:819px) {
  .featured_ls_top_posts li a:hover:after {
    display: none;
  }
}

.featured_ls_player_inner_cont {
  position: relative;
}
.featured_ls_player_inner_cont::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
@media only print, screen and (max-width:1279px) and (orientation: landscape) {
  .featured_ls_player_inner_cont::before {
    padding-top: min(75vh, 177.7777777778%);
  }
}
.featured_ls_player_inner_cont .aspect_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.featured_ls_player_inner_cont .live-stream-player {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
}

.sna_teaser_active_cont .play_icon {
  display: none;
}
.sna_teaser_active_cont .content_from_title {
  z-index: 1;
}

/*# sourceMappingURL=sectionCore.css.map */