@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* @font-face {
    font-family: "Lato";
    src: url("../font/Lato-Regular.ttf");
    font-weight: normal;
    font-style: normal;
  } */

body{
    font-family: "Lato"!important;
    font-weight: 500;
    color: #0F0F10;
}  

a {  
  text-decoration: none!important;
}

h1{
  font-family: Lato;
  font-size: 52px;
  font-weight: 700;
  line-height: 62.4px;
  letter-spacing: -0.02em;
  color: #0F0F10;
}
h2{
  font-family: Lato;
  font-size: 36px!important;
  font-weight: 700!important;
  line-height: 48.6px!important;
  letter-spacing: -0.02em!important;
  color: #0F0F10!important;
}
h3{
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  color: #0F0F10;
}
h4{
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  line-height: 22.4px;
  color: #0F0F10;
}
h5{
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.59px;
  color: #0F0F10;
}
h6{
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  color: #0F0F10;
}



.editor img {
  width: 100%;
  margin-bottom: 20px;
  height: auto;
}

.custom-card img, .search-icon {
  width: auto;
}
 



  .navbar-brand img {
    height: 58px !important;
    margin: 0 1rem 0 0;
    width: auto;
}

.nav-link {
  color: #FFFFFF!important;
}
.navbar-nav .nav-link.active {
  color: #FFFFFF!important;
  border-bottom: 5px solid #ffffff;
  padding-bottom: 0;
}
.navbar-nav 
.media-library-view--widget .view-header
 a.active, .navbar-nav .media-library-view--widget 
.view-header a.is-active, .media-library-view--widget
.view-header .navbar-nav a.active,
   .media-library-view--widget .view-header 
   .navbar-nav a.is-active, .navbar-nav 
   .nav-link.show, .navbar-nav .media-library-view--widget .view-header a.show,
    .media-library-view--widget .view-header .navbar-nav a.show {
        color: #009597!important;
        border-bottom: 5px solid #262262;
        padding-bottom: 0;
    }

.nav-link:hover {
    color: #009597!important;
    border-bottom: 5px solid #262262;
    padding-bottom: 0;
}

/* Top header css start */

.top-header {
  width: 100%;
  background-color: #00A0E5;
  text-align: right;
  padding: 4px 0;
  text-transform: uppercase;
}

.language-select {
  width: 100px!important;
  background-color: #00A0E5!important;
  color: #fff!important;
  border: unset!important;
  font-size: 12px!important;
  line-height: 14.4px!important;
  text-transform: uppercase!important;
  font-weight: 700!important;
}

.login {
  color: #ffffff;
  list-style: none;
  font-family: Lato;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  text-align: left;
}

.login a {
  color: #ffffff;
}

.login a:hover {
  color: #009597;  
}
/* Top header css end */



/* ******************************footert Start******************************** */
#footer{
  z-index: 99;
  position: relative;
}
.footer {
    padding: 60px 0;
    background: #EDFAFF;
  }
  .footer-title {
    font-family: Lato;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #F47A42;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  #footer ul, .contact_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #footer ul li:not(:last-child) {
    border-bottom: 1px solid #00A0E5;
    width: 50%;
  }
  #footer ul li {
    padding: 5px 0;
  }
  #footer .footer-links a {
    text-transform: math-auto;
    color: #0F0F10;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 5px;
  }
  #footer .footer-links a:hover{
    text-decoration: underline!important;
  }
  .sdg {
    width: 90px;
    height: 90px;
    margin-right: 10px;
  }
  .social-icon {
    width: 24px;
    height: 24px;
    margin-left: 10px;
  }
  .footer-text {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
  }
  .footer-form .form-control {
    height: 40px !important;
    margin-bottom: 10px !important;
    border: unset;
    border-radius: 10px;
    padding: 10px 20px;
  }
  .footer-btn {
    background-color: #00A0E5!important;
    font-family: Lato!important;
    font-size: 14px!important;
    font-weight: 700!important;
    line-height: 28px!important;
    color: #ffffff!important;
    width: 100%!important;
    text-align: center!important;
    border-radius: 30px!important;
    margin-top:-7px!important;
  }
  .bounce {
    animation: bounce 2s ease;
  }
  @keyframes bounce {
      70% { transform:translateY(-1%); }      
      80% { transform:translateY(-3%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-2%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-3%); }
      100% { transform:translateY(0); }
  }

  .download-btn:hover {
    animation: bounce-one 0.2s ease;
  }

  .download-btn1:hover {
    animation: bounce-one 0.2s ease;
  }

  .bounce-one {
    animation: bounce-one 2s ease;
  }
  @keyframes bounce-one {
      50% { transform:translateX(-1%); }
      70% { transform:translateY(0%); }
      80% { transform:translateY(-3%); }
      90% { transform:translateY(0%); }
      95% { transform:translateY(-2%); }
      97% { transform:translateY(0%); }
      99% { transform:translateY(-1%); }
      100% { transform:translateY(0); }
  }
  



  .footer-btn:hover {
    background-color: #009597!important;
    color: #ffffff;
    animation: bounce 0.5s ease;
  }
  .footer-bottom {
    background: #00A0E5;
    padding: 10px 0;
  }
  
  
  .footer-bottom-link li{
    width: max-content!important;  
  }
  .footer-bottom-link li:not(:last-child){
    border-right: 1px solid #33B7F5;
  }
 
  .footer-text span {
    border-bottom: 1px solid #0F0F10;
    color: #0F0F10;
  }
  p {
    color: #0F0F10;    
    font-family: Lato;
    font-size: 18px;
    font-weight: 500;
    line-height: 32.4px;    
  }
  .region-footer{
    padding: 0!important;
  }
  footer {
    padding: 0!important;
  }

  /* ******************************footert end******************************** */

.thematic-editor p {
    color: #ffffff;
} 

.section {
  width: 100%;
  padding: 72px 0;
}

/* custom css start */




.page-top {
  background: linear-gradient(180deg, rgba(0, 149, 151, 0.1) 0%, rgba(46, 170, 119, 0.1) 49.5%, rgba(147, 200, 62, 0.1) 100%);
  padding: 72px 0px 72px 0px;
  text-align: center;
}
.top-title {
  font-family: Lato;
  font-size: 52px;
  font-weight: 700;
  line-height: 62.4px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 30px;
}

.common-text {
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;  
}

.testimonial-titles a {
  font-family: "Lato";
  font-size: 18px;
  font-weight: 700!important;
  line-height: 32.4px;
  color: #0F0F10!important;
  pointer-events: none;  
}

.commont-text-light{
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;  
}

.content-space{
  padding-top: 30px;
}

.title {
  font-family: Lato;
  font-size: 36px;
  font-weight: 700;
  line-height: 48.6px;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
}

.section-large{
  padding: 72px 0;
}
.section-dark{
  padding: 72px 0;
  background: linear-gradient(180deg, rgba(0, 149, 151, 0.1) 0%, rgba(46, 170, 119, 0.1) 49.5%, rgba(147, 200, 62, 0.1) 100%);
}

.section-bg{
  padding: 72px 0;
  background: #EDFAFF;
}

.social-wall {
  padding-left: 72px!important;
  padding-right: 72px!important;
}


.semi-title{ 
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  color: #FFFFFF;
}

.cm-bg {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../../../sites/default/files/img/critical-minirals.png");
  }
.ch-bg {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../../../sites/default/files/img/clean-hydrogen.png");
}
.se-bg {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../../../sites/default/files/img/smart-energy.png");
}
.id-bg {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../../../sites/default/files/img/industrial-dec.png");  
}

.aow-card{
  background-repeat: no-repeat;
  background-position: top;
  padding: 62px 30px 46px;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  background-size: cover;
  position: relative;
}

.aow-btn {
    position: absolute;
    bottom: 72px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80%!important;
}


.content-space-l{
  padding: 30px 0 0;  
}
p.common-text.text-white.content-space-l {
  height: 436px;
}

.main-btn {
  padding: 5px 15px 5px 15px;
  border-radius: 30px;
  background: #F47A42;
  color: #FFFFFF;
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.02em;
  width: 100%;
  display: block;
  text-align: center;
}

.main-btn:hover {
  background: #009597;
  animation: bounce 0.5s ease;
}

.thematic-btn-1 {
  background-color: #009597;
}
.thematic-btn-2 {
  background-color: #F47A42;
}
.thematic-btn-3 {
  background-color: #93C83E;
}
.thematic-btn-4 {
  background-color: #262262;
}

.main-btn-one {
  padding: 5px 15px 5px 15px!important;
  border-radius: 30px!important;
  background-color: #262262!important;
  color: #FFFFFF!important;
  font-family: Lato!important;
  font-size: 14px!important;
  font-weight: 700!important;
  line-height: 28px!important;
  letter-spacing: -0.02em!important;
  width: 100%!important;
  display: block!important;
  text-align: center!important;
}
.main-btn-one:hover{
  background-color: #009597!important;
  color: #ffffff;
  animation: bounce 0.5s ease;
}


.aow-card-title{
  min-height: 62px;
}
.aow-card-title h3 {
    font-size: 18px!important;
}

.custom-select{
  border: unset!important;
  padding: 10px 20px 10px 20px!important;
  border-radius: 30px!important;
  color: #181818!important;
}
input.form-control.custom-control.search-box {
  border-radius: 0!important;
}

.custom-control{
  border: unset!important;
  padding: 10px!important;
  color: #181818!important; 
  border-radius: 10px!important; 
}

.top-search {
  background: #ffffff;
  border-radius: 30px;
  padding: 0px 0 0 20px;
}
.search-btn{  
    background: #009597;
    padding: 10px 15px;
    color: #ffffff;
    border-radius: 0 30px 30px 0;
    border: unset;
}
.search-btn:hover{
  background: #93C83E;
}
.small-content {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  color:#181818;  
}
.rosources-card {
  background: #EDFAFF;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.resources-content{  
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase; 
}
.border-content{
  border: 2px solid #262262;
  border-radius: 30px;
  padding: 0px 15px 0px 15px;
  line-height: 26px;
  background: #ffffff;
}
.resources-title{
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  text-align: left;
  text-transform: uppercase;
  min-height: 99px;
}

.dem-project-title{
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  text-align: left;
  text-transform: uppercase;  
  color:#0F0F10;
}
.dem-project-title a{
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  text-align: left;
  text-transform: uppercase;
  color:#0F0F10;
}
.dem-project-title a:hover {
  color: #009597;
}

.resources-img {
    object-fit: scale-down;
    background-color:#edfaff;
}
.news_titles{
    min-height: 330px!important;
}
.news-list img.br-5 {
  min-height: 132.63px;
  object-fit: cover;
}

.resources-title a {
  color: #0F0F10;
}

.resources-title a:hover{
  color: #009597;
}

.resources-title:hover{
  color: #009597;
}
.resources-title:hover .resources-date{
  color: #009597;
}
.resources-title a:hover .resources-date{
  color: #009597;
}
.resources-date {
  color: #828282; 
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px!important;  
}

.gold-hvr-btn{
  padding: 5px 15px 5px 15px!important;
  border-radius: 30px!important;
  background-color: #ffffff!important; 
  font-family: Lato!important;
  font-size: 14px!important;
  font-weight: 700!important;
  line-height: 28px!important;
  letter-spacing: -0.02em!important;
  text-align: center!important;
  color: #0F0F10!important;
}
.gold-hvr-btn:hover {
  background-color: #93C83E!important;
  transition: 0.1s ease-in-out;
  color: #ffffff!important;
}


.download-btn{
  padding: 5px 15px 5px 15px!important;
  border-radius: 30px!important;
  background-color: #F47A42!important; 
  font-family: Lato!important;
  font-size: 14px!important;
  font-weight: 700!important;
  line-height: 28px!important;
  letter-spacing: -0.02em!important;
  text-align: center!important;
  color: #ffffff!important;
}
.download-btn:hover{
  background-color: #009597!important;
}

.download-btn1{
  padding: 5px 15px 5px 15px!important;
  border-radius: 30px!important;
  background-color: #00A0E5!important; 
  font-family: Lato!important;
  font-size: 14px!important;
  font-weight: 700!important;
  line-height: 28px!important;
  letter-spacing: -0.02em!important;
  text-align: center!important;
  color: #ffffff!important;
}
.download-btn1:hover{
  background-color: #00A0E5!important;
}

.resources-icon{
  width: 20px;
  height: 20px;
}
.map-red{
  background: #93C83E;
  border-radius: 30px;
  padding: 0px 8px 0px 8px;
}
.map-orange{
  background: #262262;
  border-radius: 30px;
  padding: 0px 8px 0px 8px;
}
.map-pink{
  background: #F47A42;
  border-radius: 30px;
  padding: 0px 8px 0px 8px;
}
.map-violet{
  background: #009597;
  border-radius: 30px;
  padding: 0px 8px 0px 8px;
}
.annual-report{
  margin-bottom: 36px;
}

.annual-content {
  padding: 10px 0;
}
.annual-content p {
  padding-top: 5px;
}
.violet {
  color: #009597;
}
.pink {
  color: #F47A42;
}
.red {
  color: #93C83E;
}
.map-marker-list {
  text-transform: uppercase;
  font-weight: 700;
}
.orange{
  color: #262262;
}
.blue{
  color: #009597;
}
.blue-bg{
  background: #009597!important;
}
.dark-blue {
  color: #00628C;
}
.stage-1, .stage-2, .stage-3, .stage-4 {
  color: #00628C;
}
.dark-blue-bg {
  background: #00628C!important;
}
.black{
  color: #0F0F10;
}
.z-black {
  color: #000000;
}

.bg-f{
  background-color: #ffffff!important;
}

.ch-circle:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #009597;
  content: "";
  border-radius: 50%;
  margin-right: 10px;  
}

.cm-circle:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #F47A42;
  content: "";
  border-radius: 50%;
  margin-right: 10px;  
}

.se-circle:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #93C83E;
  content: "";
  border-radius: 50%;
  margin-right: 10px;  
}

.id-circle:before {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #262262;
  content: "";
  border-radius: 50%;
  margin-right: 10px;  
}

.custom-card{
  background: #EDFAFF;
  border-radius: 10px;
  padding: 30px;
}
.testimonial-title{
  font-family: Lato;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.18px;
  text-align: left;
  color: #009597;
  border-bottom: 1px solid #009597;
}
.testimonial-img {
  width: 100px!important;
  height: 100px!important;
  border-radius: 50%;
}
.testimonial-top img {
  width: 100px!important;
  height: 100px!important;
  border-radius: 50%;
}
.testimonial-info {
  padding-left: 24px;
}
.testimonial-top{
  padding: 24px 0;
}
.current-project-list {
  top: 10px;
  left: 10px;
}

.current-project-img {
  border-radius: 10px 10px 0px 0px;
  height: 261px !important;
  object-fit: cover;
}
.dem-project-des p { 
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
  line-height: 19.59px;
  text-align: left;
  color: #181818;
  margin-bottom: 0;
}

.mini-content {
  font-family: Lato;
  font-size: 9px;
  font-weight: 700;
  line-height: 10.8px;
  text-transform: uppercase;  
}
.dark-blue-circle {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #00628C;
    content: "";
    border-radius: 50%;    
}

.light-circle {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: #82828240;
  content: "";
  border-radius: 50%;    
}

.list-content {
  display: grid  ;
  grid-template-columns: repeat(4, 1fr);
  background: #FFFFFF;
  margin-top: 12px;
  border-radius: 100px;
  margin-left: 12px;
  margin-right: 12px;
}

.stage-status {
  background: #EDFAFF;
  border-radius: 0 0 10px 10px;
  padding: 12px 0 12px;
}
.stage-content {
  display: grid  ;
  grid-template-columns: repeat(4, 1fr);
  margin-left: 12px;
  margin-right: 12px;  
}

.my-10{
  margin-top: 10px;
  margin-bottom: 10px;
}
.p-8{
  padding: 8px;
}
.current-project {
  margin-bottom: 36px;
}
.rounded-36{
  border-radius: 36px;
}
.bottom-space{
  margin-bottom: 36px;
}
.top-space {
  margin-top: 30px!important;
}

.font-700{
  font-weight: 700;
}
.font-900{
  font-weight: 900!important;
}
.team img {
  border-radius: 5px;
}
.cons-partenrs ul {
  padding-left: 1rem;
  margin-bottom: 0;
}
.project-key-card {
  padding-top: 16px;
  padding-bottom: 16px;
  background: #00628C;
  border-radius: 10px;
}
.project-key {
  padding-left: 36px;
  padding-right: 36px;
}
.project-key:not(:last-child) {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.faq-title {
  font-family: Lato !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  text-align: left !important;
  color: #0F0F10 !important;
  background-color: #ffffff !important;
  box-shadow: unset !important;
  padding: 30px !important;
}

.faq-title:hover {
  color: #009597!important;  
  animation: bounce 0.1s ease;
}

.custom-accordion-item {
  border: unset!important;
  border-radius: 5px!important;
}

.custom-accordion-body{
  padding: 0 30px 30px!important;
}

.img-down {
  margin-top: 70px;
}
.grdnt-bg {
  background-size: 100% 100% !important;
  background-repeat: no-repeat!important;
}

.home-banner {
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-color: #120E45;
}

/* testimonial slider */
.swiper-controller{
  display: flex;
}

.width-max {
  width: max-content;
}

.bg-blur{
  background: linear-gradient(135deg, rgba(43,67,58,255) 0%, rgba(189,188,184,254) 35%, rgba(127,134,88,255) 100%);
  padding: 7%;
}
.rounded-100 {
  border-radius: 100px;
}

.gray-dark {
  color: #181818;
}

.gray-light-bg {
  background: #F3F3F3;
}

.custom-tabs li a {
  color: #828282!important;
  cursor: pointer;
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.02em;
  text-align: left;
}
.custom-tabs li a:hover {
  color: #009597!important;
  border-bottom: 2px solid #93C83E;
}
.font-46 {
  font-size: 46px;
}
.custom-tabs li a.active {
  color: #009597!important;
  border-bottom: 2px solid #93C83E;
}
.dashboard-tabs li a {
  font-family: "Lato";
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;
  text-align: left;
  color: #0F0F10;
  cursor: pointer;
}
.dashboard-tabs li a.active {
  font-family: "Lato";
  font-size: 18px;
  font-weight: 700;
  line-height: 32.4px;
  text-align: left; 
  color: #FFFFFF;
  background-color: #F47A42;
  padding: 10px;
  border-radius: 4px;
}

.gray {
  color: #828282;
}
.br-5 {
  border-radius: 5px;
}
.lh-33{
  line-height: 33px!important;
}

.lh-19{
  line-height: 19.59px!important;
}

.custom-border{
  border: 2px solid #009597;
  padding: 18px;
  border-radius: 9px;
}
.custom-border:hover {
  background-color: #009597;
  color: #ffffff;
}

.custom-border:hover .gray { 
  color: #ffffff;
}


.social-card {
  background: #FAFAFA;
  padding: 20px 0;
  border-radius: 8px;
  margin-bottom: 36px;
  box-shadow: 0px 4px 50px 0px #82828240;
}
.social-info{
  padding: 0 20px;
}
.social-user {  
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  text-align: left;
  color: #000000;
}
.social-date {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  color: #626262;
}
.social-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
  text-align: left;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 20px;
}
.social-post-img {
  width: 100%;
  height: auto;
}
.social-react {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;
  color: #7B7B7B;
  align-items: center;
  display: flex;
}
.social-react img {
  margin-right: 7px;
}
.social-action{
  padding-top: 20px;
}

.news-title {
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  color: #181818;
  padding-top: 10px;
}

.news-title a {
    font-family: Lato;
    font-size: 22px;
    font-weight: 700;
    line-height: 26.4px;
    text-align: left;
    color: #181818;
    padding-top: 10px;
}

.news-content {  
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #000000;
}


.events-slide-info{
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  text-align: left;
  color: #009597;
}
.events-slide-title {
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  color: #0F0F10;
}

.events-slide-title a{
  color: #0F0F10;
}
.events-slide-title a:hover{
  color: #009597;
}

.when{
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: left;
  color: #0F0F10;
}
.where {
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;
  color: #0F0F10;
}

.news-slide-img{
  padding-bottom: 20px;
}
.events-slide svg {
  background-color: #009597;
  border-radius: 50%;
}
.events-slide svg:hover {
  background-color: #00A0E5;
}
.swiper-controller svg {
  background-color: #F47A42;
  border-radius:50%;
}
.swiper-controller svg:hover {
  background-color: #93C83E;
  border-radius:50%;
}
.swiper-controller svg path {
  fill: #ffffff;
}
.swiper-controller svg:hover path {
  fill: #ffffff;
}

.custom-head-nav-item {
  /* padding-left: 10px;
  padding-right: 10px; */
}
.custom-head-nav-item .nav-link {
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: left;
}


.nav-head-btn {  
  padding: 5px 15px 5px 15px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  font-size: 14px;  
  font-weight: 700;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;  
  width: max-content;  
}
.nav-head-btn:hover {
  background: linear-gradient(270deg, #009597 0%, #2EAA77 49.5%, #93C83E 100%);  
  color: #ffffff;
}

.applications {
  padding: 9px 24px 9px 24px;
  background: #93C83E;
  border-radius: 45px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: center;
  color: #FFFFFF;
  width: max-content;
  margin-top: 30px;
}

.first-funding {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Funding-box {
  border: 1px solid #181818;
  border-radius: 18px;
  padding: 18px; 
  width: max-content;
}
.funding-date {
  font-family: Lato;
  font-size: 20px;
  font-weight: 700;
  line-height: 32.4px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #0F0F10;
  margin-bottom: 0;
}
.funding-description {
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: center;
  color: #009597;
}
.funding-arrow {
  padding: 13px;
}


.proposal-btn {
  border: 1px solid #00A0E580;
  padding: 12px 24px 12px 24px;
  border-radius: 30px;
  color: #009597;
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  line-height: 32.4px;
  text-align: left;
  display: block;
  background: transparent;
}

.proposal-btn:hover {
  background: linear-gradient(270deg, #009597 0%, #2EAA77 49.5%, #93C83E 100%);
  color: #ffffff;
}

.proposal-title {
  color: #0F0F10;
  font-family: Lato;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.03em;  
}

.back-arrow {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.back-arrow .arrow {
  display: flex;
  align-items: center;
}
.back-arrow:hover {
  color: #93C83E;
}
.back-arrow:hover svg {
  fill: #93C83E;
  fill-opacity: 1;
}
.back-arrow svg{
  fill: #00A0E5;
  fill-opacity: 0.5;
}
.back-line {
  content: "";
  background: #93C83E;
  width: 19px;
  height: 2px;
  display: none;
}

.back-arrow:hover .back-line {
  display: block;
}

.unido-card {
  background: #EDFAFF;
  padding: 50px 50px 34px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.unido-card h3 {
  height: 90px;
  line-height: 28px;
}

.releted-news{
  background: #D6F1FD;
  padding: 30px;
  border-radius: 16px 16px 0 0;
}

.releted-events{
  background: #D9EFE6;
  padding: 30px;
  border-radius: 16px 16px 0 0;
}


.news-list {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid;
  border-color: rgba(130, 130, 130, 0.18);
}



.reletedNews-swiper {
  width: 100%;
  height: 670px;
  position: relative;
  background: #EDFAFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.reletedEvents-swiper{
  width: 100%;
  height: 730px;
  position: relative;
  background: #EBF7F2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.editor-content-small p {
  min-height: 59px;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.59px;
  color: #181818;
}

.reletedNews-swiper .news-list {
  border: 0!important;
}
.reletedEvents-swiper .news-list {
  border: 0!important;
}
.custom-pagination {
  left: 8px !important;
}

.reletedNews-swiper .swiper-pagination-bullet-active {
  background: #00A0E5!important;
}
.reletedEvents-swiper .swiper-pagination-bullet-active {
  background: #2EAA77!important;
}


.latestNews-controller {
  position: absolute;
}

.page-top .top-title {
  margin-bottom: 0px!important;
}
.page-top .top-content {
  margin-bottom: 0;
  margin-top: 30px;
}



input#edit-submit {
  padding: 5px 30px 5px 30px !important;
  border-radius: 30px !important;
  background-color: #262262 !important;
  color: #FFFFFF !important;
  font-family: Lato !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  letter-spacing: -0.02em !important;
  display: block !important;
  text-align: center !important;
}

input#edit-submit:hover {
  background-color: #009597 !important;
  color: #ffffff;
  animation: bounce 0.5s ease;
}



/* Open modal css start here */

  
.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display:none;
  opacity: 1;
  background: rgba(0,0,0,0.75);
}
.openModal-box {
  width: 60%;
  min-height: 500px;
  position: relative;
  margin: 8% auto;
  padding: 72px;
  border-radius: 18px; 
  background-image: url(../../../../sites/default/files/img/open.png);  
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.openModal-title {
  font-family: Lato;
  font-size: 52px;
  font-weight: 700;
  line-height: 70.2px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #ffffff;
}
.close {
  color: #F3F3F3;
  line-height: 25px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 16.14px;
  height: 14.21px;
}
.close:hover {
  color: #ffffff;
}

/* Open modal css end here   */



.unido-img {
  min-height: 245px;
  max-height: 245px;
  width: 100%;
  object-fit: cover;
}


.team img {
  min-height: 245px;
  max-height: 245px;
  width: 100%;
  object-fit: cover;
  padding-bottom: 18px;
}
.team p {
  padding: 0 10px;
}
.events-arrow {
  margin-top: 15%;
  margin-left: 18%;
}




.contact-page .top-content {
  margin-bottom: 0;
  margin-top: 0 !important;
}


.card-flex img {
  height: 313px;
  object-fit: scale-down;
}

.partners-editor p{
  margin-bottom: 0;
}

.editor video {
  width: 100% !important;
  height: 400px;
}

.editor .media-oembed-content {  
  width: 100%;
  height: 400px;
}

.editor li {
  color: #0F0F10;
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;
}

.view-content li {
  color: #0F0F10;
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;
}

/* ******************************Media  Start******************************** */
@media (max-width: 991px){
  .lang-donar {
    margin-top: 8px;
  }

  .card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-flex {
    margin-bottom: 20px; /* Add some space between image and content */
    width: 63%!important;
  }

  .desc {
    width: 100%; /* Ensure content takes full width */
    margin-bottom: 20px; /* Add some space below the content */
  }

  .ani {    
    position: relative;
    top: 350px;
}

.events-arrow {
  margin-top: 50px;
  justify-content: end;
  z-index: 99;
  position: relative;
}

  .social-wall{
    margin-top: 200px;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }


  .navbar-brand img {        
      margin: 0 0 0 0!important;
      height: 30px!important;  
      width: 100% !important;      
  } 
  .resources-img{
    width: 100%;
    margin-top: 16px;
  } 
  .rosources-card{
    padding: 16px;
  }
  .section-large {
      padding: 36px 0;
  }
  .mb-sm-0 {
    margin-bottom: 0!important;
  }
  .footer-bottom-link {
    justify-content: center;
  }
  .footer-bottom .footer-text{
    text-align: center;
  }
  .first-funding {    
    flex-flow: column;
  }
  .Funding-box {    
    width: 100%;
  }
  .funding-arrow svg {
      rotate: 90deg;
  } 
  .footer .col-lg-4.col-xl-4.col-md-4.col-sm-12.col-12:nth-child(2n) {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .bottom-space-mobile {
    margin-bottom: 36px;
  }
  .footer-title{
    margin-top: 20px;
  }
  .unido-card {
    padding: 18px;
  }
  .partners {
    padding: 18px;
  }  

  .grad-mob {
    background: linear-gradient(180deg, rgba(0, 149, 151, 0.1) 0%, rgba(46, 170, 119, 0.1) 49.5%, rgba(147, 200, 62, 0.1) 100%);
  }
  .mmt-16 {
    margin-top: 16px;
  }

  .user-login-form {
    padding-left: 5%;
    padding-right: 5%;
    background: linear-gradient(180deg, rgba(0, 149, 151, 0.1) 0%, rgba(46, 170, 119, 0.1) 49.5%, rgba(147, 200, 62, 0.1) 100%);
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .openModal-box {
    width: 90%;
    padding: 18px;
    min-height: 400px;
  }
  .openModal-title {
    font-size: 32px;
    line-height: 40px;
    margin-top: 20px;
  }
  .section {
    width: 100%;
    padding: 30px 0;
  }
  .page-top {
    padding: 30px 0 30px 0;
  }
  
     #footer input#edit-actions-submit {
        margin-top: 0rem !important;
    }

    .uk-logo {
      max-height: 30px;
  }
}

@media (max-width: 768px){
  .top-title {
    font-size: 28px;
  }
  .footer{
    padding-left: 10px;
    padding-right: 10px;
  }
  section {
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
  section.top-header-golo {
    padding: 0 !important;
}
  .rounded-36 {
      border-radius: 10px;
  }

  .custom-card {
    padding: 18px;
  }
}

@media (min-width: 992px){
  .fixed-content {
      position: fixed;
      top: 27%;
      z-index: 10;
      width: auto;
  }
  .top-content{
    padding: 0 15%;
  }
  .resources-info {
      display: flex;      
      justify-content: space-between;
  }
  .resources-info-left {
    width: 64%;
    padding-right: 36px;
  }
  .resources-info-right {
    width: 36%;
  }
  .resources-spaceing{
    padding: 20px 0 36px;
  }

  .custom-col-2{
    width: 22.22%!important;
  }

  .map-marker-list {
    display: inline-flex;
    align-items: center;   
  }

  .map-marker-list:not(:last-child) {   
    margin-right: 20px;
  }
  .inner-spacing{
    padding-left: 36px;
    padding-right: 36px;
  }
  .home-img-one, .home-img-two, .home-img-three, .home-img-four {
    max-width: 200px!important;
    height: auto!important;
  } 

  .grdnt-bg {
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    padding-top: 250px;
    margin-top: -180px;
  }

  .section-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;    
  }

  .custom-header {
    padding-left: 40px!important;
    padding-right: 40px!important;
  }
  .partners {
    padding: 64px;
  }
  .Funding-box {    
    min-height: 140px;
  }
  .proposal-title {  
    text-align: right;
  }
  .bottom-space-large {
    margin-bottom: 50px;
  }
  

  .user-login-form {
    padding-left: 7%;
    padding-right: 7%;
    background: linear-gradient(180deg, rgba(0, 149, 151, 0.1) 0%, rgba(46, 170, 119, 0.1) 49.5%, rgba(147, 200, 62, 0.1) 100%);
    padding-top: 72px;
    padding-bottom: 72px;  
  }

  .grad-mob {
    background-image: url(../../../../sites/default/files/img/grdnt-bg.png);
  }

  .id-break {
    word-break: break-word;
  } 
  
  .aow-card {
    min-height: 670px;
  }

  
.card-flex{
  width: 47%;
}
.events-slide-title {
  min-height: 99px;
}

.home-news-images {
    max-height: 443px;
}

}


@media (min-width: 2000px){
  .container {
    max-width: 1880px!important;
  }
}
/* ******************************Media******************************** */

/* New Header Css Start Here */
.nav-header{
  background-color:#00A0E5;
  padding-top:16px!important;
  padding-bottom:16px!important;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: none;
}
  .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
}
.header-nav-list {
  gap:30px;
}


  .project-details-content {
    height: 650px;
    min-height: 650px;
    max-height: 650px; 
  }
}

/* New Header Css End  Here */

.tab-semi-title {
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  text-align: left;
  color: #181818;
  text-transform: uppercase;
}

.dashbaord-hr-line {
  display: block;
  background-color: #828282;
  width: 100%;
  height: 1px;
}
.dash-tab-content {
  display: flex;
  flex-flow: column;
  gap: 72px;
}
.tab-img {
  width: 100%;
  height: auto;
}
.program-impact-main li {  
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;
  text-align: left;
  color: #0F0F10;
  list-style: none;
  margin-left: 0;
}
.program-impact-main li a {  
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;
  text-align: left;
  color: #0F0F10;
  list-style: none;
  text-decoration: none;
}

.program-impact-main li a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px; 
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9 1C9 0.447715 8.55228 2.41411e-08 8 0C7.44772 -2.41411e-08 7 0.447715 7 1L9 1ZM7.29289 15.7071C7.68342 16.0976 8.31658 16.0976 8.70711 15.7071L15.0711 9.34315C15.4616 8.95262 15.4616 8.31946 15.0711 7.92893C14.6805 7.53841 14.0474 7.53841 13.6569 7.92893L8 13.5858L2.34315 7.92893C1.95262 7.53841 1.31946 7.53841 0.928932 7.92893C0.538407 8.31946 0.538407 8.95262 0.928932 9.34315L7.29289 15.7071ZM7 1L7 15L9 15L9 1L7 1Z" fill="%23009597"/></svg>') no-repeat center;
  background-size: contain;
}


.program-impact-main li:hover svg {
 color: #93C83E;
}

.program-impact-main li a:hover {
  color: #009597;
 }

.w-max {
  width:max-content!important;
} 
.projects-database {
  display: flex;
  gap: 16px;
  align-items: center;
}

.tab-projects-table thead tr th {
  background-color: #00A0E5;
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  line-height: 32.4px;
  text-align: left;
  color: #FFFFFF;
  width: max-content;
  white-space: nowrap; 
}

.tab-projects-table tbody tr td {
  background-color: #EDFAFF;  
}

.tab-projects-table thead tr th:nth-child(2){
  width: 400px !important;
  display: block;
  border-bottom-color: #00A0E5;
}

.tab-projects-table tbody tr {
  border-bottom:1px solid #828282 ;
}
.project-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.modal-content {
  background-color: #EDFAFF!important;
}
.map-project:not(:last-child) {
  border-bottom: 1px solid #009597;
  margin-bottom: 20px;
}

.custom-tab-list:not(:last-child){
  margin-right: 32px;
}

.project-details-content {
  height: max-content;  
  display: flex;
  flex-flow: column;
  justify-content: center;
}

/* multiple select filter css start */
.customeselect2{
	width: 300px !important;
}
.select2-selection {
  border: 1px solid #0074D9;
  border-radius: 5px;
  height: 40px;
}

.select2-container .select2-selection--multiple {
  border: 1px solid #dee2e6!important;
  border-radius: 4px!important;
  min-height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: transparent!important;
  color: #00628c;
  border: none!important;   
  border-radius: 4px !important;
    font-size: 11px;
    margin-right: 0px !important;
    margin-top: 0px !important;
    padding: 0 2px !important;
} 
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0!important;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem!important;
  font-size: 1rem!important;
  font-weight: 400;
  line-height: 1.5;
}
.form-select {
  height: 40px!important;
}
/* multiple select filter css end */

.project-social-icon {
  display: flex;
  align-items: center;
  gap: 31px;
}

.theme-pb {
  padding-bottom: 72px;
}
.theme-mt {
  margin-top:72px;
}
.theme-py {
  padding-top: 72px;
  padding-bottom: 72px;
}
.theme-my {
  margin-top: 72px;
  margin-bottom: 72px;
}
.tab-content span {
    color: #0F0F10!important;
    font-family: Lato!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 32.4px!important;
    background-image: unset!important;
}
.tab-content strong {
  color: #0F0F10!important;
  font-family: Lato!important;
  font-size: 18px!important;
  font-weight: 700!important;
  line-height: 32.4px!important;
}

.dashboard-img-title img {
  width: 100%;
  object-fit: scale-down;
  height:auto;
}

.alert.alert-warning.alert-dismissible.fade.show {
  display: none;
}