@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}
.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
	position: absolute;
	color: #fff;
	margin: 0;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
	width: 30px;
	height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000 !important;
}
.owl-nav span {
    font-size: 30px;    
    position: absolute;
    /*top: -12px;*/
	left:10px;
	color:#fff;
	transform: translateY(-60%);
}
.owl-nav button:focus {
    outline: none;
}
.owl-nav {
    display: block !important;}
.owl-dots {
    display: none !important;
}

/*--start-blank-div--*/
.blank-div{ width:100%; height:84px; background:#040404; overflow:hidden;}
/*--end-blank-div--*/

/*--start-banner--*/
.banner{ width:100%; margin:0 auto; padding:50px 0 100px 0; background:url(../images/glow.png) #040404; background-repeat: no-repeat; background-position: center; background-size: contain; overflow:hidden;}
.banner h2{ font-family: 'Roboto', sans-serif; font-size:70px; font-weight:Bold; text-align:center; color:#fff; line-height:90px; margin:20px 0 20px 0; }
.banner h5{ font-family: "Open Sans", sans-serif; font-size:20px; font-weight:normal; text-align:center; color:#fff; line-height:26px; margin:0 0 30px 0;}

.col-Learn-More {
  position: relative;
  display: block;
  padding: 18px 0;
}
.scroll-down {
}
.scroll-down:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  width: 13px;
  opacity: 0;
  height: 13px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 8;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: arrowdown 2s 0.5s infinite ease-in-out;
  -moz-animation: arrowdown 2s 0.5s infinite ease-in-out;
  animation: arrowdown 2s 0.5s infinite ease-in-out;
}
.scroll-down:before {
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  bottom: 10px;
  display: block;
  text-align: center;
  width: 13px;
  height: 13px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 8;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: arrowdown1 2s infinite ease-in-out;
  -moz-animation: arrowdown1 2s infinite ease-in-out;
  animation: arrowdown1 2s infinite ease-in-out;
}

@keyframes arrowdown1 {
  0% {
    transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
}
@-webkit-keyframes arrowdown {
  0% {
    -webkit-transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }

  50% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
}
@-moz-keyframes arrowdown {
  0% {
    -moz-transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
}

@keyframes arrowdown {
  0% {
    transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }

  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes arrowdown {
  0% {
    -webkit-transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }

  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
}
@-moz-keyframes arrowdown {
  0% {
    -moz-transform: translate(0, -5px) rotate(45deg);
    opacity: 0;
  }

  100% {
    transform: translate(0, 5px) rotate(45deg);
    opacity: 1;
  }
}
/*--end-banner--*/

/*--start-about--*/
.about{ width:100%; margin:0 auto; padding:60px 0; background:#141107; overflow:hidden;}
.about h2{ font-family: 'Roboto', sans-serif; font-size:50px; font-weight:Bold; text-align:left; color:#fff; line-height:60px; margin:0 0 30px 0; }
.about p{ font-family: "Open Sans", sans-serif; font-size:16px; font-weight:normal; color:#b5b5b5; line-height:26px; margin:0 0 30px 0;}
.about i{ font-size:40px; background: -webkit-linear-gradient(#a9852b, #ffd76d, #a9852b);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:50px; margin-bottom:20px;}
.about li{ font-family: "Open Sans", sans-serif; font-weight:400; font-size:16px; text-align:left; color:#fff; line-height:24px; margin-bottom:10px; position:relative; list-style:none;}
.about li::before {
  content: '\f0a4';
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 20px;
  left: -28px;
  top: 0;
  width: 25px;
  height: 25px;
  color: #dba453;
}
/*--end-about--*/

/*--start-live-session--*/
.live-session{ width:100%; margin:0 auto; padding:20px 0 60px 0; background:#141107; overflow:hidden;}
.live-session h2{ font-family: 'Roboto', sans-serif; font-size:50px; font-weight:Bold; text-align:left; color:#fff; line-height:60px; margin:0 0 30px 0; }
.live-session p{ font-family: "Open Sans", sans-serif; font-size:16px; font-weight:normal; color:#b5b5b5; line-height:26px; margin:0 0 30px 0;}
.live-session i{ font-size:40px; background: -webkit-linear-gradient(#a9852b, #ffd76d, #a9852b);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:50px; margin-bottom:20px;}
/*--end-live-session--*/

/*--start-scanners--*/
.scanners{ width:100%; margin:0 auto; padding:100px 0 30px 0; background:#fff; overflow:hidden;}
.scanners h2{ font-family: 'Roboto', sans-serif; font-size:50px; font-weight:Bold; text-align:left; color:#2d2d2d; line-height:70px; margin:0 0 50px 0; }
.scanners h3{ font-family: 'Roboto', sans-serif; font-size:32px; font-weight:700; margin-bottom:15px;
background: -webkit-linear-gradient(#e3b339, #a8852a);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.scanners h4{ font-family: "Open Sans", sans-serif; font-weight:600; font-size:18px; text-align:left; color:#000; line-height:28px; margin-bottom:15px;}
.scanners p{ font-family: "Open Sans", sans-serif; font-weight:400; font-size:16px; text-align:left; color:rgba(0, 0, 0, 0.65); line-height:24px; margin-bottom:10px;}
.scanners li{ font-family: "Open Sans", sans-serif; font-weight:400; font-size:16px; text-align:left; color:rgba(0, 0, 0, 0.65); line-height:24px; margin-bottom:10px;}
/*--end-scanners--*/

/*--start-create-account--*/
.create-account{ width:100%; margin:0 auto; padding:70px 0 70px 0; background:#fff; overflow:hidden;}
.create-account .box{ width:100%; margin:10px auto; padding:20px 10px; border-radius:5px; /*box-shadow:0 10px 30px 0 rgba(50,50,50,.10);*/  position:relative; z-index:12; box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15); overflow:hidden;}
.create-account .box a:hover{ text-decoration:none;}
.create-account .box h4{ font-family: 'Inter', sans-serif; font-size:20px; font-weight:600; text-align:center; color:#0f0f0f; line-height:28px; padding-top:10px; }
.create-account .box h4 span{ color:#dfa32c;}
.create-account .box p{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:400; text-align:center; color:#888; line-height:26px;}
.create-account .box .icon-box{ width:100px; height:100px; margin:0 auto; margin-bottom:20px;}
.create-account .box .icon-box img{ margin:0 auto; display:block; }
.create-account .box .ab-icon{ width:100px; height:100px; margin:0 auto; margin-top:30px; right:0; left:0; position:absolute; background:#80ba0000; border-radius:50%; z-index:1;}
.create-account .box .ab-icon i{ font-size:60px; text-align:center; color:#a66f1e; line-height:100px; display:block;}
.create-account .box .wave{ width:100px; height:100px; position:relative; margin:0 auto; margin-top:30px; margin-bottom:20px; display:block; background:#f67f22; border-radius:50%; opacity:0;}
.create-account .box:hover .wave{ animation:waveeffect 2000ms ease-out infinite;}
.create-account .box:hover .ab-icon{ background:#f67f22;}
.create-account .box:hover .ab-icon i{ color:#fff;}

@keyframes waveeffect {
    0% {
    opacity: 0.4;
		}
	100% {
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
    opacity: 0;
		}
}
/*--end-create-account--*/

/*--start-clients--*/
.clients{ width:100%; margin:0 auto; padding:50px 0 50px 0; background:#fff; overflow:hidden;}
/*.clients h2{ font-family: 'Inter', sans-serif; font-size:36px; font-weight:600; color:#0a0a0a; line-height:42px; margin-bottom:30px;}*/
.clients h2{ font-family: 'Roboto', sans-serif; font-size:50px; font-weight:Bold; text-align:left; color:#2d2d2d; line-height:60px; margin:0 0 60px 0; }
.clients .box{ margin:0 auto; padding:15px 20px; min-height:320px; background:#fafafa; border:solid 1.5px #755d1d; border-radius:10px;}
.clients .box p{ font-family: "Open Sans", sans-serif; font-size:14px; font-weight:normal; color:#000; line-height:28px; margin:0 0 10px 0; padding:20px 0 0 0;}
.clients .box h5{ font-family: "Open Sans", sans-serif; font-size:18px; font-weight:bold; color:#000; line-height:28px; margin:20px 0 0px 0; padding:10px 0 0 0;}
.clients .box h6{ font-family: "Open Sans", sans-serif; font-size:18px; font-weight:normal; color:#dba453; line-height:20px; margin:0 0 10px 0; padding:10px 0 0 0;}
/*--end-clients--*/

/*--start-earn--*/
.earn{ width:100%; margin:0 auto; padding:60px 0; background:#141107; overflow:hidden;}
.earn h2{ font-family: 'Roboto', sans-serif; font-size:60px; font-weight:Bold; text-align:left; color:#fff; line-height:70px; margin:0 0 30px 0; }

.earn h4{ font-family: 'Roboto', sans-serif; font-size:32px; font-weight:700; margin-bottom:15px;
background: -webkit-linear-gradient(#e3b339, #a8852a);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.earn p{ font-family: "Open Sans", sans-serif; font-size:16px; font-weight:normal; color:#ababab; line-height:26px; margin:0 0 30px 0;}

.earn li{ font-family: "Open Sans", sans-serif; font-weight:400; font-size:16px; text-align:left; color:#fff; line-height:24px; margin-bottom:10px; position:relative; list-style:none;}
.earn li::before {
  content: '\f0a4';
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 20px;
  left: -28px;
  top: 0;
  width: 25px;
  height: 25px;
  color: #dba453;
}
/*--end-earn--*/

/*--start-footer--*/
.footer{ width:100%; margin:0 auto; padding:60px 0; background:#141107; position:relative;}
.footer h4{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:400; text-align:left; text-transform:uppercase; color:#fff; line-height:24px; margin:0 0 20px 0;}
.footer h5{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#868686; line-height:24px; margin:0;}
.footer h5 a{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#868686; line-height:24px;}
.footer h5 a:hover{ color:#fff; text-decoration:none;}

.footer p{ font-family: 'Inter', sans-serif; font-size:13px; font-weight:400; text-align:left; color:#868686 ; line-height:24px; margin:10px 0 0 0;}

.footer .footer-list{ margin:0; padding:0; list-style:none;}
.footer .footer-list li a{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:normal; color:#868686 !important; line-height:26px;}
.footer .footer-list li a:hover{ text-decoration:none; color:#fff;}

.social-link{ width:100%; padding:0 0px; text-align:center; margin-bottom:0 !important; }
.social-link li{ display:inline-block;}
.social-link li a{ width:25px; height:25px;/* background:rgba(255,255,255,.15); */display:block;}
.social-link li a i{ font-size:18px; color:#a2a2a2; line-height:25px;}
.social-link li:not(:last-child){ margin-right:5px;}
.social-link li a:hover i{ color:#fff;}

.sec-2-overlay {
	height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
    background-image: url(../images/sec-2-bg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/*--end-footer--*/

.readmore-btn{
	max-width:220px;
	padding:15px 10px;
    color:#fff !important;
    background: linear-gradient(to right, #e3b339, #a8852a);
    font-family: 'OpenSansBold', sans-serif;
    font-size: 20px;
    font-weight: normal;
    border-radius: 5px;
    text-align:center;
    margin-top:30px;
    cursor: pointer;
}
.readmore-btn:hover { background: linear-gradient(to right, #a8852a, #e3b339); text-decoration:none;} 
.readmore-btn:hover a{ text-decoration:none; display:block; }
.readmore-btn a{ color:#fff !important; display:block !important; }

/*--start-body-content--*/
.body-content{ width:100%; margin:0 auto; background:#fff; padding:50px 0; overflow:hidden;}
.body-content .box{ width:100%; margin:10px auto; padding:10px 5px 20px 5px; background:#f7f7f7; box-shadow: 2px 2px 5px #d9d9d9; overflow:hidden;}
.body-content .box .caption h1{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:left; text-transform:capitalize; color:#040404; margin:15px 10px 25px 10px;}
.body-content .box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#888; line-height:28px; margin:0 10px;}
.body-content .box .caption2 h1{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:right; text-transform:capitalize; color:#df2f44; margin:20px 10px 15px 10px;}
.body-content .box .caption2 p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:right; color:#888; line-height:24px; margin:0 10px;}

.body-content .box .img-curve-right{ border-radius:0 0 0 300px;}
.body-content .box .img-curve-left{ border-radius:0 0 300px 0;}
/*--end-body-content--*/

@media (max-width: 990px){
.blank-div{ width:100%; height:70px; overflow:hidden;}
}

@media (max-width: 767px){

}


@media (max-width: 575px){
.banner{ padding:50px 0;	}
.banner h2{ font-size:30px; line-height:50px;}
.banner h5{ font-size:20px; line-height:26px;}

.about h2{ font-size:36px; line-height:60px; margin-bottom:10px; }
.about p{ font-size:16px; line-height:26px; }
.about i{ margin-bottom:0;}
.about li{ font-size:12px; line-height:22px;}

.live-session h2{ font-size:36px; line-height:60px; margin-bottom:10px; }
.live-session i{ margin-bottom:0; margin-top:20px;}

.scanners h2{ font-size:36px; line-height:60px; margin-bottom:10px; }
.scanners h3{ font-size:24px;}

.clients h2{ font-size:36px; line-height:40px; margin-bottom:20px; }

.earn h2{ font-size:32px; line-height:60px; margin-bottom:10px; }
.earn h4{ font-size:24px;}
.earn br{ display:none}
}