@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap");
body {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
}
.navbar_main_div {
  background: #161616;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.06);
  color: white;
}
.navbar_button_login {
  padding: 5px;
  width: 100px;
  border: none;
  background: #fbfbfb;
  border-radius: 8px;
}

/*Navbar End=======================================*/

/* First_ROw_big_cards=============================*/

.row1_card1_text_main_div {
  padding: 0px 0px 0px 10px;
}
.row1_card1_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 22px;
}
.row1_card1_main_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.row1_card1_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 12px;
}
.on_img_text {
  position: relative;
  text-align: center;
  color: white;
}
.toggler_dropdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
}
.first_cards2_top_left:hover .toggler_dropdown {
  display: block;
}
.row1_card1_toggler_drowpdown {
  width: 170px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 35px;
}
.row1_card1_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.first_cards2_top_left:hover .row1_card1_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
}
.row1_card1_last_text i {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
}
.row1_card1_last_text p {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
}
/* On Image Text in cards Setting {style} ======================================= */

/* Bottom left text */
.first_cards2_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}
/* Bottom right text */
.first_cards2_bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.first_cards2_bottom-right i {
  background: transparent;
  font-size: 14px;
  font-style: normal;
}
.first_cards2_centered {
  position: absolute;
  top: 60%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: start;
  width: 85%;
  font-size: 15px;
}

/* On cards Image Text Setting {style} ======================================= */

/*  (1 + 4) cards 4 cards CSS Start =============================================*/
.first_cards2_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.first_cards2_toggler_drowpdown {
  width: 170px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 30px;
  z-index: 9999;
  position: absolute;
  border-radius: 8px;
  max-height: 230px;
}
.first_cards2_top_left i {
  cursor: pointer;
  font-size: 25px;
  color: #000;
}
.first_cards2_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.first_cards2_top_left:hover .first_cards2_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.cards2_row_main_div {
  content: "";
}
@media (max-width: 767px) {
  .cards2_row_main_div {
    gap: 25px;
  }
}

/*  (1 + 4) cards 4 cards CSS End=============================================*/

/*=-=========================Slider_css Start==========================*/

#promo-notifications {
  background: rgba(78, 78, 78, 1);
  color: #fff;
  font-size: 18px;
  width: 100%;
  border-radius: 20px;
}
#promo-notifications ul {
  width: 100%;
  height: 35px;
  position: relative;
  overflow: hidden;
}
#promo-notifications ul li {
  width: 100%;
  line-height: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 100%;
  text-align: center;
  list-style: none;
}

/* Four_cards_css_Start========Feature Cards===============================*/

.four_cards_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 15px;
}
.four_cards_main_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.four_cards_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 11px;
}
.four_cards_container_row {
  position: relative;
  text-align: center;
  color: white;
}
.four_cards_toggler_drowpdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
}
.four_cards_top-left:hover .four_cards_toggler_drowpdown {
  display: block;
}
.four_cards_toggler_drowpdown {
  width: 170px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 35px;
}
.four_cards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.four_cards_top_left:hover .four_cards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
}
.four_cards_last_text i {
  font-style: normal;
  font-size: 10px;
  color: #003366 !important;
  font-weight: 900;
}
.four_cards_last_text a {
  font-style: normal;
  font-size: 12px;
  color: #003366 !important;
  font-weight: 900;
  text-decoration: none;
}
.four_cards_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 37px;
  width: 37px;
  border-radius: 50%;
}
.four_cards_top_left i {
  color: #000;
  font-size: 27px;
  cursor: pointer;
}
.four_cards_text_main_div {
  padding: 0px 0px 0px 10px;
  padding-bottom: 10px;
}
.four_cards_row_div {
  padding-bottom: 20px;
}
.four_cards_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
@media (max-width: 767px) {
  .four_cards_row_div {
    gap: 25px;
  }
}

/*=======================Editor's Pick Cards css Start============================*/

.pick_cards_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.pick_cards_top_left {
  position: absolute;
  top: 0px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.pick_cards_toggler_drowpdown {
  width: 150px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 28px;
  z-index: 9999;
  position: absolute;
  border-radius: 8px;
  max-height: 220px;
}
.pick_cards_top_left i {
  cursor: pointer;
  color: #000;
  font-size: 25px;
}
.pick_cards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.pick_cards_top_left:hover .pick_cards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.pick_cards_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
.pick_cards_centered {
  position: absolute;
  top: 60%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: start;
  width: 85%;
  font-size: 12px;
}
.pick_cards_toggler_setting {
  position: relative;
  text-align: center;
  color: white;
}
/*======Pick_Big_card_style======*/

.pick_bigcards_on_img_text {
  position: relative;
  text-align: center;
  color: white;
}
.pick_bigcards_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.pick_bigcards_top_left i {
  cursor: pointer;
  font-size: 25px;
  color: #000;
}
.pick_bigcards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.pick_bigcards_top_left:hover .pick_bigcards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.pick_bigcards_toggler_drowpdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
  text-align: start;
  width: 150px;
  line-height: 35px;
}
.pick_bigcard_main_div {
  content: "";
}
.pick_bigcard_img_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.pick_bigcard_text_main_div {
  padding: 0px 0px 0px 10px;
  line-height: 20px;
}
.pick_bigcard_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 17px;
  width: 90%;
}
.pick_bigcard_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 12px;
  width: 85%;
}
.pick_bigcard_last_text i {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 12px;
}
.pick_bigcard_last_text p {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
}
@media (max-width: 767px) {
  .pick_bigcard_main_div {
    margin-top: 65px;
  }
  .pick_bigcard_text_main_div {
    padding-bottom: 7px;
  }
}

/*================================Politics_cards_style_start==============================*/

.politics_cards_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.politics_cards_toggler_drowpdown {
  width: 150px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 28px;
  z-index: 9999;
  position: absolute;
  border-radius: 8px;
  max-height: 220px;
}
.politics_cards_top_left {
  position: absolute;
  top: 0px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.politics_cards_top_left i {
  cursor: pointer;
  color: #000;
  font-size: 25px;
}
.politics_cards_top_left:hover .politics_cards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.politics_cards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.politics_cards_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  padding-bottom: 5px;
}
.politics_cards_centered {
  position: absolute;
  top: 60%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: start;
  width: 85%;
  font-size: 12px;
}
.politics_cards_toggler_setting {
  position: relative;
  text-align: center;
  color: white;
}
@media (max-width: 767px) {
  .politics_cards_tittle_div {
    margin-top: 20px;
  }
}
/*================================politics_Big_card_style======================*/

.politics_bigcards_on_img_text {
  position: relative;
  text-align: center;
  color: white;
}
.politices_bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
  padding-bottom: 5px;
}
.politices_bottom-right i {
  background: transparent;
  font-size: 12px;
  font-style: normal;
}
.politics_bigcards_on_img_text img {
  min-height: 160px;
}
.politics_bigcards_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.politics_bigcards_top_left i {
  cursor: pointer;
  font-size: 25px;
  color: #000;
}
.politics_bigcards_top_left:hover .politics_bigcards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.politics_bigcards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.politics_bigcards_toggler_drowpdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
  text-align: start;
  width: 150px;
  line-height: 35px;
}
.politics_bigcard_main_div {
  content: "";
}
.politics_card_two,
.politics_card_three {
  content: "";
}
.politics_bigcard_img_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.politics_bigcard_text_main_div {
  padding: 0px 0px 0px 10px;
  line-height: 20px;
}
.politics_bigcard_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 15px;
  width: 90%;
}
.politics_bigcard_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 10px;
  width: 100%;
}
.politics_bigcard_last_text i {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 10px;
}
.politics_bigcard_last_text p {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
}
@media (max-width:1100px){
  .politics_bigcards_top_left i {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .politics_bigcard_main_div {
    margin-top: 65px;
  }
  .politics_card_two,
  .politics_card_three {
    margin-top: 50px;
  }
  .politics_bigcard_text_main_div {
    padding-bottom: 7px;
  }
}

/* Health_justice_cards_style_start */

.health_justice_cards_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.health_justice_cards_toggler_setting {
  position: relative;
  text-align: center;
  color: white;
}
.health_justice_cards_toggler_setting img {
  border-radius: 15px;
}
.health_justice_cards_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
.health_justice_cards_toggler_drowpdown {
  width: 150px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 28px;
  z-index: 9999;
  position: absolute;
  border-radius: 8px;
  max-height: 220px;
}
.health_justice_cards_top_left {
  position: absolute;
  top: 0px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.health_justice_cards_top_left i {
  cursor: pointer;
  color: #000;
  font-size: 25px;
}
.health_justice_cards_top_left:hover .health_justice_cards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.health_justice_cards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.health_justice_cards_centered {
  position: absolute;
  top: 60%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: start;
  width: 85%;
  font-size: 12px;
}
/*=======health_justice_big_card_style=========*/

.health_justice_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.health_justice_bigcard_img_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.health_justice_bigcards_on_img_text {
  position: relative;
  text-align: center;
  color: white;
}
.health_justice_bigcards_on_img_text img {
  min-height: 160px;
}
.health_justice_bigcard_main_div {
  content: "";
}
.health_justice_bigcards_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.health_justice_bigcards_top_left i {
  cursor: pointer;
  font-size: 25px;
  color: #000;
}
.health_justice_bigcards_top_left:hover
  .health_justice_bigcards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.health_justice_bigcards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.health_justice_bigcards_toggler_drowpdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
  text-align: start;
  width: 150px;
  line-height: 35px;
}
.health_justice_bigcard_text_main_div {
  padding: 0px 0px 0px 10px;
  line-height: 20px;
}
.health_justice_bigcard_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 15px;
  width: 100%;
}
.health_justice_bigcard_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 10px;
  width: 100%;
}
.health_justice_bigcard_last_text i {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 8px;
}
.health_justice_bigcard_last_text p {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 12px;
}
.health_justice_big_card_margin {
  content: "";
}
.justice_text1 {
  display: block;
}
.tech_text2 {
  display: none;
}
@media (max-width: 767px) {
  .health_justice_bigcard_text_main_div {
    padding-bottom: 7px;
  }
  .health_justice_bigcard_main_div {
    margin-top: 65px;
  }
  .health_justice_big_card_margin {
    margin-top: 75px;
    margin-bottom: 10px;
  }
  .justice_text1 {
    display: none;
  }
  .tech_text2 {
    display: block;
    font-size: 30px;
    font-weight: 900;
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .cols-md {
    flex: 1 0 0%;
  }
}
@media (max-width: 992px) {
  .col-lgs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (max-width: 768px) {
  .cols-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/*==================================hEALTH_JUSTICE_END===========================*/

/*==========================Entertainment_cards_style_start========================*/
.entertain_cards_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.entertain_cards_toggler_setting {
  position: relative;
  text-align: center;
  color: white;
}
.entertain_cards_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
.entertain_cards_toggler_drowpdown {
  width: 150px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 28px;
  z-index: 9999;
  position: absolute;
  border-radius: 8px;
  max-height: 220px;
}
.entertain_cards_top_left {
  position: absolute;
  top: 0px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.entertain_cards_top_left i {
  cursor: pointer;
  color: #000;
  font-size: 25px;
}
.entertain_cards_top_left:hover .entertain_cards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.entertain_cards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.entertain_cards_centered {
  position: absolute;
  top: 60%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: start;
  width: 85%;
  font-size: 12px;
}
/*=======entertain_big_card_style=========*/

.entertain_bigcard_img_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.entertain_bigcards_on_img_text {
  position: relative;
  text-align: center;
  color: white;
}
.entertain_bigcards_on_img_text img {
  min-height: 160px;
}
.entertain_bigcard_main_div {
  content: "";
}
.entertain_bigcards_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.entertain_bigcards_top_left i {
  cursor: pointer;
  font-size: 25px;
  color: #000;
}
.entertain_bigcards_top_left:hover .entertain_bigcards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.entertain_bigcards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.entertain_bigcards_toggler_drowpdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
  text-align: start;
  width: 150px;
  line-height: 35px;
}
.entertain_bigcard_text_main_div {
  padding: 0px 0px 0px 10px;
  line-height: 20px;
}
.entertain_bigcard_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 15px;
  width: 90%;
}
.entertain_bigcard_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 10px;
  width: 100%;
}
.entertain_bigcard_last_text i {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 10px;
}
.entertain_bigcard_last_text p {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
}
@media (max-width: 767px) {
  .entertain_bigcard_text_main_div {
    padding-bottom: 7px;
  }
  .entertain_bigcard_main_div {
    margin-top: 65px;
  }
}

/*=============================Sports&Tect_cards_style_start========================*/

.sports_tech_cards_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.sports_tech_cards_toggler_setting {
  position: relative;
  text-align: center;
  color: white;
}
.sports_tech_cards_toggler_setting img {
  border-radius: 15px;
}
.sports_tech_cards_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
.sports_tech_cards_toggler_drowpdown {
  width: 150px;
  background: white;
  color: black;
  text-align: start;
  border: 2px solid black;
  border-radius: 10px;
  padding: 10px 5px 0px 15px;
  display: none;
  cursor: pointer;
  line-height: 28px;
  z-index: 9999;
  position: absolute;
  border-radius: 8px;
  max-height: 220px;
}
.sports_tech_cards_top_left {
  position: absolute;
  top: 0px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.sports_tech_cards_top_left i {
  cursor: pointer;
  color: #000;
  font-size: 25px;
}
.sports_tech_cards_top_left:hover .sports_tech_cards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.sports_tech_cards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.sports_tech_cards_centered {
  position: absolute;
  top: 60%;
  left: 48%;
  transform: translate(-50%, -50%);
  text-align: start;
  width: 85%;
  font-size: 12px;
}
/*=======sports_tech_big_card_style=========*/

.sports_tech_tittle_div p {
  font-weight: 900;
  font-size: 25px;
}
.sports_tech_bigcard_img_div {
  background: #ffffff;
  box-shadow: 0px 2px 60.2904px rgba(0, 0, 0, 0.1);
  border-radius: 10.2768px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
.sports_tech_bigcards_on_img_text {
  position: relative;
  text-align: center;
  color: white;
}
.sports_tech_bigcards_on_img_text img {
  min-height: 160px;
}
.sports_tech_bigcard_main_div {
  content: "";
}
.sports_tech_bigcards_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
  background: white;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-top: 10px;
}
.sports_tech_bigcards_top_left i {
  cursor: pointer;
  font-size: 25px;
  color: #000;
}
.sports_tech_bigcards_top_left:hover .sports_tech_bigcards_toggler_drowpdown {
  display: block;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}
.sports_tech_bigcards_toggler_drowpdown a {
  text-decoration: none;
  color: #000;
}
.sports_tech_bigcards_toggler_drowpdown {
  background: white;
  color: black;
  padding: 25%;
  width: fit-content;
  border: 2px solid black;
  border-radius: 10px;
  display: none;
  text-align: start;
  width: 150px;
  line-height: 35px;
}
.sports_tech_bigcard_text_main_div {
  padding: 0px 0px 0px 10px;
  line-height: 20px;
}
.sports_tech_bigcard_top_text p {
  font-weight: 900;
  padding: 10px 0px 0px 0px;
  font-size: 15px;
  width: 100%;
}
.sports_tech_bigcard_bottom_text p {
  padding: 0px 10px 0px 0px;
  color: rgba(120, 120, 120, 1);
  font-size: 10px;
  width: 100%;
}
.sports_tech_bigcard_last_text i {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 8px;
}
.sports_tech_bigcard_last_text p {
  font-style: normal;
  color: #003366 !important;
  font-weight: 900;
  font-size: 12px;
}
.sports_tech_big_card_margin {
  content: "";
}
.tech_text1 {
  display: block;
}
.tech_text2 {
  display: none;
}
@media (max-width: 767px) {
  .sports_tech_bigcard_text_main_div {
    padding-bottom: 7px;
  }
  .sports_tech_bigcard_main_div {
    margin-top: 65px;
  }
  .sports_tech_big_card_margin {
    margin-top: 75px;
    margin-bottom: 10px;
  }
  .tech_text1 {
    display: none;
  }
  .tech_text2 {
    display: block;
    font-size: 30px;
    font-weight: 900;
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .cols-md {
    flex: 1 0 0%;
  }
}
@media (max-width: 992px) {
  .col-lgs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (max-width: 768px) {
  .cols-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/*=======================Load_more_button====================*/

.load_more_button_container {
  margin-top: 50px;
}
.sports_tech_load_button {
  padding: 13px;
  border: none;
  background: rgba(0, 51, 102, 1);
  color: white;
  width: 240px;
  border-radius: 50px;
  font-size: 20px;
}
/*==================================Footer_style_start==================================*/

.home_page_footer {
  background: rgba(22, 22, 22, 1);
  color: hsl(0, 0%, 100%);
  padding: 50px 0px 0px 0px;
}
.footer_icons_main_div img {
  height: 45px;
}