:root {
    --nbu-orange: #f07817;
    --nbu_blue_light: #0072ce;
}
.font_noto {
  font-family: "Noto Serif", serif !important;
}
.font_popins {
  font-family: "Poppins", sans-serif!important;
}
.bg_nbu_orange {
    background-color: var(--nbu-orange);
}

.bg_nbu_blue_light {
    background-color: #0072ce !important;
}
 .bg_nbu_green{
   background-color: #049669 !important;
 }

 .bg_nbu_black{
   background-color: #414548 !important;
 }

.bg_nbu_blue_light_transparent {
    background-color: #0072CE99;
}

.text_nbu_orange {
    color: #f07817;
}

.text_nbu_blue_light {
    color: #0072ce;
}

.pointer_cursor{
  cursor: pointer;
}

.bg-tranquil-white {
  background-color: #0071ce15 !important;
}

.bg-tranquil-orange {
  background-color: #f079171a !important;
}
.overlay-container {
  position: relative;
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
  color: white;
  padding: 20px;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay-container p {
  position: relative;
  z-index: 2;
}

a {
  text-decoration: none !important;
}

@media (max-width: 600px) {

  span {
    font-size: 10px !important;
  }

  .title {
      font-size: 25px !important;
  }

  .title_nbu{
    font-size: 23px !important;
    padding: 20px !important;
  }
  
  h1 {
    font-size: 50px !important;
    font-weight: 600 !important;
  }

  p {
    font-size: 18px !important;
  }

  h3 {
      font-size: 40px !important;
  }

  .madagascar_title_size {
    font-size: 250% !important;
  }
}


@media (min-width: 601px) and (max-width: 1324px) {

  .title {
    font-size: 35px !important;
  }

  .title_nbu{
    font-size: 33px !important;
  }

  span {
    font-size: 11px !important;
  }

  h1 {
    font-size: 60px !important;
  }

  h3 {
      font-size: 50px !important;
  }

  p {
    font-size: 20px !important;
  }

  .madagascar_title_size {
    font-size: 200% !important;
  }
}
@media (min-width: 1325px) and (max-width: 1900px){
  .title {
    font-size: 37px !important;
  }

  .title_nbu{
    font-size: 35px !important;
  }


  span {
    font-size: 18px !important;
  }

  h1 {
    font-size: 65px !important
  }

  h3 {
      font-size: 30px !important;
  }

  p {
    font-size: 20px ;
  }

  .madagascar_title_size {
    font-size: 200% !important;
  }

  #grow{
    font-size: 10px !important;
  }

  #banner_title{
    font-size: 50px !important;
  }

  #screen_height {
    height: 108vh !important;
  }
}


@media (min-width: 1900px) {
  .title {
    font-size: 37px !important;
  }
  .title_nbu{
    font-size: 35px !important;
  }


  #grow{
    font-size: 70%!important;
  }
  
  span {
    font-size: 12px !important;
  }

  h1 {
    font-size: 65px !important
  }

  h3 {
      font-size: 30px !important;
  }

  p {
    font-size: 16px ;
  }

  .madagascar_title_size {
    font-size: 200% !important;
  }

}