* {box-sizing:border:box;padding:0;margin:0;font-family: 'josh', sans-serif;}
::focus {outline: none;}
:focus-visible {outline: none;}
.inner-container {max-width: 700px;margin: 0 auto;}
p {color: #666;font-size: 18px;line-height: 28px;}
::-moz-selection { /* Code for Firefox */color: #020047;background: #1dcdfe;}
::selection {color: #020047;background: #1dcdfe;}

/* Scroll Bar */
/* width */
/* ::-webkit-scrollbar {width: 8px;} */
  
/* Track */
/* ::-webkit-scrollbar-track {background: #9be9fe;} */

/* Handle */
/* ::-webkit-scrollbar-thumb {background: #020047;border-radius:50px;} */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {background: #7f29d6;} */




/*Header*/
.main-nav {margin-left: auto;align-items: center;}
header#main-header a.navbar-brand {max-width: 200px;}
img {max-width: 100%;}
.main-nav a.nav-link { color: #fff;padding: 8px;line-height: normal;transition:0.4s ease-in-out;}
.main-nav a.nav-link:hover { color: #5f61e4;}
.main-nav {align-items: center;}
.main-nav li.partner a {border: 2px solid #ffffff;background: transparent;color: #fff;border-radius: 40px;padding: 8px 20px !important;display: inline-block;cursor:pointer;font-size: 15px;}
.main-nav li.partner a:hover {background: #5f61e4;color: #ffff;border-color: transparent;}
header#main-header {background: #020047;padding: 0;}
header#main-header button.navbar-toggler {background: #5f61e4;color: #fff;border-radius: 50%;height: 40px;width: 40px;justify-content: center;padding: 0;}
div#navbar.show ul.main-nav li {margin-bottom: 10px;}
header#main-header {padding: 10px 0;background: linear-gradient(180deg, #0000006b, transparent);z-index: 9;}
header#main-header li.admin-login {margin-right: 20px;}
header#main-header li.admin-login a.nav-link {display: inline-block;position: relative;padding: 6px 18px;font-size: 15px;}
header#main-header li.admin-login a.nav-link:not(:last-child):after {content: '';height: 17px;width: 2px;background: white;position: absolute;right: -4px;top: 50%;transform: translateY(-50%);}

/*Hero Section*/

section.hero {float: left;width: 100%;min-height: 900px;align-items: center;justify-content: center;display: flex;background: url(../images/hero-bg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position:relative;}
section.hero:before {content: '';position: absolute;height: 100%;width: 100%;background: #00000042;}
section.hero .hero-content {max-width: 810px;margin: 0 auto;position:relative;z-index:1;}
section.hero .hero-content h1 {color: #fff;text-align: center;font-size: 62px;font-weight: bold;}
section.hero .hero-content .form-hero {max-width: 600px;margin: 0 auto;}
section.hero .hero-content .form-hero .form-layout {background: #fff;padding: 5px 0;border-radius: 50px;}
section.hero .hero-content .form-hero .form-layout button {background: #5f61e4;border: 1px solid #5f61e4;color: #fff;padding: 5px 20px;border-radius: 50px;width: 134px;height: 44px;}
section.hero .hero-content .form-hero .form-layout button:hover {background: #020047;border-color: transparent;}
section.hero .hero-content .form-hero .form-layout input[type="text"] {width: calc(100% - 134px);float: left;padding: 5px 15px;border: none;background: transparent;height: 44px;}

/*Hero Video*/

section.hero-video {float: left;width: 100%;}
section.hero-video video {width: 100%;height: 100%;border-radius: 40px;}
.video-container {overflow: hidden;position: relative;z-index: 1;max-width: 1024px;margin: 0 auto;margin-top: -300px;}
.video-container button {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.4s ease-in-out;background: transparent;border: none;}
.video-container button i{color: #fff;font-family: fontawesome;font-style: normal;font-size: 52px;}
video::-webkit-media-controls {display: none;}
.video-container button.pause {opacity: 0;visibility: hidden;}
.video-container:hover button.pause {opacity: 1;visibility: visible;}

/* How it Works */

section.how-works {float: left;width: 100%;}
h2.under-heading {font-size: 46px;font-weight: bold;color: #000;background: linear-gradient(49deg, #5f61e4, #1dcdfe);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;position: relative;padding-bottom: 15px;}
h2.under-heading:after {content: '';width: 177px;height: 5px;position: absolute;left: 50%;transform: translate(-50%, -50%);bottom: 0; background: url(../images/shape-1.png);background-size: contain;background-position: center;}
.heading-works p {max-width: 800px;margin: 0 auto;}
.advertisement {float: left; width: 100%;}
.enter-code {float: left;width: 100%;}
section.how-works span.steps-count {height: 50px;width: 50px;display: inline-block;border: 1px dashed #666;border-radius: 50%;text-align: center;line-height: 50px;font-size: 22px;font-weight: 600;color: #666;}
section.how-works h2 {font-size: 36px;font-weight: 700;color: #333;}


/* Product Protection */

section.protect-product {float: left;width: 100%;background: #f6f6f6;}
section.protect-product h2.under-heading {padding-bottom: 24px;}
section.protect-product h2.under-heading:after {left: 0;transform: none;background: url(../images/shape-2.png);background-repeat: no-repeat;}
section.protect-product a.button {border: 2px solid #5f61e4;border-radius: 40px;padding: 8px 20px !important;display: inline-block;cursor: pointer;background: #5f61e4;color: #fff;text-decoration: none;transition: 0.4s ease-in-out;}
section.protect-product a.button:hover {color: #5f61e4;background: transparent;}
.scanning-img {position: relative;}
.scanning-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 650px;}


/* Scan Product */

section.we-scan {float: left;width: 100%;}
section.we-scan code {background: #5f61e4;color: #fff;padding: 3px 9px;border-radius: 50px;font-size: 18px;line-height: 28px;font-family: 'Poppins', sans-serif;}

/* Footer */

#footer {float: left;width: 100%;background: #020047;}
#footer h2.under-heading {background: linear-gradient(49deg, #ffffff, #1dcdfe);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#footer h2.under-heading:after {display: none;}
#footer form {max-width: 600px;margin: 0 auto;}
#footer form .form-layout {background: #fff;padding: 5px;border-radius: 50px;}
#footer form .form-layout input[type="text"] {width: calc(100% - 160px);float: left;padding: 5px 15px;border: none;background: transparent;height: 44px;}
#footer form .form-layout button {background: #020047;border: 1px solid #5f61e4;color: #fff;padding: 5px 20px;border-radius: 50px;width: 160px;height: 44px;    transition: 0.4s ease-in-out;}
#footer form .form-layout button:hover {background: #5f61e4;}
.social-links {float: left;width: 100%;}
.social-links ul {margin: 0;padding: 0;list-style: none;display: flex;justify-content: center;}
.social-links ul li a {padding: 0 30px;display: inline-block;line-height: 38px;font-size: 20px;text-decoration: none;color: #fff;transition: 0.4s ease-in-out;}
.social-links ul li a span {position: relative;height: 42px;width: 42px;display: inline-block;background: #fff;line-height: 40px;margin-right: 10px;border-radius: 50%;font-size: 18px;border: 2px solid #fff;transition: 0.4s ease-in-out;}
.social-links ul li a span i {font-family: fontawesome;font-weight: 400;font-style: inherit;font-size: 22px;color: #020047;transition: 0.4s ease-in-out;}
.social-links ul li a:hover {color: #38d3fe;}
.social-links ul li a:hover span {background: #38d3fe;border-color: transparent;}
.copyright {border-top: 1px dashed #666;}
.copyright p {margin: 0;color: #d9d6d6;font-size: 18px;}

/* Pricing-page CSS start here */
section.price_hero {
	min-height: 400px;
	background: url(../images/pricing-bg-2.png);
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.price_sec {
    background: url(../images/pricing_bg_3.png) center/cover;
    background-position: left top;
	padding: 48px 0;
	clear: both;
}
.price_sec .under-heading {
    /*max-width: 425px;*/
	margin-bottom: 50px;
}
.price_sec .under-heading:after {
    left: 0;
    transform: inherit;
}
.price_box {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
	cursor:pointer;
	margin-bottom:20px;
	min-height: 450px;
	
}
.price_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background: #000;
    margin: 0 auto;
}
.price_icon img {
    height: 50px;
}
.price_box .product_price {
    font-size: 1.4rem;
    margin: 0 0 10px;
    color: #333;
	font-weight: bold;
	border:2px solid;
	padding:10px 0 10px 0;
}
.price_box .product_title {
    font-size: 1.5rem;
    margin: 0 0 5px;
	
}
.price_box h6 {
    color: #323232;
	font-size:16px;
}
.price_list {margin:10px 0;}
.price_list p {
    font-size: 14px;
    margin-bottom: 2px;
	color: #323232;
	min-height: 120px;
	
}
.price_list .comment-box {
	min-height: 120px;
}
.plan_btn {
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    background: #333;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
}
.plan_btn:hover, .price_box:hover .plan_btn, .active_plan .plan_btn, .active_plan .price_icon, .price_box:hover .price_icon{
    background: #5cbacf;
}

.form-popup {
    text-align: center;
    background-color: #fff;
    padding: 30px 0;
}

.form-layout a {
    background-color: #3eaeaf;
    color: #120e4c;
    text-decoration: none;
    padding: 14px 20px;
    border-radius: 33px;
    margin: 0 -29px;
}

.form-layout.error_1 {
    border: 3px solid red;
}


.error {
  color: red;
  margin-left: 5px;
  float:left;
}

.required{
	color: red;
}

.input-red-border {
	border: 1px solid red !important;
}
.form-layout p {
    margin: 7px 0px;
}
.modal {
    text-align: center;
	/*max-width: 450px !important;*/
	border-radius: 20px !important;
}
.form-layout i.fa.fa-check {
    font-size: 11px;
    background-color: #120e4c;
    color: #3eaeaf;
    padding: 5px 5px;
    border-radius: 37px;
    margin-left: 9px;
}
.modal a  {
    background-color: #5f61e4;
    color: #fff;
    text-decoration: none;
    padding: 11px 62px;
    border-radius: 33px;
}
.modal a:hover  {
	color:#fff !important;
}
.modal {
    text-align: center !important;
}
.modal h3 {
    color: #575757;
}
.modal h4 {
    font-weight: 800;
    font-size: 31px;
}
.modal h3 {
    color: #575757;
    font-size: 32px;
}
.form-layout a:hover {
    color: #120e4c;
}
p.authentic {
    margin-bottom: 35px;
	color: #575757;
}
/* Pricing-page CSS end here */

.card-sec {
    padding: 48px 0;
    clear: both;
}

.comon h2.under-heading {
    width: 100%;
    text-align: center;
    margin: 0 0 40px;
    font-size: 36px;
    display: block;
}


.earn-tire {
padding: 48px 0;
}

/*Responsive*/

@media only screen and (max-width: 991px) {

section.hero .hero-content h1 {font-size: 40px;}
header#main-header li.admin-login {margin-right: 0;}
section.how-works h2 {font-size: 28px;}
section.protect-product h2.under-heading {font-size: 32px;}
h2.under-heading {font-size: 32px;}
#footer h2.under-heading {font-size: 32px;}
header#main-header {background: #020047;padding: 0;}
section.hero {min-height: 700px;}
section.price_hero {min-height: 700px;}
section.hero .hero-content {width: 100%;}
.video-container {margin-top: -250px;}

}

@media only screen and (max-width: 767px) {
    
section.hero {min-height: 700px;}
section.hero .hero-content {width: 100%;}
.video-container {margin-top: -250px;}
section.hero {min-height: 500px;}
section.price_hero {min-height: 500px;}
.video-container {margin: 30px 0 0;border-radius: 10px;}
section.how-works {margin: 0 !important;}
section.how-works .advertisement {margin: 0 !important;}
section.how-works .advertisement .col-md-6 {margin-bottom: 10px;}
section.how-works .enter-code .col-md-6 {display: flex;flex-direction: column;}
.enter-code.second .primary {order: 2;}
.scanning-img img {position: relative;top: auto;left: auto;transform: none;}
section.we-scan {text-align: center;}
section.we-scan .col-md-8 {padding: 40px 0;}
.social-links ul {flex-direction: column;}
.social-links ul li {width: 100%;margin-bottom: 20px;}
.social-links ul li a span {display: block;margin: 0 auto;}
section.hero-video {padding-bottom: 0 !important;}
section.hero-video video {border-radius: 20px;}

.price_sec {padding: 30px 0;}
.price_sec .under-heading {margin-bottom: 30px;}
.price_box {margin-bottom: 15px;padding: 15px;}

.price_list {margin: 15px 0;}
.price_list p {margin-bottom: 0;font-weight: bold;}
header#main-header li.admin-login {
    margin-bottom: 10px;
    width: 100%;
}
header#main-header li.admin-login a.nav-link {
    display: block;
	padding: 6px 0;
}
header#main-header li.admin-login a.nav-link:not(:last-child):after{visibility: hidden;}
.social-links ul li a {padding: 0;}

}

@media only screen and (max-width: 567px) {

section.hero .hero-content h1 {font-size: 28px;}
section.hero .hero-content .form-hero .form-layout {background: transparent;padding: 0;border-radius: 0;text-align: center;}
section.hero .hero-content .form-hero .form-layout input[type="text"]{width: 100%;background: #fff;border-radius: 50px;margin-bottom: 20px;}
section.how-works .enter-code {margin: 0 !important;}
section.protect-product {margin: 0 !important;}
section.protect-product h2.under-heading {font-size: 28px;}
section.we-scan {margin: 0 !important;}
#footer form .form-layout {background: transparent;padding: 0;border-radius: 0;}
#footer form .form-layout input[type="text"] {width: 100%;background: #fff;border-radius: 50px;margin-bottom: 10px;}
#footer form .form-layout button {background: #5f61e4;}
.social-links ul {margin-top: 30px;}
.copyright {margin: 0 !important;}
.copyright p {font-size: 16px;}
.main-wize {margin-top: 76px;}
section.hero {min-height: 300px;}
section.price_hero {min-height: 300px;}
section.hero-video video {border-radius: 10px;}

}

@media only screen and (max-width: 420px){
section.hero section.price_hero .hero-content .form-hero .form-layout input[type="text"] {
    width: 100%;
    background: #fff;
    border-radius: 50px;
    margin-bottom: 24px;
}
.modal {
    width: 100% !important;
}
.blocker {
    padding: 0 3px !important;
}