@font-face {
   font-family: 'AkiraExpandedDemo';
   src: url('../fonts/Akira-Expanded-Demo.otf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

body {
   font-family: 'AkiraExpandedDemo', sans-serif;
   overflow-y: hidden;
   font-size: 16px;
   line-height: 1.5;
   color: var(--clr-white);
   background: url(../img/space-stars.gif) no-repeat center center fixed;
   background-size: cover;
   overflow-x: hidden;
   position: relative;
   height: 100vh;
   margin: 0;
   padding: 0;
}

#particles-js {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: #000;
}

#old-temp {
   z-index: 2; 
   width: 100%;
   margin: 0 auto;
   top: 0;
   left: 0;
   right: 0;
}

* {
   box-sizing: border-box;
}

a {
   color: #fff;
   text-decoration: none;
}

a:hover {
   color: #fff;
}

:root {
   --clr-dark: #111;
   --clr-white: #fff;
   --clr-primary: #C9B464;
   --clr-primary-dark: #9b8941;
}

canvas {
   display: block;
   vertical-align: bottom;
}

.flw a {
   color: #ffffff00!important;
   text-decoration: underline;
}

.product-text h3 {
   font-size: 45px;
}

.product-text h5 {
   font-size: 34px;
}

/* .verify-inputbox {
   margin-top: 10px;
} */

section.verification-wrapper {
   height: 80vh;
}

img.success-icon {
   width: 100px;
   padding-bottom: 15px;
}
.follow-us-logo img {
   position: relative;
   z-index: 9;
}
.img-website a {
   position: relative;
   z-index: 9;
}
.form-control {
   border-radius: 30px;
   transition: all 0.3s ease-in-out;
   min-height: 50px;
   padding: 5px 20px;
   background: #f5f5f5;
   border: 0;
}

.frosted-glass {
   background: rgba(255, 255, 255, 0.2);
   border-radius: 20px;
   padding: 20px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.3);
   max-width: 400px;
   width: 100%;
}

.IconBox img {
   width: 100px;
}

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

.success-img {
   width: 80px;
}

.flw span {
   position: relative;
   left: -25px;
   font-size: 20px;
   color: #049a7d;
}

.serial-no {
   font-size: 1.5em;
   font-weight: bold;
}

.verifyInfo h5, .verifyInfo h2, .verifyInfo h1 {
   margin: 0;
}

.verify-inputbox .success-img {
   width: 401px;
   position: relative;
   top: -15px;
}

.image-clr {
   width: 100px!important;
   position: relative;
   left: 0px;
   top: -2px;
}

.verify-inputbox #verifyImg {
   width: 300px;
   position: relative;
   z-index: 9;
}

.product-text {
   color: #ffffff;
}

.serial-no {
   font-size: 30px;
   font-weight: 400;
   color: #f5f5f5!important;
   margin: 10px 0px!important;
}

.two-areas {
   display: flex;
   justify-content: space-between;
   padding: 6px 20px;
   margin-top: 6px;
   font-size: 12px;
   position: relative;
   z-index: 9;
}

.thirty-scan svg {
   position: relative;
   top: -2px;
   right: 5px;
}

.verified-bt p {
   font-size: 38px;
   width: 20%;
   margin: 0 auto;
   border-radius: 20px;
   color: #ffffff;
   padding: 5px 0px;
   line-height: 32px;
   display: flex;
   justify-content: center;
   align-items: center;
   letter-spacing: 4px;
   position: relative;
   z-index: 9;
}

div#verifyContent img {
   width: 130px;
   position: relative;
   z-index: 9;
}

.img-logo p, .img-website p {
   color: #ffffff;
}

.img-website img {
   width: 18px;
   margin-bottom: 2px;
}
#verifyContent {
   padding: 50px 0px;
}

.img-logo img {
   width: 15px;
}

.vip-area a {
   color: #fff;
   font-size: 20px;
   font-family: 'Arial';
   font-weight: 700;
}

.vip-area p {
   margin: 0 auto;
   width: 230px;
   border-radius: 5px;
   font-size: 51px;
   padding: 5px 15px;
   background: #1ea1f3;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 9;
}
.thirty-scan {
   padding-top: 0px;
}

.thirty-scan p {
   font-size: 19px;
}

.main-verify-area {
   position: relative;
   top: 0px;
}

.img-website svg {
   position: relative;
   top: -2px;
   right: 3px;
}

.follow-us-logo img {
   width: 50px;
}

@media (min-height: 930px) and (max-height: 1000px) {
   .verifyInfo {
       margin-top: 8em;
   }
}

@media (min-width: 576px) and (max-width: 1300px) {
   div#verifyContent {
       padding: 0px 0px;
   }
   .thirty-scan p {
       font-size: 19px;
   }
   .two-areas {
       padding: 0px 10px;
   }
}

@media screen and (max-width: 576px) {
   .verify-inputbox #verifyImg {
       width: 300px;
   }
   .verified-bt p {
      font-size: 34px;
      line-height: 32px;
  }
   #old-temp {
      width: 100%;
   }
}