@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;
}
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mukta/v13/iJWHBXyXfDDVXbEeiWmc8WDm7Q.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
/* latin-ext */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mukta/v13/iJWHBXyXfDDVXbEeiWmT8WDm7Q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mukta/v13/iJWHBXyXfDDVXbEeiWmd8WA.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, html{
    height: 100%;

  }
  body.harvest{
  /* font-family: 'Slackey'; */
  height:100%;
  }
  .harvest_landing{
    font-family: 'Slackey';
font-style: normal;
font-weight: 400;
  }
  .harvest_landing_font{
    font-family: 'Mukta';
    font-style: normal;
    font-weight: 600;
  }
  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: 26px;
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%;
}
.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; 
}

/** home page css **/
.social_icons{
  width: 242px;
}
.social_icons img {
  padding-right: 15px;
}
.harvest_navigation{
font-size: 17px;
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 .harvest_navigation .nav-item .nav-link{
  padding-left: 17px;
}
.bg_navbar{
   background: url('../img/navbar.png') no-repeat;
   background-size: 100% 100%;
}
.bg_halff{
  position: relative;
}
.navbar_position{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
}
.navbar_sub_position{
  /* top:137px; */
  top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* .bg_half{
  background: url(../img/home_bg.png) no-repeat;
  background-position: top center;  height: 91vh;
  width: 100%;
  position: relative;
  background-size: cover;
  height: 51em;
} */

.logo_landing{
  width:200px;
  height:100px;
}
.intro_sub{
  position: absolute;
  top:80%;
  left:0;
  right: 0;
}
.padding_bottom{
  padding-bottom: 0.5rem;
}
.intro_bg{
  background: url('../img/intro.png') no-repeat;
  /* background-size: 100%,contain;
    height: 600px;
  position: relative; */
  background-repeat:no-repeat;
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
  
}
.introduction .swiper-slide, swiper-slide {

  height: 593px;}
/* .home_bottom_image{
  background: url('../img/home_semi_cover.png') no-repeat;
  background-size: 100%;
  height: 100vh;

} */
.bg_clip{
  position: relative;
  z-index: -1;
}
.play_now{
    width:220px;
}
.logo_image {
  position: relative;
}
.playnow{
   position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.intro_bg_content {
  font-weight: 600;
  font-size: 20px;

  display: block;
  color: #002000;
  text-shadow: 0px 0px 0px #FFFFFF;
  text-align: justify;
  padding: 6px 29px 10px;
}
.intro_content{
  text-align: center;
}
.logo_landing {
  height: 79px;
  align-items: center;
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  justify-content: center;
}
/**swiper **/

.introduction .swiper-slide p{
      text-align: justify;
      padding-top: 8rem;
      width: 70%;
      margin: auto;
      display: block;
      font-size: 19px;
    }
    .introduction .swiper-wrapper{
      height: 60%;
    }

.introduction .swiper-pagination{
  position: relative;
  text-align:center;
}
.introduction .swiper-pagination-bullet{
  background: #A5D061;
  
}
.introduction .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  top:66px!important;
  left:20%!important;
}
.h-100vh{
  height: 100vh;
}
.move_btns{
  position: absolute;
  right: 111px;
  top: 59px;
}
.swiper_content{
  align-items:center;
  bottom:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  left:0;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
}

/** about us css **/
.navbar_width{
  max-width: 1450px;
  margin: auto;
}
.about_us_bg{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
}
.about_bg_position{
  top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
.about_us_aside {
width:100%;
  object-fit: fill;
  height:480px;
  display: block;
  margin:93px auto;
}
.mission{
  width:470px;
  margin: auto;
  height: 460px;
}
.about_us_heading{
  font-size: 36px;
line-height: 120%;
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;}
.about_container.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1355px;
}

.about_us_content{
  padding-top: 5px;
font-weight: 600;
font-size: 20px;
line-height: 139.5%;
color: #002000;
text-shadow: 2px 2px 0px #FFFFFF;

}
.about_content_position{
  position: absolute;
  top: 108%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.mission {
  position: absolute;
  top: -91px;
  left: 0;
}
.about_bg{
  height:1150px;
  
}
/** team css **/
.team_bg {
  background: url(../img/team_fullbg.png) no-repeat center center;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.photo-container {
  position: relative;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
}

.rating-container {
  position: absolute;
  inset: 0;
}

.rating-container .icons-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.icons-holder>div {
  cursor: pointer;
}

.icons-holder>div .icon {
  color: orange;
}

.icons-holder>div .icon:hover {
  color: darkgoldenrod;
}
.team_heading{
  font-size: 32px;
  
line-height: 102.5%;
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;
}
.team_content{
  font-size: 14px;
line-height: 114%;
text-align: justify;
color: #002000;
}
.team.swiper-slide {
  padding-top: 44px;
  width: 23.33%;
  display: block;
  margin: 0 auto;
}
.slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
display: none;
}
.slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  display: none;
}

.roadmap_bg {
  background: url(../img/road_map.png) no-repeat center center;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.border3px{
  border-left: 3px solid #FF9B15!important;
}
.road_map_color{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
    color: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
    background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;   
}
.road_img{
  width: 64%!important;
}
.roadmap_font{
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 100%;
  color: #000000;
}
.owl-carousel {
  position: relative;
}

.owl-carousel .owl-nav {
  position: absolute;
  top: 83%;
  transform: translateY(-10%);
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-nav button.owl-prev {
  order: 1;
  margin-right: 25px;
}

.owl-carousel .owl-nav button.owl-next {
  order: 3;
  margin-left: 25px;
}

.owl-carousel .owl-dots {
  position: absolute;
 bottom: 14%;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1;
  margin-top: 14px;
}

.owl-carousel .owl-dots .owl-dot {
  margin: -8px 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #bbb;
}

.owl-carousel .owl-dots .owl-dot.active {
  background-color: #A5D061;
}

.owl-carousel .owl-nav-secondary {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-nav-secondary button.owl-prev {
  order: 1;
  margin-right: auto;
}

.owl-carousel .owl-nav-secondary button.owl-next {
  order: 3;
  margin-left: auto;
}

.owl-carousel .owl-dots-secondary {
  position: absolute;
  bottom: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-dots-secondary .owl-dot {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bbb;
}

.owl-carousel .owl-dots-secondary .owl-dot.active {
  background-color: #333;
}


.game_play {
  background: url(../img/cloud_group.png) no-repeat center center;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.game_play_font {
  font-family: 'Slackey';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 120%;
/* or 43px */


background: linear-gradient(180deg, #FFCC2B 0%, #FF820A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

}
.game_play_subtext {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  /* or 22px */
  
  
  color: #002000;

}
.w-70{
  width: 70%;
}

.day_light_play{
  background: url(../img/daytime_bg.png) no-repeat center center;
  background-size: 100% 100%;
  background-attachment: fixed;
}
.fs-20{
  font-size: 20px!important;
}
.fs-16{
  font-size: 16px!important;
}
.font-Mukta{
  font-family: 'Mukta'!important;
}

.gameplay_table{
   /* border: 1px solid #000; */
  width: 100%;
  font-family: 'Mukta'!important;
  
  }
.gameplay_table th{  
     border-bottom-width: 0!important;
     padding: 10px;
    
}
.gameplay_table td{ 
  border-bottom-width: 0!important;
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
/* or 43px */

  text-align: center;

  color: #040000;
  padding: 10px;
}

.mx-250{
  margin: 0 250px;
}
.bg_game{
 background: url(../img/game_bg_three.png);
}