body { background: #eaedef; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif }
.navbar-brand img { height: 30px; }
.navbar .navbar-text { color: #f15f22; font-weight: bold; margin-left: 20px; font-size: 20px; }
.nav-link { color: #000; font-weight: bold; }
.nav-link:hover { color: #f15f22; }

.nav-link.active { background: #f15f22 !important; color: #fff !important; border: none; }
.nav-link { color: #fff; text-decoration: none !important; padding: 3px 20px; }
.nav-link:hover { background: #fff; }
.nav-item { padding: 0 15px; }
.navbar-nav .nav-item:nth-child(2), .navbar-nav .nav-item:nth-child(3), .navbar-nav .nav-item:last-child { border-left: 5px solid #fff; }
.intro { text-align: center; }
.intro a { text-decoration: none !important; display: contents; width: 90%; }
.intro div { padding: 270px 2% 20px 2%; }
.intro h3 { color: #fff; font-size: 28px; font-weight: normal; }
.intro h4 { color: #fff; font-size: 16px; font-weight: normal; }
.intro1 { background: url(images/2025/intro1.jpg); background-size: cover; }
.intro2 { background: url(images/2025/intro2.jpg) center center; background-size: cover; }
.intro3 { background: url(images/2025/intro3.jpg); background-size: cover; }
                                                                                                                                                                                                                                                                                                                                                       
/* .introbottom { position: absolute; bottom: 40px; left: -25%; width: 800px; width: 50%; background: rgba(255,255,255,.8); padding: 25px 30px 15px 30px; border-radius: 20px; } */
.introbottom {  background: #f15f22; color: #fff; font-size: 14px; padding: 25px 30px 15px 30px; position: absolute; bottom: 40px; left: 50%; margin-left: -500px; width: 1000px; }
.arrowlink { width:300px; }
.arrowlinksmall { width: 20px; }
.waveform-container { width: 100%; height: 150px; }
.waveform-svg { width: 100%; height: 100%; }

.btn-secondary { background: #f15f22; color: #fff !important; border: 0; text-decoration: none !important; text-transform: capitalize; }
.btn-secondary:hover { background: #c74d19; color: #fff !important; border: 0; }
.btn-primary { background: #f15f22; color: #fff; border: 0; text-decoration: none !important; }
.btn-primary:hover { background: #c74d19; color: #fff !important; border: 0; }
footer { padding: 20px 0; background: #f15f22; }
footer li { list-style: none; float: left; margin-right: 20px; }
footer a { text-decoration: none; color: #000; font-size: 13px; font-weight: bold; color: #fff; }
footer a.active { color: #fff !important; text-decoration: underline; }
.footerlogo { height: 25px; }

/* borders */
.brb { border-bottom: 2px solid #f15f22; }
.br15 { border-radius: 15px; }
/* background */
.bgorangebox { background: #f15f22; }
.bgtan { background: #f2f1e7; }
.bgblue { background: #506478; color: #fff; }
.bgskyblue { background: #dff0f8; }
.bggray { background: #dde4e8; }

.bgorange { background: #f58220 }
.bggreen { background: #95b060; }
.bglightgreen { background: #e7ecda }
.bganotherblue { background: #cce3ec; }
.bgmidblue { background: #98cbdf; }
.font-tan { color: #dbd8bd; }
.bgvision { background: url(images/2025/bgOurVision.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 150px 50px; }
.fwbold { font-weight: bold !important; }
.brgray { border-right: 2px solid #506478; }
.brorange { border-right: 2px solid #f15f22; }
.italic { font-style: italic; }
.bgleaf { background-image: url(images/bg-leaf.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }
/* typography */
h1 { font-size: 4.5rem; line-height: 5rem; font-weight: normal; text-transform: uppercase; }
#thehome { background: url(images/2025/bgheader.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#thehome h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }
#thehome .introtxt { font-size: 16px; line-height: 23px; }
#thepeople { background: url(images/2025/bgheaderPeople.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#thepeople h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }

#thepeople .introtxt { font-size: 16px; line-height: 23px; }
#theenv { background: url(images/2025/bgEnv.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#theenv h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }
#theenv .introtxt { font-size: 16px; line-height: 23px; }
#theinteg { background: url(images/2025/bgInteg.jpg) no-repeat top left; height: 90vh !important; background-size: cover; display: block; position: relative; }
#theinteg h1 { font-size: 2rem; line-height: 2rem; font-weight: 500; letter-spacing: 3px; }
#theinteg .introtxt { font-size: 16px; line-height: 23px; }

h2 { font-weight: bold; font-size: 3rem; }
.ojtxt { color: #f15f22; }
h2.ojtxt, h3.ojtxt { font-size: 2.3rem; }
.bgvision a { color:#f15f22; }
a { color:#f15f22; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
.carousel-control-next, .carousel-control-prev { opacity: 1; }
.carousel-control-prev-icon { background-image: url(images/arrow-left.png); }
.carousel-control-next-icon { background-image: url(images/arrow-right.png); }
hr { border: 1px solid #f15f22; background: #f15f22; opacity: 1; }
.nobull { padding: 0; }
.nobull li { list-style-type: none; }
.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .marquee-content {
    display: inline-flex;
    padding-left: 10%; /* Ensures the animation starts offscreen */
    animation: scroll-left 70s linear infinite; /* Adjust time as needed */
  }

  .marquee-content img {
    display: inline-block;
    margin-right: 10px; /* Adjust spacing between images as needed */
  }


#env h1 { font-size: 3rem; line-height: 3rem; padding: 0; margin: -10px 0 0 0; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }


/* 2025 */
.headertitle { max-width: 350px; display: block; margin: auto; padding: 0; }
.fs-1 { font-size: 3rem!important;}
.ojtxt.fs-1 { font-size: 2.5rem !important; }

.nobg { background: none !important; }
.negmtop { margin-top: -100px; }
.bgppa { background: url(images/2025/pp1.jpg) no-repeat; background-size: cover; }
  @keyframes scroll-left {
    from { 
      transform: translateX(0); 
    }
    to { 

      transform: translateX(calc(-1 * (100% + 50px))); /* 100% is one image width, 50px is the margin-right */
    }
  }



@media  (max-width: 1000px) {
  #thehome { height: 200vh; }
  h1 { font-size: 2.7rem; }
  h2 { line-height: normal; font-size: 2rem; padding: 0; margin: 0; }
  .bgvision { padding: 150px 50px !important; }
  .col-12.bgorangebox .m-3.px-5.py-3 { padding: 10px !important; }
  .introbottom { width: 90%; max-width: none; display: block; margin: auto; right: 0; left: 0; font-size: 12px; padding: 10px 20px; }
.py-5:has(.bgvision) { padding: 0 !important }
.navbar-toggler { background: #fff; border: 0 }
.bgppa .text-right { text-align: left !important; }
#theenv .container { padding-left: 30px; padding-right: 30px; }
#theenv {
  background: url(images/2025/bgEnv.jpg) no-repeat -200px 0;
  height: 50vh !important;
  background-size: cover;
  display: block;
  position: relative;
}
#thepeople {
  background: url(images/2025/bgheaderPeople.jpg) no-repeat -100px 0;
  height: 50vh !important;
  background-size: cover;
  display: block;
  position: relative;
}
#theinteg {
  background: url(images/2025/bgInteg.jpg) no-repeat top center;
  height: 50vh !important;
  background-size: cover;
  display: block;
  position: relative;
}
#thehome {
  background: url(images/2025/bgheader.jpg) no-repeat -100px 0;
  height: 70vh !important;
  background-size: cover;
  display: block;
  position: relative;
}

.brorange {
  border-right: none;
}

.mw80 { max-width: 80%; display: block; margin: auto; }
.navbar-nav { margin-top: 20px; }
.navbar-nav .nav-item {
  border-left: 0;
  background: #fff;
  margin: 0 15px;
  color: #ff7700 !important;
  padding: 0 !important;
}
.navbar-nav .nav-item a {
  border-left: 0;
  background: #fff;
  margin: 0;
  color: #ff7700 !important;
}
.navbar-nav .nav-item a.active {
 color: #fff !important;
}
.navbar-nav .nav-item:nth-child(2), .navbar-nav .nav-item:nth-child(3), .navbar-nav .nav-item:last-child {
  border-left: 0;
}
.ojtxt.fs-1 { font-size: 2rem !important; }
}