header {
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.16);
    padding: 10px 0px;
  }
  h2 {
    font-weight: 600;
  }
  button{
    cursor: pointer;
  }
  button:focus{
    box-shadow: unset !important;
    outline: unset;
  }
  .tokenbtn {
    background-image: -moz-linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    background-image: linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    background-image: -webkit-linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    background-image: -ms-linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    color: #fff;
    border-radius: 20px;
    border: unset;
    padding: 9px 20px;
    font-weight: 600;
  }
  header ul.navbar-nav a.nav-link {
    color: #000 !important;
    font-weight: 600;
  }
  header .headerbeard{
    position: absolute;
    width: 192px;
    z-index: 111;
    top: -7px;
  }
  .tokenbtn img {
    margin-right: 7px;
    margin-top: -5px;
  }
  body {
    font-family: "poppins";
  }
  header ul.navbar-nav {
    justify-content: center;
    width: 100%;
  }
  #banner .carousel-inner img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
  }
  #banner h3 {
    font-weight: 700;
    font-size: 20pt;
  }
  #banner p {
    font-size: 11pt;
  }
  #banner .carousel-indicators li {
    border: unset !important;
    height: 5px;
    border-radius: 10px;
    width: 15px;
  }
  #banner .carousel-indicators li.active {
    width: 30px;
  }
  @media screen and (max-width: 991px) {
    a.btn.banner-btn.light-btn {
        margin: 10px auto 25px;
    }
    #banner h3 {
      font-weight: 600;
      font-size: 12pt;
    }
    #banner .carousel-inner img {
      min-height: 400px;
    }
    header ul.navbar-nav {
        padding-top: 20px;
    }
    header ul.navbar-nav li {
      border-radius: 5px;
      padding-left: 10px;
      margin-bottom: 2px;
    }
    header .navbar-nav .dropdown-menu {
      max-width: 98%;
      margin-bottom: 10px;
    }
    #banner a.btn.btn-light {
      margin-top: 10px;
    }
  }
  .digi-asset {
    background-blend-mode: hard-light;
    background-color: #f7f5f5;
    background-image: url(../images/farming-girl.png);
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .graybtn,
  .graybtn:hover {
    background-image: -moz-linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    background-image: linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    background-image: -webkit-linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    background-image: -ms-linear-gradient(
      0deg,
      rgb(31, 31, 31) 0%,
      rgb(66, 66, 66) 100%
    );
    color: #fff;
    border-radius: 20px;
    border: unset;
    padding: 9px 20px;
    font-weight: 600;
    text-decoration: none;
  }
  a.graybtn.collapsed span.second {
    display: none;
  }
  a.graybtn span.first {
    display: none;
  }
  a.graybtn.collapsed span.first {
    display: contents;
  }
  a.graybtn img {
    margin-left: 2px;
  }
  .pmf {
    background-image: url("./images/pm-farming.png");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .pmf img {
    border-radius: 20px;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.23);
  }
  a.nav-link.btn.btn-dark {
    color: #fff !important;
}
  @media screen and (min-width:991px){
    header ul.navbar-nav li {
        margin: 0px -2px;
        font-size: 10pt;
    }
    header ul.navbar-nav a.nav-link{
      font-size: 9pt;
    }
    header .nav-link.btn.btn-dark {
      color: #fff !important;
      margin-right: 10px !important;
    }
  }
  @media screen and (min-width:1199px){
    header ul.navbar-nav li {
        margin: 0px 4px;
    }
      header ul.navbar-nav {
        padding-left: 100px;
    }
    header ul.navbar-nav a.nav-link{
      font-size: 12pt;
    }
  }
  
  @media screen and (max-width: 991px) {
    header .nav-link.btn.btn-dark {
      margin-right: 0px;
      margin-left: -10px;
    }
  }
  @media screen and (max-width: 767px) {
    .pmf img {
      margin-bottom: 50px;
    }
    .pmf {
      text-align: center;
    }
    .pmf .cnt {
      margin: 15px auto 25px;
    }
  }
  .tmicbtn {
    background-image: -moz-linear-gradient(
      90deg,
      rgb(31, 31, 31) 0%,
      rgb(78, 77, 77) 100%
    );
    background-image: -webkit-linear-gradient(
      90deg,
      rgb(31, 31, 31) 0%,
      rgb(78, 77, 77) 100%
    );
    background-image: -ms-linear-gradient(
      90deg,
      rgb(31, 31, 31) 0%,
      rgb(78, 77, 77) 100%
    );
    background-image: linear-gradient(
      90deg,
      rgb(31, 31, 31) 0%,
      rgb(78, 77, 77) 100%
    );
    font-size: 10pt;
    color: #fff;
    line-height: 11pt;
    padding: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: unset;
    height: 96px;
    border-radius: 50% !important;
    justify-content: center;
    cursor: pointer;
  }
  .tmicbtn.active {
    background-image: -moz-linear-gradient(
      90deg,
      rgb(28, 115, 5) 0%,
      rgb(19, 151, 22) 100%
    );
    background-image: -webkit-linear-gradient(
      90deg,
      rgb(28, 115, 5) 0%,
      rgb(19, 151, 22) 100%
    );
    background-image: -ms-linear-gradient(
      90deg,
      rgb(28, 115, 5) 0%,
      rgb(19, 151, 22) 100%
    );
    background-image: linear-gradient(
      90deg,
      rgb(28, 115, 5) 0%,
      rgb(19, 151, 22) 100%
    );
  }
  .tmicbtn p {
    margin-top: 5px;
    font-size: 8pt;
    line-height: 9pt;
  }
  @media screen and (max-width: 1199px) {
    .tmicbtn img {
      max-height: 35px;
    }
    .tmicbtn {
      height: 76px;
    }
  }
  @media screen and (max-width: 991px) {
    .tmicbtn {
      height: 90px;
    }
    header .headerbeard {
      /* width: 60px; */
      top: -7px;
  }
  }
  @media screen and (max-width: 767px) {
    .tmicbtn {
      height: 22vw;
      width: 22vw;
    }
  
    .tmrightinbox {
      margin-top: 25px;
      background-image: unset;
    }
  }
  .tmrightoutbox {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .tmrightinbox {
    border-radius: 20px;
    background-color: rgb(247, 245, 245);
    background-image: url(../images/bg-arrow.png);
    box-shadow: 3px 4px 6px 0px rgb(208 208 208 / 33%);
    padding: 20px;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 15px;
  }
  
  .tkmics-left p {
    font-weight: 600;
    font-size: 11pt;
  }
  .tkmics-left p.active {
    color: rgb(28, 115, 5);
  }
  section.team {
    background: #f7f5f5;
  }
  .team-member h3 {
    font-weight: 600;
    text-align: center;
    margin: 12px 0px 1px;
    font-size: 18pt;
  }
  .team-member p {
    text-align: center;
    font-size: 10pt;
    color: #454444;
  }
  .team-member {
    text-align: center;
  }
  .socaillinks {
    position: absolute;
    left: 0px;
    top: 25px;
}
.socaillinks a,
.socaillinks a:hover {
  color: #fff;
  background: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: 10px;
  text-decoration: none;
}
.team-member .socaillinks{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;

}
.team-member:hover .socaillinks{
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.team-member  .description {
  max-height: 100px;
  margin-bottom: 20px;
  overflow: hidden;
}
.team-member  button.viewmore {
  margin: 0px auto;
  display: block;
}
.team-member.btnhide img,
.team-member.btnhide button.viewmore{
  display: none;
}

.team-member.btnhide .socaillinks{
  display: none;
}
.team-member.btnhide  .description {
  max-height: unset;
  margin-bottom: 20px;
  overflow: unset;
}
div#teammodal .modal-dialog {
  max-width: 500px;
}
  footer {
    background: #212529;
  }
  footer a {
    color: gray;
    text-decoration: unset;
  }
  footer a:hover {
    color: #fff;
  }
  p.copyrightbottom {
    color: gray;
    margin-bottom: 0px;
    text-align: center;
    padding: 10px;
    background: #000;
    font-size: 11pt;
  }
  footer a.text-primary {
    color: #fff !important;
  }
  
  footer button#button-addon2 {
    border-radius: 0px 5px 6px;
  }
  a.tmicbtn.nav-link.active.show ~ p {
      color: green;
  }
  .mb-single h4 {
    font-size: 13pt;
    font-weight: 600;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
  }
  .mb-single .d-flex.top {
    padding: 5px;
    justify-content: space-between;
    margin-top: 10px;
  }
  .mb-single .d-flex.bottom img {
    max-width: 125px;
    height: 25px;
  }
  button.comingsoon {
    background: #868686;
    color: #fff;
    border: unset;
    border-radius: 20px;
    font-size: 10pt;
    padding: 5px 15px;
  }
  .mb-single .d-flex.bottom {
    justify-content: space-around;
    margin-top: 10px;
  }
  .mb-single .d-flex.top button {
    display: flex;
    align-items: center;
    background: unset;
    border: unset;
  }
  .mb-single .d-flex.top button span {
    background: #efefef;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 0px 5px;
    margin-left: 5px;
    display: flex;
    align-items: center;
  }
  .mb-single .d-flex.bottom img {
    max-width: 100px;
    height: 22px;
    margin-top: 2px;
  }
  .mb-single {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px #808080a3;
    overflow: hidden;
    margin: 10px;
  }
  .mb-bottom {
    padding: 0px 5px 17px;
  }
  .mbox{
  background: linear-gradient(180deg, rgba(247,245,245,1) 0%, rgba(255,255,255,1) 99%);
  }
  .mb-single img {
    width: 100%;
  }
  @media screen and (max-width:1199px){
    .swiper-slide {
        width: 28.33% !important;
    }
  }
  @media screen and (max-width:991px){
    .swiper-slide {
        width: 49.5% !important;
    }
  }
  @media screen and (max-width:519px){
    .swiper-slide {
        width: 100% !important;
    }
  }
  .owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    margin: 5px 4px !important;
    background: #0000005c !important;
  }
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
    width: 30px !important;
  }
  .mbox .owl-nav {
    display: flex;
    justify-content: space-between;
    width: 105%;
    margin-left: -2.7%;
    position: absolute;
    bottom: 50%;
  }
  .owl-nav button span,
  .owl-nav button span:hover {
    width: 25px;
    height: 25px;
    background: #fff;
    color: #000;
    display: block;
    z-index: 9999;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px #e1e1e1;
  }
  /* gift anim */
  
  .box {
    position: relative;
    width: fit-content;
    margin: 0px auto;
  }
  .box::before {
    content: "";
    width: 440px;
    height: 440px;
    background-color: #89cff0;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  .box-body {
    position: relative;
    height: 125px;
    width: 200px;
    margin-top: 123.3333333333px;
    background-color: #cc231e;
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
    background: linear-gradient(#762c2c,#ff0303);
  }
  .box-body .img{
    opacity: 0;
    ransform: translateY(0%);
    transition: all 0.5s;
    margin: 0 auto;
    display: block;
  }
  .box-body:hover {
    cursor: pointer;
    -webkit-animation: box-body 1s forwards ease-in-out;
            animation: box-body 1s forwards ease-in-out;
  }
  .box-body:hover .img{
    opacity: 1;
    z-index: 0;
    transform: translateY(-110px);
  }
  .box-body img {
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
  }
  .box-body:hover .box-lid {
    -webkit-animation: box-lid 1s forwards ease-in-out;
            animation: box-lid 1s forwards ease-in-out;
  }
  .box-body:hover .box-bowtie::before {
    -webkit-animation: box-bowtie-left 1.1s forwards ease-in-out;
            animation: box-bowtie-left 1.1s forwards ease-in-out;
  }
  .box-body:hover .box-bowtie::after {
    -webkit-animation: box-bowtie-right 1.1s forwards ease-in-out;
            animation: box-bowtie-right 1.1s forwards ease-in-out;
  }
  .box-body::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 50px;
    background: linear-gradient(#ffffff,#ffefa0)
  }
  .box-lid {
    position: absolute;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 90%;
    height: 40px;
    background-color: #cc231e;
    height: 40px;
    width: 220px;
    border-radius: 5%;
    box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.3);
  }
  .box-lid::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 50px;
    background: linear-gradient(#ffefa0,#fff)
  }
  .box-bowtie {
    z-index: 1;
    height: 100%;
  }
  .box-bowtie::before, .box-bowtie::after {
    content: "";
    width: 83.3333333333px;
    height: 83.3333333333px;
    border: 16.6666666667px solid #c91616;
    border-radius: 50% 50% 0 50%;
    position: absolute;
    bottom: 99%;
    z-index: -1;
  }
  .box-bowtie::before {
    left: 50%;
    -webkit-transform: translateX(-100%) skew(10deg, 10deg);
            transform: translateX(-100%) skew(10deg, 10deg);
  }
  .box-bowtie::after {
    left: 50%;
    -webkit-transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
            transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
  }
  
  @-webkit-keyframes box-lid {
    0%,
    42% {
      -webkit-transform: translate3d(-50%, 0%, 0) rotate(0deg);
              transform: translate3d(-50%, 0%, 0) rotate(0deg);
    }
    60% {
      -webkit-transform: translate3d(-85%, -230%, 0) rotate(-25deg);
              transform: translate3d(-85%, -230%, 0) rotate(-25deg);
    }
    90%, 100% {
      -webkit-transform: translate3d(-119%, 225%, 0) rotate(-70deg);
              transform: translate3d(-119%, 225%, 0) rotate(-70deg);
    }
  }
  
  @keyframes box-lid {
    0%,
    42% {
      -webkit-transform: translate3d(-50%, 0%, 0) rotate(0deg);
              transform: translate3d(-50%, 0%, 0) rotate(0deg);
    }
    60% {
      -webkit-transform: translate3d(-85%, -230%, 0) rotate(-25deg);
              transform: translate3d(-85%, -230%, 0) rotate(-25deg);
    }
    90%, 100% {
      -webkit-transform: translate3d(-119%, 225%, 0) rotate(-70deg);
              transform: translate3d(-119%, 225%, 0) rotate(-70deg);
    }
  }
  @-webkit-keyframes box-body {
    0% {
      -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
              transform: translate3d(0%, 0%, 0) rotate(0deg);
    }
    25% {
      -webkit-transform: translate3d(0%, 25%, 0) rotate(20deg);
              transform: translate3d(0%, 25%, 0) rotate(20deg);
    }
    50% {
      -webkit-transform: translate3d(0%, -15%, 0) rotate(0deg);
              transform: translate3d(0%, -15%, 0) rotate(0deg);
    }
    70% {
      -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
              transform: translate3d(0%, 0%, 0) rotate(0deg);
    }
  }
  @keyframes box-body {
    0% {
      -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
              transform: translate3d(0%, 0%, 0) rotate(0deg);
    }
    25% {
      -webkit-transform: translate3d(0%, 25%, 0) rotate(20deg);
              transform: translate3d(0%, 25%, 0) rotate(20deg);
    }
    50% {
      -webkit-transform: translate3d(0%, -15%, 0) rotate(0deg);
              transform: translate3d(0%, -15%, 0) rotate(0deg);
    }
    70% {
      -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
              transform: translate3d(0%, 0%, 0) rotate(0deg);
    }
  }
  @-webkit-keyframes box-bowtie-right {
    0%,
    50%,
    75% {
      -webkit-transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
              transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
    }
    90%,
    100% {
      -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
              transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
      box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.3);
    }
  }
  @keyframes box-bowtie-right {
    0%,
    50%,
    75% {
      -webkit-transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
              transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
    }
    90%,
    100% {
      -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
              transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
      box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.3);
    }
  }
  @-webkit-keyframes box-bowtie-left {
    0% {
      -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
              transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
    }
    50%,
    75% {
      -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
              transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
    }
    90%,
    100% {
      -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
              transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
    }
  }
  @keyframes box-bowtie-left {
    0% {
      -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
              transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
    }
    50%,
    75% {
      -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
              transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
    }
    90%,
    100% {
      -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
              transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
    }
  }
  @media screen and (max-width: 767px) {
    
    .mbox .owl-nav{
      display:none;
    }
  }
  .tkbox {
    padding: 20px 20px 40px;
    border-radius: 5px;
    background: #f7f5f5;
    height: 95%;
    box-shadow: 3px 3px 10px -4px #b5b3b3;
    transition: transform .2s;
}
.tkbox h3 {
    font-size: 16pt;
}
.tkbox:hover {
    background: #3f3f3f;
    color: #f7f5f5;
    transform: scale(1.05); 
}
.tkbox h3 span {
    background: #404040;
    width: 35px;
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 10px;
}
.tkbox p{
    display: inline-block;
    width: 100%;
}

.topheader {
  background: #000;
  text-align: right;
}
.topheader a,
.topheader a:hover {
  color: #fff;
  background: unset;
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  padding: 5px 5px;
  font-size: 10pt;
  margin-left: auto;
}
ul.achived {
  list-style-type: none;
}
ul.achived li::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/check-circle.svg);
  position: absolute;
  margin-left: -25px;
  margin-top: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
ul.achived li{
  margin-bottom: 5px;
}
ul.unachieved {
  list-style-type: none;
}
ul.unachieved li::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/circle.svg);
  position: absolute;
  margin-left: -25px;
  margin-top: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
ul.unachieved li{
  margin-bottom: 5px;
}

.owl-theme .owl-nav [class*='owl-']:hover{
  background-color: unset !important;
}
.lady-bg {
  background: url(../images/pm-farming.png);
  /* background: url(../images/farming-girl.png); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
ul.socialmedia-links.navbar-nav {
  flex-direction: row;
  justify-content: flex-end;
}
ul.socialmedia-links.navbar-nav li {
  margin: 0px 5px;
}
.brriwhite {
  border-right: 1px solid #fff;
  padding-right: 10px !important;
}
.d-flex.align-center.justify-center.h-100 {
  justify-content: center;
  align-items: center;
  height: 100%;
}
.homeintr img{
  max-width: 250px;
}
.homeintr{
  background-color: #f7f5f5;
}
.blavkoverlay {
  position: absolute;
  background: linear-gradient(
188deg
, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .blavkoverlay {
    background: linear-gradient(
188deg
, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
}

#banner .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  position: relative;
  overflow: hidden;
  background: #ab751c;
  border: unset;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 3px 0px 0px #fff !important;
}
#banner .btn:nth-child(1){
  filter: hue-rotate(270deg);
}


#banner .btn span{
  position: absolute;
  display: block;
}

#banner .btn span:nth-child(1){
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg,transparent,#fff);
  animation: animate1 1s linear infinite;
}
@keyframes animate1{
  0%{
      left: -100%;
  }
  50%,100%{
      left: 100%;
  }
}

#banner .btn span:nth-child(2){
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg,transparent,#fff);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes animate2{
  0%{
      top: -100%;
  }
  50%,100%{
      top: 100%;
  }
}

#banner .btn span:nth-child(3){
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg,transparent,#fff);
  animation: animate3 1s linear infinite;
  animation-delay: 0.50s;
}
@keyframes animate3{
  0%{
      right: -100%;
  }
  50%,100%{
      right: 100%;
  }
}
.tmicbtn i {
  font-size: 25pt !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
a.tmicbtn.nav-link:hover{
  color: #fff;
}

/* new css  */
header{
  background-color: #161616;
}
header ul.navbar-nav a.nav-link {
  color: #fff !important;
  
}
header .navbar-light .navbar-toggler{
  background-color: #fff !important
}
.main-banner {
  padding: 50px 0px;
  background:#161616;
  background-image: url('../images/banner-bg.jpg');
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: lighten;
}
.main-banner .bnrcnt {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.main-banner h1 {
  color: #f90;
  font-weight: 300;
  font-size: 3em;
}
.main-banner h2 {
  font-weight: 800;
  font-size: 3em;
}
.logofont {
  font-size: 16pt;
  font-weight: 700;
  letter-spacing: -1px;
  color: #f90;
}
.darkbg{
  background-color: #161616;
  color: #fff;
}
.gold-color{
  color: #f90;
}
.floatimg {
  overflow: revert;
  display: flex;
  min-height: 250px;
  height: 100%;
}
.coinsideimg{
  
  animation: MoveUpDown 3s linear infinite;
  position: absolute;
 
  top: -50;

}

@keyframes MoveUpDown {
  0%, 100% {
    top: -50px;
  }
  50% {
    top: -100px;
  }
}
.borderedbox {
  border: 2px dashed #ff9900;
  padding: 20px;
  min-height: 100%;
  text-align: center;
  border-radius: 10px;
}
.borderedbox p{
  margin-bottom: 0px;
  color: #fff;
  font-size: 11pt;
  text-align: justify;
}
.nav-tabs .nav-link {
  color: #ff9900 !important;
  border: 1px solid !important;
  border-radius: 5px !important;
  margin-right: 5px !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}
.nav-tabs .nav-link.active {
    background: #ff9900 !important;
    color: #161616 !important;
    border-color: #ff9900 !important;
}
.nav-tabs{
  border-bottom: unset !important;
  justify-content: center;
}
.tab-content>.active {
  display: block;
  background: #121212;
  padding-bottom: 20px;
  margin-top: 20px;
  border-radius: 10px;
}
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  /* border-radius: 10px; */
  background-color: #121212;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff9900; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff9900; 
}
header .nav-link.btn.btn-dark {
  background-image: -moz-linear-gradient( 0deg, rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
  background-image: linear-gradient( 
0deg
, rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
  background-image: -webkit-linear-gradient( 
0deg
, rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
  background-image: -ms-linear-gradient( 0deg, rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
  color: #fff;
  border-radius: 20px;
  border: unset;
  padding: 9px 20px;
  font-weight: 600;
  box-shadow: 0px 0px 0px 2px #ff9900;
}
#owl-carousel-banner button.owl-dot span {
    background: #333 !important;
    height: 15px !important;
    width: 15px !important;
}

#owl-carousel-banner button.owl-dot.active span {
    background: #ff9900 !important;
}
#owl-carousel-banner .owl-stage-outer{
  max-width: 100%;
  overflow: initial !important;
}
#owl-carousel-banner {
  max-width: 100%;
  overflow: hidden !important;
}

@media screen and (max-width:991px){
  .borderedbox {
    margin-bottom: 20px !important;
    min-height: unset !important;
  }
  header .nav-link.btn.btn-dark{
    margin-bottom: 10px;
  }
  .main-banner h1{
    font-size: 2em;
  }
  .main-banner h2 {
      font-size: 2em;
  }
  .main-banner .bnrcnt {
      text-align: center;
      margin-bottom: 20px;
  }
}
@media screen and (max-width:767px){
  .coinsideimg {
      max-width: 90vw !important;
    margin: 86px auto -100px;
}
/* .floatimg {
    overflow: hidden;
} */
.coinsideimg {
    position: relative;
}
html, body {
    max-width: 100vw;
    overflow-x: hidden;
    }
}
.btn.banner-btn,
.btn.banner-btn:hover{

background-image: -moz-linear-gradient( 0deg, rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
    background-image: linear-gradient( 0deg , rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
    background-image: -webkit-linear-gradient( 0deg , rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
    background-image: -ms-linear-gradient( 0deg, rgb(31, 31, 31) 0%, rgb(66, 66, 66) 100% );
    color: #fff;
    border-radius: 20px;
    border: unset;
    padding: 9px 20px;
    font-weight: 600;
    box-shadow: 0px 0px 0px 2px #ff9900;
        max-width: 200px;
    margin-left: 3px;
    margin-top: 10px;
}
img.img-fluid.ww-con {
  max-width: 100px;
  margin: 10px;
  padding: 10px;
}
.borderedbox .col-2.position-absolute h6 {
  background: #161616;
  width: 30px;
  height: 30px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ff9900;
}