var(--bulma-title-color)

.sect_font {
  font-size: 25px;
}

.div-sect-img {
  display: flex;
  justify-content: center;
}

.img-sect-img {
  width: 50%;
}

.home_sect {
  background-image:  url('/image/graph_background.svg');
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: cover;
  font-family: "League Spartan", sans-serif;
  font-size: 26px;
  font-style: normal;
  color: #113320
}

.home-help-sect {
  background-image:  url('/image/h_background_r.svg');
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: cover;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.823);
  text-align: left;
  padding-right: 10px;
}

.challenges-header {
  background-image:  url('/image/h_challenges.svg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  line-height: 0.9;
  text-align: center;
}

.services-header {
  background-image:  url('/image/h_services.svg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
}

.services-header-m {
    display: none;
  }

.home-services-sect {
  background-image:  url('/image/h_background_l.svg');
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: cover;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.823);
  text-align: left;
  padding-left: 10px;
}

#banner-mob {
    display: none
}

.h-banner-services {
  background-image:  url('/image/h_background_m.svg');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  font-family: "Montserrat", sans-serif;
  color: hsl(0, 0%, 100%);
  text-align: center;
  padding: 12px;
}

.h-banner-services-font {
  color: hsl(0, 0%, 100%);
}

.style {
   background-color: #273e36ec;
   font-family: "Montserrat", sans-serif;
   color: rgb(255, 255, 255);
}

.style_logo {
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
}

.main-bgcolor {
  background-color: rgba(184, 244, 159, 0.986);
}

.main-bgcolor-light {
  background-color: rgb(230, 246, 223);
}

.home_sect_1 {
  background: 
    linear-gradient(purple 0%, red 90%), 
    linear-gradient(to right, purple 0%, yellow 90%), 
    url('/image/graph_background_2.svg') 30px,
    url('/image/graph_background_2.svg') 20px;
  background-blend-mode: screen, difference, lighten;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: cover;
}

.sect_black {
  color: #ffffff;
}

.sect_white {
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-size: 38px;
  text-align: center;
  margin: auto;
}

.navbar {
  background-color: hsl(0 100% 100% / 0.1);
}

@media screen and (max-width: 1022px) {

  .home_sect {
    background-image:  url('/image/graph_background_1.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: cover;
    font-family: "League Spartan", sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #3c3c3c
  }

  .challenges-header {
    background-image:  url('/image/h_challenges_mob.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    line-height: 0.9;
    text-align: center;
  }

  .services-header {
    display: none;
  }

  .services-header-m {
    background-image:  url('/image/h_services_mob.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    line-height: 0.9;
    text-align: center;
  }

  .services-header-m {
    display: block;
  }

  .h-banner-services {
    background-image:  url('/image/h_background_m_mob.svg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    font-family: "Montserrat", sans-serif;
    line-height: 0.9;
    text-align: center;
  }

  .h-banner-services-font {
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    color: hsl(0, 0%, 2%);
    line-height: 1.3;
    text-align: center;
    margin-top: 50%;
  }
  #banner-mob {
    display: block;
    text-align: center;
  }

  #banner-large {
    display: none
  }


}