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

body {
  font-family: "Open Sans", sans-serif !important;
  background-color: #f6f6f6;
}

.highcharts-axis.highcharts-xaxis {
  display: none;
}

.mt-30px {
  margin-top: 30px;
}

.card-header.bg-green {
  background: #189062 !important;
}

/* New style Added */
.nav-tab-box {
  background: #fff3e0 !important;
  margin-top: 90px;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 1;
}

.nt-22px {
  margin-top: 22px;
}

.box-new-data {
  margin-bottom: 10x;
}

.nav-pills.map-filter-pills-1 .nav-link.active,
.nav-pills.map-filter-pills .show>.nav-link {
  background: #d8d8d8 !important;
  border-radius: 4px;
  color: #000 !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px !important;
  line-height: 16px;
  text-transform: capitalize;
}

/* .sdgGoal-img {
    background-color: #d32f2f;
} */
.map-filter-pills-1 .nav-item .nav-link {
  margin: 0px 6px;
}

.table.summary-table th {
  font-style: normal;
  background: rgba(23, 56, 70, 0.05);
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px;
  text-transform: uppercase;
  color: #000000;
}

.newInvest-box {
  background-color: #f3f9f6;
}

.nav-pills.newInvest .nav-link.active,
.nav-pills.newInvest .show>.nav-link {
  color: #fff !important;
  background: #2E5F44 !important;
  border-radius: 30px;
  font-family: "Open Sans";
  font-size: 16px !important;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  padding: 8.8px 18px !important;
  line-height: normal;
  width: 100%;
}


.nav-pills.newInvest .nav-link {
  background: 0px 0px;
  border: 0px;
  border-radius: var(--bs-nav-pills-border-radius);
  color: #000 !important;
  font-family: "Open Sans";
  font-size: 14px !important;
  font-style: normal;
  margin-bottom: 10px;
  font-weight: 400;
  padding: 8.8px 18px !important;
  text-align: left;
  width: 100%;
  line-height: normal;
  text-transform: capitalize;
}

.nav-tabs.new-method .nav-item.show .nav-link,
.nav-tabs.new-method .nav-link.active {
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  background: #2E5F44 !important;
  height: 42px;
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  line-height: 10px;
}

.nav-tabs.new-method .nav-link {
  border-radius: 30px !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  background: #F9F9F9 !important;
  height: 42px;
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  line-height: 10px;
  margin: 0px 10px 7px 0px;
}

.card.rightInvest {
  border-radius: 8px;
  background: #FFF;
  border-radius: 8px;
}

.all-filter-box {
  max-width: 100%;
  max-height: 630px;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
  background: #FFF;
}

.style_titles h3 {
  color: var(---Text-5-, #1D2129);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 140% */
}

.style_titles p {
  color: var(---Text-5-, #1D2129);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  opacity: 0.6;
  /* 233.333% */
}

.nav-pills.yearWiseGraphChart .nav-link {
  border-radius: 30px;
  background: rgba(46, 95, 68, 0.10);
  padding: 7px 25px !important;
  color: #2E5F44;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.nav-pills.yearWiseGraphChart .nav-link.active,
.nav-pills.yearWiseGraphChart .show>.nav-link {
  border-radius: 30px;
  background: #2E5F44 !important;
  padding: 7px 25px !important;
  color: #FFF !important;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.form-select:disabled {
  background-color: #66aa87 !important;
}

.card.chartCard {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.card.chartCard .chart-title-new {
  color: #000;
  font-family: "Open Sans";
  font-size: 17px;
  font-style: normal;
  white-space: normal !important;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize !important;
}

.pt-150px {
  padding-top: 150px;
}

.nummber-text {
  color: #000;
  font-family: "Open Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.count-title {
  color: #000;
  font-family: "Open Sans";
  font-size: 16px;
  opacity: 0.4;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  /* 250% */
  text-transform: capitalize;
}

.table.summary-table td {
  padding: 11px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px;
  color: #000000ba;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 1px !important;
  vertical-align: middle;
}

.sticky-tr {
  position: sticky;
  top: 0px;
  background: #fff;
}

.form-check-input.climateCkeck:checked {
  background-color: #4ea277 !important;
  border-color: #4ea277 !important;
  height: 25px !important;
  width: 25px !important;
}

.btn-progress {
  background: #fff3e0 !important;
  border-radius: 20px !important;
}

.agri-title h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  text-transform: capitalize;
  color: #e68331;
}

.text-overview .text-danger {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #000000;
}

.agri-title h3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #e68331;
  margin-bottom: 18px;
}

.agri-title .number {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 24px;
  line-height: 33px;
  text-transform: capitalize;
  color: #000000;
}

.form-check-input.climateCkeck {
  height: 25px !important;
  width: 25px !important;
}

.form-check-label.checkLabel {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 33px;
  text-align: right;
  padding-left: 10px;
  color: #000000;
}

.arrow-fix-1 {
  position: relative;
  left: 50px;
  top: -64px;
  width: 80px;
}

.timeline.year-series li {
  width: 180px;
}

.text-overview-1 h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #e68331;
}

.text-overview-1 p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #000000;
}

.timeline.year-series li .year-box:before {
  position: absolute;
  top: 99px;
  bottom: 0;
  display: none;
  height: 440px;
  left: 50px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #e9ecef;
}

#content2 {
  display: none;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  background: #fff !important;
  padding: 10px;
  z-index: 999;
}

.sidebar {
  position: fixed;
  top: 140px;
  overflow-y: scroll;
  left: 0;
  height: 100%;
  width: 260px;
  z-index: 100;
  transition: all 0.5s ease;
}

.logo-text {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  text-transform: capitalize;
  color: #ffffff;
}

.v-line {
  width: 2px;
  background: #fff;
  transform: scale(1.3);
  margin-right: 15px;
  margin-left: 15px;
}

.nav-tab-box .nav-tabs {
  border: 0px solid transparent;
  background: #fff3e0;
}

/* New style Ending */

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: #fff !important;
}

/* new Design style starts */

.bg-white.bg-custom {
  background: #fff !important;
  height: 90px;
}

.navbar-brand span {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 33px;
  text-transform: capitalize;
  color: #000000 !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 20px !important;
  padding-left: 20px !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000 !important;
}

.wrapper {
  box-sizing: border-box;
  /* margin: 0px 0px;
    padding: 0px 30px; */
  margin-top: 0px;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
}

.play-btn:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-bottom: solid 20px transparent;
  border-top: solid 20px transparent;
  border-left: solid 20px #fff;
  height: 0;
  width: 0;
}

section {
  padding: 15px 0px;
}

.btn.radius-25 {
  border-radius: 20px;
  font-size: 16px;
}

.table.tbl_border_none.bdr-0 tbody tr td {
  border-bottom: 0px !important;
}

.pt-115px {
  padding-top: 115px;
}

.table.tbl_border_none.bdr-0 tbody tr td {
  border-top: 0px !important;
}

.main-heading_title h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 58px;
  text-align: center;
  letter-spacing: 0.04em;
  /* text-transform: capitalize; */
  color: #000000;
}

.mt-100px {
  margin-top: 50px;
}

.sub h5 {
  padding: 20px 0px 5px 0px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  /* line-height: 33px; */
  letter-spacing: 0.02em;
  text-transform: capitalize;
  text-align: center;
  color: #000000;
}

.success-text-popup {
  color: #000 !important;
  text-align: center;
  font-family: "Open Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  text-transform: capitalize;
}

.btn.btn-update-edit {
  border-radius: 40px;
  background: #003F35;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.primary-vl {
  border-left: 4px solid #69b08b !important;
  height: 50px;
}

.primary-vl p {
  color: #000000 !important;
  font-style: normal;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
}

.small-bold {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.bg-box-personal {
  background: #fff;
  padding: 25px;
  margin-bottom: 222px;
}

.ccs-box {
  border-radius: 18px;
  border: 1px solid #2E5F44;
  background: #FFF;
  padding: 50px 39px 28px 39px;
}

.btn.btn-sample {
  background: #2E5F44;
  display: flex;
  width: 96px;
  height: 32px;
  border-radius: 0px;
  color: #fff !important;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.btn.btn-sample:hover {
  background: #2E5F44;
  display: flex;
  width: 96px;
  height: 32px;
  border-radius: 0px;
  color: #fff !important;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.user-edit {
  color: #000 !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ccs-title {
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 120% */
  text-transform: capitalize;
}

.btn.btn-dark {
  color: #fff;
  background-color: #69b08b !important;
  border-color: #69b08b !important;
}

table.tbl_ccs {
  color: #000!important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: -0.154px;
  text-transform: capitalize;
}
.dropdown-item.user-edit {
  color: #000 !important;
  font-feature-settings: 'liga' off, 'clig' off;
  font-size: 10px !important;
  font-style: normal;
  margin-top: 10px;
  font-weight: 600;
  line-height: normal;
}
.btn.btn-cancel-edit {
  border-radius: 40px;
  border: 1px solid #003F35;
  color: #003F35;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.btn.btn-preview-edit {
  border-radius: 40px;
  background: rgba(0, 63, 53, 0.10);
  color: #003F35;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.geospatial_bg {
  background-image: url('../images/geo-special-tools.jpg');
  background-repeat: no-repeat;
  width: 100%;
  min-height:300px;
  background-size: cover;
}

.btn.btn-cancel-ndc-edit {
  width: 80px;
  background: #f8f8f8;
  border: 1px solid #66aa87;
  margin-top: 39px;
  font-weight: 500;
  font-size: 14px !important;
}

.countryDiv h6 {
  color: #2B2B2B;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    line-height: normal;
}

.countryDiv p {
  color: #2b2b2b80;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 0px;
    padding-left: 19px;
}


.btn.btn-cancel-ndc-edit:hover {
  width: 80px;
  background: #f8f8f8;
  border: 1px solid #66aa87;
  margin-top: 39px;
  font-weight: 500;
  font-size: 14px !important;
}

.btn.btn-update-edit {
  border-radius: 40px;
  background: #003F35;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.btn.btn-update-edit:hover {
  border-radius: 40px;
  background: #003F35;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#icon-alert-modal img {
  height: 75px !important;
}

.sub p {
  /* font-family: "Nunito Sans"; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.02em;
  /* margin-top: 11px; */
  color: #000;
  /* color: #00000099; */
}

.banner-video {
  padding: 0px 0px;
}

.banner-video img {
  border-radius: 0px;
  margin-top: 77px;
}

.pt-12px {
  padding-top: 12px;
}

.pb-12px {
  padding-bottom: 12px;
}

.banner-video h1 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  padding-left: 45px;
  font-size: 75px;
  line-height: 95px;
  letter-spacing: 0.04em;
  text-transform: capitalize;
  color: rgb(255, 255, 255);
  position: absolute;
  top: 325px;
  max-width: 600px;
  z-index: 1;
}

.border-radius-4px {
  border-radius: 4px;
}

.text-sub {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400 !important;
  font-size: 32px !important;
  line-height: 44px;
  text-align: center;
  color: #797979;
  margin-top: 75px;
}

.text-sub h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400 !important;
  font-size: 32px !important;
  line-height: 44px;
  text-align: center;
  color: #797979;
}

.mt-360px {
  margin-top: 170px;
}

.mt-60px {
  margin-top: 20px;
}

.mt-61px {
  margin-top: 11px;
}

.mt-75px {
  margin-top: 75px !important;
}

.filter_card {
  background: #ffffff;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 38px;
}

.text-country {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 33px;
  color: #003f35cc;
}

.text-location {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  opacity: 0.5;
}

.form-select.country_filter {
  width: 240px;
  border: 0px;
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 33px;
  color: #000000;
}

.btn.btn-black {
  background: #003f35;
  border-radius: 40px;
  min-width: 122px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  width: 182px;
  height: 58px;
  font-size: 20px;
  line-height: 27px;
}

/* .circle-1 {
    height: 145px;
    width: 145px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #EDEDED;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #AFD9FF;
    padding-top: 26px;
} */

.circle-1 span {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 11.967px;
  text-align: center;
  /* text-transform: capitalize; */
  color: #ffffff;
  position: relative;
  top: -8px;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none !important;
}

/* .circle-2 {
    height: 145px;
    width: 145px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #AFD9FF;
    padding-top: 35px;
} */

.circle-1 {
  height: 130px;
  width: 130px;
  background: #1f4e79;
  box-shadow: 8px 8px 32px 8px #ededed;
  border-radius: 50%;
  text-align: center;
  margin-left: -33px;
  border: 9px solid #afd9ff;
  padding-top: 26px;
  position: relative;
  top: 0px;
  left: 23px;
  margin-bottom: 30px;
}

.circle-1 .text {
  transition: inherit;
  transform: rotate(66deg);
  margin-left: -11px;
  position: relative;
  left: 2px;
  top: -47px;
}

.circle-2 .text {
  transition: inherit;
  transform: rotate(66deg);
  margin-left: -24px;
  margin-top: -2px;
}

.circle-3 .text {
  transition: inherit;
  transform: rotate(66deg);
  margin-left: -37px;
}

.circle-1::before {
  content: "-->";
  letter-spacing: 1px;
  font-size: 30px;
  color: #379b4580;
  display: inline-block;
  vertical-align: 3px;
  padding-left: 27px;
  position: relative;
  left: -2px;
  top: -67px;
  transition: inherit;
  transform: rotate(270deg);
}

.circle-1::after {
  content: "---";
  letter-spacing: 1px;
  font-size: 30px;
  color: #379b4580;
  display: inline-block;
  vertical-align: 3px;
  top: -32px;
  position: relative;
  transition: inherit;
  transform: rotate(93deg);
}

.circle-2::after {
  content: "---";
  letter-spacing: 1px;
  font-size: 30px;
  color: #379b4580;
  display: inline-block;
  vertical-align: 2px;
  padding-left: 48px;
  transition: inherit;
  transform: rotate(94deg);
  margin-left: 4px;
}

.circle-2 {
  height: 120px;
  width: 120px;
  background: #4472c4;
  box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
  border-radius: 50%;
  text-align: center;
  border: 9px solid #afd9ff;
  padding-top: 35px;
  position: relative;
  margin-bottom: 30px;
}

.circle-3 {
  height: 110px;
  width: 110px;
  background: #ffc000;
  box-shadow: 8px 8px 32px 8px #ededed;
  border-radius: 50%;
  text-align: center;
  border: 9px solid #afd9ff;
  padding-top: 35px;
  position: relative;
  top: 0px;
}

.circle-2 span {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 11.967px;
  position: relative;
  top: -10px;
  text-align: center;
  text-transform: capitalize;
  color: #ffffff;
}

/* .circle-3 {
    height: 145px;
    width: 145px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #EDEDED;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #AFD9FF;
    padding-top: 35px;
} */

.circle-3 span {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  position: relative;
  top: -26px;
  left: -12px;
  padding: 4px;
  text-align: center;
  text-transform: capitalize;
  color: #ffffff;
}

/* .img-arrow img {
    height: 399px;
} */

.country-overview-space {
  position: relative;
  top: -100px;
}

.number_text {
  /*font-family: "Overpass";*/
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #1d8eca;
}

.number_text_2 {
  /*font-family: "Overpass";*/
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #0d2e4d;
}

.text-des-2 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-align: right;
  /* text-transform: capitalize; */
  color: #0d2e4d;
}

.min-236px {
  min-height: 236px;
}

.pe-13px {
  padding-right: 13px;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  background: #003f35;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 18px !important;
  border-top-right-radius: 18px !important;
}

.modal-content {
  position: relative;
  display: flex;
  background: #fdf2ea;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0;
}

.number_text_3 {
  /*font-family: "Overpass";*/
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #89c63d;
}

.text-des-3 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px;
  line-height: 25px;
  text-align: right;
  /* text-transform: capitalize; */
  color: #89c63d !important;
}

.number_text_4 {
  /*font-family: "Overpass";*/
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #379b45;
}

.text-des-4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px;
  line-height: 25px;
  text-align: right;
  /* text-transform: capitalize; */
  color: #379b45 !important;
}

.number_text_5 {
  /*font-family: "Overpass";*/
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #e48d2c;
}

.text-des-5 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  /* text-transform: capitalize; */
  color: #e48d2c !important;
}

.sendai-box h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-size: 2rem !important;
  line-height: 44px;
  color: #000000 !important;
}

.section-bg-banner {
  background-image: url("../../assets/images/climate-outlook.jpg");
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
  background-size: cover;
}

/* .overview_card.content-height:before {
  position: absolute;
  content: "";
  left: -17px;
  bottom: -26px;
  background: url('../../assets/images/dots.png') bottom left no-repeat;
  width: 50%;
  height: 40%;
  z-index: -2;
}

.overview_card.content-height:before:hover {
  position: absolute;
  content: "";
  left: -17px;
  bottom: -26px;
  background: url('../../assets/images/dots.png') bottom left no-repeat;
  width: 50%;
  height: 40%;
  z-index: -999;
} */


/* .content-heights:after {
  position: absolute;
  content: "";
  right: -8px;
  bottom: -38px;
  background: url('../../assets/images/dots.png') bottom left no-repeat;
  width: 50%;
  height: 40%;
  z-index: -2;
}
.content-heights:after:hover {
  position: absolute;
  content: "";
  right: -8px;
  bottom: -38px;
  background: url('../../assets/images/dots.png') bottom left no-repeat;
  width: 50%;
  height: 40%;
  z-index: -999;
} */

.mt-80px {
  margin-top: 80px;
}

.circle-ndc {
  background-color: bisque;
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

.circle-ndc img {
  position: relative;
  left: 10px;
  top: 13px;
  height: 50px;
}


.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: none !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.nav-pills.outlook-pills .nav-link.active,
.nav-pills.outlook-pills .show>.nav-link {
  color: #fff !important;
  background: #2e5f44 !important;
  border-radius: 30px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* text-transform: capitalize; */
}

.nav-pills.outlook-pills .nav-link {
  border: 0;
  background: rgba(46, 95, 68, 0.1);
  border-radius: 30px !important;
  font-family: "Open Sans";
  padding: 16px !important;
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 22px;
  /* text-transform: capitalize; */
  color: #2e5f44 !important;
}

.nav-fill.outlook-pills .nav-item .nav-link,
.nav-justified.outlook-pills .nav-item .nav-link {
  white-space: nowrap;
  width: 100%;
}

.card_temparature {
  background: #fff1f1 !important;
  border: 1px solid #fec0c0 !important;
  border-radius: 16px !important;
}

.tem-img h4 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  /* text-transform: capitalize; */
  color: #000000;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #dbb9b9 !important;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  background: #6c757d !important;
  border-bottom-right-radius: 0;
}



.mt-35px {
  margin-top: 35px;
}

.btn-group>.btn-group:not(:first-child),
.btn-group> :not(.btn-check:first-child)+.btn {
  margin-left: -1px;
  background: #6c757d !important;
  border-bottom-right-radius: 0;
}

.tem-img .sub-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  /* text-transform: capitalize; */
  color: #000000;
}

.tem-img p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #ea0029;
}

.tem-img p strong {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #ea0029;
}

.accordion-button.dark-img.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item.border-style {
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 16px !important;
  padding: 10px 0px;
}

.accordion-item .accordion-button span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px !important;
  line-height: 24px;
  text-transform: capitalize;
  color: #000000 !important;
}

.table.tbl-usermanagement thead tr th,
tbody td {
  border: 0px solid lightblue !important;
  color: #fff;
}

.dropdown-toggle.caret-hidden::after {
  /* display: inline-block; */
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-menu.fixAlign.show {
  display: block;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: absolute !important;
  border: 0px;
  left: -95px !important;
}

.font-17px {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  text-transform: capitalize;
  color: #605d5d;
}

.icons-text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* text-transform: capitalize; */
  color: #363434;
}

.card.card-1 {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 16px;
  height: 200px;
  margin-bottom: 10px;
}

.card.card-2 {
  background: #eef9ff;
  border: 1px solid #bbe7ff;
  border-radius: 16px;
  height: 160px;
}

.card.card-3 {
  background: #eef3ff;
  border: 1px solid #bcd0fe;
  border-radius: 16px;
  height: 160px;
}

.card.card-4 {
  background: #ffe8c5;
  border: 1px solid #fad398;
  border-radius: 16px;
  height: 160px;
}

table.tbl_border_none tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: hidden !important;
  border-width: 0;
}

.card.all-vertical-line {
  background: #f5fafd;
  border: 1px solid #b7cbfa;
  border-radius: 15px;
}

.guage-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  /* text-transform: capitalize; */
  color: #000000;
}

.tbl_border_none td {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* text-transform: capitalize; */
  color: #000000;
}

sup {
  top: -.5em;
  color: red !important;
}
sup {
  color: red!important;
}

label.label-reg {
  display: inline-block;
  color: #6c757d !important;
  font-weight: 400;
  font-size: 14px;
}


label.label-reg sup {
  color: red!important;
}
.form-select {
  font-size: 14px !important;
}

.para-text-accordian p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}

.small-bold {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-transform: capitalize;

  color: #000000;
}

.breadcrumb .breadcrumb-item.text-white a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #fff !important;
}

.accordion-item .accordion-button.bg-btn span {
  /* font-family: 'Open Sans'; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  text-transform: capitalize;
  color: #fff !important;
}

.btn.btn-rounded:hover {
  background: #ffffff !important;
  border-radius: 40px;
  white-space: nowrap;
  width: 147px;
  height: 46px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  color: #00664f !important;
}

.font-22px {
  font-size: 22px;
}

/* .progress-w-200px {
    width: 200px;
} */

.progress-active-1 {
  background: #28a83d !important;
  border-radius: 12px !important;
}

.progress-active-2 {
  background: #80c32b !important;
  border-radius: 12px !important;
}

.progress-active-3 {
  background: #ffdb0f !important;
  border-radius: 12px !important;
}

.progress-active-4 {
  background: #ef7e08 !important;
  border-radius: 12px !important;
}

.progress-active-5 {
  background: #e22d03 !important;
  border-radius: 12px !important;
}

.progress-line-1 {
  height: 15px;
  width: 130px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 12px !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: #000 !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: #000 !important;
}

.font-weight-500 {
  font-weight: 500px !important;
}

.follow-link .pe-3 {
  margin-bottom: 10px;
}

.progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #ebebeb;
}

.progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: colorload 2s;
  animation: colorload 2s;
}

.progress-circle span {
  font-size: 1rem;
  color: #8b8b8b;
  position: absolute;
  left: 41%;
  top: 38%;
  display: block;
  width: 85px;
  height: 85px;
  font-weight: bold;
  line-height: 78px;
  margin-left: -32px;
  margin-top: -30px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}

.progress-circle span:after {
  content: "%";
  font-weight: 600;
  color: #8b8b8b;
}

.progress-circle.progress-0:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(90deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-1:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(93.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-2:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(97.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-3:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(100.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-4:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(104.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-5:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(108deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-6:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(111.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-7:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(115.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-8:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(118.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-9:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(122.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-10:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(126deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-11:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(129.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-12:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(133.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-13:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(136.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-14:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(140.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-15:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(129.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-16:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(133.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-17:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(136.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-18:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(140.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-19:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(144deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-20:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(151.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-21:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(158.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-22:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(161.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-23:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(165.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-24:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(169.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-25:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(180deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-26:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(183.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-27:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(187.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-28:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(190.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-29:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(194.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-30:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(198deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-31:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(201.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-32:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(205.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-33:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(208.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-34:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(212.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-35:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(216deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-40:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(234deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-36:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(219.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-37:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(223.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-38:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(226.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-39:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(230.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-41:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(237.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-42:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(241.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-43:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(244.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-44:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(248.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-45:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(252deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-46:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(255.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-47:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(259.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-48:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(262.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-49:after {
  background-image: linear-gradient(90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent),
    linear-gradient(266.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-50:after {
  background-image: linear-gradient(-90deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-51:after {
  background-image: linear-gradient(-86.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-52:after {
  background-image: linear-gradient(-82.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-53:after {
  background-image: linear-gradient(-79.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-54:after {
  background-image: linear-gradient(-75.6deg,
      #0073b0ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #0073b0ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-55:after {
  background-image: linear-gradient(-72deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-56:after {
  background-image: linear-gradient(-68.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-57:after {
  background-image: linear-gradient(-64.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-58:after {
  background-image: linear-gradient(-61.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-59:after {
  background-image: linear-gradient(-57.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-60:after {
  background-image: linear-gradient(-54deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-61:after {
  background-image: linear-gradient(-50.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-62:after {
  background-image: linear-gradient(-46.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-63:after {
  background-image: linear-gradient(-43.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-64:after {
  background-image: linear-gradient(-39.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-65:after {
  background-image: linear-gradient(-36deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-66:after {
  background-image: linear-gradient(-32.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-67:after {
  background-image: linear-gradient(-28.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-68:after {
  background-image: linear-gradient(-25.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-69:after {
  background-image: linear-gradient(-21.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-70:after {
  background-image: linear-gradient(-18deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-71:after {
  background-image: linear-gradient(-14.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-72:after {
  background-image: linear-gradient(-10.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-73:after {
  background-image: linear-gradient(-7.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-74:after {
  background-image: linear-gradient(-3.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-75:after {
  background-image: linear-gradient(0deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-76:after {
  background-image: linear-gradient(3.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-77:after {
  background-image: linear-gradient(7.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-78:after {
  background-image: linear-gradient(10.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-79:after {
  background-image: linear-gradient(14.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-80:after {
  background-image: linear-gradient(18deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-81:after {
  background-image: linear-gradient(21.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-82:after {
  background-image: linear-gradient(25.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-83:after {
  background-image: linear-gradient(28.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-84:after {
  background-image: linear-gradient(32.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-85:after {
  background-image: linear-gradient(36deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-86:after {
  background-image: linear-gradient(39.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-87:after {
  background-image: linear-gradient(43.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-88:after {
  background-image: linear-gradient(46.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-89:after {
  background-image: linear-gradient(50.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-90:after {
  background-image: linear-gradient(54deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-91:after {
  background-image: linear-gradient(57.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-92:after {
  background-image: linear-gradient(61.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-93:after {
  background-image: linear-gradient(64.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-94:after {
  background-image: linear-gradient(68.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-95:after {
  background-image: linear-gradient(72deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-96:after {
  background-image: linear-gradient(75.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-97:after {
  background-image: linear-gradient(79.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-98:after {
  background-image: linear-gradient(82.8deg,
      #0073b0ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #0073b0ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-99:after {
  background-image: linear-gradient(86.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-100:after {
  background-image: linear-gradient(90deg,
      #66b8ff 50%,
      transparent 50%,
      transparent),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }

  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

.text-info {
  color: #029ed8 !important;
}

.card_temparature {
  min-height: 600px !important;
  margin-bottom: 30px;
}

.mb-105px {
  margin-bottom: 105px;
}

.mt-40px {
  margin-top: 40px !important;
}

.mt-17px {
  margin-top: 10px;
}

.text-des {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600;
  font-size: 18px !important;
  line-height: 25px;
  padding: 0px;
  text-transform: capitalize;
  color: #1d8eca !important;
}

.card.how-we-work {
  background: #ffffff;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
  border-radius: 18px;
}

.how-we-work p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #4e4e4e;
}

.card.overview_card {
  background: rgb(255, 255, 255);
  box-shadow: rgba(225, 225, 225, 0.5) 8px 8px 32px 8px;
  margin: 0px 20px;
  cursor: pointer;
  min-height: 285px;
  border-radius: 18px !important;
}

.card.overview_card:hover {
  transform: scale(1.11);
  font-size: 14px;
  transition: transform 0.9s;
}

.mt-147px {
  margin-top: 135px !important;
}

.ptb-32px {
  padding: 15px 32px !important;
}

.p-32px {
  padding: 32px !important;
}

.img-country img {
  border-radius: 50px;
  border: 1px solid #eee3e3;
}

.card.overview_card h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #000000 !important;
  margin-top: 17px;
}

.mt-140px {
  margin-top: 140px;
}

.footer_ul li {
  /* font-family: "Nunito Sans"; */
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
}

.treeview {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 15px 30px 30px;
}

.treeview ul {
  float: left;
  width: 100%;
  position: relative;
}

.treeview ul li {
  float: left;
  width: 100%;
  border-left: 1px solid #444;
  padding: 10px 0;
}

.treeview ul li div {
  float: left;
  width: 100%;
  font-family: Arial;
  font-size: 15px;
  color: #444;
  line-height: 1.5;
  padding-left: 33px;
  position: relative;
  bottom: -20px;
}

.treeview ul li div:before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #444;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
}

.treeview ul li ul {
  margin: 20px 0;
}

.treeview ul li ul li {
  border-left-color: #aaa;
  margin-left: 50px;
  width: calc(100% - 50px);
}

.treeview ul li ul li div {
  color: #aaa;
  padding-left: 15px;
}

.treeview ul li ul li div:before {
  background-color: #aaa;
  width: 10px;
}

.text-copyright {
  /* font-family: "Lato"; */
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0px;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #ffffff !important;
}

.btn.bg-details {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  white-space: normal;
  line-height: 69px;
  border: 0px;
  color: #ffffff;
  background: transparent;
}

.form-control.w-200px {
  width: 200px;
  padding: 10px;
  border-radius: 50px;
}

.project-inistution {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000000;
}

.filter-box .dropdown .btn-secondary {
  width: 103px;
  height: 48px;
  background: rgba(0, 63, 53, 0.1);
  border-radius: 100px;
  border: 0px;
}

.head-box h4 {
  color: #000 !important;
  font-family: "Open Sans";
  font-size: 20px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}

.head-box p {
  color: #000;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.dropdown-menu.bg-data.show {
  display: block;
  min-width: 100%;
  border: 0px;
  border-radius: 10px;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 4px;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-menu.drop-caret::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 77%;
  margin-left: -5px;
  border-width: 9px;
  border-style: solid;
  visibility: visible;
  border-color: transparent transparent #fff transparent;
}

.card.card_institution {
  background: #ffffff;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08);
}

.dropdown-menu.show {
  display: block;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: absolute !important;
  border: 0px;
  left: -41px !important;
}

.rounded-pill {
  background: rgba(131, 180, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 10px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  text-transform: capitalize;
  color: #83b4ff !important;
}

.list-group-item .fw-bold {
  font-style: normal;
  font-weight: 800 !important;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #00000080;
}

.description-text {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #000000;
  margin-top: 10px;
}

.badge.badge-bg {
  background: rgba(219, 100, 79, 0.1);
  border-radius: 6px;
  font-family: "Open Sans";
  font-style: normal;
  padding: 10px;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  text-transform: capitalize;
  color: #db644f;
}

.breadcrumb a {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff !important;
}

.breadcrumb-item {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff !important;
}

.dropdown-menu.bg-data.show {
  left: 0px !important;
  position: absolute;
}

.dropdown-menu .dropdown-item.active {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 19px;
  color: #000000 !important;
}

.card_coemmision {
  background: #ffffff;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08);
  border-radius: 20px !important;
  border: 0px;
  min-width: 300px !important;
}

.plr-100px {
  padding-left: 100px;
  padding-right: 100px;
}

.text-cotwo p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.mt-150px {
  margin-top: 70px !important;
}

.nav-tabs.country-viewTab .nav-link.active {
  color: #fff !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  border-radius: 0px;
  padding: 5px 15px !important;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  background: #f4faf7 !important;
  border-bottom: 0px solid #db644f !important;
}

.about-box h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}

.about-box p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  color: #000000;
  opacity: 0.6;
}

.geo-filter-box {
  position: absolute;
  top: 22px;
  left: 55px !important;
  z-index: 3;
  width: 301px !important;
  height: 650px;
  overflow-y: scroll;
  background: rgba(0, 63, 53, 0.8);
  backdrop-filter: blur(2px);
}

/* .geo-filter-box {
  position: absolute;
  top: 410px !important;
  left: 55px !important;
  z-index: 3;
  width: 301px !important;
  height: 650px;
  overflow-y: scroll;
  background: rgba(0, 63, 53, 0.8);
  backdrop-filter: blur(2px);
} */

.card-title-text {
  color: #000;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.modal-content.border-radius-0 {
  border-radius: 0px !important;
}

.card_campare {
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
}

.nav-pills.filter-view .nav-link.active,
.nav-pills.filter-view .show>.nav-link {
  border-radius: 4px;
  background: #00664F !important;
  color: #FFF !important;
  font-size: 12px !important;
  font-style: normal;
  padding: 10px !important;
  font-weight: 400;
  line-height: normal;
}

.nav-pills.filter-view .nav-link {
  background: #edf7ff;
  border: 0;
  border-radius: 4px;
  padding: 10px !important;
  color: #000 !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.leaflet-top {
  top: 60px;
}

.mt-12px {
  margin-top: 18px;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
}

.accordion-button.bg-btn:not(.collapsed) {
  background-color: transparent !important;
  font-style: normal;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 19px;
  color: #ffffff !important;
  opacity: 0.8;
  box-shadow: none !important;
}

.form-group .form-select {
  /* background: transparent; */
  border-radius: 25px;
  margin-top: 6px;
  padding: 10px;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
  /* background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform); */
}

.accordion-button {
  color: #fff !important;
}

.accordion-button.bg-btn:not(.collapse) {
  background-color: transparent !important;
  font-style: normal;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 19px;
  color: #ffffff !important;
  opacity: 0.8;
  border-bottom: 1px solid #ffffff3d;
  box-shadow: none !important;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  border-bottom: 1px solid #ffffff7a;
}

.section-1 {
  background-image: url("../../assets/images/background-img-1.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  background-size: 37%;
  background-position: left;
}

.section-2 {
  background-image: url("../../assets/images/background-img-3.svg");
  background-repeat: no-repeat;
  width: 100%;
  background-position: right top;
  background-size: 60%;
}

.section-3 {
  background-image: url("../../assets/images/background-img-2.svg");
  background-repeat: no-repeat;
  width: 100%;
  z-index: 1;
  position: relative;
  top: -60px;
  background-position: top;
  background-size: cover;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  text-align: left;
  background-color: transparent !important;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

.nav-tabs.country-viewTab .nav-link {
  color: #fff !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  border-radius: 0px;
  padding: 5px 15px !important;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  background: #f4faf7 !important;
  border-bottom: 0px solid #db644f !important;
}

sub,
sup {
  position: relative;
  font-size: 14px;
  line-height: 0;
  vertical-align: baseline;
}

.extra-large-text {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 68px;
  color: #000000;
}

.dropdown-menu .dropdown-item {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 19px;
  color: #00000080 !important;
}

.logo-text {
  color: #fff !important;
}

.rounded-card {
  background: #ffffff !important;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  border: 0px !important;
  margin-bottom: 20px;
}

.breadcrumb-item.active {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff !important;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #fff !important;
  content: var(--bs-breadcrumb-divider, "/");
}

.image-fit-box {
  width: 100%;
  height: auto;
  object-fit: fill;
}

.image-fit-box img {
  width: 517px;
  height: 446px;
}

.dropdown-toggle.bg-details {
  color: #fff;
  border-color: transparent !important;
  color: #FFF;
  font-family: 'Open Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.form-select.filter-box-radius {
  border-radius: 30px;
  border: 1px solid #FFF;
  height: 47px;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: transparent !important;
  border-color: var(--bs-btn-active-border-color);
}

.details-des {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
}

.btn.btn-viewmore-black {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px 65px;
  gap: 10px;
  width: 206px;
  height: 58px;
  background: #003f35;
  border-radius: 40px;
  margin-top: 40px;
  color: #fff !important;
}

.dropdown-menu.bg-data .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.65rem 1.5rem;
  clear: both;
  font-size: 18px;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-menu.bg-data::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 77%;
  margin-left: -5px;
  border-width: 9px;
  border-style: solid;
  visibility: visible;
  border-color: transparent transparent #fff transparent;
}

.number-text {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  /* white-space: nowrap;
  text-align: start; */
  /* margin-left: 43px; */
  line-height: 33px;
  text-transform: capitalize;
  color: #000000 !important;
}

.modal {
  z-index: 9999 !important;
}

.form-select.two {
  border-radius: 40px;
  height: 51px;
  border-radius: 25px;
  margin-top: 6px;
  padding: 10px;
  color: #6e777f;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}


.modal-content.filter-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px !important;
  outline: 0;
}

.modal-footer.footer-shadow {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  background: #ffffff;
  box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.25);
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-filter-box h4 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  text-transform: capitalize;
  color: #000000;
}

.modal-filter-box .sub-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000000;
}

.checkbox-radius[type="checkbox"] {
  border-radius: 0.25em;
  border: 3px solid #d3d3d3 !important;
}

.mb-131px {
  margin-bottom: 131px !important;
}

.left-content-box h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}

.left-content-box p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  opacity: 0.8;
}

.box-rank {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  width: 194px;
  min-height: 214px;
  text-align: center;
  padding: 15px;
}

.box-rank h4 {
  font-size: 20px;
}

.large-up {
  font-size: 35px;
  font-weight: 600;
  color: #0073b0ff;
}

.medium-down {
  font-size: 25px;
  font-weight: 600;
  color: #000;
}

.css-q80iy6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-bottom: 8px;
}

.css-1ku073z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
}

.css-1qua9tr {
  margin: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: 0.01071em;
  color: rgba(0, 0, 0, 0.6);
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.css-10rvbm3 {
  font-weight: 500;
}

.css-1qua9tr {
  margin: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: 0.01071em;
  color: rgba(0, 0, 0, 0.6);
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.css-1ku073z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
}

.css-1k33q06 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 28px;
  height: 28px;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.sdg-box {
  font-size: 0.7rem;
  align-items: center;
  letter-spacing: 0px;
  text-transform: uppercase;
  line-height: 1;
  /* font-family: Yantramanav, sans-serif; */
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}

.fa-arrow-right:before {
  content: "\f061";
  font-size: 20px;
}

.fa-arrow-up {
  color: #43a047;
  font-size: 20px;
}

.fa-arrow-up:before {
  content: "\f062";
  margin: 0px 8px 0px 0px;
  font-size: 20px;
}

.des_text {
  margin: 0px 0px 0.35em;
  font-size: 1rem;
  /* font-family: Yantramanav, sans-serif; */
  font-weight: 500;
  line-height: 1.57;
}

.all_indicators_data {
  margin: 0px 0px 0px 8px;
  /* font-family: Yantramanav, sans-serif; */
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  align-self: center;
}

.css-1qua9tr {
  margin: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  letter-spacing: 0.01071em;
  color: rgba(0, 0, 0, 0.6);
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.css-1jxam55 {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 8px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #bdbdbd !important;
}

.mt-131px {
  margin-top: 131px !important;
}

.project-details-title {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}

.text-details {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: #000000;
  opacity: 0.6;
}

.imageWrapper img {
  width: 100%;
}


.btn-secondary:hover {
  color: #fff;
  background-color: transparent !important;
  border-color: transparent !important;
}

.label-text-join {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.fileUpload {
  background: #fff;
  border-radius: 6px;
  color: #000000cc;
  font-size: 12px;
  font-weight: 500;
  margin: 1.25em auto;
  overflow: hidden;
  padding: 0.875em;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.fileUpload input.upload {
  position: absolute;
  top: 13px;
  right: 59px;
  margin: 0;
  padding: 0;
  font-size: inherit;
  cursor: pointer;
}

button.close {
  width: 24px;
  border-radius: 50px !important;
  border: 0px;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6 !important;
  font-size: 14px;
  white-space: nowrap;
}

.tbl-usermanagement thead tr {
  position: sticky;
  top: 0px;
  background: #66aa87;
  z-index: 999;
}

.lable-text {
  font-size: 14px;
  padding-left: 14px;
  font-weight: 500;
  color: #0000009e;
  margin-bottom: 5px;
}

.form-control {
  font-size: 14px !important;
  font-weight: 400;
}

tbody#tbody-users-list tr td {
  white-space: nowrap;
  padding: 12.6px 10px !important;
}

.btn.btn-join-cancel {
  background: rgba(1, 66, 27, 0.20);
  color: #01421B;
  font-size: 12px;
  padding: 10px 22px;
  font-style: normal;
  width: 90px;
  font-weight: 600;
  line-height: 14px;
  border-radius: 0px;
  height: 43px;
}

.btn.btn-join-cancel:hover {
  background: rgba(1, 66, 27, 0.20);
  color: #01421B;
  font-size: 12px;
  padding: 10px 22px;
  font-style: normal;
  width: 90px;
  font-weight: 600;
  line-height: 14px;
  border-radius: 0px;
  height: 43px;
}

.btn.btn-join-submit {
  background: #00411A;
  color: #fff;
  font-size: 12px;
  padding: 14px 22px;
  font-style: normal;
  width: 90px;
  font-weight: 600;
  line-height: 14px;
  border-radius: 0px;
  height: 43px;
}

.btn.btn-join-submit:hover {
  background: #00411A;
  color: #fff;
  padding: 14px 22px;
  font-style: normal;
  width: 90px;
  font-weight: 600;
  line-height: 14px;
  border-radius: 0px;
  height: 43px;
}

/* .imageWrapper img {
  min-height: 420px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/preview.jpg');
  border-radius: 8px;
  margin-bottom: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} */

.bg-light-one {
  background-color: rgb(231 231 231) !important;
}

.bg-light-1 {
  background-color: #f4faf7;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn.btn-viewmore-black:hover {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 24px 65px;
  gap: 10px;
  width: 206px;
  height: 58px;
  background: #003f35;
  border-radius: 40px;
  margin-top: 40px;
  color: #fff !important;
}

/** owl carousel **/
.owl-item>div {
  margin: 12px;
}

.owl-next,
.owl-prev {
  position: absolute;
  top: 0;
  width: 46px;
  bottom: 0;
}

.owl-item>div {
  cursor: pointer;
  margin: 5% 5%;
  transition: margin 0.4s ease;
}

.owl-item.center>div {
  cursor: auto;
  margin: 0;
}

.owl-item:not(.center)>div:hover {
  opacity: 0.75;
}

.owl-next {
  left: 100%;
  margin-left: -12px;
}

.owl-prev {
  right: 100%;
  margin-right: -12px;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 130px;
}

.owl-next i,
.owl-prev i {
  font-size: 30px;
  line-height: 24px;
  position: absolute;
  top: 50%;
  margin: -21px -32px;
  background: #fff;
  padding: 13px;
  border-radius: 50px;
}

.owl-next i {
  left: 12px;
}

.owl-prev i {
  right: 12px;
}

.p-60px {
  padding: 60px;
}

.mt-70px {
  margin-top: 40px !important;
}

.mt-71px {
  margin-top: 70px !important;
}

.follow-link a {
  border-radius: 50px;
  border: 1px solid #fff;
  padding-left: 0px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  padding: 10px;
  line-height: 33px;
  color: #ffffff !important;
}

.new-risk-box h4 {
  color: #000;
  font-family: Open Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}

.new-risk-box-1 h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  padding-left: 105px;
  /* text-align: center; */
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #000000;
}

.ps-105px {
  padding-left: 105px;
}

.w-80px {
  width: 80px;
}


.new-risk-box h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #000000;
  margin-top: 15px;
}

.temp-inc-1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  min-width: 108px;
  text-align: left;
  white-space: nowrap;
  font-size: 26px;
  line-height: 24px;
  /* display: flex; */
  /* align-items: center; */
  letter-spacing: -0.05em;
  color: #e84131 !important;
}

.m-54px {
  margin: 54px;
}

.about-box-new h5 {
  color: #000;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.about-box-new ul li {
  color: #000;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.bold-one {
  color: #2E5F44;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.bold-two {
  color: #000;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.img-fit-box {
  width: 100%;
  height: 680px;
  object-fit: contain;
}

.img-fit-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.country-overview-box-profile h4 {
  color: #000;
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.country-overview-box-profile p {
  color: #000;
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.img-fit-box1 {
  height: 650px;
  width: 100%;
  object-fit: contain;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999 !important;
}



.img-fit-box1 img {
  height: 673px;
  object-fit: fill;
}

/* .box-b {
  border-radius: 10px;
  border: 1px solid rgba(251, 128, 54, 0.70);
  background: rgba(251, 128, 54, 0.06);
  width: 163px;
  min-height: 210px;
} */

.box-b {
  border-radius: 10px;
  border: 1px solid rgba(251, 128, 54, 0.70);
  background: rgb(255 238 238);
  width: 163px;
  min-height: 210px;
  margin-bottom: 10px;
}

.temp-inc {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  text-align: center;
  font-size: 36px;
  line-height: 24px;
  /* display: flex; */
  align-items: center;
  letter-spacing: -0.05em;
  color: #e84131 !important;
}

.new-risk-box p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #474747 !important;
  margin-top: 12px;
}

.highcharts-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
}

.outlook-card {
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
  /* min-width: 620px; */
  flex-shrink: 0;
  border-radius: 18px !important;
  min-height: 680px;
}

.min-65px {
  height: 48px;
}

.tabs-filter-button {
  position: absolute;
  z-index: 9998;
  right: 60px;
}

.title-main {
  color: #000;
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.box-light-bottom {
  border-radius: 8px;
  background: #d294340d;
}

.w-140px {
  width: 140px;
}

.border-right {
  opacity: 0.1;
  background: #000;
  height: 83px;
  width: 1px;
}

.small-text {
  color: #000;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.box-light-bottom p {
  color: #000;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.box-light-bottom p.small-text {
  color: #000;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.h-65px {
  height: 65px;
}

.mt-48px {
  margin-top: 48px;
}

.p-18px {
  padding: 18px;
}

.ps-24px {
  padding-left: 24px;
}

.card.horizontal_card {
  border-radius: 18px;
  border: 1px solid #FFF;
  background: #FFF;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.50);
}

.p-32px {
  padding: 32px;
}

.temp-inc p {
  color: #474747;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.temp-inc p strong {
  color: #474747;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  line-height: 24px;
}

.btn.btn-addmore {
  background: #e5eceb;
  border-radius: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #000000 !important;
}

.fa.font-10px {
  font-size: 10px;
}

.follow-link a img {
  margin-top: -4px;
  margin-left: 8px;
}

.mt-160px {
  margin-top: 160px !important;
}

.footer-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #ffffff !important;
  margin-top: 20px;
}

.card.overview_card p {
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 16px auto;
  font-size: 14px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Open Sans" !important;
}

.btn.btn-viewmore {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #003f35 !important;
  border: 1px solid #003f35 !important;
  padding: 10px 20px;
  border-radius: 50px;
  margin-top: 30px;
}

.footer_ul li.pe-3 {
  margin-bottom: 10px !important;
}

.footer_ul li a {
  padding-left: 0px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 40px;
  color: #ffffff !important;
}

.footer_ul li h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
  font-feature-settings: "pnum" on, "lnum" on;
  color: #ffffff;
}

.card.overview_card:hover {
  background: #003f35;
  box-shadow: 8.86349px 8.86349px 35.454px 8.86349px rgba(225, 225, 225, 0.5);
  border-radius: 19.9429px;
}

.card.overview_card:hover h4 {
  color: #fff !important;
}

.card.overview_card:hover p {
  color: #fff !important;
  font-style: normal;
  font-weight: 400;
  display: inline-table;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip;
}

.card.overview_card:hover img {
  border: 1px solid #fff;
  border-radius: 50px;
}

.card.overview_card:hover .btn-viewmore {
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* .facebook-link {
    background: #000 !important;
    border-radius: 0px !important;
    border: 1px solid #4267b2 !important;
    padding: 8px 15px !important;
   
} */

.facebook-link {
  background: #e9dddd42 !important;
  border-radius: 4px !important;
  border: 0px solid #4267b2 !important;
  padding: 10px 14px !important;
}

.twitter-link {
  background: #7dd0ff !important;
  border-radius: 4px !important;
  border: 0px solid #000 !important;
  padding: 8px 13px !important;
}

.linkedin-link {
  background: #2376b5 !important;
  border-radius: 4px !important;
  border: 0px solid #000 !important;
  padding: 8px 15px !important;
}

.youtube-link {
  background: #f04444 !important;
  border-radius: 4px !important;
  border: 0px solid #000 !important;
  padding: 8px 13px !important;
}

.flicker-link {
  background: #ececec !important;
  border-radius: 4px !important;
  border: 0px solid #000 !important;
  padding: 8px 13px !important;
}

.country-overview-box h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  padding-left: 20px;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}

/* .card.overview_card p:hover {
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 23px;
    color: #fff;
}
.btn.btn-viewmore:hover{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #fff!important;
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 50px;
} */

.country-box li.active {
  background: #000 !important;
  border-radius: 4px;
}

.country-box li:hover {
  background: #000 !important;
  border-radius: 4px;
}

/* new Design style Ends */

.bg-dark.bg-custom {
  background: #1ca271 !important;
  height: 90px;
}

.leaflet-container a {
  color: #0078a8;
  padding-left: 0px !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.carousel-caption {
  position: absolute;
  right: 0% !important;
  bottom: 1.25rem;
  left: 1% !important;
  padding-top: 0.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.bg-cross-cutting,
.badge-cross-cutting,
.badge-Cross-cutting {
  background: linear-gradient(130deg, #084081 40%, #15a14a 60%);
}

.font-50px {
  font-size: 50px;
  text-align: center;
  color: orange;
}

.font-18px {
  font-size: 18px;
  letter-spacing: -0.81px;
  text-align: left;
  font-weight: bold;
}

.border-radius-0 {
  border-radius: 0px !important;
}

.footer-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000;
}

.font-18px {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: #f7f7f7 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.text-dark {
  font-weight: 500;
  font-size: 14px;
}

.btn-submit {
  background-color: #50a379 !important;
  color: #fff !important;
}

.logo-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #ffffff;
  padding-left: 9px;
}

.text-title-logo {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #ffffff;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.list-group li {
  text-align: justify;
  background: #f7f7f7;
  padding: 10px;
  border-radius: 6px;
  font-size: 15px;
  margin-bottom: 10px;
}

.withoutSideNav .sidebar {
  display: none;
}

.withoutSideNav .home-section {
  left: -6px !important;
  width: calc(100% - 0px) !important;
}

.form-select.country-filter {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  width: 179px;
  height: 44px;
  background-image: url("../images/angle-down.png") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  border-radius: 40px;
  background: transparent;
  line-height: 19px;
  text-align: left;
  border: 1.5px solid #fff !important;
}

.btn.btn-register {
  height: 44px;
  line-height: 16px;
  border-radius: 24px;
  font-weight: 600;
  width: 145px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6) !important;
}

.btn.btn-register:hover {
  height: 44px;
  line-height: 16px;
  border-radius: 24px;
  font-weight: 600;
  width: 145px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6) !important;
}

.mt-23px {
  margin-top: 22px;
}

.modal-content {
  border: 0px !important;
}

.form-select.language-filter {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  width: 130px;
  border-right: 11px solid transparent !important;
  height: 44px;
  background-image: url("../images/angle-down.png") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background: #66aa87;
  line-height: 19px;
  border-radius: 24px;
  text-align: center;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #66aa87!important;
  opacity: 1;
}

.form-control.language-filter {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  width: 130px;
  border-right: 11px solid transparent !important;
  height: 44px;
  /* background-image: url('../images/angle-down.png') !important; */
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background: #66aa87!important;
  line-height: 19px;
  border-radius: 24px;
  text-align: center;
}
.form-control.country_filter {
  width: 240px;
  border-right: 11px solid transparent !important;
  height: 44px;
  border: 1px solid #dee2e6 !important;
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  background-repeat: no-repeat !important;
  line-height: 33px;
  background-position: right 10px center !important;
  color: #000000;
}
select option {
  color: black;
}
.footer.bg-black {
  width: 100%;
  background-size: cover;
  padding: 24px 15px;
  position: absolute;
  z-index: -1;
  margin-top: -33px;
  background-color: #000000 !important;
}
.footer_ul .pr-3 {
margin-bottom: 10px;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.form-check-input:checked {
  background-color: #2b7635 !important;
  border-color: #2b7635 !important;
}

.btn.btn_redirect {
  border-radius: 6px;
    background: #2B7635;
    margin: 0px 15px;
    max-height: 38px;
    line-height: 6px !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}
/* .m82px{
  height: 82px!important;
} */
.pt-6px {
  padding-top: 6px;
}
.sidebar.close {
  width: 300px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  border-radius: 0px;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  background: #db644f !important;
  border-bottom: 0px solid #db644f !important;
}

.btn.btn_redirect {
  border-radius: 6px;
    background: #2B7635;
    margin: 0px 15px;
    max-height: 38px;
    line-height: 6px !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}

.btn.btn_redirect:hover {
  border-radius: 6px;
    background: #2B7635;
    margin: 0px 15px;
    max-height: 38px;
    line-height: 6px !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}

.nav-link {
  display: block;
  font-family: "Open Sans";
  font-style: normal;
  padding: 0.8rem 1rem !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* text-transform: capitalize; */
  color: #000 !important;
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(219, 100, 79, 0.1);
  border-bottom: rgba(219, 100, 79, 0.1);
}

.bg-light-1 {
  background-color: #bde9a9;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */

  color: #000000;
}

.text-dark {
  color: #444 !important;
}

.text-dark:hover {
  color: #444 !important;
}

.sidebar .logo-details {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}

.sidebar .logo-details i {
  font-size: 30px;
  color: #11101d;
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
}

.sidebar .logo-details .logo_name {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}

.sidebar.close .logo-details .logo_name {
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}

.sidebar .nav-links {
  height: 100%;
  padding: 15px 0 150px 0;
  overflow: auto;
}

#text-alert-modal {
  font-size: 16px;
}

.sidebar.close .nav-links {
  overflow: visible;
}

.sidebar .nav-links::-webkit-scrollbar {
  display: none;
}

.sidebar .nav-links li {
  position: relative;
  list-style: none;
  /* transition: all 0.4s ease; */
}

.sidebar .nav-links>li.active:before,
.sidebar .nav-links>li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0px;
  height: 100%;
  background: #93181a;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.sidebar .nav-links li.active:before,
.sidebar .nav-links li:hover:before {
  opacity: 1;
}

.sidebar .nav-links li .iocn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar.close .nav-links li .iocn-link {
  display: block;
}

.sidebar .nav-links li i {
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
  color: #11101d;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sidebar .nav-links li.active i,
.sidebar .nav-links li:hover i {
  color: #000;
}

.sidebar .nav-links li.showMenu i.arrow {
  transform: rotate(-180deg);
}

.sidebar.close .nav-links i.arrow {
  display: none;
}

.sidebar .nav-links li a.active {
  font-size: 14px;
  color: #fff !important;
  font-weight: 600;
  padding: 13.5px;
  align-items: flex-start;
  text-decoration: none !important;
  background-color: #d29433;
}

.btn-back {
  background-color: #d29433 !important;
  color: #fff !important;
}

.w-500px {
  width: 500px;
}

.table> :not(caption)>*>* {
  padding: 0.7rem 0.7rem !important;
  white-space: normal;
  font-family: "Open Sans" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 19px;
  color: #000000;
}

/* a {
    color: #000 !important;
    text-decoration: none !important;
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
} */

a {
  color: #000 !important;
  text-decoration: none !important;
  padding: 3px 5px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
}

hr {
  margin: 5px 8px !important;
  color: inherit;
  border: 0;
  border-top: 1px solid #00000033 !important;
  opacity: 0.2 !important;
}

.sidebar .nav-links li:hover {
  position: relative;
  list-style: none;
  /* transition: all 0.4s ease; */
  background: #fff;
  color: #000;
}

.form-check-label {
  white-space: normal;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.legend-list {
  list-style-type: none;
  position: absolute;
  top: 99px;
  display: grid;
  right: 76px;
  line-height: 31px;
  padding: 7px 7px;
  border-radius: 5px;
  z-index: 99;
  margin-bottom: 0px;
  background: #fff;
}

.play {
  position: fixed;
  bottom: 25px;
  z-index: 9;
}

.legend-list li {
  margin-bottom: 0px;
}

.legend-1 {
  background-color: #a60000;
}

.legend-2 {
  background-color: #fd0000;
}

.legend-3 {
  background: #e69705;
}

.legend-4 {
  background: #fffe07;
}

.legend-5 {
  background: #adfe03;
}

.legend-6 {
  background: #208f93;
}

.legend-7 {
  background: #0c2d77;
}

.legend-list .box {
  float: left;
  width: 50px;
  height: 31px;
  margin-right: 15px;
  padding-bottom: 10px;
  position: relative;
}

.form-switch {
  margin: 10px 0px;
}

.w-300px {
  width: 300px;
}

.sidebar .nav-links li a .link_name {
  font-size: 16px;
  font-weight: 400;
  color: #11101d;
  /* transition: all 0.4s ease; */
}

.sidebar .nav-links li.active a .link_name,
.sidebar .nav-links li:hover a .link_name {
  color: #000;
}

.sidebar.close .nav-links li a .link_name {
  opacity: 0;
  pointer-events: none;
}

.sidebar .nav-links li .sub-menu {
  padding: 6px 6px 14px 80px;
  margin-top: -10px;
  background: #fff;
  display: none;
}

.sidebar .nav-links li.showMenu .sub-menu {
  display: block;
}

.sidebar .nav-links li .sub-menu a {
  color: #1d1b31;
  font-size: 15px;
  padding: 5px 0;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.small-sub-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  text-transform: capitalize;
  color: #000000;
}

.bg-light-1 {
  background: #e4e6e3 !important;
}

.small-chart-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.6);
}

.sidebar.close .nav-links li .sub-menu {
  position: absolute;
  left: 100%;
  top: -10px;
  margin-top: 0;
  padding: 10px 20px;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 0s;
}

.sidebar.close .nav-links li:hover .sub-menu {
  top: 0;
  opacity: 1;
  pointer-events: auto;
  /* transition: all 0.4s ease; */
}

.sidebar .nav-links li .sub-menu .link_name {
  display: none;
}

.sidebar.close .nav-links li .sub-menu .link_name {
  font-size: 14px;
  display: block;
  padding: 15px 15px;
  text-decoration: none;
}

.mt-10px {
  margin-top: 10px;
}

.sidebar .nav-links li .sub-menu.blank {
  opacity: 1;
  pointer-events: auto;
  padding: 3px 15px 3px 15px;
  opacity: 0;
  pointer-events: none;
}

.sidebar .nav-links li:hover .sub-menu.blank {
  top: 0px;
  transform: translateY(0%);
  left: 250px;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9 !important;
}

::-webkit-scrollbar-track {
  border-radius: 50px;
  background-color: #fff;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #d8d8d8;
}

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #d8d8d8;
}

.title-menu {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.sidebar .profile-details {
  position: fixed;
  bottom: 0;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1d1b31;
  padding: 12px 0;
  transition: all 0.5s ease;
}

.sidebar.close .profile-details {
  background: none;
}

.sidebar.close {
  background: #fff9ec;
  box-shadow: 0px 0px 0px rgb(0 0 0 / 25%);
  z-index: 5;
}

.home-section {
  position: relative;
  background: #f6f6f6;
  /* height: 87vh; */
  left: 260px;
  width: calc(100% - 260px);
  transition: all 0.5s ease;
}

.btn-read {
  background: #50a379 !important;
  border-radius: 4px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 19px;
  text-transform: capitalize;
  color: #ffffff !important;
}

.card {
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
}

.flex-column {
  flex-direction: column !important;
  text-align: left;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000ab !important;
}

.graphView {
  background: #fff !important;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  border-radius: 10px !important;
  position: absolute;
  z-index: 2;
  left: 47px;
  top: 30px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  color: #000000 !important;
}

.mt-90px {
  position: fixed !important;
  top: 90px;
  z-index: 9;
  width: 100%;
}

.navbar-light.mt-90px .navbar-nav .nav-link.active,
.navbar-light.mt-90px .navbar-nav .show>.nav-link {
  color: #fff !important;
  font-weight: 600;
  background: #db644f !important;
}

.navbar-light.mt-90px .navbar-nav .nav-link {
  font-weight: 500;
  color: #000 !important;
}

/* .navbar-light.mt-90px{
    background: #FFF3E0 !important;
} */
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: #0000007d;
  /* background-image: url('https://designsupply-web.com/samplecontent/vender/codepen/2018101.png') no-repeat center center/cover; */
}

/* video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
  filter: brightness(0.9);
  border-radius: 0px;
} */

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.154px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.5);
}

.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: #0000007d;
  /* filter: brightness(0.2); */
  /* background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%); */
  background-size: 3px 3px;
  z-index: 2;
}

.title-center {
  position: absolute;
  top: 50%;
  text-align: center;
}

.banner-title-text-1 {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-size: 50px;
  white-space: wrap;
  text-align: center;
  line-height: 68px;
  color: #ffffff;
}

.agri-title h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #e68331;
}

.agri-title p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
}

.w-250px {
  width: 250px;
}

.btn.btn-light-fund {
  background: rgba(219, 100, 79, 0.1) !important;
  border-radius: 6px;
  font-style: normal;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  text-transform: capitalize;
  color: #db644f !important;
}

.card.card-project {
  background: #ffffff;
  border-radius: 4px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

.text-sdgs {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #000000;
}

.chart-title-sub {
  font-style: normal;
  font-weight: 500;
  font-size: 20.9853px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #1d2129;
}

.chart-title-sub-1 {
  font-style: normal;
  font-weight: 500;
  font-size: 15.9853px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #1d2129;
}

.border-right.agri-border-right {
  border: 1px solid #e2e2e2;
  height: 50px;
}

.tooltip-box p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  display: flex;
  align-items: left;
  text-transform: uppercase;
  color: #ffffff;
}

.viewmore-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-decoration: underline !important;
  text-transform: capitalize;
  color: #ffffff !important;
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  display: none;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-popup-content {
  margin: 2px 12px !important;
  line-height: 1.4;
}

.funds-text p span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #ffffff;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  width: 235px !important;
  border-radius: 4px !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #484848 !important;
  color: #fff !important;
  border-radius: 4px;
  /* box-shadow: 0 3px 14px rgb(0 0 0 / 40%); */
  box-shadow: none !important;
}

.nav-tabs.adaptationTab .nav-item.show .nav-link,
.nav-tabs.adaptationTab .nav-link.active {
  font-weight: 600 !important;
  color: #d29433 !important;
  font-family: "Open Sans";
  font-style: normal;
  border-radius: 0px;
  font-size: 14px !important;
  line-height: 22px;
  text-transform: capitalize;
  background: #fff !important;
  border-bottom: 2px solid #d29433 !important;
}

.adaption-title h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #e68331;
}

.overview-label-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #595959;
}

/* .chart-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 15.9853px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #1D2129;
} */

.country-card {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 4px 4px rgb(255 255 255 / 25%);
}

.country-card:hover {
  background: #fff;
  box-shadow: 0px 4px 4px rgb(255 255 255 / 25%);
}

.country-card.active {
  background: #fff;
}

.country-card.active p {
  background: #fff;
  color: #000 !important;
}

.country-card.active p:hover {
  color: #000 !important;
}

.country-details-box:hover p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  color: #000;
}

.tab-right {
  position: absolute;
  right: 0px;
  height: 50px;
  min-height: 50px;
  top: 4px;
  background: rgba(210, 148, 51, 0.2);
  border-radius: 4px;
}

.nav-pills.right-pills .nav-link.active,
.nav-pills.right-pills .show>.nav-link {
  color: #fff !important;
  background: #d29433 !important;
  border-radius: 4px;
  padding: 10px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.nav-pills.right-pills .nav-link {
  background-color: #fff !important;
  border: none !important;
  font-family: "Open Sans";
  font-style: normal;
  padding: 10px !important;
  margin-right: 8px;
  font-weight: 300;
  font-size: 12px !important;
  line-height: 13px !important;
  text-transform: capitalize;
  color: #000000ab !important;
  border-radius: 4px;
}

.overview-select {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  text-align: left;
  height: 41px !important;
  color: #000000 !important;
}

.adaption-title p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
}

/* .mapView {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 10px;
    position: absolute;
    z-index: 9;
    left: 47px;
    top: 30px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
} */
.title-tab {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;

  color: #000000;
}

.title-tab-des {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000;
}

.form-select.division-1 {
  font-style: normal;
  height: 42px;
  width: 250px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: transparent !important;
}

.sidebar.close~.home-section {
  left: 300px;
  width: calc(100% - 304px);
  top: 130px;
}

.mt-80px {
  margin-top: 80px;
}

.mt-50px {
  margin-top: 50px !important;
}

.mt-110px {
  margin-top: 110px;
}

.card.chart_card {
  background: #ffffff;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
  border-radius: 18px;
  border: 0px;
  margin-bottom: 20px;
}

.bg-project-card {
  min-height: 420px;
  /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("../../assets/images/details-page-banner.svg"); */
  border-radius: 8px;
  margin-bottom: 16px;
  background-size: cover !important;
    background-repeat: no-repeat !important;
}


.btn.btn-rounded {
  background: #ffffff;
  border-radius: 40px;
  white-space: nowrap;
  width: 147px;
  height: 46px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  color: #00664f !important;
}

.breadcrumb .breadcrumb-item a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000 !important;
}

.breadcrumb-item.text-black+.breadcrumb-item.text-black::before {
  float: left;
  padding-right: 0.5rem;
  color: #000 !important;
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.text-black.active {
  color: #000 !important;
}

.add-report-form h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}

.add-report-form label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 8px;
}

.add-report-form select.form-control {
  background: #ffffff;
  border: 1px solid #c7c7c7;
  border-radius: 24px;
  height: 48px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 34px;
  color: #000000;
}

.upload-file-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.btn-cancel-report {
  width: 175px !important;
  height: 58px;
  background: rgba(0, 63, 53, 0.1) !important;
  border-radius: 40px !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 27px;
  color: #003f35;
}

.btn-save-report {
  width: 175px !important;
  height: 58px;
  background: #003f35 !important;
  border-radius: 40px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px !important;
  line-height: 27px;
  color: #ffffff !important;
}

.view-report-text h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
  color: #000000;
}

table.tbl_view.tbl_edit.dataTable tbody th,
table.tbl_view.tbl_edit.dataTable tbody td {
  padding: 5px 10px !important;
}

.how-we-work-box {
  position: relative;
}

.same-width {
  width: 346px;
  height: 172px;
}

.manage-text h4 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 17px;
  line-height: 22px;
  color: #000000;
}

.manage-text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 20px;
  line-height: 16px;
  color: #000000;
}

.form-control.input-add-project {
  background: #ffffff;
  border: 1px solid #c7c7c7;
  border-radius: 24px;
  height: 48px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding: 16px;
  line-height: 16px;
  margin-bottom: 34px;
  color: #000000;
}

.tbl_padding td {
  padding: 5px 10px !important;
}

.breadcrumb.text-black a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.card.tbl_card {
  background: #ffffff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}


.btn.btn-white-rounded {
  background: transparent;
  border: 1px solid #fff !important;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  margin-top: 10px;
}

.page-link.active {
  padding: 0.375rem 0.75rem;
  border: 1px solid#000;
  border-radius: 4px;
}

.bg-project-card p {
  margin-top: 24px;
  margin-bottom: 24px;
  min-height: 90px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.upload-text h4 {
  font-size: 16px;
  font-weight: 600;
}

.pending-text h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fbbe4e !important;
}

.approved-text h4 {
  font-size: 16px;
  font-weight: 600;
  color: #46a146 !important;
}

.reject-text h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fd3131 !important;
}

.btn-success {
  color: #fff;
  background-color: #28a745 !important;
  border-color: #28a745;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545 !important;
  border-color: #dc3545;
}

.border-right.line {
  opacity: 0.1;
  background: #000;
  height: 18px;
  width: 2px;
}

h4.capability-text {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: #000000 !important;
}

table.table.tbl_role tbody tr th {
  border-left: 0px solid #346147 !important;
  border-right: 0px solid #346147 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  border-top: 1px solid #e7e7e7 !important;
  border-width: 1px solid #dee2e6 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

table.table.tbl_role tbody tr td {
  border-left: 0px solid #346147 !important;
  border-right: 0px solid #346147 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  border-top: 1px solid #e7e7e7 !important;
  border-width: 1px solid #dee2e6 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

table.table.tbl_role thead tr th {
  border-left: 0px solid #346147 !important;
  border-right: 0px solid #346147 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  border-top: 1px solid #e7e7e7 !important;
  border-width: 0px solid #dee2e6 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.btn.btn-category {
  background: #2e5948;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff !important;
}

.btn.btn-category:hover {
  background: #2e5948;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff !important;
}

table.tbl_border_none td {
  border: 0 !important;
}

.border-radius-6 {
  border-radius: 6px;
}

.mapuser-text {
  color: #000 !important;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}

.btn.btn-submit.map-user-btn {
  margin-top: 30px;
  padding: 8px;
  background-color: #50a379 !important;
  color: #fff !important;
}

.unlist-style {
  list-style-type: none;
}

.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative;
}

.dropbtn {
  background-color: transparent;
  border: none;
}

.btn.btn-submit.map-user-btn:hover {
  margin-top: 30px;
  padding: 8px;
  background-color: #50a379 !important;
  color: #fff !important;
}

.form-select.showArrow {
  background-color: none;
  border-radius: 4px;
  margin-top: 6px;
  padding: 10px;
  color: #000 !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}

.search-box {
  position: relative;
}

.search-box .form-control {
  width: 280px;
  height: 45px;
  border-radius: 50px;
}

.search-box img {
  position: absolute;
  top: 12px;
  right: 18px;
}

.filter-tab-box {
  border-radius: 8px !important;
  width: auto;
  padding: 5px;
  border: 1px solid #ced4da;
}

.filter-tab-box-1 {
  background: #f4faf7 !important;
  border-radius: 8px !important;
}

.btn.btn-filter {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #003f35;
}

.tab_card_bg {
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));
  border-radius: 6px;
  border: 0px !important;
  margin-bottom: 20px;
}

.font-logo small {
  font-size: 10px !important;
}

.filter-tab-box .nav-tabs .nav-link {
  padding: 6px 16px !important;
}

.btn.btn-adaptation {
  background: #53aa7e;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff !important;
}

/* .sdgGoals-box-3 .sdgGoal-img img {
    height: 50px!important;
} */

.btn.btn-mitigation {
  background: #a85f02;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff;
}

.btn.btn-crosscutting {
  background: #4b83c0;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff;
}

.fw-bold.one {
  font-style: normal;
  font-weight: 800 !important;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000000 !important;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  justify-content: center;
}

.page-link {
  padding: 0.375rem 0.75rem;
  margin: 6px !important;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  color: #121212;
}

.btn.btn-active-inprogress {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  background: rgba(213, 138, 1, 0.1);
  border-radius: 4px;
  color: #d58a01;
}

.filter-cards h5 {
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.5;
}

.btn.btn-active {
  background: rgba(82, 169, 125, 0.1);
  border-radius: 4px;
}

.filter-cards h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #003f35;
}

.filter-tab-box .nav-tabs .nav-link.active {
  color: #fff !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 !important;
  border-radius: 0px;
  padding: 6px 16px !important;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  background: #f4faf7 !important;
  border-bottom: 0px solid #f4faf7 !important;
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
  padding: 12px 20px !important;
}

.nav-tabs.login_tabs .nav-item.show .nav-link,
.nav-tabs.login_tabs .nav-link.active {
  color: #000 !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700 !important;
  border-radius: 0px;
  font-size: 32px !important;
  line-height: 24px !important;
  text-transform: capitalize;
  background: transparent !important;
  border-bottom: 0px solid #db644f !important;
}

.nav-tabs.login_tabs .nav-link {
  background: 0 0;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 33px !important;
  color: #0000004d !important;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-family: "Open Sans";
  font-style: normal;
  text-transform: capitalize;
}

.form-control.login-input {
  background: #ffffff;
  /* box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08); */
  border-radius: 40px;
  height: 51px;
}

.form-select.input-radio {
  border-radius: 40px;
  height: 48px;
  font-size: 14px !important;
}

.form-select::placeholder {
  color: #6c757d !important;
}

.form-group .form-select.white {
  border-radius: 25px;
  padding: .375rem .75rem;
  color: #212529;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  height: 51px;
}

.form-select option[value=""][disabled] {
  color: #6c757d !important;
  /* Replace with your desired color */
}

#input-registration-country::placeholder {
  color: #6c757d !important;/
}

select[name="form-select input-radio"]::after {
  content: "*";
  color: blue;
  /* Replace with your desired color */
  position: absolute;
  right: 10px;
  /* Adjust position as needed */
  top: 50%;
  transform: translateY(-50%);
}

.btn-md.btn-success {
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
}

select[name="form-control"]::after {
  content: "*";
  color: red;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.btn.btn-login {
  background: #003f35 !important;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12) !important;
  border-radius: 40px !important;
  min-height: 44px !important;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  /* border: 1px solid rgba(0, 0, 0, 0.2); */
  background: #f8f5f5 !important;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  outline: 0;
}



.mb-34px {
  margin-bottom: 34px;
}



.btn.btn-rounded-1 {
  background: #ffffff;
  border-radius: 40px;
  white-space: nowrap;
  width: 147px;
  height: 52px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #00664f !important;
}

.pxy-40px {
  padding: 12px 40px !important;
}

.border-radius-16px {
  border-radius: 16px !important;
}

.card-number h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  width: 150px;
  line-height: 44px;
  white-space: nowrap;
  color: #000000;
}

.card-number p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  height: 60px;
  min-width: 200px;
  line-height: 19px;
  color: #000000;
}

.accordion-button:not(.collapsed) {
  background-color: #fff !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #d29434 !important;
  box-shadow: none !important;
}

.accordion-button {
  position: relative;
  display: flex;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px !important;
  line-height: 19px;
  color: #d29434 !important;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

.adaptation-catalog-box {
  background: #f2faf7;
  padding: 10px;
  width: 100%;
  border-radius: 4px 0px 0px 4px;
}

.adaptation-catalog-box h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}

.form-check-input {
  width: 17px !important;
  height: 17px !important;
}

.form-check-label-1 {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.adaption-label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}

.home-section .home-content {
  /* height: 60px;
    display: flex; */
  align-items: center;
  position: relative;
  width: calc(100% - 0px);
  align-items: center;
}

.rounded-circle-img {
  background: #fce5e9;
  border-radius: 50px;
  border: 3px solid #d52b2b;
  padding: 10px 15px;
}

.bg-img-fixed {
  height: 100vh;
  object-fit: cover;
}

.left-banner-bax p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  text-align: justify;
}

.banner-title-text {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-size: 50px;
  white-space: wrap;
  text-align: left;
  line-height: 68px;
  color: #ffffff;
}

.title_description {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-align: justify;
  line-height: 25px;
  color: #ffffff;
}

.content-carousel {
  position: absolute;
  right: 5% !important;
  top: 35%;
  left: 5% !important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
}

.country-card {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  cursor: pointer;
}

.country-card li:hover {
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 201px;
  height: 187px;
  color: #fff !important;
}

.country-card li p:hover {
  color: #000 !important;
}

.country-card li.active {
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 201px;
  height: 187px;
  color: #fff !important;
}

.country-card li.active p {
  color: #000 !important;
}

.country-card li {
  width: 201px;
  margin-right: 10px;
  height: 187px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 4px 4px rgb(255 255 255 / 25%);
}

#main-map {
  width: 100%;
  height: 800px;
  background-color: #fff;
}

.country-title {
  font-style: normal;
  font-weight: 700;
  font-size: 11.8222px;
  line-height: 16px;
  cursor: pointer;
  text-transform: capitalize;
  color: #793b3b;
}

.capital-title {
  color: #2E5F44;
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.capital-title span {
  color: #2E5F44;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.capital-text {
  color: #2E5F44;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  opacity: 0.5;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.bullet-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.bullet-area div {
  width: 5px;
  height: 50px;
  background-color: blue;
}

.map-circle {
  height: 101px;
  background: #fff;
  width: 101px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  cursor: pointer;
  padding-top: 15px;
  margin-top: -1px;
}

foreignObject>div {
  white-space: none ! !important;
}

.map-circle div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.map-circle div:nth-child(2) {
  background: #f18461;
  height: 60%;
}

.top-title span {
  font-style: normal;
  font-weight: 600;
  font-size: 11.9111px;
  line-height: 16px;
  text-transform: capitalize;
  color: #000000 !important;
}

.map-circle div span {
  white-space: break-spaces;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  cursor: pointer;
  line-height: 16px;
  text-align: center;
  text-transform: capitalize;
}

.country-details-box {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  color: #ffffff;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 0px solid transparent !important;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.mt-120px {
  margin-top: 140px;
}

.bg-light-custom {
  background-color: #f6f6f6 !important;
}

.error-message {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.label-text-1 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #595959;
}

.form-select.bg-transparent {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  padding: 10px;
}

.border-radius-8px {
  border-radius: 8px;
}

.country-details-box p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  color: #fff;
}

.country-details-box img {
  margin-top: -8px;
  height: 151px;
  width: 160px;
}

.nav-tabs.all-tabs .nav-item.show .nav-link,
.nav-tabs.all-tabs .nav-link.active {
  font-weight: 600 !important;
  color: #d29433 !important;
  font-family: "Open Sans";
  font-style: normal;
  border-radius: 0px;
  font-size: 16px !important;
  line-height: 22px;
  text-transform: capitalize;
  background: #fff !important;
  border-bottom: 2px solid #d29433 !important;
}

.same-height {
  height: 100vh;
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
  color: #11101d;
  font-size: 35px;
}

.home-section .home-content .bx-menu {
  margin: 0 15px;
  cursor: pointer;
}

.home-section .home-content .text {
  font-size: 26px;
  font-weight: 600;
}

.nav-link li .active {
  background: #fff;
}

.customcheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #444;
  background-color: transparent;
  border-radius: 4px;
}

.customcheck:hover input~.checkmark {
  background-color: transparent;
}

.customcheck input:checked~.checkmark {
  background-color: transparent;
  border-radius: 5px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.customcheck input:checked~.checkmark:after {
  display: block;
}

.customcheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tab-box {
  background: #0c78ac;
  border-radius: 6px;
  width: 259px;
  margin: 0 auto;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #444 !important;
  background: #ffffff !important;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px !important;
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  color: #fff;
  font-size: 14px !important;
}

.w-400px {
  width: 500px;
}

.para-footer-p {
  font-size: 16px;
  line-height: 24px;
}

.Legend-colorBox {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.prt-box {
  position: relative;
  top: -3px;
}

.bootstrap-select>.dropdown-toggle {
  position: relative;
  background: transparent !important;
  border-radius: 25px !important;
  border: 1px solid #ced4da !important;
  margin-top: 6px !important;
  padding: 15px !important;
  color: #000 !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  width: 100% !important;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%!important;
}

.minH-250px {
  min-height: 300px;
}

.w-470px {
  width: 470px;
}

.nav-link:focus,
.nav-link:hover {
  color: #000 !important;
  border: 0px solid transparent !important;
}

.leaflet-touch .leaflet-bar a {
  padding-left: 8px !important;
  width: 30px;
  height: 30px;
}

.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
  width: 19px !important;
  height: 19px !important;
  background: transparent;
  border: 2px solid #d8d8d8;
}

.logo-text-small {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff !important;
  padding-left: 10px;
  line-height: 40px;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
  font-weight: 500;
}

.logo-text-bold {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff !important;
  display: flex;
  padding-left: 10px;
  justify-content: flex-start;
}

.form-check-labels {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 15px !important;
}

.map {
  width: 100%;
  height: 80vh;
  z-index: 1;
}

.map-legend-title {
  position: absolute;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}

.font-weight-bold {
  font-weight: 600 !important;
}

.card-header.card-adv {
  background: #fef5e2 !important;
}

.nav-tabs.adpt-tabs .nav-item.show .nav-link,
.nav-tabs.adpt-tabs .nav-link.active {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  background-color: transparent !important;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 2px solid #d29433 !important;
  text-transform: capitalize;
  color: #d29433 !important;
  border-color: #dee2e60f #dee2e600 #fff0;
}

.nav-tabs.tabs-three .nav-item.show .nav-link,
.nav-tabs.tabs-three .nav-link.active {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  background-color: transparent !important;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 2px solid #d29433 !important;
  text-transform: capitalize;
  color: #da644f !important;
  border-color: #dee2e60f #dee2e600 #fff0;
}

.text-body-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #da644f;
}

.nav-tabs.adpt-tabs .nav-link {
  padding: 12px 60px !important;
}

.text-para {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-transform: capitalize;
  color: #000000;
}

.text-impact {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;

  color: #000000;
}

.font-logo {
  font-family: "Open Sans";
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  text-transform: capitalize;
  color: #fff;
  margin-top: 10px;
}

/* .location-filter {
    border-radius: 0px;
    height: 87vh;
    padding: 16px;
    background: #FFF9EC;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
} */
.location-filter {
  border-radius: 0px;
  height: 87vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 16px;
  background: #fff9ec;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
}

.location-filter-1 {
  background: #ecf7f2;
  border-radius: 4px;
  padding: 16px;
}

.cursor {
  cursor: pointer;
}

.form-select.border-light {
  border-color: #80808021 !important;
}

.scroll_749px {
  height: 749px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.scroll_703px {
  height: 703px;
  overflow-y: scroll;
}

.project-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #e68331;
}

.chart-description {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 13.7508px;
  line-height: 19px;
  text-transform: capitalize;
  color: #000000;
}

.img-fit {
  width: 100%;
  height: 701px;
}

.img-fit img {
  height: 700px;
  object-fit: inherit;
}

.projectDetails-box {
  background: #ffffff;
  border-bottom: 2px solid #d2d2d2;
  border-radius: 0px;
  padding: 15px 10px;
}

.btn-status {
  background: rgba(219, 100, 79, 0.1) !important;
  border-radius: 6px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 10px !important;
  line-height: 14px;
  text-transform: capitalize;
  color: #db644f !important;
}

.title-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000000;
}

.label-text {
  font-family: "Open Sans";
  font-style: normal;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;

  color: #595959;
}

.sdgGoals-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 98px;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
  /* box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); */
}

.sdgGoals-box-2 {
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 181px;
  height: 118px;
  margin: 10px 30px;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
}

.sdgGoalIconBox-2 {
  background-color: white;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 32px;
  width: 50px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  color: #f57c00;
}

.sdgGoals-box-3 {
  display: flex;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* width: 70px; */
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
}

.tbl_institutions thead th {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
}

a.btn.btn-new {
  background: #50a379 !important;
  border-radius: 4.98221px;
  font-style: normal;
  font-weight: 500;
  font-size: 17.4377px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff !important;
}

a.btn.btn-new:hover {
  background: #50a379 !important;
  border-radius: 4.98221px;
  font-style: normal;
  font-weight: 500;
  font-size: 17.4377px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff !important;
}

.btn.btn-cancel {
  background: #db644f;
  border-radius: 4.98221px;
  font-style: normal;
  font-weight: 600;
  font-size: 17.4377px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
  min-height: 44px !important;
}

.btn.btn-cancel:hover {
  background: #db644f;
  border-radius: 4.98221px;
  font-style: normal;
  font-weight: 600;
  font-size: 17.4377px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
  min-height: 44px !important;
}


.home-content {
  position: relative;
  padding-top: 150px;
  color: #fff;
  text-align: center;
}

.home-content h1 {
  font-style: normal;
  font-weight: 400;
  padding-left: 45px;
  font-size: 75px;
  line-height: 90px;
  text-align: left;
  letter-spacing: 0.04em;
  text-transform: capitalize;
  color: rgb(255, 255, 255);
  position: absolute;
  top: 242px;
  max-width: 600px;
  z-index: 1;
}

.form-container {
  background-color: #fff;
  margin-top: 30px;
  border-radius: 8px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  width: auto;
}

.step-indicators {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}

#icon-alert-modal img {
  height: 75px !important;
}

.btn.btn-prev {
  border-radius: 40px !important;
  background: rgba(0, 63, 53, 0.10) !important;
  color: #003F35 !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btn.btn-prev:hover {
  border-radius: 40px !important;
  background: rgba(0, 63, 53, 0.10) !important;
  color: #003F35 !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.step {
  width: 30px;
  height: 40px;
  border-radius: 100px;
  background-color: #ccc;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.step.active {
  border-radius: 100px;
  background: var(--Dark-green, #00664F);
  z-index: 999999;
}

.step::before,
.step::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: #ccc;
  z-index: -1;
}

.step::before {
  left: -464%;
  width: 140px;
}

.step::after {
  right: -50%;
}

.step:first-child::before,
.step:last-child::after {
  display: none;
}

.step.active::before,
.step.active::after {
  background-color: #00664F;
}

.step-indicators::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #ccc;
  z-index: 0;
  transition: background-color 0.3s;
}

.step-indicators.active::before {
  background-color: #00664F;
}

.form-step {
  display: none;
}

.form-step-active {
  display: block;
}

.btnClick {
  margin-top: 20px;
  padding: 10px 20px;
  border: none;
  background-color: #007bff;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.form-select.filter-box-radius {
  border-radius: 30px!important;
  border: 1px solid #FFF!important;
  height: 47px!important;
}
.w-200px {
  min-width: 250px!important;
  margin-bottom: 20px!important;
  white-space: wrap;
  height: 47px!important;
}



.form-select {
  font-size: 14px !important;
}
.btnClick:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

.btn.btn-save {
  background: #50a379;
  border-radius: 4.98221px;
  font-style: normal;
  font-weight: 600;
  font-size: 17.4377px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
}

.btn.btn-save:hover {
  background: #50a379;
  border-radius: 4.98221px;
  font-style: normal;
  font-weight: 600;
  font-size: 17.4377px;
  line-height: 24px;
  text-transform: capitalize;
  color: #ffffff;
}

.new-title-text {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
}

.form-control.new-form {
  display: block;
  width: 100%;
  padding: 10px 10px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5;
  color: #00000080;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e8e4e4;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-select.new-form {
  display: block;
  width: 100%;
  padding: 10px 10px;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5;
  color: #00000080;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e8e4e4;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.col-md.col-lg .form-group {
  margin-bottom: 15px;
}
.mt-4rem {
  margin-top: 4rem!important;
}
.btn.btn-reorder{
  border-radius: 30px;
    background: rgba(46, 95, 68, 0.10);
    padding: 10px 20px !important;
    color: #000;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 1px solid rgba(46, 95, 68, 0.10);
    text-transform: capitalize;
}
.btn.btn-reorder:hover{
  border-radius: 30px;
    background: rgba(46, 95, 68, 0.10);
    padding: 10px 20px !important;
    color: #000;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 1px solid rgba(46, 95, 68, 0.10);
    text-transform: capitalize;
}
.btn.btn-update-submit {
  border-radius: 30px;
    background: #003F35;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    padding: 10px 20px;
    font-weight: 600;
    line-height: normal;
}

.btn.btn-update-submit:hover {
  border-radius: 30px;
    background: #003F35;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    padding: 10px 20px;
    font-weight: 600;
    line-height: normal;
}

.btn.btn-update-cancel {
  border-radius: 30px;
    border: 1px solid #003F35;
    color: #003F35;
    font-family: "Open Sans";
    font-size: 14px;
    padding: 10px 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.btn.btn-update-cancel:hover {
  border-radius: 30px;
    border: 1px solid #003F35;
    color: #003F35;
    font-family: "Open Sans";
    font-size: 14px;
    padding: 10px 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

nav ul#navi li {
  list-style: none;
  float: left;
  padding-right: 10px;
  margin-bottom: 15px;
}

nav ul#navi li a {
  text-decoration: none;
  color: #222;
  /* background-color:#ccc; */
  padding: 0px 0px;
}

.filter_tab .active {
  background: #ffffff;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #d9d9d9;
}

.p-40px {
  padding: 40px !important;
}

.filter_tab li a {
  background: #ffffff !important;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #d9d9d9;
  padding: 4px 15px;
  background: #ffffff;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #d9d9d9;
  padding: 4px 15px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #d29434 !important;
}

/* .filter_tab .active {
    background: #50A379;
    color: #fff;
} */

.filter_tab .active a {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #d29434 !important;
  background-color: #fff !important;
}

.nav-pills.map-filter-pills .nav-link.active,
.nav-pills.map-filter-pills .show>.nav-link {
  background: #d29433 !important;
  border-radius: 4px;
  color: #fff !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px !important;
  line-height: 16px;
  text-transform: capitalize;
}

.nav-pills.map-filter-pills button {
  padding: 8px !important;
  font-style: normal;
  font-weight: 300;
  font-size: 12px !important;
  line-height: 16px;
  text-transform: capitalize;
  color: #00000099 !important;
}

.sdgGoals-box-4 {
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 146px;
  height: 94px;
  margin: 10px 30px;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10px);
}

/* .sdgGoalIconBox-4 {
    background-color: white;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 26px;
    width: 50px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    color: rgb(245, 124, 0);
} */

.card.economy-graphs {
  border-radius: 20px;
  width: 300px;
}

.economy-graphs h4 {
  font-size: 16px;
  text-align: center;
}

.sdgGoals-box-5 {
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 175px;
  height: 123px;
  margin: 10px 30px;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10px);
}

.main-card p span {
  white-space: wrap;
}

.card.front-card {
  min-height: 310px;
  margin-bottom: 10px;
}

.front-card.bg-summary {
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  box-shadow: none;
  background: #f0f3ff;
}

p.label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 19px;
  color: #000000;
  margin-bottom: 8px;
}

.front-card.bg-adaptation {
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  box-shadow: none;
  background: #fef0f4 !important;
}

.front-card.bg-mitigations {
  border-radius: 15px;
  box-shadow: none;
  border: 1px solid #dcdcdc;
  background: #e3eff8 !important;
  margin-bottom: 10px;
}

.form-select.rounded-pad {
  border-radius: 30px;
  padding: 11px 15px;
  margin-bottom: 20px;
}

.front-card.bg-crosscuttings {
  border-radius: 15px;
  box-shadow: none;
  border: 1px solid #dcdcdc;
  background: #feeed2;
}

.btn.btn-addmore:hover {
  background: #e5eceb;
  border-radius: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #000000 !important;
}

.btn.btn-mitigation:hover {
  background: #a85f02 !important;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff !important;
}

.btn.btn-adaptation:hover {
  background: #53aa7e !important;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff !important;
}

.btn.btn-crosscutting:hover {
  background: #4b83c0 !important;
  border-radius: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 15px;
  line-height: 19px;
  color: #ffffff;
}

.sdgGoalIconBox-4 {
  background-color: white;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 26px;
  width: 50px;
  /* font-size: 24px; */
  -webkit-box-flex: 1;
  flex-grow: 1;
  color: rgb(245, 124, 0);
  font-size: 2.2rem !important;
}

.fa-arrow-right.sdgs-icon:before {
  content: "\f061";
  font-size: 25px;
}

.fa-arrow-down.sdgs-icon:before {
  content: "\f061";
  font-size: 25px;
}

.fa-arrow-up.sdgs-icon:before {
  content: "\f061";
  font-size: 25px;
}

.fa-arrow-down:before {
  content: "\f063";
  /* font-size: 25px; */
}

.filter-tab-box {
  background: rgba(210, 148, 51, 0.2);
  border-radius: 4px;
  width: auto;
  padding: 5px;
}

.text-label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #595959;
}

.form-select.division {
  font-style: normal;
  height: 42px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
}

.nav-link.sign-text:focus,
.nav-link.sign-tex:hover {
  color: #fff !important;
  border: 0px solid transparent !important;
}

.pills-map-tab {
  width: 100%;
  height: 750px;
}

.img-obj-fit img {
  width: 100% !important;
  object-fit: cover;
  height: 735px;
}

.pb-100px {
  padding-bottom: 100px;
}

.nav-pills.socio-pills .nav-link.active,
.nav-pills.socio-pills .show>.nav-link {
  font-family: "Open Sans";
  font-style: normal;
  line-height: 19px;
  color: #53aa7e !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  /* padding: 10px 90px 10px 10px !important; */
}

.accordion-button.down-arrow::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  display: none !important;
  content: "";
  background-image: url(data:image/svg + xml,
 %3csvgxmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23212529" %3e%3cpathfill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /%3e%3c/svg%3e);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.nav-pills.socio-pills .nav-link {
  text-align: left !important;
  padding: 10px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 19px;
  color: #000000 !important;
  border: 0px !important;
  border-color: transparent;
}

.form-select.bg-white {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  padding: 10px;
  border: 1px solid #c7c7c7;
  border-radius: 24px;
}

.form-switch .form-check-input {
  width: 35px !important;
  height: 20px !important;
  margin-left: -2.5em;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

.filter-label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #d29434 !important;
}

/* .active{
    background-color:#d90000;
    color:#fff;
  
  } */
/* .active {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
} */
.form-check-input:checked {
  border: 1px solid #fff !important;
}

.tbl_newproject thead th {
  font-style: normal;
  font-weight: 500;
  font-size: 15.9853px;
  line-height: 22px;
  padding: 15px 15px;
  color: #1d2129;
}

.tab-heading-01 {
  text-align: center;
}

.active-tab a {
  color: red;
}

.tbl_newproject tbody td {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.154px;
  text-transform: capitalize;
  color: #00000080;
  padding: 20px 17px;
  vertical-align: middle;
}

.tbl_institutions tbody td {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
  vertical-align: middle;
}

.sdgGoals-box-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 146px;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
  /* box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); */
}

.sdgGoalIconBox-1 {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 8px;
  width: 60px !important;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #f57c00;
}

.font-28px {
  font-size: 28px;
}

.sdgGoalImgBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* background-color: #d32f2f !important; */
}

.sdgGoal-img {
  position: relative;
  padding: 0;
  max-width: 100%;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sdgGoal-img-1 {
  position: relative;
  padding: 0;
  max-width: 100%;
  width: 146px;
  height: 96px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.goal-1 {
  color: #eb1c2d !important;
}

.goal-2 {
  color: #d3a029 !important;
}

.sdgGoalIconBox {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 12px;
  width: 33px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #f57c00;
}

.status-box h3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #000000;
}

.status-box span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  text-transform: capitalize;
  color: #000000;
}

.projectdeails-img {
  height: 550px;
  max-height: 550px;
}

.projectdeails-img img {
  height: 100%;
  object-fit: cover;
}

.title-text-1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 33px;
  text-transform: capitalize;
  color: #000000;
}

.project-title-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  text-transform: capitalize;
  color: #ffffff;
}

.project_title_description {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #ffffff;
}

.year-box {
  width: 100px;
  height: 100px;
  background: #0069b61a;
  border-radius: 50%;
  position: relative;
}

.year-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #000000;
}

.year-number {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: rgb(0 0 0 / 80%);
}

.pt-28px {
  padding-top: 10px;
}

.timeline {
  position: absolute;
  padding: 0;
  list-style: none;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  border: 0;
  border-radius: 0.375rem;
  opacity: 1;
}

.new-risk-box.one {
  min-height: 230px;
}

.modal-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
}

.chart-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
}

.card-title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.8);
}

.timeline li .year-box:before {
  position: absolute;
  top: 99px;
  bottom: 0;
  height: 440px;
  left: 50px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #e9ecef;
}

.front-card {
  background: #ffffff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}

.main-card h3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  /* text-transform: capitalize; */
  color: rgba(0, 0, 0, 0.8);
}

.square-low {
  height: 20px;
  width: 20px;
  background-color: #00a084;
}

.square-medium {
  height: 20px;
  width: 20px;
  background-color: #ffc40c;
}

.square-high {
  height: 20px;
  width: 20px;
  background-color: #dd1e47;
}

.list-style-type-none {
  list-style-type: none;
}

.list-style-type-none li {
  margin: 0px 5px;
}

.bg-adaptation {
  background-color: #165dff !important;
}

.bg-mitigation {
  background-color: #14c9c9 !important;
}

.bg-crosscutting {
  background-color: #f7ba1e !important;
}

.main-card p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 33px;
  /* text-transform: capitalize; */
  color: #e68331;
}

.font-16px {
  font-size: 16px;
}

.tbl_projects tr th {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 21px;
  border: 0px !important;
  letter-spacing: -0.154px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.5);
}

.tbl_projects tbody tr td {
  font-style: normal;
  border: 0px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  letter-spacing: -0.154px;
  color: #70768c;
}

.tbl_projects tbody,
td,
tfoot,
th,
thead,
tr {
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 1px !important;
  border-width: 1px solid !important;
}

.title_of_projects {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
}

.chart-title-new {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  /* text-transform: capitalize; */
  color: #000000;
}

.content h3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  white-space: normal;
  line-height: 33px;
  /* text-transform: capitalize; */
  color: #000000;
}

.progress-box {
  border-radius: 10px;
  background: #F8F8F8;
  padding: 12px;
}

.low-range {
  color: #E20000;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 150% */
}

.high-range {
  color: #00BA54;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 150% */
}

.icon-list {
  display: flex;
  list-style-type: none;
  padding: 0px;
  flex-wrap: wrap;
  width: 400px;
}


.icon-list li.p0 {
  width: 16px;
  height: 16px;
  background-color: #E6E6E6;
  border-radius: 20px;
}

.icon-list li.p1 {
  width: 16px;
  height: 16px;
  background-color: #eb1729;
  border-radius: 20px;
}

.icon-list li.p2 {
  width: 16px;
  height: 16px;
  background-color: #DDA63A;
  border-radius: 20px;
}

.icon-list li.p3 {
  width: 16px;
  height: 16px;
  background-color: #299b45;
  border-radius: 20px;
}

.icon-list li.p4 {
  width: 16px;
  height: 16px;
  background-color: #c31a30;
  border-radius: 20px;
}

.icon-list li.p5 {
  width: 16px;
  height: 16px;
  background-color: #ef412a;
  border-radius: 20px;
}

.icon-list li.p6 {
  width: 16px;
  height: 16px;
  background-color: #00afd9;
  border-radius: 20px;
}

.icon-list li.p7 {
  width: 16px;
  height: 16px;
  background-color: #fdb80c;
  border-radius: 20px;
}

.icon-list li.p8 {
  width: 16px;
  height: 16px;
  background-color: #901135;
  border-radius: 20px;
}

.icon-list li.p9 {
  width: 16px;
  height: 16px;
  background-color: #f36e1f;
  border-radius: 20px;
}

.icon-list li.p10 {
  width: 16px;
  height: 16px;
  background-color: #e11384;
  border-radius: 20px;
}

.icon-list li.p11 {
  width: 16px;
  height: 16px;
  background-color: #f99e20;
  border-radius: 20px;
}

.icon-list li.p12 {
  width: 16px;
  height: 16px;
  background-color: #ce8c25;
  border-radius: 20px;
}

.icon-list li.p13 {
  width: 16px;
  height: 16px;
  background-color: #3F7E44;
  border-radius: 20px;
}

.icon-list li.p14 {
  width: 16px;
  height: 16px;
  background-color: #007ebc;
  border-radius: 20px;
}

.icon-list li.p15 {
  width: 16px;
  height: 16px;
  background-color: #3eb047;
  border-radius: 20px;
}

.icon-list li.p16 {
  width: 16px;
  height: 16px;
  background-color: #00548b;
  border-radius: 20px;
}

.icon-list li.p17 {
  width: 16px;
  height: 16px;
  background-color: #133368;
  border-radius: 20px;
}

.progress-slider {
  width: 100%;
}









.tbl_sdg tbody td {
  color: #000;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  padding: 30px;
  letter-spacing: -0.154px;
}



.table.tbl_sdg thead tr th,
tbody td {
  border-top: 1px solid lightblue !important;
  border-bottom: 1px solid lightblue !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

.icon-list li {
  margin: 9px 9px;
}

.content h4 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  white-space: normal;
  line-height: 33px;
  /* text-transform: capitalize; */
  color: #000000;
}

.text-edit {
  color: #165DFF;
  text-align: right;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  /* 150% */
}

iframe .body {
  background-color: #fff !important;
}

.content p {
  color: #000;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  white-space: normal;
  line-height: 18px;
  /* 128.571% */
}

.content ul li {
  color: #000;
  font-feature-settings: 'clig' off, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  white-space: normal;
  line-height: 18px;
  /* 128.571% */
}

.footer.bg-black {
  width: 100%;
  background-size: cover;
  padding: 24px 15px;
  position: absolute;
  z-index: -1;
  margin-top: -33px;
}

.tbl_category_hazard_risk tr th div {
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: -0.154px;
  color: #000000;
}

.tbl_category_hazard_risk td.td_text {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.154px;
  white-space: nowrap;
  text-transform: capitalize;
  /* color: rgba(0, 0, 0, 0.5); */
  color: rgba(0, 0, 0);
}

.bg-main-head {
  background-color: #fff9ec !important;
}

.tbl_category_hazard_risk tbody,
td,
tfoot,
th,
thead,
tr {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  border-top: 0px solid !important;
  border-width: 1px solid #dee2e6 !important;
}

.tbl_view tbody,
td,
tfoot,
th,
thead,
tr {
  border-left: 0px solid #dee2e6 !important;
  border-right: 0px solid #dee2e6 !important;
  border-top: 0px solid !important;
  border-width: 1px solid #dee2e6 !important;
}

.tbl_view.dataTable tbody tr {
  background-color: #fff;
}

.tbl_view.dataTable tbody tr.odd {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.tbl_view tr td.text-bold {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

table.dataTable.display>tbody>tr.odd>.sorting,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting {
  box-shadow: none !important;
}

table.dataTable thead>tr>th.sorting {
  background: #fff !important;
}

table.tbl_view.dataTable.stripe>tbody>tr.odd>*,
table.tbl_view.dataTable.display>tbody>tr.odd>* {
  box-shadow: none !important;
}

table.tbl_view.dataTable.stripe>tbody>tr.even>*,
table.tbl_view.dataTable.display>tbody>tr.even>* {
  box-shadow: none !important;
}

table.tbl_view.dataTable tbody th,
table.tbl_view.dataTable tbody td {
  padding: 15px 10px;
}

table.tbl_view tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 0;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  padding: 9px !important;
  background-color: transparent;
  border-radius: 30px !important;
  margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  padding-top: 0.755em;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: inherit !important;
  background: #f3f3f3 !important;
  border-radius: 4px;
  border: 0px solid rgba(0, 0, 0, 0.3) !important;
  font-weight: 600;
  font-size: 14px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000 !important;
}

.btn-login.btn-secondary {
  width: 89px;
  height: 44px;
  background: #e7e7e7 !important;
  border-radius: 24px !important;
  margin-top: 4px;
  box-shadow: none !important;
  border: 0px;
  color: #0000008a !important;
}

.team {
  margin-bottom: 20px;
  border: 0px solid #f3f3f4;
}

.team-header img {
  width: 225px;
  filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%);
  background: #f2f2f0 !important;
  height: 225px;
  object-fit: contain;
  border: 0px;
  border-radius: 50% !important;
}

.team-box {
  border: 1px solid #d5dcd4;
  border-radius: 0px;
  margin-bottom: 0px;
  color: #083201;
  text-align: center;
}

.team-box h3 {
  font-size: 17px !important;
  font-weight: 700;
  font-family: "Open Sans";
  color: #000;
}



.about_para_text {
  font-size: 16px;
  /* font-weight: 600; */
  color: #000 !important;
  /* font-family: DM Serif Display;*/
}

.btn.btn-viewmore-overview {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  padding: 10px 20px;
  border-radius: 50px;
  margin-top: 30px;
  color: #000 !important;
  border: 1px solid #000 !important;
}

h3 a {
  color: #1f4e79 !important;

  /* font-family: DM Serif Display;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left !important;
  line-height: 24px;
  text-decoration: underline !important;
}

h3.five a {
  color: #ffc000 !important;
  /* font-family: DM Serif Display;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left !important;
  line-height: 24px;
  text-decoration: underline !important;
}

h3.three a {
  color: #4472c4 !important;
  /* font-family: DM Serif Display;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left !important;
  line-height: 24px;
  text-decoration: underline !important;
}

.btn-login.btn-secondary:hover {
  width: 89px;
  height: 46px;
  background: #E7E7E7 !important;
  border-radius: 24px !important;
  margin-top: 6px;
  box-shadow: none !important;
  border: 0px;
  color: #0000008a !important;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #E7E7E7 !important;
  border-color: #E7E7E7 !important;
}

.card-header.invest_header {
  border-radius: 8px 8px 0px 0px !important;
  padding: 0px 37px;
}

.index_rank_number {
  color: #559B77;
  text-align: right;
  /* font-family: Poppins; */
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
}

.index_rank_text {
  color: #000;
  /* font-family: Poppins; */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}


.title_text_invest {
  color: rgba(51, 51, 51, 0.90);
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.78px;
  /* 128.25% */
}


.invest_title {
  color: rgba(51, 51, 51, 0.90);
  font-family: Open Sans;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 70.2px;
  /* 195% */
}

.card.shadow_invest {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.25);
}


.bg-details.invest_portfolio {
  color: #FFF;
  /* font-family: DM Serif Display;*/
  font-size: 50px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btn-secondary.bg-details:hover {
  color: #fff;
  background-color: transparent !important;
  border-color: transparent !important;
}


.team-box p {
  font-size: 13px !important;
  margin-bottom: 0px;
  min-height: 40px;
  font-weight: 500;
  font-family: "Open Sans";
}

.paratext {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  padding: 5px;
  line-height: 20px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0px;
}

.banner-small-box {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  border-radius: 10px;
}

.text-box p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
}

.large-text {
  font-size: 23px;
  font-weight: 600;
}

.banner-small-box h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
  color: #ffffff;
}

.pe-100px {
  padding-right: 100px !important;
}

.bg-light-box {
  background: #f4faf7 !important;
  padding: 28px;
}

.bg-light-box h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 45px;
  color: #000000;
}

.bg-light-box h4 {
  /*font-family: "DM Serif Display";*/
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #000000;
}

.bg-light-box p {
  color: #000;
  text-align: center;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.btn-login img {
  height: 31px;
}

.btn-login.btn-secondary:hover {
  width: 89px;
  height: 44px;
  background: #e7e7e7 !important;
  border-radius: 24px !important;
  margin-top: 4px;
  box-shadow: none !important;
  border: 0px;
  color: #0000008a !important;
}

.btn-login.btn-secondary:active,
.show>.btn-login.btn-secondary.dropdown-toggle {
  color: #000;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
}

.dropdown-menu.login-user.show {
  display: block;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: absolute !important;
  border: 0px;
  left: -62px !important;
  font-size: 14px;
}

.project_title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  text-transform: capitalize;
  color: #e68331;
}

.primary-v5 {
  border-left: 6px solid #a6c1e9;
  height: 50px;
}

.primary-v4 {
  border-left: 6px solid #87a7d8;
  height: 50px;
}

.primary-v3 {
  border-left: 6px solid #628ac7;
  height: 50px;
}

.primary-v2 {
  border-left: 6px solid #3368b6;
  height: 50px;
}

.primary-vl {
  border-left: 6px solid #0029ba;
  height: 50px;
}

.bank_logo {
  background: #f1f1f1 !important;
  padding: 10px;
  width: 200px;
}

.w-200px {
  min-width: 250px;
  margin-bottom: 20px;
  white-space: wrap;
}

.mt-20px {
  margin-top: 20px;
}

.timeline li {
  width: 264px;
}

.timeline {
  width: 87%;
  height: 100px;
  max-width: 97%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.content-box {
  position: relative;
  left: 70px;
  width: 230px;
}

.arrow-fix {
  position: relative;
  left: 99px;
  top: -58px;
}

.description-1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  min-height: 80px;
  line-height: 19px;
  text-transform: capitalize;
  color: #000000;
}

.bg-1 {
  background: #0069b61a;
}

.bg-2 {
  background-color: #00b68a1a;
}

.bg-3 {
  background-color: #7100b61a;
}

.bg-4 {
  background-color: #b6ae001a;
}

.bg-5 {
  background-color: #b600781a;
}

.btn-status-project {
  background: #0085ff !important;
  border-radius: 20px !important;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px;
  text-transform: capitalize;
  color: #ffffff !important;
}

.btn-status-inprogress {
  background: #fffac9 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
}

.btn-status-complete {
  background: #49a700 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  color: #fff !important;
}

.text-outcomes {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #e68331;
}

.text-overview h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  text-transform: capitalize;
  color: #000000;
}

.text-overview p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-transform: capitalize;
  color: #000000;
}

.description {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-transform: capitalize;

  color: #000000;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 178px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  right: 0;
  background: #ffffff;
  border-radius: 4px;
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#map1 {
  height: 86vh;
  padding-bottom: 0;
  display: block;
  position: relative;
  background-color: steelblue;
  background-image: url("../../assets/images/allcountriesmap.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#map1 li {
  display: block;
  position: absolute;
  height: 130px;
  border: 1px solid #3b7979;
  width: 134px;
  border-radius: 50%;
  background-color: white;
  color: black;
  font-size: 1rem;
  text-align: center;
  line-height: 2.2rem;
  cursor: pointer;
  transform: translateX(-1rem) translateY(-2.2rem);
  transition: transform 0.5s ease-out, background-color 0.25s ease-out;
}

#map1 li:before {
  position: absolute;
  top: 128px;
  bottom: 0;
  height: 78px;
  left: 66px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #793b3b;
}

#map1 li.topline:before {
  position: absolute;
  top: 128px;
  bottom: 0;
  height: 78px;
  display: none;
  left: 66px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #793b3b;
}

#map1 li.topline:after {
  position: absolute;
  top: -79px;
  bottom: 0;
  height: 78px;
  left: 66px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #793b3b;
}

#map1 li.topline-hor:before {
  position: absolute;
  top: 128px;
  bottom: 0;
  display: none;
  height: 78px;
  left: 66px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #793b3b;
}

#map1 li.topline-hor:after {
  position: absolute;
  top: 25px;
  bottom: 0;
  height: 78px;
  transform: rotate(91deg);
  left: -39px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #793b3b;
}

.rank-text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 11.9111px;
  line-height: 16px;
  text-transform: capitalize;
  color: #00000099;
}

.rank-count {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 14.8889px;
  line-height: 20px;
  text-transform: capitalize;

  color: #000000;
}

.overview-box {
  background: #f9f9f9;
  border-radius: 4px;
  height: 130px;
  align-items: center;
  margin-bottom: 5px;
  text-align: center;
  display: grid;
  width: 210px;
}

.overview-box h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 19.9288px;
  line-height: 27px;
  text-transform: capitalize;
  color: #e68331;
}

.overview-box p {
  font-style: normal;
  font-weight: 700;
  font-size: 12.4555px;
  line-height: 17px;
  padding: 10px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
}

.overview-box-1 {
  background: #f8faff;
  border-radius: 4px;
  height: 116px;
  text-align: center;
  margin-bottom: 5px;
  width: 166px;
}

.overview-box-1 h5 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  margin-top: 20px;
  text-transform: capitalize;
  color: #e68331;
  position: relative;
}

.overview-box-1 p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
}

.chart-title-small {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 13.0773px;
  line-height: 18px;
  text-transform: capitalize;
  color: #000000;
}

.title-current {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: capitalize;
  color: #000000;
}

/* #map1 li:hover{
   color: white;
   background-color: coral;
   transform: translateX(-1rem) 
               translateY(-2.5rem); 
 }
 
 #map1 li:hover:after{
   border-top: .65rem solid coral;
 } */
.column-1 {
  width: 170px;
  padding: 15px;
  height: 145px;
  background: rgba(22, 93, 255, 0.1);
  border-radius: 6px;
}

.btn.btn-white-rounded:hover {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px !important;
  padding: 10px;
  border-radius: 30px;
  margin-top: 10px;
}

.column-2 {
  width: 170px;
  padding: 15px;
  height: 145px;
  background: rgba(20, 201, 201, 0.1);
  border-radius: 6px;
}

.column-3 {
  width: 170px;
  padding: 15px;
  height: 145px;
  background: rgba(255, 176, 22, 0.1);
  border-radius: 6px;
}

.min_Height_440px {
  min-height: 440px;
}

.column-1 p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-transform: uppercase;

  color: #000000;
}

.guatemala_style {
  top: 21%;
  left: 3%;
  background-image: url("../../assets/images/halfGuatemala.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.morocco_style {
  top: 6%;
  left: 37%;
  background-image: url("../../assets/images/halfmorocco.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.phili_style {
  top: 28%;
  right: -1%;
  background-image: url("../../assets/images/halfPhill.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.zambia_style {
  top: 80%;
  left: 53%;
  background-image: url("../../assets/images/halfZambia.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  width: 122px !important;
  height: 122px !important;
}

.senegal_style {
  top: 60%;
  left: 35%;
  background-image: url("../../assets/images/halfSenegal.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.kenya_style {
  top: 54%;
  left: 66%;
  background-image: url("../../assets/images/halfKenya.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  width: 122px !important;
  height: 122px !important;
}

.location-filter-1 {
  border-radius: 0px;
  /* height: 87vh; */
  /* overflow-y: scroll; */
  /* overflow-x: hidden; */
  padding: 16px;
  background: #fff9ec;
  /* box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); */
}

.pt-200px {
  padding-top: 300px;
}

.tab_card_bg p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-top: 16px;
  line-height: 19px;
  color: #003f35;
}

.img-icon1 {
  position: relative;
  left: 0px;
  top: 36px;
}

.border-radius-20px {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.text-or {
  color: #bababa;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text-register {
  color: #003f35;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.text-donthave {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text-des-data {
  color: #474747;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}

.accordion-item.radius-4px {
  border-radius: 4px !important;
}

.accordion-button.bg_light.collapsed {
  background-color: #189062 !important;
  white-space: nowrap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700 !important;
  padding: 15px 20px;
  border-radius: 4px;
  font-size: 18px !important;
  line-height: 24px;
  box-shadow: none;
  color: #fff !important;
}

.accordion-button.bg_light {
  background-color: #189062 !important;
  white-space: nowrap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700 !important;
  padding: 15px 20px;
  border-radius: 4px;
  font-size: 18px !important;
  line-height: 24px;
  box-shadow: none;
  color: #fff !important;
}

.our_climber_para {
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 24px;
  color: #000 !important;
}

.btn.btn-learnmore {
  border: 2px solid #007bff !important;
  background: transparent;
  border-radius: 4px !important;
  color: #007bff !important;
  line-height: 26px;
  font-size: 16px;
}

.team-title {
  color: #199163;
  font-weight: 600;
  font-family: 'Open Sans';
  font-size: 20px;
}



.partners-title {
  font-size: 16px;
  font-family: 'Open Sans';
  font-weight: 600;
  color: #000 !important;
}

.partners-link {
  font-size: 14px;
  font-family: 'Open Sans';
  color: #007bff !important;
}


.ptb-50px {
  padding: 50px 40px;
}

.mb-5px {
  margin-bottom: 3px;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999 !important;
}

.box-m {
  border-radius: 10px;
  border: 1px solid rgba(64, 65, 163, 0.70);
  background: #F4F3F9;
  width: 163px;
  min-height: 210px;
  margin-bottom: 10px;
}


.box-b p img {
  min-height: 34px;
}

.box-c {
  border-radius: 10px;
  border: 1px solid rgba(246, 191, 109, 0.70);
  background: rgba(246, 191, 109, 0.06);
  width: 163px;
  min-height: 210px;
  margin-bottom: 10px;
}

.box-new-data {
  border-radius: 15px;
  border-bottom: 12px solid #0a3d38;
  background: #f6f9f9;
  padding: 20px 0px;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
  min-height: 270px;
  margin-bottom: 10x;
}

.card-body.pt-48-pb-66px {
  padding: 48px 44px 67px 44px !important;
}

.ps-timeline-sec {
  position: relative;
  /* background: #fff; */
}

.ps-timeline-sec .container {
  position: relative;
}

@media screen and (max-width: 767px) {
  .ps-timeline-sec .container ol:before {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 130px !important;
    left: 36px !important;
  }

  .ps-timeline-sec .container ol:after {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }

  .ps-timeline-sec .container ol.ps-timeline {
    margin: 130px 0 !important;
    border-left: 2px dashed #dee2e6;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
    float: none !important;
    width: inherit !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
    width: 70px;
  }

  .ps-timeline-sec .container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }

  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
    bottom: 40px !important;
    width: 40% !important;
    margin-left: 25px !important;
    margin-top: 0 !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
    width: 100%;
  }

  .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li span {
    left: 0 !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute !important;
    bottom: 150px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    margin: 0 auto !important;
    width: 80% !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute !important;
    bottom: 115px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }

  .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }

  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
}

.ps-timeline-sec .container ol:before {
  background: transparent;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 49.5%;
}

.ps-timeline-sec .container ol:after {
  background: transparent;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 49.5%;
}

.ps-timeline-sec .container ol.ps-timeline {
  margin: 270px 0 260px 0;
  padding: 0;
  border-top: 2px dashed #dee2e6;
  list-style: none;
}

.ps-timeline-sec .container ol.ps-timeline li {
  float: left;
  width: 20%;
  padding-top: 30px;
  position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li span {
  width: 0px;
  height: 0px;
  margin-left: -4px;
  background: #fff;
  border: 0px solid #348e80;
  border-radius: 50%;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  font-size: 0px;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
  content: "";
  width: 2px;
  height: 80px;
  border: 2px dashed #dee2e6;
  position: absolute;
  top: -15px;
  left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
  content: "";
  color: #348e80;
  width: 8px;
  height: 8px;
  background: transparent;
  position: absolute;
  bottom: 90px;
  left: 44%;
  border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
  content: "";
  color: #348e80;
  width: 2px;
  height: 80px;
  border: 2px dashed #dee2e6;
  position: absolute;
  bottom: -65px;
  left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
  content: "";
  color: #348e80;
  width: 8px;
  height: 8px;
  background: transparent;
  position: absolute;
  top: 90px;
  left: 44%;
  border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 73px;
  width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top.three svg {
  display: table;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background: #4472c4 !important;
  border-radius: 50px;
  padding: 10px;
  fill: #89c63d;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
  display: table;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  background: #1d8eca;
  border-radius: 50px;
  padding: 10px;
  fill: #1d8eca;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top svg {
  display: table;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background: #1f4e79 !important;
  border-radius: 50px;
  padding: 10px;
  fill: #1f4e79 !important;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  position: absolute;
  margin-top: 11px;
  width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
  display: table;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  border-radius: 50px;
  padding: 10px;
  border: 1px solid green;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot.four svg {
  display: table;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background: #4472c4 !important;
  fill: #4472c4 !important;
  padding: 10px;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top.five svg {
  display: table;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background: #ffc000 !important;
  border-radius: 50px;
  padding: 10px;
  fill: #ffc000;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot svg {
  display: table;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background: #1f4e79 !important;
  border-radius: 50px;
  padding: 10px;
  fill: #1f4e79;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot.two svg {
  display: table;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background: #0d2e4d !important;
  border-radius: 50px;
  padding: 10px;
  fill: #0d2e4d;
  filter: drop-shadow(10px 10px 40px rgba(225, 225, 225, 0.5));
}

.img-arrow {
  position: absolute;
  left: 315px;
  transition: inherit;
  transform: rotate(22deg);
}

.m-t-120px {
  margin: -50px 0px 50px 0px;
}

.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.img-arrow img {
  height: 400px;
  position: relative;
  margin: 0 auto;
  left: 74px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 73px;
  border-radius: 18px;
  background: #fff;
  padding: 10px;
  width: 265px;
  min-height: 140px;
  flex-shrink: 0;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
}

.sdgGoals-box-5-1 {
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 240px;
  color: #fff;
  height: 74px;
  /* background: rgb(245, 124, 0); */
  background-color: rgb(255 127 127);
  margin: 10px 10px;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10px);
}

.rank-count-1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 20.8889px;
  line-height: 20px;
  text-transform: capitalize;
  color: #000000;
}

.rank-text-1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 16.9111px;
  line-height: 16px;
  text-transform: capitalize;
  color: #00000099;
  padding-top: 10px;
}

.sdgGoalIconBox-4-1 {
  background-color: white;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 26px;
  width: 50px;
  font-size: 24px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  color: #a79999;
}

.sdgGoals-box-5-1 .sdgGoalImgBox-2 {
  padding: 24px 10px;
  font-weight: 500;
  color: #fff;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  position: absolute;
  margin-top: 10px;
  border-radius: 18px;
  background: #fff;
  padding: 10px;
  width: 265px;
  min-height: 140px;
  flex-shrink: 0;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
}

.number_text {
  /*font-family: "Overpass";*/
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  color: #1d8eca;
}

.main_number_head .number_text_1 {
  color: #1f4e79 !important;
  font-family: Overpass;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.main_number_head .number_text_2 {
  color: #0d2e4d;
  font-family: Overpass;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.main_number_head h3 {
  color: #1f4e79 !important;
  /* font-family: DM Serif Display;*/
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: left !important;
  line-height: 24px;
  text-decoration: none;
}

.main_number_head h3.two {
  color: #0d2e4d !important;
  /* font-family: DM Serif Display;*/
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.img-country {
  height: 70px;
  width: 70px;
}

.main_number_head .text_des {
  color: #4e4e4e;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.how-we-work-new p {
  font-family: Open Sans;
  font-size: 14px;
  text-align: left !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4e4e4e;
}

.main_number_head p.text_des {
  font-size: 14px !important;
  font-weight: 400;
}

.main_number_head .number_text_3 {
  color: #4472c4 !important;
  font-family: Overpass;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.main_number_head h3.three {
  /*font-family: "DM Serif Display";*/
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  color: #4472c4 !important;
}

.main_number_head .number_text_4 {
  color: #379b45 !important;
  font-family: Overpass;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.main_number_head h3.four {
  color: #379b45 !important;
  /* font-family: DM Serif Display;*/
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.main_number_head .number_text_5 {
  color: #ffc000 !important;
  font-family: Overpass;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.mb-200px {
  margin-bottom: 50px;
}

.main_number_head h3.five {
  color: #ffc000 !important;
  /* font-family: DM Serif Display;*/
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.banner-small-box-1 {
  background: rgb(204 204 204);
  backdrop-filter: blur(2px);
  border-radius: 10px;
}

/* .arrow-up-line::before {
    content: "";
    background-image: url('../../assets/images/arrow-up-word.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
} */

@media (max-width: 1920px) {
  /* video {
    width: 100% !important;
    min-height: 100vh;
    z-index: 1;
    filter: brightness(0.9);
    border-radius: 0px;
    margin-top: 50px;
  } */
}

@media (min-width: 1920px) {
  /* video {
    width: 100% !important;
    min-height: 100vh;
    z-index: 1;
    filter: brightness(0.9);
    border-radius: 0px;
    margin-top: 50px;
  } */

  .circles-1 {
    height: 150px;
    width: 150px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #afd9ff;
    padding-top: 26px;
    position: relative;
    top: 64px;
    left: 88px;
    margin-bottom: 0px;
  }

  .circles-1 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-2 {
    height: 150px;
    width: 150px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 35px;
    position: relative;
    top: 64px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-2 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-3 {
    height: 150px;
    width: 150px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 30px;
    position: relative;
    top: 64px;
    right: 85px;
  }


  .circles-3 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }
}

@media only screen and (max-width:1746px) {}

@media only screen and (max-width: 1707px) {
  .circles-1 {
    height: 150px;
    width: 150px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #afd9ff;
    padding-top: 26px;
    position: relative;
    top: 64px;
    left: 88px;
    margin-bottom: 0px;
  }

  .circles-1 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-2 {
    height: 150px;
    width: 150px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 35px;
    position: relative;
    top: 64px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-2 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-3 {
    height: 150px;
    width: 150px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 30px;
    position: relative;
    top: 64px;
    right: 85px;
  }

  .circles-3 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }
}

@media only screen and (max-width: 1536px) {
  .img-arrow {
    position: absolute;
    transition: inherit;
    transform: rotate(22deg);
  }

  .circles-1 {
    height: 150px;
    width: 150px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #afd9ff;
    padding-top: 26px;
    position: relative;
    top: 64px;
    left: 88px;
    margin-bottom: 0px;
  }

  .circles-1 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 9px;
  }

  .circles-2 {
    height: 150px;
    width: 150px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 35px;
    position: relative;
    top: 64px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-2 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-3 {
    height: 150px;
    width: 150px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 30px;
    position: relative;
    top: 64px;
    right: 85px;
  }


  .circles-3 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 14.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .img-arrow img {
    height: 400px;
    position: relative;
    margin: 0 auto;
  }

  .guatemala_style {
    top: 23%;
    left: 2%;
    background-image: url("../../assets/images/halfGuatemala.svg");
    background-repeat: no-repeat;
    background-position: bottom;
  }

  /* .box-new-data {
        border-radius: 15px;
        border-bottom: 12px solid #0A3D38;
        background: #F6F9F9;
        min-height: 345px;
        box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    .pt-gap {
        padding-top: 30px;
    } */

  .morocco_style {
    top: 10%;
    left: 37%;
    background-image: url("../../assets/images/halfmorocco.svg");
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .senegal_style {
    top: 61%;
    left: 34%;
    background-image: url("../../assets/images/halfSenegal.svg");
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .kenya_style {
    top: 52%;
    left: 66%;
    background-image: url("../../assets/images/halfKenya.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    width: 122px !important;
    height: 122px !important;
  }

  .zambia_style {
    top: 79%;
    left: 52%;
    background-image: url("../../assets/images/halfZambia.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    width: 122px !important;
    height: 122px !important;
  }
}

@media only screen and (max-width: 1411px) {}

@media only screen and (max-width: 1366px) {
  .card.overview_card h4 {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 600;
    min-height: 54px;
    font-size: 18px;
    line-height: 27px;
    margin-top: 17px;
    color: rgb(0, 0, 0) !important;
  }
}

@media (max-width: 1229px) {
  .w-200px {
    min-width: auto;
    margin-bottom: 20px;
    white-space: wrap;
  }

  .img-arrow {
    position: absolute;
    left: 254px;
    transition: inherit;
    transform: rotate(22deg);
  }
}

@media only screen and (max-width: 1164px) {
  .img-arrow {
    position: absolute;
    left: 126px;
    transition: inherit;
    transform: rotate(22deg);
  }
}

@media only screen and (max-width: 1158px) {
  .sdgGoals-box-5 {
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 145px;
    height: 96px;
    margin: 10px 30px;
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10px);
  }

  .circles-1 {
    height: 150px;
    width: 150px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #afd9ff;
    padding-top: 26px;
    position: relative;
    top: 30px;
    left: 88px;
    margin-bottom: 0px;
  }

  .circles-2 {
    height: 150px;
    width: 150px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 35px;
    position: relative;
    top: 30px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-3 {
    height: 150px;
    width: 150px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 30px;
    position: relative;
    top: 30px;
    right: 85px;
  }

  .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 82px;
    border-radius: 18px;
    background: #fff;
    padding: 10px;
    width: 211px;
    min-height: 140px;
    flex-shrink: 0;
    box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
  }

  .ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 20%;
    padding-top: 30px;
    position: relative;
  }

  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 21px;
    border-radius: 18px;
    background: #fff;
    padding: 10px;
    width: 211px;
    min-height: 140px;
    flex-shrink: 0;
    box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.5);
  }

  .w-200px {
    min-width: auto;
    margin-bottom: 20px;
    white-space: wrap;
  }

  .banner-video h1 {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    padding-left: 45px;
    font-size: 45px;
    line-height: 63px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 139px;
    max-width: 500px;
    z-index: 1;
  }
}

@media only screen and (max-width: 1024px) {
  .img-arrow {
    position: absolute;
    left: 116px;
    transition: inherit;
    transform: rotate(22deg);
  }

  .box-new-data {
    border-radius: 15px;
    border-bottom: 12px solid #0a3d38;
    background: #f6f9f9;
    padding: 20px 0px;
    box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 306px;
    margin-bottom: 10x;
  }

  .ps-timeline-sec .container ol.ps-timeline {
    margin: 270px 0px 326px;
    padding: 0px;
    border-top: 2px dashed rgb(222, 226, 230);
    list-style: none;
  }

  .circles-1 {
    height: 130px;
    width: 130px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #afd9ff;
    padding-top: 26px;
    position: relative;
    top: 14px;
    left: 88px;
    margin-bottom: 0px;
  }

  .circles-2 {
    height: 130px;
    width: 130px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 25px;
    position: relative;
    top: 14px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-3 {
    height: 130px;
    width: 130px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 20px;
    position: relative;
    top: 14px;
    right: 85px;
  }
}

@media (max-width: 912px) {
  .project-title-text {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    text-transform: capitalize;
    color: #ffffff;
  }

  .ps-105px {
    padding-left: 0px;
  }

  .geo-filter-box {
    position: absolute;
    top: 506px !important;
    left: 55px !important;
    z-index: 3;
    width: 301px !important;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    background: rgba(0, 63, 53, 0.8);
    backdrop-filter: blur(2px);
  }

  /* .img-arrow {
        position: absolute;
        left: 11px;
        transition: inherit;
        transform: rotate(22deg);
    } */

  .plr-100px {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* video {
    width: 100% !important;
    min-height: 100vh;
    z-index: 1;
    filter: brightness(0.9);
    border-radius: 0px;
  } */

  .card_temparature {
    min-height: 700px !important;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .ps-105px {
    padding-left: 0px;
  }

  #map-project-list {
    background: white;
    border-radius: 5px;
    padding: 2px;
    height: auto;
    max-height: 60vh;
    min-width: 145px;
    max-width: 450px;
    width: 56%;
    z-index: 1000;
    position: absolute;
    top: 531px;
    right: 10px;
  }

  .circles-1 {
    height: 130px;
    width: 130px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 9px solid #afd9ff;
    padding-top: 26px;
    position: relative;
    top: 13px;
    left: 88px;
    margin-bottom: 0px;
  }

  .circles-2 {
    height: 130px;
    width: 130px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 35px;
    position: relative;
    top: 13px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-3 {
    height: 130px;
    width: 130px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 9px solid #afd9ff;
    padding-top: 21px;
    position: relative;
    top: 13px;
    right: 85px;
  }

  .circles-1 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 13.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-2 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 13.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-3 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 13.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .geo-filter-box {
    position: absolute;
    top: 532px !important;
    left: 28px !important;
    z-index: 3;
    width: 265px !important;
    height: 90vh;
    overflow-y: scroll;
    background: rgba(0, 63, 53, 0.8);
    backdrop-filter: blur(2px);
  }
}

@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }

  .plr-100px {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  /* video {
    width: 100% !important;
    min-height: 100vh;
    z-index: 1;
    filter: brightness(0.9);
    border-radius: 0px;
  } */

  .card_temparature {
    min-height: 700px !important;
    margin-bottom: 30px;
  }

  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    background: #fff !important;
    padding: 10px;
    z-index: 999;
  }

  .nav-tab-box {
    background: #fff3e0 !important;
    margin-top: 90px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1;
  }
}

/* @media screen and (max-height: 2500px) {
    .banner-img {
        width: 100%;
    }
}
@media screen and (max-height: 1920px) {
    .banner-img {
        width: 100%;
    }
} */

@media screen and (max-height: 516px) {
  .sidenav {
    padding-top: 15px;
  }


  .w-470px {
    width: 350px;
  }

  .plr-100px {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .footer_ul li {
    display: flex;
    align-items: baseline;
  }

  .card_temparature {
    min-height: 600px !important;
    margin-bottom: 30px;
  }

  /* video {
    width: 100% !important;
    min-height: 100vh;
    z-index: 1;
    filter: brightness(0.9);
    border-radius: 0px;
  } */

  .card.card-1 {
    height: 200px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 16px;
    margin-bottom: 10px;
  }

  .card.card-2 {
    background: #eef9ff;
    border: 1px solid #bbe7ff;
    border-radius: 16px;
    height: 200px;
  }

  .card.card-3 {
    background: #eef3ff;
    border: 1px solid #bcd0fe;
    border-radius: 16px;
    height: 200px;
  }

  .card.card-4 {
    background: #ffe8c5;
    border: 1px solid #fad398;
    border-radius: 16px;
    height: 200px;
  }

  .sidenav a {
    font-size: 18px;
  }

  .timeline:before {
    left: 50%;
  }

  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    background: #fff !important;
    padding: 10px;
    z-index: 999;
  }

  .nav-tab-box {
    background: #fff3e0 !important;
    margin-top: 90px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1;
  }

  .hero-image {
    background-image: url("../../assets/images/banner.svg");
    height: 1500px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

  .wrapper.nmt-0 {
    margin-top: -50px !important;
  }

  .content-height {
    padding-top: 0px !important;
  }

  .main-heading_title h4 {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 58px;
    text-align: center;
    letter-spacing: 0.04em;
    /* text-transform: capitalize; */
    color: #000000;
  }

  /* .m-t-120px {
        margin: 126px 0px 0px 0px;
    } */
  .img-arrow {
    position: absolute;
    left: 116px;
    transition: inherit;
    transform: rotate(22deg);
  }

  .img-arrow img {
    height: 269px;
    position: relative;
    margin: 0 auto;
    left: -107px;
  }
}

@media screen and (max-width: 375px) {
  /* .banner-video {
    padding: 0px 0px;
    width: 100%;
    height: 358px;
    margin-top: -140px !important;
  } */

  .circles-1 {
    height: 100px;
    width: 100px;
    background: #1f4e79;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    margin-left: -33px;
    border: 5px solid #afd9ff;
    padding-top: 13px;
    position: relative;
    top: -3px;
    left: 50px;
    margin-bottom: 0px;
  }

  .circles-1 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 10.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .circles-2 {
    height: 100px;
    width: 100px;
    background: #4472c4;
    box-shadow: rgb(237, 237, 237) 8px 8px 32px 8px;
    border-radius: 50%;
    text-align: center;
    border: 5px solid #afd9ff;
    padding-top: 13px;
    position: relative;
    top: -3px;
    left: 0;
    margin-bottom: 0px;
  }

  .circles-3 {
    height: 100px;
    width: 100px;
    background: #ffc000;
    box-shadow: 8px 8px 32px 8px #ededed;
    border-radius: 50%;
    text-align: center;
    border: 5px solid #afd9ff;
    padding-top: 13px;
    position: relative;
    top: -3px;
    right: 27px;
  }

  .circles-3 span {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    font-size: 10.967px;
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 0px;
  }

  .indicator-box {
    width: 350px;
    margin: 100px 0 0 0;
    padding: 15px;
    border: 1px solid;
    height: fit-content;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  }

  #sdg_trend svg {
    width: 28px !important;
  }

  /* video {
    width: 100% !important;
    min-height: 100vh;
    z-index: 1;
    filter: brightness(0.9);
    border-radius: 0px;
  } */

  .banner-video h1 {
    /*font-family: "DM Serif Display";*/
    font-style: normal;
    font-weight: 400;
    padding-left: 45px;
    font-size: 33px !important;
    line-height: 37px !important;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 139px;
    max-width: 500px;
    z-index: 1;
  }
}

.fa-arrow-up {
  color: #43a047;
}

.title {
  color: #000;
  /* font-family: DM Serif Display;*/
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.mb-18px {
  margin-bottom: 18px;
}

.card.adaptation-filter {
  border-radius: 16px 0px 0px 16px;
  border: 1px solid var(--light-mode-neutral-150, #EAEAEF);
  background: #EDF5F1;
  box-shadow: 0px 1px 4px 0px rgba(33, 33, 52, 0.10);
  min-height: 90vh;
  /* border-radius: 16px;
  border: 1px solid var(--light-mode-neutral-150, #EAEAEF);
  background: var(--light-mode-neutral-0, #FFF);
  box-shadow: 0px 1px 4px 0px rgba(33, 33, 52, 0.10);
   */
}

.filter-title {
  color: #363434;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
}

.mt-22px {
  margin-top: 15px;
}

.form-select.w-177px {
  border-radius: 24px;
  border: 1.5px solid rgba(0, 0, 0, 0.50);
  width: 177px;
  padding: 8px;
}

.filter-label p {
  color: var(--light-mode-neutral-800, #32324D) !important;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Open Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.form-select.rounded {
  border-radius: 40px !important;
  border: 1px solid var(--light-mode-neutral-200, #DCDCE4);
  font-weight: 400;
  padding: 10px 12px 10px 16px;
  margin-top: 5px;
}

.form-control.number_dollor_1 {
  border-radius: 40px;
  padding: 10px 16px 11px 35px;
  color: var(--light-mode-neutral-800, #32324D);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid var(--light-mode-neutral-200, #DCDCE4);
  background: var(--light-mode-neutral-0, #FFF);
}

.calender-img {
  position: relative;
  top: 29px;
  left: 13px;
}

.btn.btn_apply {
  border-radius: 40px;
  background: #003F35;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
  color: #fff;
  padding: 15px 48px;
}

.ui-datepicker-calendar {
  display: none;
}

.slider-labels {
  margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top .3s;
  transition: left 0.3s, top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #345DBB;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #345DBB;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #000;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #fff;
  border-radius: 4px;
}

.irs--flat .irs-line {
  top: 28px;
  height: 6px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 28px;
  height: 6px;
  background-color: #2E5F44;
}

.irs--flat .irs-handle>i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: transparent;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  border-radius: 50px;
  background-color: #2E5F44;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #000 !important;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #fff !important;
  border-radius: 4px;
}

.span_yearly {
  color: #363434 !important;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Open Sans;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  display: none !important;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.accordion-item {
  border-radius: 18px !important;
  border: 1px solid #2E5F44 !important;
  background: #FFF !important;
}

/* .accordion-button.one {
  border-radius: 18px!important;
    background: #FFF!important;
} */

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-radius: 18px;
  background: #FFF;
}

.accordion-body.one p {
  color: #000;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
  color: #000 !important;
  font-family: "Open Sans";
  font-size: 20px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: capitalize;
}

.form-control.number_dollor {
  border-radius: 40px;
  padding: 10px 12px 10px 16px;
  color: var(--light-mode-neutral-800, #32324D);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  border: 1px solid var(--light-mode-neutral-200, #DCDCE4);
  background: var(--light-mode-neutral-0, #FFF);
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: #2E5F44 !important;
}

.irs--flat .irs-handle>i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: transparent !important;
}

.irs--flat .irs-line {
  top: 28px !important;
  height: 6px !important;
  background-color: #2E5F44;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 28px !important;
  height: 6px !important;
  background-color: #2e5f44 !important;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

.btn.btn-apply {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  padding: 15px 48px;
  line-height: normal;
  border-radius: 40px;
  background: #003F35;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
}

.btn.btn-apply:hover {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  padding: 15px 48px;
  line-height: normal;
  border-radius: 40px;
  background: #003F35;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
}

.card.innerCard_shadow {
  border-radius: 18px;
  background: #FFF;
  box-shadow: 8px 8px 32px 8px rgba(225, 225, 225, 0.50);
  min-height: 152px;
}

.p-40px {
  padding: 40px;
}

.details_card h5 {
  color: #212529;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.details_card p {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Open Sans;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* 176.923% */
}

.circle-color {
  height: 70px;
  width: 70px;
  border-radius: 50px;
}

.circle-color.one {
  background-color: rgba(46, 95, 68, 0.20);
}

.circle-color.one svg {
  background: #2E5F44;
  padding: 2px;
  border-radius: 50px;
  position: relative;
  top: 20px;
  left: 23px;
  height: 23px;
  width: 25px;
}

.circle-color.two {
  background-color: rgba(134, 134, 134, 0.20);
}

.circle-color.two svg {
  background: #868686;
  padding: 2px;
  border-radius: 50px;
  position: relative;
  top: 20px;
  left: 23px;
  height: 25px;
  width: 25px;
}

.circle-color.three {
  background-color: rgba(124, 225, 239, 0.20);
}

.circle-color.three svg {
  background: #7CE1EF;
  padding: 2px;
  border-radius: 50px;
  position: relative;
  top: 20px;
  left: 23px;
  height: 25px;
  width: 25px;
}

.circle-color.four {
  background-color: rgba(235, 28, 45, 0.20);
}

.circle-color.four svg {
  background: #EB1C2D;
  padding: 2px;
  border-radius: 50px;
  position: relative;
  top: 20px;
  left: 23px;
  height: 25px;
  width: 25px;
}

.circle-color.five {
  background-color: rgba(23, 156, 87, 0.20);
}

.circle-color.five svg {
  background: #179C57;
  padding: 2px;
  border-radius: 50px;
  position: relative;
  top: 20px;
  left: 23px;
  height: 25px;
  width: 25px;
}

.h-100vh {
  min-height: 100vh;
}

.dropTop .bg-details {
  color: #FFF;
  /* font-family: DM Serif Display;*/
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: normal;
  margin-top: 145px;
}

.btn-group .btn-addmore {
  margin-top: 145px !important;
  background: #e5eceb;
  width: 147px;
  border-radius: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #000000 !important;
}

.btn.btn-addmores {
  background: #e5eceb;
  border-radius: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  margin-top: 160px;
  line-height: 23px;
  color: #000000 !important;
}

.btn.btn-addmores:hover {
  background: #e5eceb;
  border-radius: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  margin-top: 160px;
  line-height: 23px;
  color: #000000 !important;
}


.btn.btn-collapse {
  border-radius: 10px;
  background: #000;
  width: 41px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 26px;
  line-height: 0px;
  position: relative;
  text-align: center;
  left: 50%;
  z-index: 1;
  bottom: 28px;
}

.btn.btn-collapse:hover {
  border-radius: 10px;
  background: #000;
  width: 41px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 26px;
  line-height: 0px;
  position: relative;
  text-align: center;
  left: 50%;
  z-index: 1;
  bottom: 28px;
}

.card.bg-project-table {
  border: 0.5px solid #000;
  background: #003F35;
  box-shadow: 0px 6px 6px 0px rgba(33, 33, 52, 0.30);
  border-radius: 0px;
  z-index: 2;
}

.collapseDropdown {
  position: relative;
  top: -28px;
  border-radius: 0px;
}

.project_title_head {
  color: #FFF;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.project_tbl thead {
  border: 1px solid #366F51;
  background: rgba(106, 178, 141, 0.26);
}

.project_tbl th {
  color: #FFF;
  font-family: Open Sans;
  font-size: 11px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: none;
  text-transform: capitalize;

}


.project_tbl tbody td a {
  color: #FFF !important;
  font-family: Open Sans;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  text-decoration-line: none;
  text-transform: capitalize;
}

.project_tbl tbody td {
  color: #FFF !important;
  font-family: Open Sans;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: none;
  text-transform: capitalize;
}


.project_tbl tbody,
td,
tfoot,
th,
thead,
tr {
  border-left: 1px solid #346147 !important;
  border-right: 1px solid #346147 !important;
  border-bottom: 1px solid #346147 !important;
  border-top: 0px solid !important;
  border-width: 1px solid #dee2e6 !important;
}

.table.tbl_border_none tbody,
td,
tfoot,
th,
thead,
tr {
  border-left: 0px solid #346147 !important;
  border-right: 0px solid #346147 !important;
  border-bottom: 0px solid #346147 !important;
  border-top: 0px solid !important;
  border-width: 1px solid #dee2e6 !important;
}


.project-details-box {
  position: absolute;
  width: 211px;
  right: 0px;
  bottom: 100px;
  z-index: 1;
  height: 475px;
  border-radius: 8px;
  border: 0.5px solid #000;
  background: #003F35;
  box-shadow: 0px 6px 6px 0px rgba(33, 33, 52, 0.30);
}

.pd-2 {
  padding: 19px 10px 3px 10px !important;
}

.details_para {
  color: #FFF;
  font-family: Open Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.listActive .list-group-item.active {
  color: #FFF;
  font-family: Open Sans;
  font-size: 10px;
  text-align: left;
  font-style: normal;
  border-color: transparent;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: none;
  text-transform: capitalize;
  z-index: 2;
  border-left: 2px solid #00A848;
  background: #005A4C;
  /* color: var(--bs-list-group-active-color); */
  /* background-color: var(--bs-list-group-active-bg); */
  /* border-color: var(--bs-list-group-active-border-color); */
}

.list-group.listActive li {
  text-align: justify;
  background: #003F35;
  text-align: left;
  padding: 10px;
  border-radius: 0px;
  color: #FFF;
  font-family: Open Sans;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: none;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 0px;
}

.form-control.search-projects {
  border-radius: 20px;
  border: 1px solid #357961;
  background: #003317;
}

.search-project-icon {
  position: absolute;
  right: 22px;
  top: 78px;
}

#chartdiv {
  width: 100%;
  height: 500px;
}

.custom-popover {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#map {
  height: calc(100vh - 100px);
  width: 100%;
  /* position: relative; */
  /* border: 1px solid; */
  z-index: 1;
}

#map {
  width: 100%;
  height: 700px;
}

.mt-40px {
  margin-top: 40px;
}

.leaflet-container {
  background: #ffffff49;
  outline-offset: 1px;
}

.map-popup {
  position: absolute;
  z-index: 1000;
  max-width: 80%;
  width: 200px;
  background-color: #fff;
  border-radius: 10px;
  max-height: 80%;
  padding: 20px;
  box-shadow: 0px 1px 4px 0px rgba(33, 33, 52, 0.10);
  display: none;
  transition: all 0.3s ease-in-out;
}

.map-popup.show {
  display: block;
}

.map-popup .project-area {
  cursor: pointer;
}

.project-model {
  position: absolute;
  z-index: 1001;
  max-width: 80%;
  width: 300px;
  background-color: #004033;
  border-radius: 8px;
  max-height: 80%;
  right: 0;
  top: 25%;
  box-shadow: 0px 1px 4px 0px rgba(33, 33, 52, 0.10);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
}

.project-model.show {
  display: flex;
}

.project-model .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  width: 100%;

}

.project-model hr {
  border-color: #fff;
  width: 80%;
  margin: 1px !important;
}

.project-model .search-area {
  padding-top: 5px;
  padding-bottom: 5px;

}

.project-model .search-area input {
  border-radius: 10px;
  background-color: #047c64;
  border: none;
}

.project-model .contents {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #047c64;
  border-bottom: 1px solid #047c64;
  color: #fff;
}

/*Circle Progress bar css Start*/

:root {
  --progress-bar-width: 170px;
  --progress-bar-height: 170px;
  --font-size: 2rem;
}

circle {
  height: auto;
  background-color: #100c08;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  place-items: center;
  gap: 2rem;
}

.circular-progress {
  width: var(--progress-bar-width);
  height: var(--progress-bar-height);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 8%;
}

.btn.btn-white-rounded {
  background: transparent;
  border: 1px solid blue;
  color: #fff;
  font-size: 14px !important;
  padding: 10px;
  border-radius: 30px;
  margin-top: 10px;
}

.inner-circle {
  position: absolute;
  width: calc(var(--progress-bar-width) - 30px);
  height: calc(var(--progress-bar-height) - 30px);
  border-radius: 50%;
  background-color: #ebecf2;
}

.percentage {
  position: relative;
  color: var(--gray-100, #12131A) !important;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.line_bar {
  width: 50px;
  height: 2px;
  position: relative;
  z-index: 9999;
  background-color: #868686;
}

.percentage_total {
  color: var(--gray-60, #696C80) !important;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.highchart_title {
  color: rgba(51, 51, 51, 0.90);
  font-family: Open Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.78px;
}

.form-select.rounded-form {
  border-radius: 50px;
}

.nav-pills.tab_data .nav-link.active,
.nav-pills.tab_data .show>.nav-link {
  background: #2E5F44 !important;
  border-radius: 0px;
  color: #FFF !important;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  font-size: 11px !important;
}

.nav-pills.tab_data .nav-link {
  border: 0;
  border-radius: 0px;
  padding: 10px !important;
  color: #2E5F44 !important;
  background: rgba(46, 95, 68, 0.10);
  font-family: Open Sans;
  font-size: 11px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.info_pos {
  position: relative;
  top: -27px;
}

/* Dropdown Button */
.dropbtn {
  color: white;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content.tool {
  display: none;
  position: absolute;
  background-color: #1a4f83;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  left: -58px;
  border-radius: 5px;
  z-index: 1;
}

.dropdown-content a {
  color: #fff !important;
  padding: 5px 15px;
  text-decoration: none !important;
  display: block;
  white-space: nowrap;
}

.dropdown-content.tool:after,
.dropdown-content.tool::after {
  bottom: 100%;
  left: 70px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #1a4f83;
  border-width: 5px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-data {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 240px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: -133px;
  top: 29px;
}

.dropdown-content-data::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 59%;
  margin-left: -5px;
  border-width: 9px;
  border-style: solid;
  visibility: visible;
  border-color: transparent transparent #fff transparent;
}

/* Links inside the dropdown */
.dropdown-content-data a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content-data a:hover {
  background-color: #fff;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content-data {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: transparent;
}

.input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}


.custom-placeholder {
  position: absolute;
  top: 50%;
  left: 10px;
  /* Adjust as necessary to align with your input's padding */
  transform: translateY(-50%);
  color: #6c757d;
  font-weight: 400 !important;
  pointer-events: none;
  font-size: 14px;
  transition: 0.2s ease all;
}

.custom-placeholder span {
  color: red !important;
}

.form-control:focus+.custom-placeholder,
.form-control:not(:placeholder-shown)+.custom-placeholder {
  opacity: 0;
  transform: translateY(-150%);
}

.form-select:focus+.custom-placeholder,
.form-select:not([value=""])+.custom-placeholder {
  opacity: 0;
  transform: translateY(-150%);
}

@media screen and (max-width: 800px) {
  :root {
    --progress-bar-width: 150px;
    --progress-bar-height: 150px;
    --font-size: 1.3rem;
  }
}

@media screen and (max-width: 500px) {
  :root {
    --progress-bar-width: 120px;
    --progress-bar-height: 120px;
    --font-size: 1rem;
  }
}

/*Circle Progress bar css End*/