@font-face {
  font-family: 'Slackey';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/slackey/v24/N0bV2SdQO-5yM0-dGlNQJA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  /* latin */
@font-face {
  font-family: 'Slackey';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/slackey/v24/N0bV2SdQO-5yM0-dGlNQJA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sniglet/v17/cIf9MaFLtkE3UjaJ9CChYVkH.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sniglet/v17/cIf9MaFLtkE3UjaJ9C6hYQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sniglet/v17/cIf4MaFLtkE3UjaJ_ImHdGgmnbJk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sniglet/v17/cIf4MaFLtkE3UjaJ_ImHdGYmnQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
  * {
    box-sizing: border-box;
  }
  
  body.harvest{
  /* font-family: 'Slackey'; */
  }

  a{
    color:#000000!important;
  }
  .text-left{
    text-align: left!important;
  }
  .text-right{
    text-align: right!important;
  }
  .harvest .form-control{
    font-family: 'Sniglet';
    font-size: 16px;
    font-weight: 400;
  
  }
  .bg_image1{
    font-family: 'Sniglet';
    font-weight: 400;
    background-image: url(../img/bg-1.png);
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: 100% 100%;
    height:100vh;
   
    overflow: auto;
  }
  .vertical_center{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bg_image_w{
    font-family: 'Sniglet';
    font-weight: 400;
    background-image: url(../img/bg-1.png);
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: 100% 100%;
    height:100vh;
   
    overflow: auto;
  }
  .input_bg{
    background-image: url(../img/input_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size:contain;  
  }
    .form-control.input_form{
      width: 420px;
      background-color: unset;
      padding: 1rem 5.9rem;
      border: none;
      color: #040000;
  }
  .form-control.input_form input[type="email"]
{
    background-color:unset;
}
.form-control.input_form input[type="text"]
{
    background-color:unset;
}

  .form-control:focus{
    border-color:none;
    box-shadow: none!important;
    background-color: unset!important;
  }
  .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    border-color: transparent!important;
  }
  .register_link .form_content_link {
    padding-left: 139px;
    /* width: 100%; */
    margin: auto;
}
.register_link .form-check .form-check-input {
  float: none;}
 .form_content_link a{
  font-size: 15px;
padding-top: 6px;
text-align: center;
text-decoration-line: underline;
color: #000000;
display: block;
 }
 .form-check-input.form-check-bg{
  width: 1.5em;
  height:1.5em;
  background-image: url('../img/checkbox.png');
  margin-top: 0;
 }
 .form-check-input.form-check-bg:checked {
  background-color: #843C19;
    border-color:#843C19;
}
.form-check-input.form-check-bg:focus {
  border-color: unset;
  outline: 0;
  box-shadow: none;
}

/** Dashboard css **/
.product_content{
  padding-bottom: 5px;
}
.dashboard_font_slackey{
  font-family: 'slackey';
  font-weight: 400;
}
.main_heading{
font-size: 70px;
line-height: 120%;
text-align: center;
background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/* text-shadow: 2px 2px 0px #843C19; */
}
.settingicon{
  text-align: right;
}
.welcome_heading{
  font-size: 24px;
  text-align: center;
  color: #FFFFFF;
   background: linear-gradient(180deg, #437523 0%, #002000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
/* text-fill-color: transparent;

text-shadow: 2px 2px 0px #FFFFFF; */
}
.container.my-container{
  margin: auto;
  max-width: 1000px;
  padding: 36px 42px 0px;
}
.my-container.padding_space{
  padding: 26px 42px 0px;
  max-width: 1045px;
}
.product-bg{
  background-image: url('../img/product_bg.png');
  background-position: center;
  background-size: 100% 100%;
  /* height: 35vh; */
  background-repeat: no-repeat;
}
.dollar{
font-size: 2.8125rem;
text-align: right;
color: #612300;
padding-right: 21px;
/* text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); */
}
.dollar.green_dollar{
  font-size: 1.9rem;

}
.product-card{
  background-image: url('../img/product_card.png');
  background-position: center;
  background-size: 100% 100%;
  /* height: 35vh; */
  background-repeat: no-repeat;
}
.row_spacing{
  padding: 26px 22px 0px;
}
.floret_heading{
  background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/* text-shadow: 2px 2px 0px #843C19; */
}
.floret_heading.green{
  font-size: 1.3rem;
}
.product_content_para{
  background: linear-gradient(180deg, #437523 0%, #002000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;

/* text-shadow: 2px 2px 0px #FFFFFF; */
}
.custom_navbar{
  margin: auto;
}
.custom_navbar .nav_text{
  font-size: 14px;
text-align: center;
background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;

/* text-shadow: 2px 2px 0px #843C19; */
}
.navbar-nav.custom_navbar li{
  background-image: url(../img/nav_icon.png);
    background-repeat: no-repeat;
    background-size: 75%, contain;
    width: 205px;
    /* margin: auto; */
    background-position: center;
    height: 145px;
    margin: auto;
}
.custom_navbar .nav-item {
  padding: 9px 0;
  margin: 0px 11px;
}
.navicons {
  width: 70px;
  margin: 15px auto 0;
  display: block;
}

/** Green house **/
.popup_heading{
  text-align: center;
}
.bg_image2{
  /* font-family: 'Sniglet';
  font-weight: 400; */
   /* background-image: url(../img/bg-2.png); */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  height:100vh;
} 
.greenhouse_shadow{
  background: rgba(255, 255, 255, 0.7);
  border-radius: 78px;
  max-width: 1050px;
  margin: auto;
  padding: 50px 0 30px;
}
.flower{
  width:155px;

}
.water_img1{
  width:40px;
  margin-left: auto;
}
.water_img2{
  width:40px;
  margin-right: auto;
}
.seed_one{
  margin-top: 45px;
}

/**modal **/
.modal-content.bg_image_popup{
  background-image: url('../img/green_popup.png');
  background-position: center;
  background-size: 100% 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  height: 35vh;
  border:none;
}
.bg_image_popup.bg_plant{
  background-image: url('../img/green_plant_popup.png');
  height:37vh;

}
.bg_image_popup.bg_redeem{
  background-image: url('../img/redeem_popup.png');
  height:50vh;
  background-position: center left;
  background-size: 95% 100%;

}
.modal.bg_transparent_modal{
  background: rgba(72, 72, 72, 0.5);
}
.btn-close.close_btn{
  background: transparent;
  width: 2em;
  opacity: inherit;
  padding-top: 19px!important;
}
.modal-header.bg_modal_header{
  border-bottom:none;
}
.modal-footer.bg_modal_footer{
  border-top:none;
}
.container.modal_body_container{
  max-width: 307px;
  margin: auto;
}
.container.modal_body_container.redeem_width{
  max-width: 360px;
}
.cursor_pointer{
  cursor:pointer;
}
.modal-header.bg_modal_header.bg_header_redeem{
  max-width: 476px;
padding-top: 24px;
}

/** shop css**/
.bg_image{
  font-family: 'Sniglet';
  font-weight: 400;
  /* background-image: url(../img/bg-3.png); */
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-size: 100% 100%;
  height:100vh;
  overflow: auto;
}
.shop_shadow{
  background: rgba(255, 255, 255, 0.7);
  border-radius: 78px;
  max-width: 1050px;
  margin: auto;
  padding: 50px 0px 0;
}
.bg_usd{
  background-image: url('../img/shop_usd.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop_pot_Seed{
  width: 170px;
  margin: auto;
}
.shop_pot_Seed .seed_usd{
  font-weight: 400;
font-size: 18px;
text-align: center;
background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/* text-shadow: 2px 2px 0px #843C19; */
}
.p_relative{
  position: relative;
}
.seed_leaf{
  position: absolute;
  top:0;
  left:0;
  width:250px
}
.select_tobuy{
  font-size: 30px;
color: #040000;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.bg_image_popup.bg_shop{
  background-image: url('../img/shop_popup.png');
  height:50vh;
}
.container.modal_body_container.shop_body{
  max-width: 500px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.shop_popup_heading{
  font-size: 51px;
background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;

/* text-shadow: 2px 2px 0px #843C19; */
}
.modal-header.bg_modal_header.bg_header_shop{
  max-width: 776px;
padding-top: 25px;
}

/**wallet **/
.container.dashboard_font_slackey.pt-4.wallet_container{
  max-width: 1210px;
  margin: auto;
}

.wallet_balance{
  padding: 16px 25px;
}
.wallet_card_bg{
  background-image: url('../img/wallet_balance.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.card_wallet_bg{
  background-image: url('../img/wallet_card_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.wallet_heading{
font-size: 30px;
background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/* text-shadow: 2px 2px 0px #843C19; */
}
.wallet_dollar p{
  font-weight: 400;
  font-size: 30px;
  color: #612300; 
  /* text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); */
  padding-left: 27px;
}
.wallet_card{
  display: flex; 
  align-items: center;
  justify-content: center;
}
.wallet_content {
  padding: 10px;
  min-height: 65px;
}
.wallet_content p{
  padding-left: 5px;
  text-align: center;
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
text-align: center;
color: #FFFFFF;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
 table.custom_table{
  border-collapse: separate;
  border-spacing: 0 10px;
}
table.wallet_heading th{
  font-weight: 400;
font-size: 20px;
background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/* text-shadow: 2px 2px 0px #843C19; */
}
.tr_bg{
  background-image: url(../img/referral_award.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.postion_row .tr_bg td{
  padding: 16px 0px;
}
/** my profile **/
.profilecard_bg{
  background-image: url('../img/myprofilecard_bg.png');
  background-repeat: no-repeat;
  background-size: 100%, 100%;background-position: center;
}
.profile_bg2{
  background-image: url('../img/myprofilecard_bg2.png');
}
.profile_bg3{
  background-image: url('../img/profilecard_bg3.png');
}
.profilecard_pwrd_bg{
  background-image: url('../img/profilecard_pwrd_bg.png')
}
.profile_card{
  padding: 27px;
}
.profile_referral_bg{
  background-image: url('../img/profile_referral_bg.png');
}
.profile_content p{
  font-weight: 400;
font-size:20px;
color: #612300;
}
/* width */
.scroll::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 4px;
}
 
/* Handle */
.scroll::-webkit-scrollbar-thumb {
  background: #f2f2f2; 
  border-radius: 4px;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}