.species-hero{
  position:relative;
  /* min-height:820px; */
/*   background:
    linear-gradient(
      90deg,
      rgba(247,244,239,.96) 0%,
      rgba(247,244,239,.84) 24%,
      rgba(247,244,239,.28) 46%,
      rgba(247,244,239,0) 64%
    ),
    url("../images/greenfencethai/asset/ไทรเกาหลี/bg-ไทรเกาหลี.jpg"); */


/*   background:linear-gradient(
    261deg, 
    rgba(247, 244, 239, .96) 0%, 
    rgba(247, 244, 239, .84) 5%, 
    rgba(247, 244, 239, .58) 46%, 
    rgba(247, 244, 239, 0.8) 100%), 
    url(../images/greenfencethai/asset/ไทรเกาหลี/bg-ไทรเกาหลี.jpg); */


  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
}

.species-hero{
  position:relative;
 
/*   background:
    linear-gradient(
      90deg,
      rgba(247,244,239,.96) 0%,
      rgba(247,244,239,.84) 24%,
      rgba(247,244,239,.28) 46%,
      rgba(247,244,239,0) 64%
    ),
     url(../images/greenfencethai/asset/คู่มือปลูกไม้รั้ว/bg-คู่มือปลูกไม้รั้ว.jpg);  */

  background:
     linear-gradient(
      90deg,
      rgb(136 136 136 / 96%) 0%,
      rgb(176 176 176 / 84%) 24%, 
      rgba(247, 244, 239, .28) 46%, 
      rgba(247, 244, 239, 0) 64%), 
      url(../images/greenfencethai/asset/คู่มือปลูกไม้รั้ว/bg-คู่มือปลูกไม้รั้ว.webp);


  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
}




.bg-text-hero {
    position: relative;
    /* left: 40px; */
    /* bottom: 40px; */
 /*    top: 80px;
    z-index: 3;
    width: min(900px, calc(100% - 80px));
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); */
    background: rgba(255, 255, 255, .7);
    background: rgba(230, 255, 231, .5);
    
    border-radius: 18px;
/*     overflow: hidden; */
    /* box-shadow: 0 14px 36px rgba(0, 0, 0, .08); */
    backdrop-filter: blur(10px);
    padding:20px;
    margin-top: 50px;
}

.species-hero-grid {
    padding-left: 20px;
    padding-right: 20px;
}

 

#spacing{
  scroll-margin-top:150px;
}
 

.definition-box {
  max-width: 900px;
  margin: auto;
}
.note-box{
  text-align: center;
  max-width: 900px;
  margin: auto;
}
.tip-box{
  text-align: center;
  max-width: 900px;
  margin: auto;
}
.quick-answer-box{
  text-align: center;
  max-width: 900px;
  margin: auto;
}

.feature-grid-3col{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
 

/* overrides */
.breadcrumb,
.breadcrumb a {
    color: #fff;
}
.current-page{
  border-bottom: #d9f3ad;
  border-style: solid;
  border-top: none;
  border-left: none;
  border-right: none;

}

/* ปรับ แสง */

.species-hero::before{

    content:"";

    position:absolute;

    inset:0;

/*     background:
        linear-gradient(
            to right, 
            rgb(0 14 6 / 72%) 0%,
            rgba(20, 32, 25, .45) 35%, 
            rgba(20, 32, 25, .18) 65%, 
            rgba(20, 32, 25, .10) 100%
            ); 
 */

    z-index:1;

}

.species-hero h1{

    color:#fff;

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

    line-height:1.1;

    text-shadow:0 3px 18px rgba(0,0,0,.45);

}

.species-hero h1 span{

    color:#ffe16a;

}

.species-hero p{

    color:rgba(255,255,255,.95);

    text-shadow:0 2px 10px rgba(0,0,0,.35);

    max-width:760px;

    margin:28px auto 42px;

    font-size:1.12rem;

    line-height:1.9;

}