@import url("https://fonts.maateen.me/adorsho-lipi/font.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: 0; }

/* ================ h1 tages size ===========  */
/* ========================= navbar start 

    background: -webkit-linear-gradient(left,#876117 0%,#fee88f 70%,#b19242 100%);


===============  */
.nav_bar {
  position: sticky !important;
  top: 0;
  z-index: 100;
  /* =================== fastSection  ============= */
  /* =================== secondsection   ============= */ }
  .nav_bar .fastSection_container {
    background-color: #000000; }
    .nav_bar .fastSection_container .fastSection {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 7px 0px; }
      .nav_bar .fastSection_container .fastSection div h1 {
        color: #B2B2B2;
        font-size: 12px; }
      .nav_bar .fastSection_container .fastSection div ul {
        display: flex;
        justify-items: center;
        gap: 30px; }
        .nav_bar .fastSection_container .fastSection div ul li {
          list-style: none; }
          .nav_bar .fastSection_container .fastSection div ul li a i {
            color: white; }
          .nav_bar .fastSection_container .fastSection div ul li .livebutton {
            text-decoration: none;
            background-color: #CB181C;
            color: white;
            padding: 0px 10px;
            border-radius: 5px; }
  .nav_bar .secondsection_container {
    background: -webkit-linear-gradient(left, #876117 0%, #fee88f 70%, #b19242 100%); }
    .nav_bar .secondsection_container .secondsection {
      padding: 15px 0px; }
      .nav_bar .secondsection_container .secondsection div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative; }
        .nav_bar .secondsection_container .secondsection div div .logo_images {
          max-width: 120px;
          height: auto;
          text-decoration: none; }
        .nav_bar .secondsection_container .secondsection div div a span {
          color: black; }
        .nav_bar .secondsection_container .secondsection div ul {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .nav_bar .secondsection_container .secondsection div ul li {
            list-style: none; }
            .nav_bar .secondsection_container .secondsection div ul li a {
              font-size: 15px;
              color: black;
              line-height: 50px;
              text-decoration: none;
              cursor: pointer; }
            .nav_bar .secondsection_container .secondsection div ul li a:hover {
              color: #CB181C; }
          .nav_bar .secondsection_container .secondsection div ul .dropdown {
            position: relative;
            display: inline-block;
            cursor: pointer; }
          .nav_bar .secondsection_container .secondsection div ul .dropdown-content {
            display: none;
            position: absolute;
            right: 20px;
            background-color: #000;
            min-width: 120px;
            z-index: 1; }
            .nav_bar .secondsection_container .secondsection div ul .dropdown-content a {
              color: #fff;
              padding: 10px; }
            .nav_bar .secondsection_container .secondsection div ul .dropdown-content .hozinaltal_line {
              margin: 0;
              padding: 0;
              border: #f58220;
              width: 100%;
              height: 1px;
              background-color: #f58220 !important; }
          .nav_bar .secondsection_container .secondsection div ul .dropdown:hover .dropdown-content {
            display: block; }
        .nav_bar .secondsection_container .secondsection div .manubar_content {
          width: 300px;
          color: red;
          font-size: x-large;
          padding: 6px 20px;
          display: block !important;
          background-color: white !important;
          position: absolute;
          top: 88px;
          right: -10px;
          z-index: 20; }
        .nav_bar .secondsection_container .secondsection div .click_menu {
          display: none; }
        @media only screen and (max-width: 1200px) {
          .nav_bar .secondsection_container .secondsection div ul {
            display: none; }
          .nav_bar .secondsection_container .secondsection div div .click_menu {
            z-index: 20;
            display: block;
            font-size: 40px; } }
  .nav_bar .baler_manu_bar {
    width: 100%;
    background-color: #000000;
    height: 100vh;
    position: fixed;
    top: 210px;
    padding: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.4;
    z-index: 10 !important;
    display: none; }
  @media only screen and (min-width: 1200px) {
    .nav_bar .fastSection,
    .nav_bar .secondsection {
      max-width: 1140px;
      margin: auto; } }
  @media only screen and (max-width: 1199px) {
    .nav_bar .fastSection,
    .nav_bar .secondsection {
      max-width: 900px;
      margin: auto;
      padding: 150px 0; } }
  @media only screen and (max-width: 770px) {
    .nav_bar .secondsection_container,
    .nav_bar .fastSection_container {
      padding: 0 10px; } }
  @media only screen and (max-width: 518px) {
    .nav_bar .fastSection_container {
      display: none; }
    .nav_bar .manubar_content {
      width: 200px !important; } }

/* ========================= navbar end ===============  
/*  ======================== https://www.bangladeshisoftware.com/ =============== -->
/*  ================= main start  ==================  -->*/
main {
  background-color: #EBEBEB;
  overflow: hidden;
  /* ============ discass_nesw  ========= */
  /* ---------------------- news_category start---------------------- */ }
  main .section_width {
    /* =============== Most populer post ================= */ }
    main .section_width .marquee_style {
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 10;
      padding: 10px 0; }
      main .section_width .marquee_style h1 {
        width: 150px !important;
        text-align: center;
        width: fit-content;
        font-size: 15px;
        color: white;
        padding: 5px 10px;
        background-color: #CB181C; }
      main .section_width .marquee_style marquee span {
        color: #CB181C; }
      main .section_width .marquee_style marquee {
        padding: 6px 0;
        background-color: white; }
    main .section_width .slider_covid_9 {
      width: 100%; }
      main .section_width .slider_covid_9 .mySlides img {
        max-width: 100%; }
    main .section_width .mostPopuler_post {
      display: flex;
      justify-items: center;
      overflow: hidden;
      margin: 80px 0px;
      justify-content: space-between;
      gap: 40px; }
      main .section_width .mostPopuler_post .most_side_post {
        width: 40%;
        background-color: #fff;
        padding: 20px; }
        main .section_width .mostPopuler_post .most_side_post .most_side_post5 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 4px 0; }
    main .section_width .post_clomus_items .post_cloums1 {
      display: grid;
      grid-template-columns: auto auto auto auto;
      gap: 25px; }
      main .section_width .post_clomus_items .post_cloums1 div {
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 3px;
        padding-bottom: 5px;
        color: #848484; }
        main .section_width .post_clomus_items .post_cloums1 div img {
          width: 100%;
          border-radius: 3px; }
        main .section_width .post_clomus_items .post_cloums1 div h1 {
          font-weight: normal;
          font-size: 18px;
          padding: 10px;
          color: #000; }
          main .section_width .post_clomus_items .post_cloums1 div h1 a {
            color: #000;
            text-decoration: none; }
          main .section_width .post_clomus_items .post_cloums1 div h1 a:hover {
            color: red; }
        main .section_width .post_clomus_items .post_cloums1 div span {
          font-weight: normal;
          font-size: 15px;
          padding: 10px; }
    main .section_width .post_clomus_items .images_full_size_headere {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      main .section_width .post_clomus_items .images_full_size_headere .images_full_size {
        background-color: white;
        padding-bottom: 11px;
        color: #848484;
        border-radius: 3px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
        main .section_width .post_clomus_items .images_full_size_headere .images_full_size img {
          width: 100%;
          border-radius: 3px; }
        main .section_width .post_clomus_items .images_full_size_headere .images_full_size h1 {
          font-weight: normal;
          font-size: 18px;
          padding: 10px; }
          main .section_width .post_clomus_items .images_full_size_headere .images_full_size h1 a {
            color: #000;
            text-decoration: none; }
          main .section_width .post_clomus_items .images_full_size_headere .images_full_size h1 a:hover {
            color: red; }
        main .section_width .post_clomus_items .images_full_size_headere .images_full_size span {
          font-weight: normal;
          font-size: 15px;
          padding: 10px; }
    @media only screen and (max-width: 770px) {
      main .section_width .post_clomus_items .post_cloums1 {
        grid-template-columns: auto auto;
        padding: 10px; } }
    @media only screen and (max-width: 430px) {
      main .section_width .post_clomus_items .post_cloums1 {
        grid-template-columns: auto;
        padding: 10px; } }
    @media only screen and (max-width: 1199px) {
      main .section_width .mostPopuler_post_images {
        width: 99%;
        margin: auto;
        text-align: center; }
      main .section_width .mostPopuler_post {
        display: block; }
        main .section_width .mostPopuler_post .most_side_post {
          width: 100%; } }
  main .discass_nesw {
    background: linear-gradient(45deg, #620100 0%, #1a1304 100%);
    padding: 50px 0 20px;
    margin: 80px 0; }
    main .discass_nesw .discass_nesw_styles {
      width: 100%;
      overflow: hidden; }
      main .discass_nesw .discass_nesw_styles .discass_styles_flex {
        display: grid;
        grid-template-columns: auto auto;
        margin-bottom: 20px; }
        main .discass_nesw .discass_nesw_styles .discass_styles_flex h1 {
          padding-right: 10px;
          color: white;
          font-size: 20px;
          font-weight: 400; }
        main .discass_nesw .discass_nesw_styles .discass_styles_flex .discass_styles {
          width: 80%;
          height: 1px;
          background-color: red; }
      main .discass_nesw .discass_nesw_styles .images_layout {
        max-width: 99%;
        display: grid;
        grid-template-columns: auto auto auto auto;
        gap: 30px;
        margin: auto; }
  main .news_category_start_layout .news_category_start {
    display: grid;
    grid-template-columns: 70% 28%;
    gap: 20px;
    overflow: hidden; }
  main .news_category_start_layout .news_categoty_content_styles {
    display: grid;
    grid-template-columns: auto auto;
    gap: 30px;
    margin: 40px 0px; }
    main .news_category_start_layout .news_categoty_content_styles .images_full_sizes {
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
      main .news_category_start_layout .news_categoty_content_styles .images_full_sizes img {
        width: 100%; }
      main .news_category_start_layout .news_categoty_content_styles .images_full_sizes h1 {
        font-size: 15px;
        font-weight: 400;
        padding: 0 0 15px 15px; }
      main .news_category_start_layout .news_categoty_content_styles .images_full_sizes p {
        font-size: 12px;
        font-weight: 400;
        opacity: .6;
        padding: 0 0 15px 15px; }
  main .news_category_start_layout .news_caregory_stayle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px; }
    main .news_category_start_layout .news_caregory_stayle .modan_styles {
      width: 80%;
      background-color: red;
      height: 2px; }
    main .news_category_start_layout .news_caregory_stayle p {
      color: red; }
  main .news_category_start_layout .news_categorty_btn_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px; }
    main .news_category_start_layout .news_categorty_btn_flex .news_categorty_btn1 {
      background-color: red;
      border-radius: 100px;
      box-shadow: rgba(192, 130, 50, 0.2) 0 -25px 18px -14px inset, rgba(177, 143, 7, 0.15) 0 1px 2px, rgba(173, 102, 74, 0.15) 0 2px 4px, rgba(44, 187, 99, 0.15) 0 4px 8px, rgba(44, 187, 99, 0.15) 0 8px 16px, rgba(44, 187, 99, 0.15) 0 16px 32px;
      color: white;
      cursor: pointer;
      display: inline-block;
      padding: 7px 40px;
      text-align: center;
      text-decoration: none;
      transition: all 250ms;
      border: 0;
      font-size: 16px;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation; }
    main .news_category_start_layout .news_categorty_btn_flex .news_categorty_btn2 {
      background-color: #fff;
      border-radius: 100px;
      cursor: pointer;
      display: inline-block;
      padding: 7px 40px;
      text-align: center;
      text-decoration: none;
      transition: all 250ms;
      border: 0;
      font-size: 16px;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation; }
    main .news_category_start_layout .news_categorty_btn_flex .news_categorty_btn:hover {
      box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset, rgba(44, 187, 99, 0.25) 0 1px 2px, rgba(44, 187, 99, 0.25) 0 2px 4px, rgba(44, 187, 99, 0.25) 0 4px 8px, rgba(44, 187, 99, 0.25) 0 8px 16px, rgba(44, 187, 99, 0.25) 0 16px 32px;
      transform: scale(1.05) rotate(-1deg); }
  main .news_category_start_layout .news_categorty_scroll_bar {
    background-color: #fff;
    padding: 10px;
    height: 620px;
    overflow: scroll; }
    main .news_category_start_layout .news_categorty_scroll_bar div {
      display: flex;
      justify-content: space-evenly;
      gap: 20px;
      margin: 14px 0; }
  @media only screen and (max-width: 770px) {
    main .news_category_start_layout .news_category_start {
      display: block; } }
  @media only screen and (max-width: 430px) {
    main .news_category_start_layout .news_categoty_content_styles {
      display: block; } }
  @media only screen and (min-width: 1200px) {
    main .section_width {
      max-width: 1140px;
      margin: auto; }
    main .discass_nesw_styles {
      max-width: 1140px;
      margin: auto; }
    main .news_category_start {
      max-width: 1140px;
      margin: auto; } }
  @media only screen and (max-width: 1199px) {
    main .section_width {
      max-width: 900px;
      margin: auto; }
    main .discass_nesw_styles {
      max-width: 900px;
      margin: auto; }
    main .image_1_none {
      display: none; }
    main .news_category_start {
      padding: 0px 20px;
      max-width: 1140px;
      margin: auto; } }
  @media only screen and (max-width: 770px) {
    main .discass_styles_flex {
      text-align: center; }
      main .discass_styles_flex .discass_styles {
        width: 90%; }
    main .images_layout {
      width: 70% !important;
      margin: auto; }
    main .image_2_none {
      display: none; }
    main .news_category_start {
      display: block; } }
  @media only screen and (max-width: 430px) {
    main .image_3_none {
      display: none; } }

/*  ================= main end  ==================  -->*/
/*  ======================== https://www.bangladeshisoftware.com/ =============== -->
/*  ================= fotter start  ==================  -->*/
footer .Footer_content {
  display: flex;
  justify-items: center;
  padding: 50px 0px;
  justify-content: space-around;
  background-color: white;
  font-size: 16px;
  color: black; }

@media only screen and (max-width: 763px) {
  footer .Footer_content {
    flex-flow: column nowrap;
    gap: 30px; } }

@media only screen and (max-width: 430px) {
  footer .Footer_content {
    padding: 50px 40px; } }

footer .Last_footer_content p {
  background: #000;
  text-align: center;
  color: #b9b9b9;
  padding: 10px 0;
  font-size: 12px; }

/*  ================= fotter end  ==================  -->*/
* {
  margin: 0;
  padding: 0;
  box-sizing: 0;
  font-family: 'AdorshoLipi', sans-serif; }

/* roboto-300 - latin */
/* ================ h1 tages size ===========  */
/* ========================= navbar end ===============  
/*  ======================== https://www.bangladeshisoftware.com/ =============== -->
/*  ================= main start  ==================  -->*/
main {
  background-color: #EBEBEB;
  overflow: hidden;
  padding: 30px 0;
  /* ---------------------- news_category start---------------------- */ }
  main .news_categorylayouts {
    /* ========================== ==================== */ }
    main .news_categorylayouts .news_category_start {
      display: grid;
      grid-template-columns: 70% 28%;
      gap: 20px;
      overflow: hidden !important; }
    @media only screen and (max-width: 770px) {
      main .news_categorylayouts .news_category_start {
        padding: 0px 3px;
        grid-template-columns: auto; } }
    main .news_categorylayouts .news_caregory_stayle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px; }
      main .news_categorylayouts .news_caregory_stayle .modan_styles {
        width: 80%;
        background-color: red;
        height: 2px; }
      main .news_categorylayouts .news_caregory_stayle p {
        color: red; }
    @media only screen and (max-width: 770px) {
      main .news_categorylayouts .news_caregory_stayle {
        padding: 0px 10px; } }
    main .news_categorylayouts .news_categoty_content_styles {
      margin-top: 40px;
      background-color: #fff;
      padding: 20px; }
      main .news_categorylayouts .news_categoty_content_styles h1 {
        font-size: 24px;
        color: #000;
        line-height: 1.6; }
      main .news_categorylayouts .news_categoty_content_styles .post_names {
        margin: 10px 0; }
        main .news_categorylayouts .news_categoty_content_styles .post_names span {
          font-size: 16px;
          color: #878484; }
      main .news_categorylayouts .news_categoty_content_styles span {
        font-size: 12px;
        color: #878484; }
      main .news_categorylayouts .news_categoty_content_styles hr {
        margin: 10px 0 !important; }
      main .news_categorylayouts .news_categoty_content_styles .article_text {
        font-size: 16px;
        padding: 15px 0; }
      main .news_categorylayouts .news_categoty_content_styles .text_routing_ {
        font-size: 16px;
        padding: 15px 0; }
        main .news_categorylayouts .news_categoty_content_styles .text_routing_ a {
          margin-left: 10px;
          text-decoration: none; }
        main .news_categorylayouts .news_categoty_content_styles .text_routing_ a:hover {
          color: red; }
      main .news_categorylayouts .news_categoty_content_styles p {
        margin: 10px 0; }
      main .news_categorylayouts .news_categoty_content_styles .content_hadder {
        margin: 10px 0;
        font-size: 16px; }
      main .news_categorylayouts .news_categoty_content_styles .comoment_any_mane {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10;
        margin: 10px 0; }
        main .news_categorylayouts .news_categoty_content_styles .comoment_any_mane h1 {
          font-size: 16px; }
      main .news_categorylayouts .news_categoty_content_styles .socal_media_ion {
        margin: 10px 0;
        display: flex;
        justify-items: center;
        gap: 20px; }
      main .news_categorylayouts .news_categoty_content_styles .psot_ditals_imags {
        max-width: 100%;
        margin: 15px 0; }
      main .news_categorylayouts .news_categoty_content_styles .btn_tree_styles {
        display: flex;
        justify-items: center;
        gap: 10px; }
        main .news_categorylayouts .news_categoty_content_styles .btn_tree_styles button {
          text-align: center;
          color: #fff;
          background-color: #941914;
          border-radius: 5px;
          font-size: 12px;
          font-weight: 600;
          border: none;
          padding: 5px 16px;
          outline: none;
          cursor: pointer; }
      main .news_categorylayouts .news_categoty_content_styles form .two_input_value {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px; }
        main .news_categorylayouts .news_categoty_content_styles form .two_input_value .input_value {
          width: 100%;
          padding: 20px 15px;
          border-radius: 3px;
          background: #f3e8e8;
          box-shadow: none;
          border: none;
          outline: none; }
      main .news_categorylayouts .news_categoty_content_styles form .textarea_input {
        width: 96%;
        margin: 20px 0;
        padding: 20px 15px;
        border-radius: 3px;
        background: #f3e8e8;
        box-shadow: none;
        border: none;
        outline: none; }
      main .news_categorylayouts .news_categoty_content_styles form .sumnit_value {
        text-align: center;
        color: #fff;
        background-color: #941914;
        border-radius: 5px;
        font-size: 20px;
        font-weight: 400;
        border: none;
        padding: 8px 10px; }
    main .news_categorylayouts .news_categorty_btn_flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      margin-bottom: 30px; }
      main .news_categorylayouts .news_categorty_btn_flex .news_categorty_btn1 {
        background-color: red;
        border-radius: 100px;
        box-shadow: rgba(192, 130, 50, 0.2) 0 -25px 18px -14px inset, rgba(177, 143, 7, 0.15) 0 1px 2px, rgba(173, 102, 74, 0.15) 0 2px 4px, rgba(44, 187, 99, 0.15) 0 4px 8px, rgba(44, 187, 99, 0.15) 0 8px 16px, rgba(44, 187, 99, 0.15) 0 16px 32px;
        color: white;
        cursor: pointer;
        display: inline-block;
        padding: 7px 40px;
        text-align: center;
        text-decoration: none;
        transition: all 250ms;
        border: 0;
        font-size: 16px;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation; }
      main .news_categorylayouts .news_categorty_btn_flex .news_categorty_btn2 {
        background-color: #fff;
        border-radius: 100px;
        cursor: pointer;
        display: inline-block;
        padding: 7px 40px;
        text-align: center;
        text-decoration: none;
        transition: all 250ms;
        border: 0;
        font-size: 16px;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation; }
      main .news_categorylayouts .news_categorty_btn_flex .news_categorty_btn:hover {
        box-shadow: rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset, rgba(44, 187, 99, 0.25) 0 1px 2px, rgba(44, 187, 99, 0.25) 0 2px 4px, rgba(44, 187, 99, 0.25) 0 4px 8px, rgba(44, 187, 99, 0.25) 0 8px 16px, rgba(44, 187, 99, 0.25) 0 16px 32px;
        transform: scale(1.05) rotate(-1deg); }
    main .news_categorylayouts .news_categorty_scroll_bar {
      background-color: #fff;
      padding: 10px;
      height: 620px;
      overflow: scroll; }
      main .news_categorylayouts .news_categorty_scroll_bar div {
        display: flex;
        justify-content: space-evenly;
        gap: 20px;
        margin: 14px 0; }
    main .news_categorylayouts .images_styles_size {
      margin-top: 30px;
      max-width: 100%; }
  @media only screen and (min-width: 1200px) {
    main .news_categorylayouts {
      max-width: 1140px;
      margin: auto; } }
  @media only screen and (max-width: 1199px) {
    main .news_categorylayouts {
      max-width: 900px;
      margin: auto; } }

main {
  background-color: #EBEBEB;
  overflow: hidden;
  padding: 30px 0;
  /* ============= article_content ============================ */
  /* =========== smae_item_nesw ============= */
  /* ============================ pagination =========== */ }
  main .article_content {
    display: grid;
    grid-template-columns: auto auto;
    gap: 30px;
    /* ================= fast and content ===========  */
    /* ================= secend and content ===========  */ }
    main .article_content .fast_content_images {
      width: 100%;
      height: 100%;
      background-color: #fff;
      border-radius: 3px; }
      main .article_content .fast_content_images img {
        width: 100%; }
      main .article_content .fast_content_images div {
        padding: 10px; }
        main .article_content .fast_content_images div h2 {
          font-size: 20px; }
        main .article_content .fast_content_images div span {
          font-size: 12px;
          color: #878484; }
    main .article_content .post_cloums1 {
      display: grid;
      grid-template-columns: auto auto;
      gap: 25px; }
      main .article_content .post_cloums1 div {
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 3px;
        padding-bottom: 5px;
        color: #848484; }
        main .article_content .post_cloums1 div img {
          width: 100%;
          border-radius: 3px; }
        main .article_content .post_cloums1 div h1 {
          font-weight: normal;
          font-size: 18px;
          padding: 10px;
          color: #000; }
          main .article_content .post_cloums1 div h1 a {
            color: #000;
            text-decoration: none; }
          main .article_content .post_cloums1 div h1 a:hover {
            color: red; }
        main .article_content .post_cloums1 div span {
          font-weight: normal;
          font-size: 15px;
          padding: 10px; }
    @media only screen and (max-width: 770px) {
      main .article_content .post_cloums1 {
        grid-template-columns: auto auto;
        gap: 25px; }
        main .article_content .post_cloums1 div {
          background-color: #fff;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          border-radius: 3px;
          padding-bottom: 5px;
          color: #848484; }
          main .article_content .post_cloums1 div img {
            width: 100%;
            border-radius: 3px; }
          main .article_content .post_cloums1 div h1 {
            font-weight: normal;
            font-size: 18px;
            padding: 10px;
            color: #000; }
            main .article_content .post_cloums1 div h1 a {
              color: #000;
              text-decoration: none; }
            main .article_content .post_cloums1 div h1 a:hover {
              color: red; }
          main .article_content .post_cloums1 div span {
            font-weight: normal;
            font-size: 15px;
            padding: 10px; } }
    @media only screen and (max-width: 430px) {
      main .article_content .post_cloums1 {
        grid-template-columns: auto;
        padding: 0px 20px; } }
  main .smae_item_nesw {
    margin: 50px 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 20px; }
    main .smae_item_nesw div {
      background-color: #fff;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      border-radius: 3px;
      padding-bottom: 5px;
      color: #848484; }
      main .smae_item_nesw div img {
        width: 100%;
        border-radius: 3px; }
      main .smae_item_nesw div h1 {
        font-weight: normal;
        font-size: 18px;
        padding: 10px;
        color: #000; }
        main .smae_item_nesw div h1 a {
          color: #000;
          text-decoration: none; }
        main .smae_item_nesw div h1 a:hover {
          color: red; }
      main .smae_item_nesw div span {
        font-weight: normal;
        font-size: 15px;
        padding: 10px; }
  main .pagination_content {
    margin: 20px 0; }
    main .pagination_content ul {
      display: flex;
      justify-items: center;
      gap: 20px; }
      main .pagination_content ul li {
        list-style: none; }
      main .pagination_content ul .pagibation_active {
        color: #fff;
        background-color: red;
        padding: 2px 10px;
        border-radius: 30px; }
  @media only screen and (max-width: 770px) {
    main .article_content {
      grid-template-columns: auto;
      padding: 0px 10px; }
    main .smae_item_nesw {
      grid-template-columns: auto auto;
      padding: 0px 10px; }
    main .pagination_content {
      padding: 0px 20px; } }
  @media only screen and (max-width: 430px) {
    main .smae_item_nesw {
      grid-template-columns: auto;
      padding: 0px 20px; }
    main .pagination_content {
      padding: 0px 40px; }
      main .pagination_content ul {
        gap: 7px; } }

@media only screen and (min-width: 1200px) {
  .allrouting_same_content {
    max-width: 1140px;
    margin: auto; } }

@media only screen and (max-width: 1199px) {
  .allrouting_same_content {
    max-width: 900px;
    margin: auto; } }