body {
    font-family: 'Titillium Web' !important;
    width: 100vw;
    overflow-x: hidden;
}
:root {
    --main-color:#1B6E00;
    --main-hover:#33aa0b;
   
}
/* * {
    outline: solid 1px #c00;
}  */

main { width: 100vw; } 
.bg-main { background-color: var(--main-color); color: #fff;}
.text-main { color: var(--main-color);}
.btn-main { background-color: var(--main-color); color: #fff;}
.btn-main:hover { background-color: var(--main-hover);}

.fs-10 { font-size: 10px !important;}
.fs-12 { font-size: 12px !important;}
.fs-14 { font-size: clamp(0.75rem, 1vw, 0.875rem) !important;}
.fs-16 { font-size: clamp(0.875rem, 1vw, 1rem) !important;}
.fs-18 { font-size: clamp(1rem, 1.2vw, 1.125rem) !important;}
.fs-20 { font-size: clamp(1.1rem, 1.3vw, 1.2rem) !important;}
.fs-22 { font-size: clamp(1.125rem, 1.5vw, 1.25rem) !important;}
.fs-24 { font-size: clamp(1.25rem, 2vw, 1.5rem)  !important;}
.fs-30 { font-size: clamp(1.5rem, 2.5vw, 2rem)  !important;}
.fs-36 { font-size: clamp(1.7rem, 2.6vw, 2.3rem)  !important;}
.fs-48 { font-size: clamp(2rem, 2.8vw, 3rem) !important; }
.fs-56 { font-size: clamp(2.3rem, 3vw, 3.5rem)  !important;}
.fs-64 { font-size: clamp(2.5rem, 3.2vw, 4rem)  !important;}
.fs-72 { font-size: clamp(2.8rem, 3.8vw, 4.5rem) !important; }

.fw-100 { font-weight: 100 !important }
.fw-200 { font-weight: 200 !important;}
.fw-300 { font-weight: 300 !important;}
.fw-400 { font-weight: 400 !important;}
.fw-500 { font-weight: 500 !important;}
.fw-600 { font-weight: 600 !important;}
.fw-700 { font-weight: 700 !important;}
.fw-800 { font-weight: 800 !important;}
.fw-900 { font-weight: 900 !important;}

.uppercase { text-transform: uppercase;}

.aboutBx {
    position: relative;
    top: -150px;
    z-index: 99;
    padding-right: 100px !important;
    
}
.plant_01 {
    position: absolute;
    bottom: -49px;
    left: -80px;
    height: 145px;
    width: 190px;
}
.plant_03 {
    position: absolute;
    bottom: -40px;
    right: 0;
    height: 200px;
}
.hd {
    font-size: 28px;
    text-transform: uppercase;
    position: relative;
}
.hd::before {
    content: '';
    position: absolute;
    background-color: var(--main-color);
    width: 100px;
    height: 4px;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.hdl {
    font-size: 28px;
   
    position: relative;
}
.hdl::before {
    content: '';
    position: absolute;
    background-color: var(--main-color);
    width: 100px;
    height: 4px;
    top: 50px;
}

.sc_mgn {
    margin-block: 100px;
}
/* .sc_mgn .sc_ImgBx {
    overflow: hidden;
}
.sc_mgn .sc_Img {
    
    transition: all 600ms ease-in-out;
}

.sc_mgn .sc_Img:hover {
    scale: 1.1;

}  */

.msg {
    position: relative;
}
.msg::after  {
    content: '';
    position: absolute;
    top: -80px;
    width: 300px;
    height: 100vh;
    left: 50%;
    transform: translateX(-50%);
    background: url(../i/plant_msg.png?2) top center no-repeat;
    background-size: 100%;
    z-index: 99;
}

@media screen and (max-width:900px) {
.msg::after { display: none;}    
}
.why {
    background: url(../i/why_bg.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    min-height: 100vh;
}
.why .hdl { margin-bottom: 50px !important;}
.why .hdl::before {
    
    top: 80px;
   
}
.why_bx {
    background-color: rgba(255,255,255,.8);
}
.videos iframe { width: 100%; aspect-ratio: 9/6;}
.videos {
    background: url(../i/tree_right.gif) right bottom no-repeat,  url(../i/tree_left.gif) left bottom no-repeat;
    background-size: 24%;
}
.reels { width: 99vw; overflow: hidden;}
.reelsVid { overflow: hidden; outline: solid 1px #fff;}
.reels iframe { aspect-ratio: 9/18; scale: 1.02; transition: all 300ms ease-in-out;}
.reels iframe:hover { scale: 1;}
.teamBx {
    position: relative;
    padding: 0;
    /* margin: 4px; */
    overflow: hidden;
    border: solid 1px #fff;
    height: 450px;
}
.teamBx img {
    transition: all 600ms ease-in-out;
    object-fit: cover;
}

.teamBx img:hover {
    scale: 1.1;
}
.teamBx span { 
    position: absolute;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 4px 8px;
}
footer a { color: #fff !important;}
footer .nav a { padding:4px 0 }

.plant_02 {
    transform-origin: top right;
}