/*!
 * Font Awesome Free 6.5.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.fa,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-brands {
  font-family: "Font Awesome 6 Brands";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-circle:before {
  content: "\f111";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-search:before {
  content: "\f002";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/fa-brands-400.woff2") format("woff2"),
    url("/fonts/fa-brands-400.ttf") format("truetype");
}
.fa-brands {
  font-weight: 400;
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-x-twitter:before {
  content: "\e61b";
}
:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/fa-regular-400.woff2") format("woff2"),
    url("/fonts/fa-regular-400.ttf") format("truetype");
}
:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fa-solid-900.woff2") format("woff2"),
    url("/fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("/fonts/fa-brands-400.woff2") format("woff2"),
    url("/fonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("/fonts/fa-solid-900.woff2") format("woff2"),
    url("/fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("/fonts/fa-regular-400.woff2") format("woff2"),
    url("/fonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-solid-900.woff2") format("woff2"),
    url("/fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-brands-400.woff2") format("woff2"),
    url("/fonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-regular-400.woff2") format("woff2"),
    url("/fonts/fa-regular-400.ttf") format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d,
    u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088,
    u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5,
    u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
    u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
    u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
    u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
    u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
    u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/fonts/fa-v4compatibility.woff2") format("woff2"),
    url("/fonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b,
    u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4,
    u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
    u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}

@import url("/css/css2.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* fonts link here which in font folder */

@font-face {
  font-family: myFirstFont;
  src: url("/fonts/63e645ce-9ef3-46be-b322-0a4edd50a6e8-Stag-Medium.ttf");
}

/* root for color and fonts change here for every where */

:root {
  --opensans-font: "Open Sans", sans-serif;
  --black-color: #000000;
  --red-color: #e60505;
  --gray-color: #757575;
  --graytwo-color: #545454;
  --graythree-color: #222222;
  --white-color: #ffffff;
  --blue-color: #0550c8;
  --bluetwo-color: #0000ee;
}
body {
  background-color: var(--white-color);
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1,
h2,
h3,
h5,
p,
span,
a,
li,
strong,
label {
  font-family: var(--opensans-font);
}
.italic {
  font-style: italic;
}
.d_flex {
  display: flex;
}
a {
  cursor: pointer;
  text-decoration: none;
}
.border_anchor {
  border-bottom: 1px solid #d8d8d8;
  color: var(--blue-color);
}
.main_parent_container {
  max-width: 1600px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.top_navbar_section {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
}

/* main_navbar css start here */

.main_navbar {
  width: 100%;
  height: fit-content;
  position: relative;
}
.fa_bars_btn {
  display: none;
}

/* first navbar css start here */

.first_navbar {
  width: 100%;
  height: fit-content;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 9px 11.5% 9px 9.5%;
}
.first_nav_left {
  width: fit-content;
}
.first_nav_left a {
  text-decoration: none;
}
.first_nav_left a img {
  width: 71px;
}

.first_nav_right {
  width: fit-content;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.first_nav_right a {
  text-decoration: none;
  color: var(--graytwo-color);
  font-size: 14px;
  font-weight: 700;
  margin-left: 40px;
}
.first_nav_right a:first-child {
  margin-left: 0;
}
.first_nav_right a i {
  font-size: 15px;
  margin-right: 0.4375rem;
}
.cta_btn {
  background-color: #f18b06;
  border-radius: 10px;
  font-size: 30px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  width: 80%;
  display: block;
  padding: 15px 20px;
  margin: 20px auto 40px;
  font-weight: bold;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

.cta_btn:hover {
  text-decoration: none;
  color: #ffffff;
  transform: translateY(-5px);
}

.cta_btn:focus {
  color: #ffffff;
}

@media (max-width: 499px) {
  .cta_btn {
    font-size: 20px;
    width: 100%;
  }
}
/* second_navbar css start here */

.second_navbar {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding: 5px 12% 5px 9.5%;
  background-color: var(--red-color);
}
.second_unorder_list {
  width: 100%;
  list-style-type: none;
  padding: 7px 0;
}
.second_unorder_list li {
  display: inline-block;
  margin-left: 1.9%;
  margin-right: 1.9%;
}
.second_unorder_list li:first-child {
  margin-left: 0;
}
.second_unorder_list li:last-child {
  margin-right: 0;
}
.second_unorder_list li a {
  text-decoration: none;
  color: var(--white-color);
  font-weight: 700;
  font-size: 16px;
}
.second_unorder_list form {
  width: 70px;
  height: fit-content;
  position: relative;
}
.second_unorder_list form img {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
}
.second_unorder_list form select {
  width: 70px;
  background: none;
  outline: none;
  color: var(--white-color);
  font-weight: 700;
  font-size: 16px;
  padding: 5px;
  border: 1px solid var(--white-color);
}
.second_unorder_list form select option {
  color: var(--black-color);
  background-color: var(--white-color);
  padding: 10px;
}

/* third_navbar css start here */

.third_navbar {
  width: 100%;
  height: 30px;
  background-color: #e5e5e5;
}

/* first_main_container css start here */

.first_main_container,
.second_main_container {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  padding: 110px 14% 40px 17%;
}
.first_main_left,
.second_main_left {
  width: 64%;
  padding: 20px 0;
}
.first_main_right,
.second_main_right {
  width: 32%;
  padding: 20px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.first_101 {
  text-decoration: none;
  color: var(--gray-color);
  font-size: 1rem;
  font-weight: 700;
}
.first_102 {
  color: var(--black-color);
  font-size: 2rem;
  line-height: 1.3;
  font-family: myFirstFont;
  font-weight: 300;
  margin: 15px 0;
}
.first_201 {
  color: var(--black-color);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 20px;
}
.update_time_name {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.update_time_name h5 {
  font-weight: 400;
  color: var(--graythree-color);
  font-size: 16px;
  margin-right: 10px;
}

.update_time_name .share_links {
  display: none;
}
.main_body_heading {
  font-size: 25px;
  color: var(--black-color);
  font-size: 1.5rem;
  line-height: 2rem;
  font-family: myFirstFont;
  font-weight: 300;
  margin: 10px 0;
}
.bullet i {
  font-size: 2px;
  display: flex;
  align-items: center;
}
.page_p_060,
.page_p_061 {
  color: var(--graytwo-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 16px;
}

/* first_icon_comment_list css start here */
.first_p_01,
.page_p_049 {
  color: var(--graythree-color);
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 28px;
}

/* recomand_ul01 css start here */

/* author_container css start here */

.author_container {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.page_h2_001 {
  color: var(--black-color);
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.7em;
  margin-bottom: 0.5em;
}
.page_hr_007 {
  width: 100%;
  border: 1px solid var(--black-color);
  margin-bottom: 15px;
}
.author_content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.page_img_005 {
  width: 100px;
  aspect-ratio: 1/1;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 15px;
}
.page_p_048 {
  font-size: 1rem;
  line-height: 1.625rem;
  margin-top: 0.4rem;
}

/* first_abouts_links_con css start here */

.first_abouts_links_con {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.about_links_up,
.about_links_down {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
.about_links_up a:last-child {
  border-right: none;
}
.about_links_down .page_a_008 i {
  font-size: 12px;
  margin-left: 5px;
}
.about_links_down a {
  border-bottom: none;
}
.page_a_004,
.page_a_005,
.page_a_006,
.page_a_007,
.page_a_008 {
  margin: 0 5px;
  padding: 0 5px;
  border-right: 1px solid var(--gray-color);
}
.page_a_008 {
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
}

/* report_error_popup css sstart here */

.report_error_popup {
  width: 360px;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 30px 25px 20px;
  background-color: #f4f4f4;
  margin-top: 0.5rem;
  display: none;
}
.page_l_001,
.page_l_002,
.page_l_003 {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
  color: var(--black-color);
}
.report_error_popup form {
  width: 95%;
  margin-bottom: 15px;
}
.report_error_popup select {
  width: 100%;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  line-height: 1.4;
  padding: 6px 0.5rem 0.375rem;
  font-size: 15px;
  outline: none;
}
.report_error_popup select option {
  width: 100%;
  position: relative;
}
.page_in_001 {
  width: 95%;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  line-height: 1.4;
  padding: 6px 0.5rem 0.375rem;
  font-size: 15px;
  outline: none;
  margin-bottom: 20px;
}
.page_btn_001 {
  border: none;
  background: var(--blue-color);
  border: 1px solid #1720f9;
  border-radius: 3px;
  color: var(--white-color);
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem 1.5rem;
  transition: 0.3s;
}
.page_btn_001:hover {
  background-color: var(--bluetwo-color);
}

/* recommend_container and discover_container start css here */

.recommend_container,
.discover_container {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 17% 3rem 17%;
}
.recommend_top_row,
.discover_top_row {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.recommend_top_row .page_h1_002,
.discover_top_row .page_h1_002 {
  color: var(--black-color);
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.7em;
  text-transform: uppercase;
}
.page_a_009 i {
  font-size: 30px;
  color: var(--black-color);
}
.page_hr_008 {
  width: 100%;
  border: 0.5px solid var(--black-color);
  margin: 0 0 20px 0;
}
.recommend_content,
.discover_content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 20px;
}
.recommend_content_left,
.discover_content_left {
  width: 59.4%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.recommend_content_right,
.discover_content_right {
  width: 39.4%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.recommend_content_left .recommend_news,
.discover_content_left .discover_news {
  width: 32%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.recommend_content_right .recommend_news,
.discover_content_right .discover_news {
  width: 48.5%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.page_img_006,
.page_img_007,
.page_img_008,
.page_img_009,
.page_img_010 {
  width: 100%;
  margin-bottom: 10px;
}
.page_h3_004,
.page_h3_005,
.page_h3_006,
.page_h3_007,
.page_h3_008 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1875rem;
  color: var(--black-color);
  margin-bottom: 10px;
  transition: 0.2s;
}
.page_h3_004:hover,
.page_h3_005:hover,
.page_h3_006:hover,
.page_h3_007:hover,
.page_h3_008:hover {
  text-decoration: underline;
}
.page_p_050,
.page_p_051,
.page_p_052,
.page_p_053,
.page_p_054,
.page_p_055,
.page_p_056,
.page_p_057,
.page_p_058,
.page_p_059 {
  color: var(--black-color);
  font-size: 0.8rem;
  margin-bottom: 5px;
}

/* second_main_container css start here */

/* comment_container css start here */

.comment_container {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.page_h3_009 {
  color: var(--black-color);
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.7em;
  text-transform: uppercase;
}
.page_hr_009 {
  width: 100%;
  border: 1px solid var(--gray-color);
  margin-bottom: 15px;
}
.page_h1_003 {
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--black-color);
  margin-bottom: 10px;
}
.create_login_sec {
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
.page_p_062 {
  color: var(--graytwo-color);
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 8px;
}
.create_login_sec a {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: underline;
  border: none;
  color: var(--black-color);
  margin-left: 10px;
}
.create_login_sec a i {
  font-size: 12px;
  padding-left: 10px;
}
.convers_clos_con {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  margin: 20px 0 30px 15px;
}
.convers_clos_con img {
  width: 45px;
}
.page_p_064 {
  width: 80%;
  min-height: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 10px;
  background-color: #eee;
  border-radius: 5px;
  margin-left: 15px;
  color: var(--graytwo-color);
  position: relative;
}
.page_p_064::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #eee;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
  left: -13px;
  top: 15px;
}

/* all_comment_list css start here */

.all_comment_list {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.page_p_065 {
  font-weight: 400;
  color: var(--black-color);
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--blue-color);
}
.page_p_065 span {
  font-size: 13px;
  margin-left: 10px;
  background-color: #ddd;
  padding: 3px 5px;
  border-radius: 3px;
}
.comment_newest {
  width: fit-content;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.comment_newest select {
  font-weight: 300;
  font-size: 0.857em;
  text-transform: uppercase;
  border: none;
  background: none;
  width: 90px;
  color: var(--blue-color);
  padding: 5px 8px;
  transition: 0.2s;
  outline: none;
}
.comment_newest select:hover {
  background-color: #dbe9ff;
}
.page_a_010 i {
  color: var(--black-color);
  margin-left: 30px;
  font-size: 15px;
}
.comment_newest form select option {
  padding: 10px 10px;
}
.load_new_content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_p_066 {
  width: fit-content;
  padding: 6px 12px;
  background-color: var(--blue-color);
  color: var(--white-color);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  border-radius: 0 0 3px 3px;
}
.all_comments_content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 40px;
}
.comment_main_con {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 3% 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.comment_main_con img {
  width: 5.5%;
  margin: 0 1%;
}
.comment_text {
  width: 92%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 10px 2%;
}
.commenter_name {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
}
.page_a_011,
.page_a_014 {
  font-size: 1em;
  font-weight: 700;
  color: var(--graythree-color);
}
.page_p_067,
.page_p_072 {
  color: var(--gray-color);
  font-size: 0.8em;
}
.page_p_068,
.page_p_069,
.page_p_070,
.page_p_073,
.page_p_075 {
  font-size: 16px;
  margin-bottom: 10px;
}
.page_a_012,
.page_a_015 {
  font-size: 12px;
  color: var(--gray-color);
}
.com_m_sec {
  border: none;
  position: relative;
}
.com_m_sec::after {
  content: "";
  width: 1px;
  height: 55px;
  background-color: #ddd;
  position: absolute;
  left: 3.5%;
  top: 60%;
}
.page_p_071 {
  font-size: 11px;
  color: var(--gray-color);
  background-color: #ddd;
  padding: 4px 7px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.page_a_013 {
  font-size: 12px;
  color: #aaa;
  font-weight: 600;
  text-transform: uppercase;
}
.page_p_075 {
  font-size: 12px;
  color: var(--gray-color);
  margin: 0;
  padding: 0;
}
.page_p_075 a {
  font-size: 12px;
  font-weight: 700;
  color: var(--black-color);
}

.comment_main_con:hover {
  background-color: #f7f7f7;
}
.like_and_share_con {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.share_report {
  width: fit-content;
  display: flex;
  flex-direction: row;
}
.share_report .page_a_012 {
  font-weight: 700;
  font-size: 12px;
  transition: 0.2s;
  margin-left: 10px;
  display: none;
}
.share_report select {
  width: 55px;
  border: none;
  background: none;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-weight: 700;
  font-size: 12px;
  color: var(--gray-color);
  text-transform: uppercase;
  display: none;
}
.share_report .page_a_012:hover,
.share_report select:hover {
  border-bottom: 1px solid #d8d8d8;
  color: var(--blue-color);
}
.comment_main_con:hover .share_report .page_a_012,
.comment_main_con:hover .share_report select {
  display: block;
}
.load_more_comments {
  width: 100%;
  height: fit-content;
  padding: 7px 0;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  background: none;
  border: 1px solid #e7e7e7;
  outline: none;
  color: var(--gray-color);
  border-radius: 5px;
  transition: 0.2s;
  cursor: pointer;
}
.load_more_comments:hover {
  border: 1px solid var(--blue-color);
  color: var(--blue-color);
}

/* footer css start here */

.footer {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px 10% 20px 11%;
  margin-top: 40px;
}
.all_footer_content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.footer_content_left {
  width: 64%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.footer_content_right {
  width: 34.3%;
}
.footer_content_left .footer_co_col {
  width: 48.7%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.footer_content_right .footer_co_col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
.footer_text {
  width: 50%;
  padding: 0 4%;
}
.footer_text h2 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.7em;
  margin-bottom: 15px;
}
.footer_text ul {
  list-style-type: none;
}
.footer_text ul li {
  margin-bottom: 5px;
  font-size: 14px;
  color: black;
}
.footer_text ul li a {
  color: var(--blue-color);
  font-size: 14px;
  transition: 0.2s;
}
.footer_text ul li a:hover {
  border-bottom: 1px solid var(--blue-color);
  color: var(--blue-color);
}

/* copyright css start here */

.copyright {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 10px 10% 10px 11%;
  background-color: var(--black-color);
}
.copyright a {
  color: var(--white-color);
}
.page_img_014 {
  width: 220px;
}
.copyright p {
  color: var(--white-color);
  font-size: 13px;
  font-weight: 700;
}
.page_a_017 {
  font-size: 12px;
  font-weight: 700;
}
.page_a_017:hover {
  text-decoration: underline;
}

/* @media(max-width:1000px) css start here */

@media (max-width: 1000px) {
  .first_navbar {
    padding: 9px 8% 9px 8%;
  }
  .second_navbar {
    padding: 5px 8% 5px 8%;
  }
  .first_main_container,
  .second_main_container {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 80px 8% 40px 8%;
  }
  .first_main_left,
  .second_main_left {
    width: 100%;
    padding: 20px 0;
  }
  .first_main_right,
  .second_main_right {
    width: 100%;
    padding: 20px 0;
  }
  .recommend_container,
  .discover_container {
    padding: 3rem 8% 2rem 8%;
  }
  .footer {
    padding: 15px 8% 15px 8%;
    margin-top: 40px;
  }
  .page_img_014 {
    width: 170px;
  }
}

/* @media(max-width:750px) css start here */

@media (max-width: 750px) {
  .second_main_right img {
    width: 100%;
  }
  .first_navbar {
    padding: 7px 4% 7px 4%;
    position: relative;
  }
  .second_navbar {
    position: relative;
    height: 45px;
    padding: 5px 4% 5px 4%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .first_main_container,
  .second_main_container {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 40px 4% 40px 4%;
  }
  .first_main_left,
  .second_main_left {
    width: 100%;
    padding: 20px 0;
  }
  .first_main_right,
  .second_main_right {
    width: 100%;
    padding: 20px 0;
  }
  .recommend_container,
  .discover_container {
    padding: 2rem 4% 1.5rem 4%;
  }
  .footer {
    padding: 15px 4% 15px 4%;
    margin-top: 40px;
  }
  .page_img_014 {
    width: 150px;
  }

  .first_nav_left a img {
    width: 65px;
  }
  .first_nav_right a {
    font-size: 14px;
    margin-left: 20px;
  }
  .first_nav_right a i {
    font-size: 15px;
    margin-right: 0.2375rem;
  }
  .fa_bars_btn {
    border: none;
    background: none;
    outline: none;
    position: absolute;
    right: 4%;
    top: 11px;
    font-size: 22px;
    color: var(--white-color);
    display: block;
  }
  .second_unorder_list {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: var(--red-color);
    padding: 35px 0 10px 0;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }
  .second_unorder_list li {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
    text-align: center;
  }
  .second_unorder_list li a {
    font-size: 14px;
  }
  .second_unorder_list form {
    width: 100px;
    margin-left: 36.5%;
  }
  .second_unorder_list form select {
    width: 100%;
    font-size: 14px;
  }

  /* third_navbar css start here */

  .third_navbar {
    height: 50px;
  }
  .first_101 {
    font-size: 1rem;
  }
  .first_102 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 10px 0;
  }
  .first_201 {
    font-size: 15px;
    line-height: 1.2rem;
    margin-bottom: 13px;
  }
  .page_p_060,
  .page_p_061 {
    font-size: 0.85rem;
    line-height: 1.1rem;
    margin-bottom: 13px;
  }

  /* first_icon_comment_list css start here */
  .first_p_01,
  .page_p_049 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 15px;
  }

  /* recomand_ul01 css start here */

  /* author_container css start here */

  .page_h2_001 {
    font-size: 1.1em;
    line-height: 1.4em;
    margin-bottom: 0.3em;
  }
  .page_hr_007 {
    margin-bottom: 15px;
  }
  .author_content {
    margin-bottom: 15px;
  }
  .page_img_005 {
    width: 80px;
  }
  .page_p_048 {
    font-size: 1rem;
    line-height: 1.525rem;
    margin-top: 0.3rem;
  }

  /* first_abouts_links_con css start here */

  .about_links_up,
  .about_links_down {
    margin-bottom: 10px;
  }
  .about_links_down .page_a_008 i {
    font-size: 10px;
    margin-left: 5px;
  }
  .page_a_004,
  .page_a_005,
  .page_a_006,
  .page_a_007,
  .page_a_008 {
    font-size: 14px;
  }
  .page_a_008 {
    font-size: 14px;
  }

  /* report_error_popup css sstart here */

  .report_error_popup {
    width: 80%;
    padding: 20px 20px 20px 15px;
  }
  .page_in_001 {
    margin-bottom: 20px;
  }

  /* recommend_container and discover_container start css here */

  .recommend_top_row .page_h1_002,
  .discover_top_row .page_h1_002 {
    color: var(--black-color);
    font-size: 1em;
    line-height: 1.5em;
  }
  .page_a_009 i {
    font-size: 25px;
    color: var(--black-color);
  }
  .recommend_content,
  .discover_content {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .recommend_content_left,
  .discover_content_left {
    width: 100%;
  }
  .recommend_content_right,
  .discover_content_right {
    width: 66%;
  }
  .recommend_content_left .recommend_news,
  .discover_content_left .discover_news {
    width: 32%;
    margin-bottom: 1rem;
  }
  .recommend_content_right .recommend_news,
  .discover_content_right .discover_news {
    width: 48.5%;
  }

  /* second_main_container css start here */

  /* comment_container css start here */

  .page_h3_009 {
    font-size: 1.1em;
  }
  .page_hr_009 {
    border: 0.5px solid var(--gray-color);
  }
  .page_h1_003 {
    font-size: 1.325rem;
  }
  .create_login_sec {
    margin-bottom: 10px;
  }
  .page_p_062 {
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .create_login_sec a {
    font-size: 1rem;
  }
  .convers_clos_con {
    margin: 30px 0 30px 15px;
  }
  .convers_clos_con img {
    width: 40px;
  }
  .page_p_064 {
    width: 80%;
    min-height: 40px;
  }

  .all_footer_content {
    flex-direction: column;
    padding-top: 15px;
  }
  .footer_content_left {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer_content_right {
    width: 50%;
  }
  .footer_content_left .footer_co_col {
    width: 48.7%;
    flex-direction: row;
  }
  .footer_content_right .footer_co_col {
    flex-direction: row;
  }
  .footer_text {
    width: 50%;
    padding: 0 4%;
  }
  .footer_text h2 {
    font-size: 15px;
    line-height: 1.4em;
  }

  /* copyright css start here */

  .copyright {
    justify-content: center;
    flex-direction: column;
    padding: 10px 4% 10px 4%;
  }
  .copyright a {
    margin-bottom: 10px;
  }
  .copyright a:last-child {
    margin: 0;
  }
  .copyright p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .page_a_017 {
    font-size: 10px;
    font-weight: 700;
  }
}

/* @media(max-width:500px) css start here */

@media (max-width: 500px) {
  .first_nav_left a img {
    margin-bottom: 0;
  }
  .first_nav_right a {
    font-size: 13px;
    margin-left: 15px;
  }
  .first_nav_right a i {
    font-size: 14px;
  }

  /* third_navbar css start here */
  .update_time_name {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 20px;
  }

  /* author_container css start here */

  .page_img_005 {
    width: 70px;
  }

  /* first_abouts_links_con css start here */

  .first_abouts_links_con,
  .about_links_up,
  .about_links_up,
  .about_links_down {
    flex-direction: column;
    align-items: flex-start;
  }
  .about_links_up,
  .about_links_down {
    margin-bottom: 0;
  }
  .page_a_004,
  .page_a_005,
  .page_a_006,
  .page_a_007,
  .page_a_008 {
    font-size: 14px;
    border-right: none;
  }

  /* report_error_popup css sstart here */

  .report_error_popup {
    width: 100%;
    padding: 20px 20px 20px 15px;
  }

  /* recommend_container and discover_container start css here */

  .recommend_content,
  .discover_content {
    margin-bottom: 0px;
  }
  .recommend_content_left,
  .discover_content_left {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
  }
  .recommend_content_right,
  .discover_content_right {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
  }
  .recommend_content_left .recommend_news,
  .discover_content_left .discover_news {
    width: 100%;
    margin-bottom: 0;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: 1px solid #eee;
    padding-top: 7px;
    align-items: center;
  }
  .recommend_content_right .recommend_news,
  .discover_content_right .discover_news {
    width: 100%;
    margin-bottom: 0;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-top: 7px;
  }
  .recommend_content_left .recommend_news img,
  .discover_content_left .discover_news img,
  .recommend_content_right .recommend_news img,
  .discover_content_right .discover_news img {
    display: none;
  }
  .recommend_content_left .recommend_news a,
  .discover_content_left .discover_news a,
  .recommend_content_right .recommend_news a,
  .discover_content_right .discover_news a {
    width: 70%;
  }
  .recommend_content_left .recommend_news p,
  .discover_content_left .discover_news p,
  .recommend_content_right .recommend_news p,
  .discover_content_right .discover_news p {
    width: 25%;
  }

  /* second_main_container css start here */

  /* comment_container css start here */

  .footer_content_left {
    width: 100%;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .footer_content_right {
    width: 100%;
  }
  .footer_content_left .footer_co_col {
    width: 100%;
    flex-direction: row;
  }
  .footer_content_right .footer_co_col {
    flex-direction: row;
  }
  .footer_text {
    width: 100%;
    padding: 0 4%;
  }

  /* copyright css start here */

  .copyright {
    justify-content: center;
    flex-direction: column;
    padding: 10px 4% 10px 4%;
  }
  .copyright a {
    margin-bottom: 7px;
  }
}
* {
  scroll-behavior: smooth;
}