/*
 * @author: Christin Joseph
 * @Developed Date: 24-08-2022
 * Cleaned and organized version
 */
@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");
/* CSS Custom Properties (Variables) */
: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-subscribe-color-dc: #1f1f1e;

  /* --web-font-main: "Noto Sans Malayalam", sans-serif;
  --web-font-main: "Roboto", sans-serif; */

  --web-font-main: "Noto Sans Malayalam", sans-serif;
  /* --web-font-second: Lora, serif;
  --web-font-heading: Lora, serif;
  --web-font-Paragraph: Lora, serif; */

  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  /* Colors */
  --clr-red: #195c8e;
}

body {
  --text-color: #222;
  --bkg-color: #ffffff;
  --bs-navbar-color: #f6f6f6;
  --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-section-tittle-clr-b: #fff;
  --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;
  --bkg-first-box-color: #fff;
  --bkg-news-letter: #eff9e9;
  --bkg-newsletter-btn: #000;
  --bkg-sepecial-bsp-clr: #1c1c16;
  --text-color-b-seacial-card: #ffff;

  --bkg-ul-li-list: #e4e2e233;
  --bkg-ul-li-dot: #000;
  --faq-list-card: #f8f9fa00;
  --faq-list-card-shadow: #00000014;
  --tag-btn-clr-bottom: #f6f6f6;
    --bkg-top-navbar-color-lc: #000000;
}

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-section-tittle-clr-b: #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: #404040;
  --bkg-first-box-color: #2b2b2b;
  --bkg-news-letter: #1f1f1e;
  --bkg-newsletter-btn: #5ec92a;
  --bkg-top-navbar-color-lc: #195c8e;
  --bkg-sepecial-bsp-clr: #1c1c16;
  --text-color-b-seacial-card: #ffff;

  --bkg-ul-li-list: #49494945;
  --bkg-ul-li-dot: #fff;
  --faq-list-card: #1f1f1e;
  --faq-list-card-shadow: #00000030;
  --tag-btn-clr-bottom: #1f1f1e;
}

/* Base Styles */
body {
  margin: 0;
  padding: 0 !important;
  font-family: var(--web-font-main);
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: var(--text-color);
  background-color: var(--bkg-color);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
dd,
body,
button,
input,
select,
textarea {
  color: var(--text-color);
  margin: 0px;
  font-family: var(--web-font-main);
  line-height: 1.3;
}

a {
  text-decoration: none;
  color: var(--text-color);
  margin: 0px;
  font-family: var(--web-font-main);
  line-height: 26px;
}

p {
  color: var(--text-color);
  margin: 0px;
  font-family: var(--web-font-main);
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  overflow: hidden;
  color: var(--text-color);
  margin: 0px;
  line-height: 26px;
}

li {
  list-style-type: none;
  color: var(--text-color);
  margin: 0px;
}

nav {
  margin: 0px;
  width: 100%;
}

figure {
  margin: 0px;
}

img {
  width: 100%;
}
u {
  color: inherit;
  border-bottom: 2.5px solid #5ec92a;
  text-decoration: none !important;
}
/* Utility Classes - Margins */
.mg_t_0 {
  margin-top: 0px !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_0 {
  margin-bottom: 0px !important;
}
.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;
}

/* Utility Classes - Width/Height/Position */
.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;
}
.btn_create_account {
  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;
  color: var(--text-color);
  font-family: var(--web-font-main);
}

.div_tittle_ha_b {
  color: var(--text-color-b-seacial-card) !important;
}
.article_wtr_name span{
  color: var(--text-color-b-seacial-card) !important;
}
.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(--web-font-main);
}

.tag_first_2 {
  font-size: 15px;
  font-weight: 500;
  color: #8b9292;
  margin-left: 2px;
  font-family: var(--web-font-main);
}

.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;
}

.see_all_th_b {
  border: 0.5px solid var(--bkg-border-color) !important;
  background-color: var(--bkg-three-box-shade-color) !important;
  color: var(--text-color-b-seacial-card) !important;
}

.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: #195c8e;
  padding: 1px 10px 0px 10px;
  border-radius: 5px;
  font-family: var(--web-font-main);
}

.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(--web-font-main);
}
.section_heading_b {
  color: var(--bkg-section-tittle-clr-b) !important;
}

.all_box_news_t {
  margin: 10px 10px 10px 10px;
  border-bottom: solid var(--bkg-border-color) 0.9px;
  background-color: var(--bkg-three-box-shade-color);
}

/* 1. Header Navbar */
.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);
  /* color: rgb(0, 0, 0); */
  font-weight: 500;
  font-family: var(--web-font-main);
}

.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);
  /* fill: rgb(0, 0, 0); */
}

.dark__app_btn {
  cursor: pointer;
}

.news_right_ad_box {
  margin-bottom: 10px;
}

.news_right_ad {
  width: 100%;
  height: 400px;
  border-radius: 6px;
}

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

.sidenav .closebtn {
  position: absolute;
  top: 25px;
  right: 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;
  gap: 30px;
}

.var_rigt {
  border-bottom: solid 1px var(--bkg-news-ta-clr-color);
}

.side_menu_li li {
  margin-top: 5px;
  margin-bottom: 5px;
}

.fx_hj_ng {
  display: flex;
  gap: 20px;
  justify-content: center;
}

/* 3. 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;
}

/* 4. 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;
}

/* 5. Sidebar News Section */
/* Left Sidebar - 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: var(--web-font-main);
}

.just_news_tittle {
  color: var(--text-color);
  margin: 0px;
  font-family: var(--web-font-main);
  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: 30%;
}

.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);
}

/* 6. Subscribe Newsletter */
.news_tsp_box {
  background-color: #ecedef;
  margin-left: 100px;
  margin-right: 100px;
  border-radius: 8px;
  background-image: ur[](https://www.christinjoseph.in/assets/img/footer-gradient.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;

  /* 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: #ffffff !important;
}

/* 7. 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;
}

/* 8. Home Display Box */
.feki {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--web-font-main);
}

/* One Showcase */
.display_box_fx {
  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: 85%;
  padding: 20px 10px 0px 10px;
  padding-bottom: 10px;
  margin-left: 50px;
  margin-top: -60px;
  position: relative;
  background-color: var(--bkg-first-box-color);
}

.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: var(--web-font-main);
}

.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;
  color: var(--text-color) !important;
  font-weight: 600;
}

.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);
}

/* 9. 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 {
  background-color: var(--bkg-sepecial-bsp-clr);
}

.box_ty_yu_kl {
  /* background-color: var(--bkg-sepecial-bsp-clr); */
  padding-top: 50px;
  padding-bottom: 50px;
}

.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: ur[](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: 70%;
}

.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_shot_d p {
  font-size: 17px;
  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: 5px;
  align-items: center;
  justify-content: flex-start;
}

.op_path_span {
  color: var(--text-color);
  display: inline-block;
  font-size: 15px;
  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: 5px 10px;
  max-height: 44px;
  border: solid var(--bkg-border-color) 1px;
  background-color: var(--tag-btn-clr-bottom);
  border-radius: 5px;
  display: flex;
  align-items: baseline;
  align-content: stretch;
}

.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;
}

/* 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;
}

/* 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;
}

/* 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(--web-font-main);
  text-align: center;
}

.product_price {
  font-size: 15px;
  color: var(--text-color);
  font-weight: 500;
  font-family: var(--web-font-main);
  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;
}

/* Theme Switcher */
.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;
  border-radius: 34px; /* Moved from .round for base styling */
  background-color: #000000;
  border: #000000 solid 1px;
}

/* Light mode defaults (unchecked) */
.slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 1px;
  bottom: 1px;
  background-color: rgb(255, 255, 255);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%; /* Round knob */
}

/* Light mode checked */
input:checked + .slider {
  background-color: #ffffff;
  border: #ffffff solid 1px;
}

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

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

/* Dark mode overrides */
body.dark__app .slider {
  border: #4a4a4a solid 1px; /* Dark gray border for unchecked */
  background-color: #333; /* Subtle dark background */
}

body.dark__app .slider:before {
  background-color: #ccc; /* Light gray knob for contrast in dark mode */
}

body.dark__app input:checked + .slider {
  background-color: #4a90e2; /* Lighter blue for better visibility in dark */
  border: #4a90e2 solid 1px;
}

body.dark__app input:checked + .slider:before {
  background-color: #fff; /* White knob when checked in dark mode */
}

/**/

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

.page_inside h1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* Side bar newsletter */
.newsletter-sidebar {
  width: 100%;
  background-color: var(--bkg-news-letter);
  border: 1px solid var(--bkg-news-letter);
  padding: 24px;
}

.newsletter-sidebar h2 {
  font-family: var(--web-font-main);
  font-size: 37px !important;
  margin-bottom: 15px !important;
  color: var(--text-color);
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: normal;
}

.newsletter-sidebar .subtitle {
  font-size: 14px;
  color: var(--text-color);
  margin: 0 0 20px 0;
  line-height: 1.4;
}

.newsletter-sidebar .email-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.newsletter-sidebar .email-input:focus {
  outline: none;
  border-color: #4caf50;
}

.newsletter-sidebar .error-message {
  color: #f44336;
  font-size: 12px;
  margin-bottom: 8px;
  display: none;
}

.newsletter-sidebar .subscribe-btn {
  width: 100%;
  background-color: var(--bkg-newsletter-btn);
  color: white;
  padding: 15px 30px;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 16px;
  transition: background-color 0.3s;
}

.newsletter-sidebar .subscribe-btn:hover {
  background-color: #45a049;
}

.newsletter-sidebar .privacy-note {
  font-size: 14px;
  color: #000000;
  line-height: 1.4;
  text-align: center;
}
.art_hgvg-hgvh {
  position: relative;
}
.art-sid_btm {
  background-color: #eff9e9;
  margin: 0px;
  position: absolute;
  bottom: 8px;
  padding: 30px;
  width: 100%;
}
.fnt-artic_gghy {
  font-size: 20px;
  font-weight: 700;
}
/* article read */
.news_content_box p {
  margin-top: 30px;
  margin-bottom: 30px;
}
.news_content_box h2 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.news_content_box h3 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.faq-section {
  margin-top: 40px;
  margin-bottom: 40px;
}
.faq-section h3 {
  color: #5ec92a;
  font-size: 24px;
  margin-bottom: 20px;
  border-bottom: 2px solid #5ec92a;
  padding-bottom: 10px;
}
.faq-item {
  margin-bottom: 20px;
  padding: 15px;
  background-color: var(--faq-list-card);
  /* background-color: #f8f9fa00; */
  border-radius: 5px;
  box-shadow: -1px 3px 20px 4px var(--faq-list-card-shadow);
}
.faq-item h4 {
  color: var(--text-color);
  margin-bottom: 10px;
  font-size: 18px;
}
.faq-item p {
  color: var(--text-color);
  line-height: 1.6;
}
.cont_yu_iv ul {
  list-style-type: disc;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: var(--bkg-ul-li-list);
  border-radius: 14px;
}
.cont_yu_iv li {
  margin-top: 0;
  padding-inline-start: 48px;
  list-style-type: none !important;
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
.cont_yu_iv li::before {
  position: absolute;
  left: 0;
  top: 5px;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  content: "●";
  color: var(--bkg-ul-li-dot);
  background-size: cover;
  font-size: 1.4em;
}

.right_article_card a {
  font-size: medium;
}

/* page Table */
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

thead th {
  background-color: #2c3e50;
  color: white;
  padding: 18px 15px;
  text-align: left;
  font-weight: 600;
}

td, th {
  padding: 15px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eee;
}

tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

tbody tr:hover {
  background-color: #e3f2fd;
  transition: background-color 0.3s;
}

@media screen and (max-width: 768px) {
      table, thead, tbody, th, td, tr {
        display: block;
      }

      thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
      }

      tr {
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        overflow: hidden;
        background: white;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      }

      td {
        border: none;
        position: relative;
        text-align: left;
        font-size: 15px;
      }

      td:before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 45%;
        font-weight: bold;
        text-align: left;
        color: #2c3e50;
      }

      /* Header row on mobile */
      tr:first-child td {
        background-color: #2c3e50;
        color: white;
        font-weight: bold;
        text-align: center;
        padding-left: 15px !important;
      }

      tr:first-child td:before {
        display: none;
      }
    }