@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
}

body {
  line-height: 1.6;

  font-family: "Poppins", sans-serif;

  font-weight: 300;

  background-color: #fdfdfd;

  font-size: 15px;

  color: #000;
}

p {
  line-height: 1.8;

  margin: 0 0 1rem;
}

ul,
ol {
  padding: 0;

  margin: 0;
}

li {
  list-style: none;
}

.w100 {
  width: 100%;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;

  outline: none;

  color: #fff;
}

button,
button:hover,
button:focus,
button:active {
  text-decoration: none;

  outline: none;
}

.padding {
  padding: 60px 0;

  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2a2a2a;
  font-family: "Montserrat", sans-serif;
}

/*------ Scroll to Top------- */

#scroll-to-top {
  cursor: pointer;

  position: fixed;

  bottom: 20px;

  right: 20px;

  border-radius: 50%;

  display: none;

  z-index: 99;

  background: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);

  color: #fff;
  text-align: center;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -ms-transition: all 0.3s;
}

#scroll-to-top i {
  display: block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  font-size: 14px;
}

#scroll-to-top:hover {
  transform: scale(1.2);
}

input::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}

input::-moz-placeholder {
  color: #000;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

input::-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

input::placeholder {
  color: #000;
  opacity: 1;
}

textarea::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}

textarea::-moz-placeholder {
  color: #000;
  opacity: 1;
}

textarea:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

textarea::-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

textarea::placeholder {
  color: #000;
  opacity: 1;
}

/* --------------------------------------

  3. NAVIGATION

-----------------------------------------*/

.navbar {
  position: absolute;

  left: 0;

  top: 5px;

  width: 100%;

  border: 0;

  z-index: 99;

  min-height: 70px;

  -webkit-transition: 0.5s ease;

  transition: 0.5s ease;
}

.navbar .icon-bar {
  color: #fff;

  font-size: 25px;
}

.navbar .navbar-nav .active {
  color: #f126cd !important;
}

.navbar-collapse .navbar-nav .nav-link {
  text-align: center;

  padding: 10px;

  font-weight: 500;
  margin: 0 10px;

  letter-spacing: 0.5px;
  color: #fff;
}

.nav-scroll {
  background: #fff;

  position: fixed;

  top: -100px;

  left: 0;

  width: 100%;

  -webkit-transition: -webkit-transform 0.5s;

  transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

  transition:
    transform 0.5s,
    -webkit-transform 0.5s;

  -webkit-transform: translateY(100px);

  transform: translateY(100px);

  -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
  padding: 0 15px;
}

.nav-scroll .icon-bar {
  color: #fff;
  margin-right: 15px;
}

.nav-scroll .navbar-nav .nav-link .active {
  color: #f8c44f !important;
}

.tgr {
  color: transparent;
  background: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);
  border: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);
  background-clip: text;
}

.ttu {
  text-transform: uppercase;
  color: #fff;
}

.mss {
  font-family: "Montserrat", sans-serif;
}

.booth-img-set {
  display: grid;
  height: 100%;
}

.booth-img-set img {
  width: 100%;
  border: 2px solid rgb(28 28 28 / 32%);
  padding: 5px;
  border-radius: 10px;
  /* height: 100%; */
}

.why_box.why_box-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 30px;
  height: auto;
  /* margin-bottom: 30px; */
  background: #fff;
}

.why_box.why_box-grid.why_box-grid-two {
  grid-template-columns: 340px 1fr;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  width: 100%;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown .rqstphone {
  padding-left: 77px !important;
}

#home {
  /*    background: url("../img/banner-bg-1.jpg")no-repeat center;     background-size: cover;*/
  position: relative;
  overflow: hidden;
}

#home:after {
  content: "";
  padding: 35px 0;
  background: linear-gradient(180deg, transparent, rgb(253 253 253) 100%);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: absolute;
  width: 100%;
  bottom: 0;
}

#home .banner_content {
  background-image: radial-gradient(at center center, rgb(107 0 98 / 70%) 45%, rgb(25 12 55 / 90%) 65%);

  padding: 80px 0;
}

.home h1 {
  font-size: 55px;
  color: #2a2a2a;
  margin-top: 80px;
  font-weight: 800;
}

.home h1 span {
  font-size: 45px;
}

.home p {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 30px;
    font-weight: 400;
    /* display: inline-block; */
    border-bottom: 1px solid rgb(0 0 0 / 30%);
    width: max-content;
    margin: 0 auto;
}

.home .home-content a {
  z-index: 1;

  color: #fff;
}

.h100 {
  height: 100%;
}

.re_pp {
  display: none;
}

.modal-header .close,
.modal-header .close:hover {
  color: #fff;

  opacity: 1;

  box-shadow: inherit;
}

.btn,
.submit {
  background: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);

  color: #fff;

  border: 0;
  cursor: pointer;

  border-radius: 8px;
  text-transform: uppercase;

  padding: 12px 25px;
  font-weight: 500;
}

.btn:hover,
.submit:hover {
  background: linear-gradient(135deg, #9b117b 0%, #440eab 100%);

  color: #fff;
}

.hadding {
    font-size: 40px;
    font-weight: 800;
}

ul.list-items li {
  margin-bottom: 10px;
}

.copyright {
    text-align: center;
    border-top: 1px solid rgb(242 39 205 / 22%);
    padding: 15px;
    background: #f5f5f5;
}

.light_bg {
  background: #fafafa;
}

.footer {
  /* background: url(../img/fbg.png); */

  background-position: bottom center;

  background-repeat: repeat-x;
}

.footer .heading-primary {
  color: #fff;
}

.footet .navbar-brand .logo {
  width: 100%;
  height: 100%;
}

.social_icon li {
  display: inline-block;
  padding: 0;
}

.social_icon li a {
  color: #fff;

  font-size: 1.5rem;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -ms-transition: all 0.3s;

  display: inline-block;

  margin: 0 5px;
}

.nav_link li {
  margin-bottom: 7px;
}

.nav_link li a {
  color: #fff;

  font-size: 14px;

  font-weight: 300;
}

.nav_link li a:hover {
  color: #e627d1;
}

.footer .social-links ul li a:hover {
  background: #fff;
  transform: scale(1.2);
}

.footer h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.faq .card {
  border: none;
  margin-bottom: 7px;
  background: rgba(255, 255, 255, 0.1);
}

.faq .card a {
  color: #fff;

  font-size: 18px;

  font-weight: 500;
}

.token-info {
  padding: 15px 20px;

  background: #0e1628;

  margin-bottom: 10px;

  border-left: 3px solid #e627d1;

  color: #fff;
}

.token_info_man {
  margin-top: 100px;
}

.p60 {
  padding: 70px 0;
}

.single-features {
    /* border: 4px solid rgb(232 38 208 / 87%); */
    padding: 25px;
    border-radius: 20px;
    height: 100%;
    box-shadow: 15px 15px 0px 0px rgb(209 209 209 / 35%);
    background: #fff;
}

.single-features h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.single-features p {
  opacity: 0.8;
  margin-bottom: 0;
}

.single-features img {
    max-height: 50px;
    margin-bottom: 20px;
}

.features_img {
  bottom: -300px;
  right: 0;
  position: absolute;
  z-index: -1;
}

.roadmap_box h4 span {
  display: block;

  font-size: 30px;
}

.logos h5 {
  margin-top: 15px;
  font-size: 15px;
}

.logos .owl-nav,
.owlphoto .owl-nav {
  display: none;
}

.owlphoto img {
  border-radius: 25px;
}

.shape-11 {
  top: -200px;

  left: 0;
  position: absolute;
}

.container {
  position: relative;

  z-index: 1;
}

.gallery img {
  border-radius: 25px;
}

.faq .card-header a.collapsed:after {
  transform: rotate(0deg);
}

.faq .card-header a:after {
  content: "\F282";

  font-family: bootstrap-icons !important;

  transition: transform 0.3s;

  display: block;

  transform: rotate(180deg);

  position: absolute;

  right: 20px;

  top: 15px;
}

.card-header {
  border-bottom: 0;
}

.qr-btn p {
  word-break: break-all;
}

.home_icons i {
  font-size: 18px;
}

.banner_box {
  font-size: 20px;
  padding: 20px;
}

.home_icons span {
  text-align: left;
}

.banner_box h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 15px;
}

#clockdiv .t_box {
  color: #fff;

  background-color: #190c3700;

  border-style: solid;

  border-width: 3px 3px 3px 3px;

  border-color: #f02e8838;

  box-shadow: 10px 10px 0px 0px rgba(107, 0, 97.99999999999993, 0.22);

  border-radius: 30px 30px 30px 30px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
  width: 100%;
  margin: 0 2%;
  padding: 35px 0;
}

#clockdiv div>span {
  display: block;

  font-size: 60px;

  font-weight: 600;
  line-height: 45px;
}

.smalltext {
  padding-top: 5px;

  font-size: 16px;
}

.about_img {}

.about_img img {
  border-style: solid;

  border-width: 4px 4px 4px 4px;

  border-color: #f02e8885;

  border-radius: 30px 30px 30px 30px;
  position: absolute;
}

.about_img .about_img4 {
  width: 300px;
  margin: auto;
  position: initial;
}

.about_img2 {
  right: 0;

  top: 50px;

  width: 110px;
}

.about_img3 {
  left: 0;
  bottom: 40px;
  width: 110px;
}

.about_img1 {
  left: 30px;

  top: -44px;

  width: 180px;

  border: 7px solid #1a1135 !important;
}

.about_img5 {
    right: -10px;
    bottom: -20px;
    width: 182px;
    border: 7px solid #1a1135 !important;
}

.about_img {
  /* background: url(../img/image-004.png); */

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;
}

.team_box {
  border-style: solid;
  border-width: 3px 3px 3px 3px;
  border-color: #56565685;
  border-radius: 30px 30px 30px 30px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.team_box:hover::before {
  top: 0;

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;
}

.team_box .hover-area {
  background-image: linear-gradient(180deg, #190c37bd 0%, #50474a8f 100%);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  z-index: 2;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  padding: 60px 20px;
}

.team_box:hover .hover-area {
  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease 0.1s;

  transition: all 0.3s ease 0.1s;
}

.team_box .hover-area a {
  background: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 5px;

  font-size: 20px;
}

.team_box .profile-title {
  text-transform: uppercase;
  color: #fff;
}

.fw700 {
  font-weight: 700;
}

.mt_3 {
  margin-bottom: 200px;
}

/* .mt_2 {
  margin-bottom: 100px;
} */

.team_box_row {
  margin: auto;
}

/*
.min_width_p {
  width: 72%;
} */
.sp_right_box {
  padding: 16px 20px 0;
  background: #ffffff;
  box-shadow: 10px 10px 0px 0px rgb(236 236 236);
  border-radius: 25px;
  margin-top: -105px;
  border: 1px solid #565656;
}

.sp_right_box li {
  width: 100%;
}

.sp_right_box li h3 {
  font-weight: 700;
  font-size: 40px;
  color: #565656;
  margin-bottom: 0;
}

.sp_right_box li {
  margin-bottom: 0;
}

.f_logo {
  height: 60px;
}

.from-group {
  margin-bottom: 1rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #f1f1f1;

  -webkit-box-shadow: 0 0 0px 1000px transparent inset;

  transition: background-color 5000s ease-in-out 0s;
}

.form-control,
.form-control:focus,
.input_type,
.input_type:focus,
textarea,
textarea:focus {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  width: 100%;
  border-color: rgb(162 162 162);
  outline: none !important;
  background: transparent;
  border-radius: 12px;
  color: #000;
  padding: 12px 20px;
}

.g-recaptcha>div {
  margin: auto;
}

.submit {
  width: 100%;
}

.form {
  /* background: url("../img/banner-bg-2.jpg") no-repeat center; */
  background-size: cover;
  position: relative;
}

.form:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
}

.man_right {
  border-radius: 25px;
  overflow: hidden;
}

.bg_lrft {
    background: #ff1fcf;
    padding: 25px;
    background: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);
}

.bg_lrft .f_contat_boc h5, .bg_lrft p, .bg_lrft h5{
  color: #fff;
}

.f_contat_boc .ii {
  background: #ffffff;
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 15px;
  line-height: 80px;
  font-size: 45px;
}

.googlemap {
  width: 100%;

  height: 100%;
  border: 0;
}

.modal-content {
  background-color: #3b296a;
}

.modal-header {
  border-bottom: 1px solid rgb(255 255 255);
}

.modal-title {
  color: #fff;
}

.modal-body .rqstform input,
.modal-body .rqstform input::placeholder,
.modal-body .slove-box-left b,
.modal-body .rqstform textarea::placeholder,
.modal-body .iti .iti__selected-dial-code {
  color: #fff !important;
}

.sticky-icons {
  position: fixed;

  bottom: 15%;

  left: 12px;

  z-index: 1000;
}

.whatsapp_sticky .fa-whatsapp,
.whatsapp_sticky .fa-skype {
  font-size: 28px;
}

.whatsapp_sticky {
  font-size: 24px;

  background: #00d56f;

  color: #fff !important;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  text-align: center;

  align-items: center;

  justify-content: center;

  line-height: 50px;

  display: block;

  margin-top: 12px;

  position: relative;

  -webkit-animation: swing-ani 1.5s infinite ease-in-out;

  -moz-animation: swing-ani 1.5s infinite ease-in-out;

  -ms-animation: swing-ani 1.5s infinite ease-in-out;

  -o-animation: swing-ani 1.5s infinite ease-in-out;

  animation: swing-ani 1.5s infinite ease-in-out;
}

@-moz-keyframes swing-ani {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes swing-ani {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

@-o-keyframes swing-ani {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

@keyframes swing-ani {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}

.whatsapp_sticky.telegram_sticky {
  background: #08c;
}

.whatsapp_sticky.massage_sticky {
  background: #13d6ff;
}

.whatsapp_sticky.call_sticky {
  background: #6c4192;
}

.sticky-icons a:hover {
  color: #fff;
}

body .iti--separate-dial-code .iti__selected-flag,
body .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti__flag-container {
  border-color: #666;

  border-radius: 4px;
}

.iti--separate-dial-code .iti__flag-container {
  position: static !important;

  border: rgb(247 126 182 / 48%) solid 2px;

  border-radius: 12px;

  margin-right: 10px;
}

input[name="phone"] {
  padding-left: 15px !important;
}

.iti--separate-dial-code {
  display: flex !important;
}

.iti__country {
  font-size: 13px;
}

body .iti__arrow--up {
  border-bottom: 4px solid #ccc;
}

body .iti__arrow {
  border-top: 4px solid #ccc;
}

body .iti__country-list {
  background-color: #271c44;

  border: 1px solid #95518e;
}

.slove-box {
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: 1fr 1.5fr;
  justify-content: space-between;
  align-items: center;
}

.slove-box-left {
  text-align: left;
}

.slove-box-left h4 {
  font-size: 18px;
  margin: 0;
}

.slove-box-left b {
  color: #000000 !important;
}

@media (max-width: 1024px){
   .about .hadding{
    padding-top: 30px;
  }

  .cen-icon-box{
    display: inherit !important;
  }

  .about_img5 {
    right: -10px;
    bottom: 20px;
    width: 182px;
    border: 7px solid #1a1135 !important;
}

  .blockchain-page-form .subrqstform input[name="phone"] {
    padding-left: 75px !important;
} 

  .about {
    text-align: center;
  }

  .sp_right_box{
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  #home {
    height: auto;
  }

  .about .hadding{
    padding-top: 30px;
  }

  .cen-icon-box{
    display: inherit;
  }

  .about_img5 {
    right: -10px;
    bottom: 20px;
    width: 182px;
    border: 7px solid #1a1135 !important;
}

  .blockchain-page-form .subrqstform input[name="phone"] {
    padding-left: 75px !important;
} 

  .about {
    text-align: center;
  }

  .home h3 {
    font-size: 25px;
    margin-top: 0;
  }

  .home p {
    font-size: 18px;
  }

  .padding {
    padding: 30px 0;
  }

  #clockdiv div>span {
    font-size: 35px;
  }

  #clockdiv .t_box {
    border-radius: 20px;

    margin: 0 2%;

    padding: 15px 0;
  }

  .about-content {
    padding-top: 15px;
  }

  .heading-primary {
    font-size: 22px;
  }

  .footer h4 {
    margin-top: 25px;
  }

  .home h1 {
    font-size: 38px;

    margin-top: 45px;
  }

  .smalltext {
    padding-top: 0px;

    font-size: 14px;
  }

  .hadding {
    font-size: 25px;
    text-align: center;
  }

  .logo {
    height: 50px;
  }

  .qr {
    max-width: 130px;

    margin: auto;
  }

  .qr-btn {
    text-align: center;
  }

  .p60 {
    padding: 35px 0;
  }

  .single-features img {
    max-height: 60px;

    margin-bottom: 15px;
  }

  .single-features h3 {
    margin-bottom: 15px;

    font-size: 18px;
  }

  .tokenomics_list li {
    padding: 12px 15px;

    font-size: 15px;
  }

  .single-what-you-get .hover {
    padding: 20px;
  }

  .btn {
    padding: 8px 15px;
    font-size: 14px;
  }

  body {
    font-size: 14px;
  }

  .about_img1 {
    width: 120px;
    left: 0;
  }

  #home .banner_content {
    padding: 70px 0 40px;
  }

  .about_img5 {
    right: 0;

    bottom: -30px;

    width: 135px;
  }

  .about_img {
    margin-bottom: 60px;
  }

  .team_box_row {
    margin: auto -15px;

    margin-top: 10px;
  }

  .mt_2 {
    margin-top: 20px;

    margin-bottom: 20px;
  }

  .mt_3 {
    margin-bottom: 0;
  }

  .sp_right_box {
    margin-top: 20px;
  }

  .sp_right_box li h3 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .sp_right_box li {
    font-size: 13px;
  }

  .googlemap {
    height: 400px;
  }

  .team_box .hover-area,
  .team_box:hover .hover-area {
    position: inherit;

    padding: 20px;

    opacity: 1;

    visibility: visible;

    transform: initial;

    background-image: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);
  }

  .team_box .hover-area a {
    background: transparent;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 20px;
    border: 1px solid #fff;
}

  .bg_lrft {
    padding: 20px;
    margin-top: 30px;
  }
}

.meet-logo {
  background: #fff;
  height: 60px;
  width: auto;
  object-fit: contain;
  padding: 5px;
  border-radius: 10px;
}

.banner_content .meet-box-p {
  font-size: 18px;
  background: rgb(255 31 207 / 28%);
  border-radius: 20px;
  line-height: 32px;
  padding: 25px;
  display: inline-block;
}

video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
}

.video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
  /* background video */
}

.video-main {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  /* extra width for perfect cover */
  height: 120vh;
  /* extra height for perfect cover */
  transform: translate(-50%, -50%);
  opacity: 0.1;
  pointer-events: none;
}

#home .banner_content {
  background-image: none;
  padding: 80px 0;
  position: relative;
}

.why_box {
  border: 2px solid #565656ba;
  padding: 35px;
  border-radius: 20px;
  height: 100%;
  /* box-shadow: 15px 15px 0px 0px rgba(107, 0, 97.99999999999993, 0.22); */
}

.why_box h3 {
  font-size: 23px;
}

.why_box h5 {
  font-size: 17px;
  font-weight: normal;
}

.why_box ul {
  background: rgb(181 181 181 / 30%);
  padding: 25px;
  border-radius: 25px;
  margin-bottom: 20px;
}

.why_box ul li {
  font-size: 16px;
  position: relative;
  margin-bottom: 10px !important;
  display: inline-block;
  width: 100%;
  padding-left: 20px;
}

.why_box ul li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 9px;
  background: #565656;
  height: 7px;
  width: 7px;
  border-radius: 100px;
}

.single-features.style-two ul {
  margin-top: 12px;
}

.single-features.style-two ul li {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-left: 18px;
  margin-bottom: 6px;
  font-size: 14px;
}

.single-features.style-two ul li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 7px;
  background: #565656;
  height: 7px;
  width: 7px;
  border-radius: 100px;
}

.single-features.sam h3 {
  margin-bottom: 30px;
  font-size: 30px;
}

.single-features.sam {
  background: linear-gradient(312deg, #fa26ca 0%, #712af9 100%);
  border: 0;
}

.single-features.sam .btn {
  background: transparent;
  border: 2px solid #fff;
}

.single-features.sam .btn:hover {
  background: linear-gradient(135deg, #9b117b 0%, #440eab 100%);
  color: #fff;
}

.event-expo-top-form input::placeholder {
  color: #000 !important;
}

.expo-top-form.modal-header .close,
.expo-top-form.modal-header .close:hover {
  background: transparent;
  border: 0px;
  font-size: 24px;
}

.event-expo-top-form .btn,
.event-expo-top-form .submitBtn {
  background: linear-gradient(135deg, #fa26ca 0%, #712af9 100%);
  color: #fff;
  border: 0;
  cursor: pointer;
  border-radius: 8px;
  text-transform: uppercase;
  padding: 12px 25px;
  font-weight: 500;
}

/*------ width < 991px ------*/

@media (max-width: 991px) {
  .navbar-collapse {
    background: #100a24;
  }

  .about.p60.position-relative .col-xl-5.col-lg-12.col-md-12.ml-auto {
    margin-top: 90px;
  }

  .why_box.why_box-grid {
    grid-template-columns: 1fr;
  }

  .man_right {
    margin-top: 50px;
  }

  .banner_content .meet-box-p {
    width: 80%;
  }
}

/*------ width < 768px ------*/

@media (max-width: 768px) {
  .home-content {
    margin-top: 20px;

    text-align: center;
  }

  .home-content h1 {
    margin-top: 20px;

    font-size: 5rem;
  }

  .home_icons span {
    font-size: 14px !important;
  }

  .banner_content .meet-box-p {
    font-size: 14px !important;
  }

  .banner_content .meet-box-p {
    margin: 20px 0px;
    padding: 0px 10px;
  }

  .meet-box-p h4 {
    font-size: 19px !important;
    padding-top: 40px;
}

  .meet-logo {
    height: 48px !important;
  }

  .home_icons i {
    font-size: 13px !important;
    margin-left: 10px !important;
  }
}

@media (max-width: 600px) {
  .why_box.why_box-grid {
    grid-template-columns: 1fr;
  }

  .slove-box {
    grid-template-columns: 1.5fr 1.2fr;
  }

  .iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
  }

  input#phone_popup {
    padding-left: 90px !important;
  }

  .why_box.why_box-grid.why_box-grid-two {
    grid-template-columns: 1fr;
  }

  .why_box {
    padding: 15px;
  }

  .single-features.sam h3 {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .home h1 {
    font-size: 25px;
    margin-top: 35px;
  }

  .home h1 span {
    font-size: 25px;
    margin: 20px 0 0 0;
    display: block;
  }

  .banner_content .meet-box-p {
    margin: 20px 0px;
    padding: 20px 10px;
    width: 90%;
  }

  .meet-box-p h4 {
    font-size: 19px !important;
    padding: 0;
}

  .about.p60.position-relative .col-xl-5.col-lg-12.col-md-12.ml-auto {
    margin-top: 50px;
  }

  .team_box {
    width: 90%;
    margin: 0 auto;
  }


}

@media screen and (max-width: 375px) {
  .meet-logo {
    height: 40px !important;
  }

  .home h1 {
    font-size: 30px !important;
  }

  .meet-logo {
    height: 40px !important;
  }

  .home h1 {
    font-size: 30px !important;
    margin-top: 35px !important;
  }

  .btn {
    padding: 8px 8px !important;
    font-size: 12px !important;
  }

  .nav-scroll .container{
    padding: 0px;
  }
}

.features_section {
  background: #cdcdcd40;
}

.pt-70 {
  padding-top: 70px;
}

.why {
  background: url(../../../images/new-img/expo/sec-back-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
}

.logos {
  background: url(../../../images/new-img/expo/sec-back-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
}

.token_distribution,
.gallery {
  background: #cdcdcd2b;
}

.about {
  background: url(../../../images/new-img/expo/sec-back-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
}

.cen-icon-box{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.cen-icon-box span {
    font-weight: 400;
    text-transform: uppercase;
    margin: 5px 0px;
}

.cen-icon-box i {
    color: #000;
    font-weight: 700;
}