/* 

@author : Christin  joseph
@Developed DAT : 24-08-2022


1.  Header Nvbar    
2. Categoris box 
3. Home slider    
4. Home Display  box 
   One showcase
   two showcase
   Three showcase
5. Video card slider
    
    
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Malayalam:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-dark-body: #1e1e1e;
  --bkg-top-navbar-color-lc: #195c8e;

  --bkg-subscribe-color-dc: #1f1f1e;
  --bs-font-main-ml: "Noto Sans Malayalam", sans-serif;
  --bs-font-eng: "Roboto", sans-serif;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  /*colors*/
  --clr-red: #195c8e;
}
/*Developed By Christin Joseph (Chris c)*/
body {
  --text-color: #222;
  --bkg-color: #f3f4f6;
  --bs-navbar-color: #f3f4f6;
  --bkg-top-navbar-text-oc-color: rgb(8 8 8);
  --bkg-top-navbar-t-icons: rgb(0 0 0);
  --bkg-sidebar-color: #fff;
  --bkg-shade-color: #e0e2e2ab;
  --bkg-card_bk-color: #f5f5f599;
  --bkg-border-color: #e9e9e9;
  --bkg-border-hr-tag: rgb(159 152 152 / 19%);
  --bkg-mobile-ns-card: #fff;
  --card-ty-border: 0 3px 6px #50404026;
  --head-nav-bar-border-bottom: solid #0808081f 1px;
  --head-nav-shadow: 0 3px 6px #c5bebe26;
  --bkg-category-hover: #c5bebe26;
  --bkg-crad-hr-bottom: solid #97929233 1px;
  --bkg-mob-all-body-sectio: #f6f7f6;
  --bkg-border-second: 0px 0px 0px 1px rgb(227 227 227);
  --h2-title-des: #282727db !important;
  --bkg-headline--news-home: rgb(255, 255, 255);
  --bkg-slider-image-background: #121212ab;
  --bkg-border-the-news-button: #000;
  --bkg-section-tittle-clr: #000;
  --bkg-tag-toxy-color_ryt: rgb(241, 0, 0);
  --bkg-three-box-shade-color: #ffffff00;
  --bkg-category-color: #b1b0b012;
  --news-tag-svg: #707072;
  --tag-news-two: #999;
  --footer-background-clr: #f7f7f7;
  --js_mode_sticky: #fff0;
  --bkg-first-btn-color: #000000d1;
  --text-btn-color: #ffffff;
  --bkg-cat-clr-color: #cccaca8a;
  --bkg-news-ta-clr-color: #ddd;
  --bkg-advertisement: #b7b7b71c;
  --bkg-social-read-li: #1f1f1e;
  --bkg-social-read-i-tag: #ffffff;
  --bs-foms-text-color: #000000;
  --bs-foms-background-color: #f5f5f57d;
  --bs-foms-border-color: #d9d6d6;
}
body.dark__app {
  --text-color: rgba(255, 255, 255, 0.8);
  --bkg-color: #121212;
  --bs-navbar-color: #1f1f1e;
  --bkg-top-navbar-text-oc-color: rgb(255 255 255);
  --bkg-top-navbar-t-icons: rgb(255 255 255);
  --bkg-sidebar-color: #121212;
  --bkg-shade-color: #1f1f1e;
  --bkg-card_bk-color: #1f1f1e;
  --bkg-border-color: rgb(255 255 255 / 11%);
  --bkg-border-hr-tag: rgba(255, 255, 255, 0.08);
  --bkg-mobile-ns-card: rgba(255, 255, 255, 0.05);
  --card-ty-border: 0 3px 6px #00000078;
  --head-nav-bar-border-bottom: solid #ababab1f 1px;
  --head-nav-shadow: 0 3px 6px #00000036;
  --bkg-category-hover: #121212;
  --bkg-crad-hr-bottom: solid #202020 1px;
  --bkg-mob-all-body-sectio: #121212;
  --bkg-border-second: 0px 0px 0px 1px rgb(46 46 46 / 74%);
  --h2-title-des: #fff !important;
  --bkg-headline--news-home: rgb(255, 255, 255);
  --bkg-slider-image-background: #121212ab;
  --bkg-border-the-news-button: #fff;
  --bkg-section-tittle-clr: #fff;
  --bkg-three-box-shade-color: #1f1f1e24;
  --bkg-category-color: #1f1f1e;
  --news-tag-svg: #ffffff;
  --tag-news-two: #999;
  --footer-background-clr: #1f1f1e;
  --js_mode_sticky: #1f1f1e;
  --bkg-first-btn-color: #ffffffd1;
  --text-btn-color: #000000;
  --bkg-cat-clr-color: #1f1f1e;
  --bkg-news-ta-clr-color: #dddddd38;
  --bkg-advertisement: #c4c4c424;
  --bkg-social-read-li: #fffff8;
  --bkg-social-read-i-tag: #1f1f1e;
  --bs-foms-text-color: #fff;
  --bs-foms-background-color: #121212;
  --bs-foms-border-color: #121212;
}
/* * {
  outline-style: solid;
} */
body {
  margin: 0;
  padding: 0 !important;
  font-family: var(--bs-font-eng);
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-color);
  background-color: var(--bkg-color);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
dd,
body,
button,
input,
select,
textarea {
  color: var(--text-color);
  margin: 0px;
  font-family: var(--bs-font-main-ml);
}
a {
  text-decoration: none;
  color: var(--text-color);
  margin: 0px;
  font-family: var(--bs-font-eng);
}
p {
  color: var(--text-color);
  margin: 0px;
  font-family: var(--bs-font-main-ml);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  overflow: hidden;
  color: var(--text-color);
  margin: 0px;
}
li {
  list-style-type: none;
  color: var(--text-color);
  margin: 0px;
}
nav {
  margin: 0px;
  width: 100%;
}
figure {
  margin: 0px;
}
img {
  width: 100%;
}
/* iframe {
  display: block !important;
  background-color: #000;
  width: 100% !important;
  height: 100% !important;
} */
.mg_t_5 {
  margin-top: 5px;
}
.mg_t_10 {
  margin-top: 10px;
}
.mg_t_15 {
  margin-top: 15px;
}
.mg_t_20 {
  margin-top: 20px;
}
.mg_t_25 {
  margin-top: 25px;
}
.mg_t_30 {
  margin-top: 30px;
}
.mg_t_35 {
  margin-top: 35px;
}
.mg_t_40 {
  margin-top: 40px;
}
.mg_t_45 {
  margin-top: 45px;
}
.mg_t_50 {
  margin-top: 50px;
}
.mg_b_5 {
  margin-bottom: 5px;
}
.mg_b_10 {
  margin-bottom: 10px;
}
.mg_b_15 {
  margin-bottom: 15px;
}
.mg_b_20 {
  margin-bottom: 20px;
}
.mg_b_25 {
  margin-bottom: 25px;
}
.mg_b_30 {
  margin-bottom: 30px;
}
.mg_b_35 {
  margin-bottom: 35px;
}
.mg_b_40 {
  margin-bottom: 40px;
}
.mg_b_45 {
  margin-bottom: 45px;
}
.mg_b_50 {
  margin-bottom: 50px;
}
.mg_lt_5 {
  margin-left: 5px;
}
.mg_lt_10 {
  margin-left: 10px;
}
.mg_lt_15 {
  margin-left: 15px;
}
.mg_rt_5 {
  margin-right: 5px;
}
.mg_rt_10 {
  margin-right: 10px;
}
.mg_rt_15 {
  margin-right: 15px;
}
.width-100 {
  width: 100%;
}
.height-100 {
  height: 100%;
}
.width-50 {
  width: 50%;
}
.height-50 {
  height: 50%;
}
.top_0 {
  top: 0px;
}
.top_5 {
  top: 5px;
}
.top_10 {
  top: 10px;
}
.top_15 {
  top: 15px;
}
.bottom_0 {
  bottom: 0px;
}
.bottom_5 {
  bottom: 5px;
}
.bottom_10 {
  bottom: 10px;
}
.bottom_15 {
  bottom: 15px;
}
.position_relative {
  position: relative;
}
.position_absolute {
  position: absolute;
}
.alg_center {
  text-align: center;
}
.fi-b-naV {
  border-left: solid 1px var(--bkg-news-ta-clr-color);
}
.btn_create_account {
  /* color: #ffffff !important;
  background-color: var(--bkg-top-navbar-color-lc) !important; */
  color: #ffffff !important;
  background-color: var(--bkg-top-navbar-color-lc) !important;
}
.head_weather_tittle {
  font-weight: 900;
  font-size: 13px;
  line-height: 20px;
  color: var(--text-color);
}
.head_weather_sub_tt {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: var(--text-color);
}
.div_tittle_ha {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  /* margin-right: 30px; */
  color: var(--text-color);
  font-family: var(--bs-font-main-ml);
}
.mob-d-blc {
  display: none;
}
/* Text Colors */
._clr_mc_bl .tag_first_2 {
  color: #3e4144 !important;
}
._clr_mc_gn {
  color: #0262ab !important;
}
.Google-news-folow {
  display: flex;
  gap: 7px;
  width: 105px;
  padding: 4px 8px;
  max-height: 30px;
  border: solid var(--bkg-border-color) 1px;
  border-radius: 5px;
  align-items: center;
}
.Google-news-folow figure {
  display: flex;
}
.Google-news-folow a {
  font-size: 14px;
}
/*Container*/
.conntainer_cs {
  width: 100%;
  padding-inline: 20px;
  margin: auto;
  box-sizing: border-box;
}
.conntainer_header {
  width: 100%;
  padding-inline: 20px;
  margin: auto;
  box-sizing: border-box;
}
.fx_jy_ct_s_b {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.nod_gp_fx {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.tag_first_1 {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color);
  margin-right: 2px;
  font-family: var(--bs-font-eng);
}
.tag_first_2 {
  font-size: 15px;
  font-weight: 500;
  color: #8b9292;
  margin-left: 2px;
  font-family: var(--bs-font-eng);
}
/* .tag_first_1:before {
  content: "";
  display: block;
  background: url("../icon/live-chris.svg") no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 6px 0 0;
} */
.top_two-bar {
  border-top: solid 1px var(--bkg-news-ta-clr-color);
  border-bottom: solid 1px var(--bkg-news-ta-clr-color);
  padding: 5px;
}
.box_tags_button {
  font-size: 19px;
  font-weight: 600;
  color: #999;
}
.image_jh_hvr {
  position: relative;
  /* overflow: hidden; */
}
.img_bx_hvr {
  width: 100%;
  border-radius: 7px;
}

.bottom_nxOI_tag_rt {
  display: flex;
  gap: 20px;
  align-items: center;
}
.see_all_th {
  font-size: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border: 0.5px solid var(--bkg-border-color);
  background-color: var(--bkg-three-box-shade-color);
  height: 18px;
  color: var(--text-color);
  transition-duration: 1s;
}
.full_wth_a_btn {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 10px;
  display: flex;
  gap: 1px;
  align-items: center;
}
.full_wth_a_btn_read {
  position: absolute;
  z-index: 2;
  bottom: 25px;
  left: 15px;
  display: flex;
  gap: 1px;
  align-items: center;
}
.a_full_Four_btn {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background-color: var(--bkg-top-navbar-color-lc);
  padding: 1px 10px 0px 10px;
  border-radius: 5px;
  font-family: "Rajdhani", sans-serif;
}
.Premium_btn {
  display: flex;
  align-items: center;
  gap: 2px;
  background-color: #ffb900;
  border-radius: 4px;
  padding: 2px 11px;
  line-height: 22px;
}
.Premium_btn span {
  font-size: 12px;
  color: #000;
}
.img_bx_none_t {
  display: none;
}
.set_all_bxc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.main {
  background-color: var(--bs-teal);
}
.section_heading {
  color: var(--bkg-section-tittle-clr);
  font-size: 15px;
  font-weight: 500;
  font-family: var(--bs-font-eng);
}
.all_box_news_t {
  /*padding: 2px 10px 2px 10px;*/
  /*border-radius: 8px;*/
  margin: 10px 10px 10px 10px;
  border-top: solid var(--bkg-border-color) 0.9px;
  border-bottom: solid var(--bkg-border-color) 0.9px;
  background-color: var(--bkg-three-box-shade-color);
}
/*1.  Header Nvbar */

.cs_header_nav {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  /* top: 0; */
}
.js_mode_sticky {
  width: 100%;
  height: auto;
  z-index: 6;
  background-color: var(--bs-navbar-color);
  /*backdrop-filter: saturate(180%) blur(20px);*/
  border-top: solid 1px var(--bkg-news-ta-clr-color);
  border-bottom: solid 1px var(--bkg-news-ta-clr-color);
}
.head_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left_head_nav {
  margin: 0px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 4px;
  align-items: flex-start;
  /*display: none;*/
}
.logo_text a {
  font-size: 21px;
  font-weight: bold;
  color: var(--text-color);
}
.center_head_nav {
  margin: 0px;
  /* padding-top: 10px; */
}
.haeder_ui_nav {
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.haeder_ui_nav li {
  border-right: solid 1px var(--bkg-news-ta-clr-color);
  padding: 10px;
}
.dropdowN_top {
  display: flex;
  align-items: flex-start;
}
.dropdown_arrow_nav {
  stroke: var(--text-color);
}
.nav_button_a {
  font-size: 15px;
  color: var(--bkg-top-navbar-text-oc-color);
  font-weight: 500;
  font-family: var(--bs-font-eng);
}
.right_head_nav {
  margin: 0px;
  display: flex;
  gap: 20px;
  padding-top: 10px;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}
.s__icn_mc {
  fill: var(--text-color);
}
.s__icn_mc_top {
  fill: var(--bkg-top-navbar-t-icons);
}
.dark__app_btn {
  cursor: pointer;
}
.news_right_ad_box {
  margin-bottom: 10px;
}
.news_right_ad {
  width: 100%;
  height: 400px;
  border-radius: 6px;
}
/*--------------------------------------------------------------
2.0 sidebar
--------------------------------------------------------------*/

.sidenav {
  width: 100%;
  position: fixed;
  z-index: 6;
  top: -26px;
  left: 0;
  background-color: var(--footer-background-clr);
  overflow-y: scroll;
  padding-top: 60px;
  height: 100vh;
  display: none;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.logo_side_bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 20px;
  background-color: #0000000f;
}
.sidebar_menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 56px;
  gap: 20px;
}
.var_rigt {
  border-right: solid 1px #0000006b;
}
.side_menu_li li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.fx_hj_ng {
  display: flex;
  gap: 20px;
  justify-content: center;
}
/*--------------------------------------------------------------
2.0 Footer
--------------------------------------------------------------*/

.footer_clr {
  background-color: var(--footer-background-clr);
  padding: 20px 20px;
}
.fx_main_footer {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.fx_main_footer a {
  text-decoration-line: underline;
}
div.logo_text_footer {
  font-size: 21px;
  font-weight: bold;
  color: var(--text-color);
  text-align: center;
}
.footer_social_widget {
  margin-bottom: 30px;
}
.footer_social_widget .social {
  margin-top: 25px;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
}
.footer_social_widget .social li {
  list-style-type: none;
  display: inline-block;
  font-size: 19px;
  margin-bottom: 13px;
}
.bx {
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footer_social_widget .social li a i {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: solid var(--bkg-border-color) 1px;
  text-align: center;
  font-size: 1rem;
  color: var(--text-color);
  margin: 0 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer_copy_right {
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
}

/*--------------------------------------------------------------
3.0 Category box
--------------------------------------------------------------*/

.categories_box {
  /* margin-top: 80px; */
  /* border-bottom: solid 1px var(--bkg-cat-clr-color);
  border-top: solid 1px var(--bkg-cat-clr-color); */
}
.cat_scroll_box {
  display: flex;
  gap: 10px;
  overflow-y: auto;
  white-space: nowrap;
  justify-content: space-between;
  height: auto;
  padding: 5px;
}
.cat_scroll_box::-webkit-scrollbar {
  display: none;
}
.cat_scroll_button {
  padding: 7px;
  transition-duration: 1s;
  height: 20px;
}
.cat_scroll_button_fist_tag {
  padding: 7px;
  background-color: var(--bkg-first-btn-color);
  border: 0.5px solid var(--bkg-border-color);
  transition-duration: 1s;
  height: 20px;
}
.cat_scroll_button_fist_tag a {
  color: var(--text-btn-color);
  font-weight: 500;
}
.cat_scroll_button a {
  padding: 7px;
  font-weight: 500;
}

/*--------------------------------------------------------------
4.0 Sidebar News section
--------------------------------------------------------------*/

/*left side bar- Just In News*/

.news_read_left {
  height: 25vh;
  position: sticky;
  top: 10%;
  width: 25%;
  height: 1000px;
}
.just_in_read {
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--bkg-three-box-shade-color);
  border-radius: 8px;
}
.just_news_cd {
  padding: 2px 10px 2px 10px;
}
.just_news_time {
  font-size: 14px;
  font-weight: 600;
  color: var(--clr-red);
  font-family: "Rajdhani", sans-serif;
}
.just_news_tittle {
  color: var(--text-color);
  margin: 0px;
  font-family: var(--bs-font-main-ml);
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}
.mail_icon {
  display: flex;
  justify-content: center;
}
.material-symbols-outlined {
  font-size: 50px !important;
  color: #f8f9fa;
}
/*right sidebar News section*/
.news_read_right {
  /* height: 25vh; */
  height: 1000px;
  position: sticky;
  top: 10%;
  width: 25%;
}
.display_sidebar_fx {
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  margin-bottom: 10px;
}
.sidebar_news_image {
  width: 100%;
  border-radius: 6px;
}
.ns_sidebar_tittle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--text-color);
}

/*--------------------------------------------------------------
4.0 Subscribe Newsletter
--------------------------------------------------------------*/

.news_tsp_box {
  background-color: var(--bkg-subscribe-color-dc);
  margin-left: 100px;
  margin-right: 100px;
  border-radius: 8px;
  /* background-image: url("../../assets/images/newsletter-blue.png"); */
}
.box_box_form {
  padding: 2px 10px 2px 10px;
}
.form_daily_updates {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.input_email {
  min-width: 300px;
}
.message_newsletter {
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
}
.icon_subscribe_mail {
  color: var(--bkg-top-navbar-color-lc) !important;
}
/*--------------------------------------------------------------
5.0 Home slider
--------------------------------------------------------------*/

.home_slider_case {
  width: 100%;
}
.slider_box_case {
  margin-top: 0px;
}
.home_slider_box_img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 350px;
  box-shadow: 1px 0px 0px 0px #000;
}
.home_slider_box_img_t {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 350px;
  object-fit: cover;
  overflow: hidden;
  transition: transform 0.75s;
  /* border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; */
}
.home_slider_box_img:hover .home_slider_box_img_t {
  transform: scale(1.1);
}
.home_slider_box_title {
  position: absolute;
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  background-color: var(--bkg-slider-image-background);
  opacity: 0.8;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--bkg-headline--news-home);
}
.mob_rty_arrow {
  display: none;
}
/* 4. Home Display  box*/
.feki {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--bs-font-eng);
}

/* One showcase */
.home_display_box {
  /* background-color: #ffffff; */
}
.display_box_fx {
  /* display: flex;
  justify-content: space-between;
  gap: 10px; */
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 10px;
}
.news-box-a {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  gap: 10px;
}
.box_showcse_chris_two {
  width: 100%;
}
.box_showcse_chris {
  width: 100%;
}
.dc_icon_wheather {
  display: flex;
  align-items: baseline;
  gap: 10px;
  justify-content: space-between;
}
.display_show_case {
  width: 100%;
  margin: 15px 0px 15px 0px;
}
.show_case_box_news_top_tt {
  width: 65%;
  padding: 36px;
  padding-bottom: 0;
  margin-left: 50px;
  margin-top: -60px;
  position: relative;
  background-color: #fff;
}
.njnj_img_icon {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 10px;
  display: flex;
  gap: 1px;
  align-items: center;
}
.home_main_live_btn {
  font-size: 15px;
  font-weight: 700;
  color: #f6f7f6;
  background-color: red;
  padding: 1px 10px 0px 10px;
  border-radius: 5px;
  font-family: "Rajdhani", sans-serif;
}
.difjidf_gbhdfbju_hn {
  margin-top: 2px;
}
.tbgrysd_ty {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}
.showcase_one_image {
  width: 100%;
  height: 280px;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.img_dos_s_main {
  inset: 0;
  width: 100%;
  height: 280px;
  position: absolute;
  border-radius: 12px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: transform 0.75s;
}
.showcase_one_image:hover .img_dos_s_main {
  transform: scale(1.1);
}
.head_nws_botg_sty_shre {
  display: flex;
  gap: 20px;
  align-items: center;
}
.showcase_one_head_tags {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  margin-top: 25px;
}
.showcase_one_heading h1 {
  margin: 7px 0px 7px 0px;
  font-size: 21px;
}
.showcase_one_desc h2 {
  font-size: 16px;
  font-weight: 500;
  color: var(--h2-title-des);
  margin: 7px 0px 7px 0px;
}
.showcase_one_bottom_tags {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.home-side-box {
  display: flex;
  flex-direction: column;
}
/* two showcase */
.box_fx {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  align-items: center;
}
.showcase_two_m_box {
  margin: 10px 0px 10px 0px;
}
.showcase_two_tittle h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 20px 0px 20px 0px;
}
.showcase_two_bottom_br {
  border-bottom: var(--bkg-crad-hr-bottom);
}
.imge_recent_imgffd {
  width: 100px;
  height: 70px;
  border-radius: 12px;
  padding: 5px;
  /* object-fit: cover; */
}

/* Three showcase */

.display_showcase_three {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}
.showcase_three_top_cat {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  align-items: flex-start;
}
.showcase_three_tittle h1 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-right: 30px;
  color: var(--text-color);
}
.showcase_three_image {
  width: 100px;
  height: 70px;
  border-radius: 12px;
  /* padding-right: 50px; */
}
.showcase_three_image img {
  width: 100px;
  height: 70px;
  border-radius: 12px;
}
.showcase_three_bottom_br {
  border-bottom: var(--bkg-crad-hr-bottom);
}

/* 5. Video card slider  */

.three_video_section {
  margin: 0px;
}
.vide0_crd_head h2 {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-color);
}
.slide_bn_dxg {
  display: flex;
  justify-content: space-between;
}
.inside_sl_btn_fx {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.slide_card_nws_btn {
  width: 100%;
}
.button_slide_card_nws_btn {
  padding: 5px 50px 5px 50px;
  border: solid 1px var(--bkg-border-the-news-button);
  box-shadow: 1px 1px 1px 1px rgb(136 136 136);
  /* width: 400px; */
  border-radius: 7px;
}
.sld_btn_ins_fx {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.icon_dxg {
  display: flex;
  gap: 10px;
}
.bh_video_h {
  display: flex;
  gap: 20px;
}
.video_class_scroller {
  overflow-x: auto;
  display: flex;
  /* width: 70%; */
}
.video_class_scroller::-webkit-scrollbar {
  display: none;
}
.video_class_lc {
  display: flex;
  gap: 20px;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}
.vid_crd_all_box {
  box-shadow: 1px 1px 1px 1px #6f6f6f9e;
  border-radius: 7px;
  color: #000;
}
.video_card_three {
  width: 280px;
  height: 400px;
  border-radius: 7px;
  outline: 1px solid;
  position: relative;
  overflow: hidden;
}
.vid_card_image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* opacity: .6; */
  transition: transform 0.75s;
}
.video_card_three:hover .vid_card_image {
  transform: scale(1.15);
}
.vid_card_coverd_O {
  position: absolute;
  font-size: 17px;
  font-weight: 800;
  text-align: center;
  background-color: var(--bkg-slider-image-background);
  opacity: 0.8;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--bkg-headline--news-home);
}
.vid_card_title {
  position: absolute;
  font-size: 17px;
  font-weight: 800;
  bottom: 35px;
  color: var(--bkg-headline--news-home);
  margin-left: 10px;
  margin-right: 10px;
}
.crs_scroll_gi_date {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.crs_scroll_gi_date span {
  color: #fff;
  font-weight: 300;
}
.crs_scroll_gh_share {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  /* background-color: #fff; */
  /* border-radius: 50%; */
}
.grgr_span_shre_y {
  padding: 6px;
  fill: #fff !important;
}
.outer {
  display: flex;
}
.paddle {
  position: absolute;
  width: 30px;
  height: 20px;
  z-index: 2;
  margin-top: 200px;
}
.lefty {
  left: 0;
  margin-left: 20px;
}
.righty {
  right: 0;
  margin-right: 20px;
}
.second_tags_are {
  width: 30%;
}

/* Box Categories News */
.news_categories_box_hr {
  /*  */
}
.box_ty_yu_kl {
}
.flxe_hj_news_h {
  display: flex;
  gap: 20px;
  overflow-x: auto;
}
.insidebox_fx_a_yu {
  display: block;
  gap: 5px;
  /*border: solid var(--bkg-border-color) 1px;*/
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
  width: 100%;
  height: 100%;
  background-color: var(--bkg-three-box-shade-color);
}
.image_gv_hbhgb {
  height: 190px;
  width: 100%;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}
.insidebox_fx_a_yu h1 {
  font-size: 16px;
  font-weight: 800;
  line-height: 23px;
  margin-bottom: 10px;
  display: none;
}
.insidebox_fx_a_yu h2 {
  font-size: 14px;
  font-weight: 500;
}
.insidebox_fx_a_yu img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  /* object-fit: cover; */
}
.fg_for_bx_btm_sr {
  display: flex;
  justify-content: space-between;
}
.fg_for_bx_btm_sr_inside {
  display: flex;
  gap: 10px;
}

/*web stories */
.app_fx_web_stry {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  /* overflow-x: auto; */
  max-width: 100%;
}
.item_webstories_bx {
  border-radius: 12px;
  max-width: 25%;
  width: 100%;
}
.webstories_app {
  position: relative;
}
.webstoriesIcon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  background-image: url(https://css-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/carousel-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 16px;
}
.webstories_app img {
  border-radius: 12px;
  max-width: 100%;
  width: 100%;
}
.fgfgfg {
  position: absolute;
  z-index: 3;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 12px;
  background: -moz-linear-gradient(
    top,
    transparent 0%,
    rgba(0, 0, 0, 0.9) 87%,
    rgba(0, 0, 0, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    top,
    transparent 0%,
    rgba(0, 0, 0, 0.9) 87%,
    rgba(0, 0, 0, 0.9) 100%
  );
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.9) 87%,
    rgba(0, 0, 0, 0.9) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
}
.mhiNHJ_yg {
  position: absolute;
  bottom: 13px;
  left: 13px;
  right: 13px;
}
.webstoriestittle {
  font-size: 16px;
  font-weight: 500;
  color: var(--bs-light);
}

.box_in_wth_hj {
  width: 100%;
}
.box_in_wth_hj_j {
  min-width: 33.33333333333333%;
}
.box_in_wth_hj_g {
  min-width: 66.66666666666666%;
}
.tech_scroll_fhg {
  overflow-x: scroll;
  overflow-y: hidden;
}
.df_spT_tag {
  display: block !important;
  width: auto !important;
  height: 270px !important;
}
.df_spT_tag img {
  width: 100% !important;
  height: 270px !important;
}
.rtr_kldf_h {
  border-radius: 8px;
  border: solid #0006 1px;
  background-color: var(--bkg-three-box-shade-color);
  height: auto;
}
.box_score_board {
  margin: 10px 10px 10px 10px;
}
.led_tittle {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
}
.fg_score_tab_xc {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.box_score_sports {
  width: 50%;
  /* background-color: #5651513d; */
}
.alin_imgw_yvb {
  display: flex;
  justify-content: center;
}
.ply_team_name {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-color);
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Page Two News Read */
.news_main_flex_res {
  display: flex;
  /*flex-direction: row-reverse;*/
  gap: 15px;
}
.news_red_fx {
  width: 75%;
}
.box_news_red {
  width: 100%;
}
.news_read_tag_cc {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  align-items: flex-start;
}
.news_read_pg_h1 {
  font-size: 27px;
  color: var(--text-color);
  line-height: 35px;
  font-weight: 500;
}
.news_shot_d h2 {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  border-bottom: solid 1px var(--bkg-news-ta-clr-color);
  border-top: solid 1px var(--bkg-news-ta-clr-color);
  padding: 10px;
}
.news_read_image {
  width: 100%;
}
.image_copyright {
  font-size: 11px;
}
.box_news_social {
  display: flex;
  gap: 10px;
}
.news_social_a {
  background-color: var(--bkg-category-color);
  border-radius: 50px;
  width: 40px;
  height: 40px;
}
.socil_csg {
  padding: 10px;
}
.news_content_box {
  margin-top: 15px;
  margin-left: 100px;
  margin-right: 100px;
}
.red_yu_i {
  margin-left: 100px;
  margin-right: 100px;
}
.news_tag_box_ytyt {
  display: flex;
  gap: 10px;
  overflow-y: auto;
  white-space: nowrap;
  height: auto;
}
.news_tag_box_ytyt::-webkit-scrollbar {
  display: none;
}
.news_tags {
  font-size: 12px;
  padding: 7px;
  border-radius: 8px;
  background-color: var(--bkg-category-color);
  border: 0.5px solid var(--bkg-border-color);
  transition-duration: 1s;
}
/* news read section two */
.read_news_fx_two_bx {
  /* display: flex; */
  /* gap: 20px;
  margin-top: 40px; */
}
.read_news_fx_three_bx {
  display: flex;
  gap: 20px;
  margin-left: 200px;
  margin-right: 200px;
  margin-top: 40px;
}
.news_category_card {
  padding: 0px 10px 0px 10px;
  border-radius: 11px;
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--bkg-three-box-shade-color);
}
.news_display_show_case {
  margin-top: 0px;
  width: 100%;
  margin: 10px 0px 10px 0px;
}
.op_path {
  display: flex;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
}
.op_path_span {
  color: var(--text-color);
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.7px;
  text-transform: none;
}
.tw_x_nw_logo {
  position: relative;
  top: 6px;
}
.mcg_tag_fx {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.tag_header_tt {
  font-weight: 800;
}
.bts_tag_fx {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  width: 100%;
}
.tag_tbg {
  padding: 8px;
  max-height: 30px;
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--bkg-three-box-shade-color);
  border-radius: 5px;
  align-items: center;
}
.box_live_ns_wtf {
  padding: 25px;
  border-radius: 8px;
  margin: 10px 0px 10px 0px;
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--bkg-three-box-shade-color);
  border-bottom: solid #ff00007a;
}
.live_updates_cs {
  width: 30px;
  height: 30px;
  align-items: center;
}
.live_updates_font {
  font-size: 16px;
  font-weight: 600;
}
.crd_live_ns_tycs {
  margin-top: 10px;
  margin-bottom: 10px;
}
.live_tille_fd {
  margin-top: 6px;
  margin-bottom: 6px;
}
.liveupodatevideo {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.liveupodate iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/*--------------------------------------------------------------
2.0 News Read page section Two
--------------------------------------------------------------*/

.sen_two_pT {
  margin-top: 5px;
  margin-bottom: 20px;
}
.social_yt_kj {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.social_yt_kj li {
  background-color: var(--bkg-social-read-li);
  border-radius: 50%;
}
.social_yt_kj i {
  font-size: 20px;
  color: var(--bkg-social-read-i-tag);
  padding: 10px;
}
.social_widgets {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.facebook_frm iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/*--------------------------------------------------------------
3.0 Photos page main
--------------------------------------------------------------*/

.photos_box_a {
  margin: 0px;
}
.photos_gd_fx {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 10px;
}
.card_photos {
  padding: 10px;
  border-radius: 8px;
  margin: 10px 0px 10px 0px;
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--bkg-three-box-shade-color);
}
.cd_ph_imgs {
  position: relative;
}
.photos_wth_a_btn {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 10px;
  display: flex;
  gap: 1px;
  align-items: center;
}
.cd_ph_imgs img {
  width: 100%;
}
.photos_content {
  margin: 0px;
}
.photos_content span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-right: 30px;
  color: var(--text-color);
}
/* inside Page Photos */
.box_image_yu img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.shyjh {
  font-size: 15px;
  font-weight: 400;
}
.phptos_cont {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
}

.phptos_images_sorc {
  font-size: 11px;
  font-weight: 400;
  margin: 10px;
}
/*--------------------------------------------------------------
3.0 Weather page main
--------------------------------------------------------------*/

.web_hhh_jk {
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--bkg-three-box-shade-color);
  padding: 10px;
  border-radius: 4px;
}
.news_and_weather_mx {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 10px;
}
.weather_ad_box {
  padding: 0px;
}
.weather-icon {
  width: 80px;
  height: 80px;
}
/* Shopping */

.product {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
}
.product_name {
  font-size: 15px;
  color: var(--text-color);
  font-weight: 500;
  font-family: var(--bs-font-eng);
  text-align: center;
}
.product_price {
  font-size: 15px;
  color: var(--text-color);
  font-weight: 500;
  font-family: var(--bs-font-eng);
  text-align: center;
}

/* User profile */
.pro_yule_grd {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}
.aside_profile_bd {
  background-color: var(--bkg-three-box-shade-color);
  padding: 10px;
  border-radius: 6px;
}
/* .tabs_profiles {
  display: flex;
  width: 100%;
  justify-content: center;
} */
.box_user_profile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.usr_page_tab li {
  padding: 10px;
}
.profile_image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.tabs_profiles {
  background-color: var(--bkg-three-box-shade-color);
  padding: 10px;
  border-radius: 6px;
}
.tabcontent {
  display: none;
}
.tablinks {
  cursor: pointer;
}
.usr_page_tab .active {
  color: var(--bkg-top-navbar-color-lc);
}

.box_place_row {
  padding: 10px;
  background-color: var(--bkg-three-box-shade-color);
  border-radius: 6px;
}
.place_cont_bx {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0px;
  width: 100%;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgb(0 0 0 / 42%) 87%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border-radius: 8px;
}
.sdy_gd_ytd_klkl {
  padding: 10px;
}
.place_cont_bx a {
  color: var(--bs-white);
}
.place_cont_bx span {
  color: var(--bs-white);
}
.plas_icon_location {
  position: absolute;
  left: 20px;
  top: 20px;
  /* background-color: #f00; */
  border-radius: 6px;
  /* color: #fff; */
  font-size: 12px;
  padding: 3px 10px 1px 10px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 15px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 1px;
  bottom: 1px;
  background-color: black;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #ff0000;
  border: #ff0000 solid 1px;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  border: #dddddd solid 1px;
}

.slider.round:before {
  border-radius: 50%;
}