@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Main Body */
body {
  margin: 0;
  padding: 0;

  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/* Newsletter Layout */
#newsletter {
  width: 95%;
  height: auto;
  /* margin: 1.5%; */

  background-color: #ffffff;
  border: 2px solid #d9d9d9;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Header Section */
.header {
  padding: 0 1.5% 2% 1.5%;
  margin: auto;
  padding: auto;
  position: relative;
  font-family: Calibri;
}

.header img {
  width: 100%;
  height: auto;
  object-fit: fill;
}

.header_image {
  position: relative;
  display: inline-block;
}

.white_color {
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  position: absolute;
  bottom: 7.8%;
  right: 2%;
  color: #ffffff;
  white-space: nowrap;
}

/* Newsletter Body */
#newsletter_body {
  padding-bottom: 1.5%;
  padding-left: 1.5%;
  padding-right: 1.5%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

/* Power Supply Position Section */

.psupply_container {
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: "poppins";
}

.psupply_title {
  padding: 0.7%;
  margin-bottom: 1.65%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;

  font-weight: 700;
  color: #ffffff;
  background-color: #f1935c;
  border-radius: 5px;
  font-family: Calibri;
}

/* @media screen and (max-width: 1200px) {
    .psupply_title {
      border-radius: 8px; 
    }
  } */

.psupply_title_name {
  flex: 1;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  font-size: 1.4vw;
}

.psupply_title_date {
  flex-shrink: 0;
  padding-right: 0.8%;
  display: flex;
  justify-content: flex-end;
}

.prev_date {
  font-size: 1vw;
  font-weight: 700;
}

.psupply_body {
  width: 100%;
  height: auto;
  /* gap: 51px; */
  gap: 3.5%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
}

.psupply_table {
  width: 50%;
  height: auto;
  /* padding: 15px; */
  padding: 1.04%;

  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;

  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-radius: 5px;
}

.psupply_table_each_section {
  height: 20%;
  width: 100%;
  /* gap: 6px; */
  padding: 1px 0;

  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  font-size: 1.3vw;
}

.psupply_val_heading {
  width: 50%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.psupply_val_prev_year {
  width: 25%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.psupply_val_current_year {
  width: 25%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.p_year {
  font-weight: 600;
  color: #909090;
  font-size: 1vw;
}

.psupply_val_heading {
  font-weight: 400;
  color: #909090;
}

.psupply_val_prev_year {
  font-weight: 600;
  color: #1f4e79;
  overflow: visible;
}

.psupply_val_current_year {
  font-weight: 600;
  color: #1f4e79;
}

/* Non Fossil Generation And Cross Border Section */

.nfossil_cbtrades_container {
  width: 100%;
  height: auto;
  margin-top: 2%;
  gap: 0.8%;

  display: flex;
  justify-content: center;
  box-sizing: border-box;
  background-color: #fffcfb;
  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;

  border-radius: 10px;
}

.nfcbt_title {
  width: 25%;
  padding: 8px;
  gap: 9px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;

  background-color: #fff5f0;
  border-radius: 10px;
}

.nfcbt_title_name {
  height: 60%;
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #f1935c;
  font-family: "Poppins";
}

.nfcbt_title_detail_section {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  box-sizing: border-box;
}

.nfcbt_title_detail {
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.1vw;
  font-weight: 700;
  color: #34656d;
  font-family: "Poppins";
}

.nfcbt_title_sumr {
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  box-sizing: border-box;
}

.previous_year {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.current_year {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.sumr_year {
  font-size: 1vw;
  font-weight: 700;
  color: #f1935c;
  font-family: "Poppins";
}

.nfcbt_sumr {
  font-size: 1vw;
  font-weight: 700;
  color: #34656d;
  font-family: "Poppins";
}

.nfcbt_data {
  width: 80%;
  /* gap: 10px; */

  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  box-sizing: border-box;
  border-right: 0.5px solid #d9d9d9;
  border-radius: 10px;
}

.nfcbt_data_section {
  width: 18.5%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.nfcbt_data_heading {
  height: 40%;
  gap: 5px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.nfcbt_data_value {
  height: 55%;

  display: flex;
  flex-direction: column;
}

.nfcbt_img {
  width: 14%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.image_each {
  object-fit: contain;
  max-width: 100%;
  height: auto;
}

.nfcbt_data_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 1vw;
  font-weight: 600;
  color: #909090;
  font-family: "Poppins";
}

.nfcbt_data_table {
  height: 90%;
  gap: 5px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  border: 0.5px solid #f1935c;
  border-radius: 5px;
  background-color: #ffffff;
}

.nfcbt_data_table_year {
  width: 50%;
  gap: 5px;

  display: flex;
  flex-direction: column;
}

.nfcbt_data_table_heading {
  height: 40%;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1vw;
  font-weight: 400;
  font-family: Calibri;
}

.nfcbt_data_table_value {
  height: 60%;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1.4vw;
  font-weight: 700;
  color: #1f4e79;
  font-family: Calibri;
}

/* Note Section For All */
.note {
  width: auto;
  margin-left: 1%;
  margin-top: 3px;

  display: flex;
  flex-direction: column;

  font-size: 0.55vw;
  font-weight: 500;
  color: #909090;
  font-family: "Poppins";
}

/* Collective Transactions Section */

.coll_container {
  width: 100%;
  height: auto;
  margin-top: 2%;
  /* margin-top: 32px; */
  gap: 8px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  font-family: Poppins;
}

.coll_container_top {
  height: 90%;

  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: space-between;
}

.coll_container_bottom {
  height: 10%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
}

.coll_each_container {
  width: 24%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-self: center;
  box-sizing: border-box;
}

.coll_border {
  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 4px 4px 0px #d9d9d924;
  background-color: #fff5f0;
  border-radius: 6px;
  padding: 8px;
  opacity: 0px;
  gap: 14px;
}

.coll_heading {
  height: 40%;
  gap: 8px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.coll_body {
  height: 60%;
  margin-top: 5px;
  gap: 6px;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;

  font-size: 1.2vw;
  font-weight: 400;
  color: #555555;
}

.coll_body_exchg {
  height: 60%;
  /* padding-top: 14px; */
  padding-bottom: 8px;

  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
}

.coll_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #f1935c;
}

.coll_prdt {
  height: 50%;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
}

.coll_exchg {
  width: 100%;
  height: 50%;

  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;

  background-color: #f1935c;
  border-top: 0.5px solid #f1935c;
  border-left: 0.5px solid #f1935c;
  border-right: 0.5px solid #f1935c;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-radius: 6px;
}

.coll_exchg_name {
  width: 30%;
  padding: 10px 0;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.2vw;
  font-weight: 700;
  color: #ffffff;
}

.coll_exchg_val {
  width: 30%;
  gap: 6px;
  margin-top: 2px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 1.2vw;
  font-weight: 600;
  color: #1f4e79;
}

.exhg_brdr {
  border-bottom: 0.5px solid #d9d9d9;
  border-left: 0.5px solid #d9d9d9;
  border-right: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  background-color: #ffffff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.coll_each_container_bottom {
  width: 24%;
  height: 100%;

  display: flex;
  box-sizing: border-box;

  border: 0.5px solid #f1935c;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-radius: 6px;
}

.btm_bkgrd {
  background-color: #fff5f0;
  padding: 4px 16px;
  padding-left: 10px;
  font-size: 1.2vw;
  font-weight: 500;
  color: #555555;
}

.coll_btm_exchg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;

  font-size: 1.2vw;
  font-weight: 700;
  color: #1f4e79;
}

.coll_btm_exchg_val {
  width: 30%;
  padding: 4px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/* Day Ahead Market Section */

.dam_container {
  width: 100%;
  height: 300px;
  margin-top: 2%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-around;
}

.dam_sec {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-radius: 10px;
  box-sizing: border-box;
}

.dam_detail {
  height: 15%;
  padding-top: 0.8%;
  margin: 0.9%;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.graph_details {
  height: 10%;
  gap: 10px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;

  font-size: 0.7vw;
  font-weight: 400;
  font-family: Poppins;
}

.graph_detail_sec {
  padding: 0px 8px;
  gap: 4px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  border: 0.5px solid #e4e7ed;
  border-radius: 5px;
}

.dam_graph_price {
  color: #f1935c;
}

.mydot_price {
  background-color: #f1935c;
  align-items: center;
  border-radius: 50%;
  display: inline-block;
  height: 0.5vw;
  width: 0.5vw;
}

.dam_graph_sell {
  color: #6e360f;
}

.dac_graph_sell {
  color: #34656d;
}

.mydot_dac {
  background-color: #34656d;
  border-radius: 50%;
  display: inline-block;
  height: 0.5vw;
  width: 0.5vw;
}

.mydot_sell {
  background-color: #6e360f;
  border-radius: 50%;
  display: inline-block;
  height: 0.5vw;
  width: 0.5vw;
}

.dam_graph_purchase {
  color: #000080;
}

.mydot_purchase {
  background-color: #000080;
  border-radius: 50%;
  display: inline-block;
  height: 0.5vw;
  width: 0.5vw;
}

.dam_graph_mcv {
  color: #d3d3d3;
}

.mydot_mcv {
  background-color: #d3d3d3;
  border-radius: 50%;
  display: inline-block;
  height: 0.5vw;
  width: 0.5vw;
}

.dam_graph {
  height: 75%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 10px;
}

#iexDamChart {
  width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  object-fit: fill;
  border-radius: 10px;
}

/* Day Ahead Market Report */

.dam_report_container {
  width: 100%;
  height: auto;
  margin-top: 2%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: Poppins;
}

.dam_report_title {
  height: 15%;
  padding-bottom: 0.8%;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.dam_report_body {
  height: 85%;

  display: flex;
  flex-direction: column;

  border-bottom: 0.5px solid #d9d9d9;
  box-shadow: 0px 4px 4px 0px #d9d9d924;
  border-left: 0.5px solid #d9d9d9;
  border-right: 0.5px solid #d9d9d9;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.dam_report_body_heading {
  height: 20%;
  padding: 7px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;

  background-color: #f09764;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.dam_report_body_data {
  height: 70%;
  padding: 7px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
}

.dam_report_body_each_section {
  width: 20%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dam_report_column_heading {
  font-size: 1.2vw;
  font-weight: 600;
  color: #ffffff;
}

.dam_report_data_value {
  gap: 7px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 1.2vw;
  font-weight: 600;
  color: #1f4e79;
}

.orange_color {
  color: #f0925c;
}

/* Term Ahead Market Section */

.tam_container {
  width: 100%;
  height: auto;
  margin-top: 2%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  font-family: Poppins;
}

.tam_each_container {
  width: 24%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-self: center;
  box-sizing: border-box;
}

.tam_title {
  width: 100%;
  height: 100%;
  gap: 8px;
  padding: 1%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;

  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 4px 4px 0px #d9d9d924;
  border-radius: 6px;
  background-color: #fff5f0;
}

.tam_prdt {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.tam_head {
  width: 100%;
  height: 45%;
  /* padding: 0.7%; */

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.tam_title_name {
  height: 50%;
  width: 100%;
  padding-top: 2%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #f1935c;
}

.tam_prev_date {
  height: 50%;
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 1.2vw;
  font-weight: 700;
  color: #909090;
}

.tam_body {
  width: 100%;
  height: 55%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.tam_detail_field {
  padding: 0.5%;
  gap: 6px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;

  font-size: 1.2vw;
  font-weight: 400;
  color: #555555;
}

.tam_prdt_type {
  width: 100%;
  height: 50%;
  padding: 2% 0;
  margin-bottom: 1.5vw;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.tam_exchg_type {
  width: 100%;
  height: 50%;
  padding: 3.2% 0;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  border-top: 0.5px solid #f1935c;
  border-left: 0.5px solid #f1935c;
  border-right: 0.5px solid #f1935c;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-radius: 6px;

  font-size: 1.2vw;
  font-weight: 700;
  color: #ffffff;
  background-color: #f1935c;
}

.tam_exchg_name {
  width: 33%;
  height: 100%;
  gap: 6px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.tam_body_val {
  width: 100%;
  height: 100%;
  padding: 0.5% 0 0.6% 0;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.2vw;
  font-weight: 600;
  color: #1f4e79;

  border-bottom: 0.5px solid #d9d9d9;
  border-left: 0.5px solid #d9d9d9;
  border-right: 0.5px solid #d9d9d9;
  box-shadow: 0px 4px 4px 0px #d9d9d924;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* TAM Weekly Price Trend Section */

.tam_price_container {
  width: 100%;
  height: auto;
  margin-top: 2%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;

  border: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-radius: 5px;
  font-family: Poppins;
}

.tam_price_head {
  height: 10%;
  padding: 8px;

  display: flex;
  justify-content: center;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.tam_price_graph {
  height: 80%;
  margin-top: 8px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-around;
  justify-items: center;
}

.tam_graph_exchg {
  width: 30%;
  height: 100%;

  border: 1px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  background: #ffffff01;
  border-radius: 5px;
}

.tam_graph_exchg_name {
  height: 10%;
  padding: 5px;

  display: flex;
  justify-content: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.tam_graph_exchg_plot {
  height: 90%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tam_img {
  width: 90%;
  height: 90%;
  object-fit: fill;
}

.tam_graph {
  display: flex;
  margin-bottom: 0.8%;
}

/* Reverse Auction Notice Section */

.ra_container {
  width: 100%;
  height: auto;
  margin-top: 2%;
  gap: 8px;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-family: Poppins;
}

.ra_title {
  padding: 5px;

  display: flex;
  justify-content: center;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.ra_body {
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;

  border-bottom: 0.5px solid #d9d9d9;
  border-left: 0.5px solid #d9d9d9;
  border-right: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-radius: 6px;
}

.ra_detail {
  height: 20%;
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: center;

  border: 0.5px 0px 0px 0px;
  background-color: #f1935c;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-radius: 6px;
}

.ra_detail_name {
  width: 19%;
  padding-top: 7px;
  padding-bottom: 7px;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  font-size: 1vw;
  font-weight: 600;
  color: #ffffff;
}

.ra_data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ra_data_row {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.ra_data_val {
  width: 19%;
  padding: 2.5px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  align-items: center;

  font-size: 1vw;
  font-weight: 600;
  color: #1f4e79;
}

.ra_orange {
  color: #f1935c;
}

/* Deep Auction Notice */

.deep_container {
  width: 100%;
  height: auto;
  margin-top: 2%;
  gap: 8px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-family: Poppins;
}

.deep_title {
  padding: 5px;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.deep_body {
  width: 60%;
  height: 90%;

  display: flex;
  flex-direction: column;

  border-bottom: 0.5px solid #d9d9d9;
  border-left: 0.5px solid #d9d9d9;
  border-right: 0.5px solid #d9d9d9;
  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-radius: 6px;
}

.deep_detail {
  height: 20%;
  width: 100%;

  display: flex;
  flex-direction: row;

  border: 0.5px 0px 0px 0px;
  background-color: #f1935c;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  border-radius: 6px;
}

.deep_detail_name {
  width: 50%;
  padding: 7px 0;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1vw;
  font-weight: 600;
  color: #ffffff;
}

.deep_data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.deep_row {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.deep_data_val {
  width: 50%;
  padding: 5px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;

  font-size: 1vw;
  font-weight: 600;
}

.deep_blue {
  color: #1f4e79;
}

/* Reverse Auction Results Section */

.ra_results_container {
  width: 100%;
  height: auto;
  margin-top: 2%;
  gap: 8px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  font-family: Poppins;
}

.ra_results_title {
  width: auto;
  height: 10%;
  padding: 5px;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #909090;
  font-family: Calibri;
}

.ra_results_body {
  width: 100%;
  height: 90%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;

  box-shadow: 0px 10px 10px 0px #d9d9d924;
  border-bottom: 0.5px solid #d9d9d9;
  border-left: 0.5px solid #d9d9d9;
  border-right: 0.5px solid #d9d9d9;
  border-radius: 6px;
}

.ra_result_head {
  width: 100%;
  height: 25%;
  padding: 7px 0;

  display: flex;
  flex-direction: row;
  box-sizing: border-box;

  font-size: 1vw;
  font-weight: 600;
  color: #ffffff;
  background-color: #f0925c;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-radius: 6px;
}

.ra_results_section {
  width: 12.5%;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ra_results_section_merged {
  width: 37.5%;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ra_results_section_header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ra_results_merged_main_title {
  height: 50%;
  width: 100%;
  padding-bottom: 5px;

  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}

.ra_results_title_section {
  height: 50%;
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

.ra_results_merged_title {
  height: 15%;
  width: 33%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.ra_result_data {
  width: 100%;
  height: 75%;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;

  font-size: 1vw;
  font-weight: 600;
  color: #1f4e79;
}

.ra_result_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.ra_result_data_section {
  width: 12.6%;
  padding: 5px;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* News Flash */

.news_container {
  width: 100%;
  height: auto;
  margin-top: 2%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-family: Poppins;
}

.news_title {
  width: 100%;
  height: auto;
  padding: 5px;

  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-size: 1.4vw;
  font-weight: 700;
  color: #34656d;
  font-family: Calibri;
}

.news_body {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.bid-tenders-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.news-sec-title {
  padding: 6px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 1.2vw;
  font-weight: 700;
  color: #1f4e79;
}

.bid-tenders-data {
  width: 100%;
  gap: 20px;
  padding: 5px;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  box-sizing: border-box;
}

.events-reports {
  width: 100%;
  gap: 20px;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  box-sizing: border-box;
}

.insights-update-sec {
  width: 100%;
  height: auto;
  gap: 20px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}

.insights-container,
.regulatory-international-container {
  width: 50%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.bid-tender-sec {
  width: 50%;
  padding: 5px;
  height: auto;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.insights-sec,
.regulatory-sec,
.international-sec {
  width: 100%;
  height: auto;
  padding: 5px;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.bid-tenders-title,
.regulatory-title,
.insights-title,
.international-title {
  text-align: justify;
  padding-bottom: 5px;
  font-size: 1vw;
  font-weight: 600;
  color: #333333;
}

.bid-tenders-text,
.international-text,
.regulatory-text,
.insights-text {
  text-align: justify;
  font-size: 1vw;
  font-weight: 400;
}

.bid-tenders-content,
.insights-content,
.regulatory-content,
.international-content,
.events-content,
.reports-content {
  font-size: 0.9vw;
  text-align: justify;
  font-weight: 400;
  color: #333333;
}

.bid-tenders-source,
.insights-source,
.regulatory-source,
.international-source {
  color: #2e74b5;
}

.insights-data,
.regulatory-data,
.international-data {
  width: 100%;
  gap: 10px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.reports-sec,
.events-sec {
  width: 100%;
  height: auto;
  padding: 5px;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.events-container,
.reports-container {
  width: 100%;
  margin-top: 10px;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Modal Background */
.modal {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  display: none;
  position: fixed;
  z-index: 1000;
  overflow: auto;
  justify-content: center;
  align-items: center;
}

/* Modal Content */
.modal-content {
  width: 100%;
  max-width: 50%;
  padding: 10px;

  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  background-color: #fffcfb;
  border: 2px solid #d9d9d9;
  border-radius: 10px;
}

.modal-heading {
  font-size: 1.4vw;
  font-weight: 700;
  color: #34656d;
}

#modalMessage {
  font-size: 0.9vw;
  margin: 15px;
  font-weight: 400;
  color: #34656d;
}

.modal-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;

  font-size: 1.2vw;
  font-weight: 400;
}

.modal-buttons button {
  padding: 8px 10px;
  border: none;
  border-radius: 8px;
  color: white;
  background-color: #4caf50;
  cursor: pointer;
}

.modal-buttons button:hover {
  background-color: #45a049;
}

#cancelButton {
  background-color: #f44336;
}

#cancelButton:hover {
  background-color: #e53935;
}

/* Footer Section */
#footer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  background-color: #f0925c;
}

.footer_section {
  height: auto;
  padding: 5px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  justify-content: center;

  color: #ffffff;
  font-size: 0.9vw;
  font-weight: 400;
}

.footer_link {
  display: flex;
  align-items: center;
}

.footer_link a {
  color: #ffffff;
  text-decoration: none;
}

.footer-img {
  width: 10%;
  margin-right: 5px;
}