/* Base Css Start  */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222;
  z-index: 99999999999;
}
#preloader .preloader-inside{
position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body {
	font-family: 'Cairo', sans-serif;
	font-weight: normal;
	font-style: normal;
	position: relative;
}
.fix {
    overflow: hidden;
}

p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin-top: 0px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}

a {
	font-size: 16px;
}
.img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
	text-decoration: none;
	outline: none;
}

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

span, a {
    display: inline-block;
}
ul,ol {
	margin: 0px;
	padding: 0px;
    list-style-type: none;
}
div[data-relative="yes"] {
	position: relative;
}
.theme-bg {
	background-color: #07031c;
	
}
/* Base Css End */

/* header css start  */
.header-area {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: transparent;
	padding: 65px 0;
	transition: .3s;
	z-index: 55;

}
.header-area.fixed {
	padding: 20px 0;
	background: #100532;
	border-bottom: 4px solid #333;
}
.header-content-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-menu li {
	margin-right: 65px;
  }
  .main-menu li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	transition: .3s;
  }
  .main-menu li a:hover {
	color: #FF7B00;
}
  .btn.dashboard-link {
  	background: #5b00ed;
background: -moz-linear-gradient(45deg,  #5b00ed 0%, #ff7b00 100%);
background: -webkit-linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
background: linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding: 11px 42px;
  }
  .btn.dashboard-link:hover {
background: #ff7b00;
background: -moz-linear-gradient(45deg,  #ff7b00 0%, #5b00ed 100%);
background: -webkit-linear-gradient(45deg,  #ff7b00 0%,#5b00ed 100%);
background: linear-gradient(45deg,  #ff7b00 0%,#5b00ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b00', endColorstr='#5b00ed',GradientType=1 );
	color: #fff;
  }
  .social-links li {
	margin-left: 14px;
  }
  .social-links li a {
	display: block;
  }
  .social-links li a img {
	width: 45px;
  }
  .social-links li:first-child {
	margin-left: 30px;
  }

/* header css end */

/* hero-area css start  */
.hero-area {
	background: linear-gradient(
114.95deg
, #343a40 0%, #495057 38.87%), linear-gradient(
180deg
, #ff7b00 0%, #FFA7A7 100%), linear-gradient(
244.35deg
, #FFB26A 0%, #ffc107 50.58%, #00A3FF 100%), linear-gradient(
244.35deg
, #FFFFFF 0%, #007089 49.48%, #FF005C 100%), radial-gradient(100% 233.99% at 0% 100%, #6D3B00 0%, #8FFF00 100%), linear-gradient(
307.27deg
, #219D87 0.37%, #93C32E 50.19%, #2800C6 100%), radial-gradient(100% 140% at 100% 0%, #FF00C7 0%, #006C7A 49.48%, #760000 100%);
	background-blend-mode: hard-light, overlay, overlay, overlay, difference, difference, normal;
	background: linear-gradient(
121.28deg
, #03002C 0%, #00FF94 100%), linear-gradient(
180deg
, #00647A 0%, #FFFFFF 100%), linear-gradient(
244.35deg
, #FF8282 0%, #E86B6B 50.58%, #001B29 100%), linear-gradient(
244.35deg
, #E03F3F 0%, #00114B 49.48%, #FF0000 100%), radial-gradient(100% 216.55% at 0% 0%, #2400FF 0%, #FF0000 44.27%, #610051 100%), linear-gradient(
307.27deg
, #096F5C 0.37%, #687EB5 50.19%, #8877CE 100%), radial-gradient(56.34% 100% at 36.02% 0%, #FF00C7 0%, #006C7A 38.54%, #FF9900 100%);
	background-blend-mode: overlay, difference, exclusion, overlay, difference, color-dodge, normal;
	background: linear-gradient(
129.96deg
, #FF2F2F 10.43%, #000460 92.78%), radial-gradient(100% 246.94% at 100% 0%, #FFFFFF 0%, #020063 100%), linear-gradient(
58.72deg
, #2200F2 0%, #530000 100%), linear-gradient(
154.03deg
, #B70000 0%, #FF003D 74.04%), linear-gradient(
341.1deg
, #FF0000 7.52%, #0038FF 77.98%), linear-gradient(
136.23deg
, #00C2FF 11.12%, #FF0000 86.47%), radial-gradient(57.37% 100% at 50% 0%, #B50000 0%, #0034BB 100%);
	background-blend-mode: overlay, color-burn, screen, overlay, difference, difference, normal;
	padding-top: 175px;
	position: relative;
}
.trans-1 {
	position: absolute;
	left: 0;
	top: 495px;
	max-width: 600px;
	z-index: 1;
}
  .trans-2 {
	position: absolute;
	right: 0;
	bottom: -675px;
	z-index: 1;
  }
  .hero-content-wrapper {
	text-align: center;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
  }
  .site_logo img {
	max-width: 100%;
	width: 100%;
  }
  .site_logo {
	display: block;
	max-width: 710px;
	margin-bottom: 14px;
	margin-left: auto;
	margin-right: auto;
  }
  .hero-content-wrapper h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 400;
	margin-bottom: 12px;
  }
  .text-yellow {
	color: #f9ac17;
  }
  .hero-content-wrapper h1 span {
	color: ;
	font-weight: 700;
	text-transform: uppercase;
  }
  .hero-content-wrapper p {
	color: #fff;
	font-size: 22px;
	line-height: 27px;
	margin-bottom: 45px;
  }
  .btn {
	background-color: #f9aa17;
	border-radius: 30px;
	border: 2px solid #f9aa17;
	padding: 14px 40px;
	font-size: 18px;
	font-weight: 700;
	color: #0d0924;
	text-transform: uppercase;
	transition: .3s;
  }
  .btn:hover {
	color: #f9aa17;
	background: transparent;
  }
  
.video-part img {
	max-width: 100%;
	width: 100%;
  }
  .video-part {
	position: relative;
	margin-top: 65px;
	background: #5b00ed;
background: -moz-linear-gradient(45deg,  #5b00ed 0%, #ff7b00 100%);
background: -webkit-linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
background: linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );

	border-radius:15px;
	padding:66.25% 0px 0 0px;
  }
  .absolute {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
  }
  .play img {
	max-width: 125px;
	width: 100%;
  }
  .hero-area .container {
	position: relative;
	z-index: 2;
}
/* hero-area css end */

/* service-area css start  */
.service-area {
	position: relative;
	padding-top: 95px;
}
  .service-trans-bg {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  }
  
.section-title {
	text-align: center;
  }
  .section-title h2 {
	background: -webkit-linear-gradient(45deg, #5b00ed, #ff7b00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-size: 46px;
	margin-bottom: 10px;
  }
  .section-title p {
	color: #fff;
	font-size: 21px;
  }
.row.custom-gutters {
	margin-left: -8px;
	margin-right: -8px;
  }
  .row.custom-gutters .c-col {
	padding-left: 8px;
	padding-right: 8px;
  }
  .sv-items {
	position: relative;
  }
  .bg-shape-1 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 95px);
	height: calc(100% + 95px);
	transform: translate(-50%, -50%);
	z-index: 0;
  }
  .sv-item-content {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 22px;
	padding-top: 30px;
	padding-bottom: 45px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}

  .sv-item-content h4 {
color:#ff7b00;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 15px;
  }
  .sv-item-content h4 span {
  	color:#fff;
	font-size: 17px;
	font-weight: 400;
  }
  .sv-item-content p {
	color: #fff;
	font-size: 14px;
LINE-HEIGHT:18PX;
  }
  
.sv-img img {
	max-width: 209px;
  }
  .sv-img {
	margin-bottom: 15px;
	position: relative;
}
.sv-trans-img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 80px;
	max-width: 90px !important;
}
/* service-area css end */

/* st-area css start  */
.st-area {
	padding-top: 1px;
	padding-bottom: 1px;
}
.st-bg-wrapper {
	position: relative;
	padding: 105px 0;
	margin-top: 56px;
	margin-bottom: 70px;
}
  .st-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	max-width: calc(100% + 130px);
	width: calc(100% + 130px);


  }
  .st-g-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	position: relative;

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

  }
  .st-item h4 {
	color: #ff7b00;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 1;
	
  }
  .st-item p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
  }
  .st-icon img {
	max-width: 90px;
	margin-bottom: 15px;

  }
/* st-area css end */

/* product-area css start  */
.other-product-flex-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .sec-img img {
	max-width: 100%;
  }
  .section-title.two {
	text-align: left;
  }
  .section-title.two h2 {
	font-size: 37px;
	color: #fff;
	margin-bottom: 5px;
}
  .section-title.two p {
	font-size: 27px;
}
  .pd-content-description p {
	color: #fff;
	font-size: 15px;
	margin-bottom: 15px;
  }
  .others-product h3 {
	color: #ff7b00;
	font-size: 20px;
	margin-bottom: 24px;
  }
  .pd-right-content-wrapper {
	padding-left: 50px;
}
.pd-right-content-wrapper .section-title {
	margin-bottom: 28px;
}
.pd-content-description {
	margin-bottom: 20px;
}
.product-area {
	position: relative;
	padding-bottom: 25px;
}
.product-area .container {
	position: relative;
	z-index: 1;
}
.trans-3 {
	position: absolute;
	left: 0;
	bottom: -275px;
	max-width: 550px;
	z-index: 1;
}
.note-para p {
	color: #fff;
	font-size: 19px;
	line-height: 26px;
	text-align: center;
  }
  .note-para {
	max-width: 750px;
	margin-left: auto;
	margin-top: 28px;
  }
/* product-area css end */


/* definition-area css start  */
.definition-area {
	position: relative;
	min-height: 550px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.defi-video-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.defi-video-bg::after {
	width: 100%;
	height: 100%;
	background: #54031b;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: .8;
}
.defi-video-bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wave-bg-1 {
    width: 100%;
    position: absolute;
    top: 50%;
    background: #5b00ed;
    background: -moz-linear-gradient(45deg, #5b00ed 0%, #ff7b00 100%);
    background: -webkit-linear-gradient(
45deg
, #5b00ed 0%,#ffd018 100%);
    background: linear-gradient(
45deg
, #5b00ed 0%,#dd0027 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );
    transform: translateY(-50%);
    z-index: 0;
    height: calc(100% + 2px);
}
.definition-area .container {
	position: relative;
	z-index: 2;
}
  .definition-content p {
	font-size: 16px;
	color: #fff;
  }
  .definition-content .section-title h2 {
	color: #fff;
	font-size: 43px;
	font-weight: normal;
	text-transform: uppercase;
  }
  .definition-area.two h2 strong {
	display: block;
}
  .definition-content .section-title h2 span {
	font-weight: 700;
  }
  .definition-content {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
/* definition-area css end */

/* feature-area css start  */
.feature-area {
	padding-top: 95px;
	padding-bottom: 10px;
}
.single-feature h3 {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.1;
	margin-bottom: 40px;
  }
  .single-feature h3 span {
	display: block;
  }
  .fea-img {
	text-align: center;
  }
  .fea-list li {
	color: #b2b2b2;
	font-size: 16px;
	display: grid;
	grid-template-columns: 50px auto;
	grid-gap: 25px;
	align-items: center;
}
  .fea-img img {
	max-height: 212px;
	margin-bottom: 40px;
  }
  .fs-img img {
	max-width: 50px;
}
.fea-list li:not(:last-child) {
	margin-bottom: 35px;
}
.fea-list.middle {
	margin-top: -10px;
	max-width: 335px;
	margin-left: auto;
	margin-right: auto;
}
.fea-list.last {
	max-width: 290px;
	margin-left: auto;
	margin-right: auto;
  }
  .fea-list.first li {
	grid-template-columns: 30px auto;
	grid-gap: 22px;
  }
  .fea-list.first {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
  }
  .payment-g-outer-wrapper {
	display: grid;
	grid-template-columns: 220px auto;
	align-items: center;
	grid-column-gap: 245px;
}
  .one-time-amount span {
	color: #f9aa17;
	font-size: 51px;
	font-weight: 700;
	display: block;
	line-height: 1;
	
  }
  .one-time-amount span small{
    font-size:35px;
    vertical-align:middle;
    top:-5px;
    left:-10px;
    position:relative;
    font-weight:700;
  }
  .one-time-amount {
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
  }
  .one-time-price-option {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 55px;
	position: relative;
}
.one-time-price-option::after {
	width: 52px;
	height: 85px;
	content: "";
	background-image: url(../img/right-arw.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -125px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.option-item {
background: #ff7b00;
background: -moz-linear-gradient(45deg,  #5b00ed 0%, #ff7b00 100%);
background: -webkit-linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
background: linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );

	border-radius: 20px;
	text-align: center;
	box-shadow: 0 0 70px rgba(254, 131, 0, 0.50);
	color: #fff;
	font-size: 19px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	line-height: 1.3;
}
.z-index {
	width: 100%;
	height: 100%;
	padding: 20px 34px;
	padding-bottom: 32px;
	position: relative;
	z-index: 1;
}
.option-item.active::after {
	width: 100%;
	height: 100%;
	content: "";
	background-image: url(../img/ac-price.png);
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
	border-radius: 20px;
	right: 0;
}
.option-item span {
text-shadow: 2px 4px #555;
	color: #fff;
	font-size: 70px;
	display: block;
	font-weight: 700;
	margin-bottom: 5px;

}
.option-item span small {
font-size:30px;
font-weight:700;
position:relative;
top:-12px;
left:-10px;
}
.option-item p{
	color: #fff;
	font-size: 21px;
	display: block;
	font-weight: 700;
	margin-bottom: 0px;
margin-top:15px;
border-top:1px solid #555;
padding-top:15px;
}
.option-trans {
	position: absolute;
	right: -71px;
	top: -37px;
	z-index: -1;
}

.option-item.active {
	color: #000;
  }
  .option-item.active span {
	color: #000;
  }
  .one-time-payment-wrapper .section-title p {
	font-size: 21px;
}
.one-time-payment-wrapper {
	margin-top: 70px;
}
/* feature-area css end */

/* definition-area.two css start  */
.definition-area.two {
	min-height: 710px;
}
.definition-area.two {
	min-height: 710px;
  }
  .definition-area.two h2 {
	font-size: 46px;
	text-shadow: 0 2px 2px #000;
	line-height: 1.05;
	margin-bottom: 28px;
  }
  .definition-area.two {
	padding-top: 100px;
}
/* definition-area.two css end */


/* footer css start  */
.footer-area {
	background: #07031c;
	position: relative;
	padding-bottom: 110px;
	padding-top: 114px;
}
  .footer-widget-wrapper {
	text-align: center;
  }
  .ft-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 5px;
  }
  .ft-menu li a {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	margin: 10px;
	transition: .3s;
  }
  .ft-menu li a:hover {
	color: #f9aa17;
}
  .ft-menu li a .obligue {
	margin-left: 20px;
  }
  .copyright-text {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
  }
.f-trans-1 {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 570px;
	z-index: 0;
  }
  .f-trans-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 570px;
	z-index: 0;
  }
  .footer-area .container {
	position: relative;
	z-index: 1;
  }
  
.social-links.ft {
	margin-bottom: 32px;
	margin-top: 45px;
  }
  .social-links.ft li {
	margin-left: 13px;
	margin-right: 13px;
  }
  .ft-logo {
	display: block;
	text-align: center;
  }
  .ft-logo img {
	max-width: 385px;
  }
/* footer css end */

/* Mobile Menu Css start  */
.mobile-bar {
	color: #f9aa17;
	cursor: pointer;
	font-size: 30px;
}
.mobile-menu-wrapper {
	position: fixed;
	left: -100%;
	top: 0;
	width: 350px;
	background: #fff;
	z-index: 99;
	height: 100vh;
	transition: .3s;
}
.mobile-menu-wrapper.show {
	left: 0;
}
.close-mobile-menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background: #fff;
	width: 100%;
	z-index: 1;
	padding: 10px 20px;
	padding-top: 15px;
	text-align: right;
}
.close-mobile-menu i {
	font-size: 30px;
	color: #f9aa17;
}
.overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #000;
	content: "";
	top: 0;
	left: 0;
	z-index: 98;
	opacity: 0;
	transition: .3s;
	visibility: hidden;
	cursor: pointer;
}
  .overlay.show {
	opacity: .5;
	visibility: visible;
  }

  .mobile-menu {
	padding: 20px;
	padding-top: 60px;
  }
  .mobile-menu li a {
	font-size: 16px;
	transition: .3s;
	color: #0E0920;
	text-transform: uppercase;
}
.mobile-menu li a:hover {
	color:#f9aa17;
}
.mobile-menu li {
	margin-bottom: 10px;
	border-bottom: 1px dashed #f9aa17;
	padding-bottom: 10px;
}
/* mobile-menu css end */


.animation-text{margin: 0;padding:0; position:absolute; top:38%; transform:translate(-50%,-50%);width:100%; text-align:center; font-size:14.5em; letter-spacing:0px; font-weight:bold; left:50%;z-index:-1;}

.animation-text span{display: inline-block; animation: textanimate 1s linear forwards; opacity:0; color:rgba(255,255,255,0.07); }

@keyframes textanimate{
  0%{
    opacity: 0;
    transform: rotateY(90deg);
    filter: blur(10px);
  }
100%{
    opacity: 1;
    transform: rotateY(0deg);
    filter: blur(0px);
  }
}
.animation-text span:nth-child(1){animation-delay:1s;}
.animation-text span:nth-child(2){animation-delay:2s;}
.animation-text span:nth-child(3){animation-delay:2.5s;}
.animation-text span:nth-child(4){animation-delay:3s;}
.animation-text span:nth-child(5){animation-delay:3.5s;}
.animation-text span:nth-child(6){animation-delay:4s;}
.animation-text span:nth-child(7){animation-delay:4.5s;}
.animation-text span:nth-child(8){animation-delay:5s;}



@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {

.animation-text{font-size:4.5em;}


    }
  }


/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
  filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
}
#foglayer_01, #foglayer_02, #foglayer_03 {
  height: 100%;
width:200%;
  position: fixed;
  bottom: 0;
}
#foglayer_01 .image01, #foglayer_01 .image02,
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
}
#foglayer_01 {
  -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
}
#foglayer_02, #foglayer_03 {
  -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
}
#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url("../img/smoke-1.png") center center/cover no-repeat transparent;
}
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02{
  background: url("../img/smoke-2.png") center center/cover no-repeat transparent;
}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .20; }
}
@-moz-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .20; }
}
@-o-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .20; }
}
@keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .8; }
  40% { opacity: .48; }
  58% { opacity: .6; }
  80% { opacity: .36; }
  100% { opacity: .2; }
}
/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
@-moz-keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
@-o-keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
@keyframes foglayer_02_opacity {
  0% { opacity: .7; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .4; }
  100% { opacity: .7; }
}
/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes foglayer_03_opacity {
  0% { opacity: 1 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: 1; }
}
@-moz-keyframes foglayer_03_opacity {
  0% { opacity: 1 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: 1; }
}
@-o-keyframes foglayer_03_opacity {
  0% { opacity: 1 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: 1; }
}
@keyframes foglayer_03_opacity {
  0% { opacity:1; }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity:1; }
}
/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-moz-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-o-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}

@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {
    #foglayer_01 .image01, #foglayer_01 .image02,
    #foglayer_02 .image01, #foglayer_02 .image02,
    #foglayer_03 .image01, #foglayer_03 .image02 {
      width: 100%;
    }
  }


@keyframes glow {
  0% {
    box-shadow: 0 0 0 0 #f21d1d;
  }
  
  50% {
    box-shadow: 0px 0px 0px 15px rgba(0,0,0,0.1);
  }
}

.show-more{
margin:60px 0;
  box-shadow: 0 0 0 0 $crimson;
  animation: glow 1.4s linear infinite;
  background: #fff;
background: -moz-linear-gradient(45deg,  #5b00ed 0%, #ff7b00 100%);
background: -webkit-linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
background: linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );
border:none;
color:#fff;
}
.show-more:hover {
background: #fff;
background: -moz-linear-gradient(45deg,  #5b00ed 0%, #ff7b00 100%);
background: -webkit-linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
background: linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );
border:none;
color:#fff;
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: transparent;
}
body::-webkit-scrollbar
{
	width: 5px;
height:5px;
	background-color: #333;
}
body::-webkit-scrollbar-thumb
{
	background-color: #5b00ed;
	border: 0px solid #5b00ed;
}

.showAllFront {
	z-index:1;
	position: relative;
}


.main-area {
	z-index:1;
	position: relative;
}

.translateClass a {
display:block;
width:30px;
text-align:right;
}
.translateClass {
background:none;
}

.cookieBar {
position:fixed;
bottom:10px;
background:#222;
border-color:#111;
color:#ccc;
opacity:0.7;
left:10px;
min-width:300px;
width:20%;
padding:20px 25px;
text-align:center;
z-index:10;
font-size:12px;
}
.cookieBar .btn {
font-size:12px;
padding:3px 15px;
margin-top:10px;
}

.st-bg-wrapper,
.one-time-price-option,
.single-feature {
z-index:10;
}

.text-dashbg {
background: -webkit-linear-gradient(45deg, #5b00ed, #ff7b00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.plandetailsCLASS {
	width:100%;
}

.small-section h2 strong {
	color:#fff;
}

.small-section h2 {
	background:none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #fff;  
}

.one-time-price-option1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 55px;
	position: relative;
}
.option-item1 {
	background: #000000;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 0 70px rgba(254, 131, 0, 0.50);
	color: #b6b6b6;
	font-size: 19px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	line-height: 1.3;
}
.option-item1.active::after {
	width: 100%;
	height: 100%;
	content: "";
	background-image: url(../img/ac-price.png);
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
	border-radius: 20px;
	right: 0;
}

.one-time-price-option1::after {
	width: 52px;
	height: 85px;
	content: "";
	background-image: url(../img/right-arw.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -125px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.option-item1 span {
	color: #f9aa17;
	font-size: 51px;
line-height:51px;
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}
.option-item1.active {
	color: #000;
  }
  .option-item1.active span {
	color: #000;
  }
  .one-time-payment-wrapper .section-title p {
	font-size: 21px;
}

  .one-time-amount1 span {
	color: #f9aa17;
	font-size: 51px;
	font-weight: 700;
	display: block;
	line-height: 1;
  }
  .one-time-amount1 {
	color: #fff;
	font-size: 46px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
  }

  
  #showDashboardOption .modal-content {
background:none;
padding:0 0px;
border-radius:20px;
border:0px solid #000;
}

.chooseDashboard h3{
text-align:center;
color:#146786;
margin:20px 0 40px 0;
}

.chooseDashboard {
text-align:center;
}
.chooseDashboardBox {
width:100%;
max-width:350px;
min-height:520px;
background: -moz-linear-gradient(45deg,  #5b00ed 0%, #ff7b00 100%);
background: -webkit-linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
background: linear-gradient(45deg,  #5b00ed 0%,#ff7b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b00ed', endColorstr='#ff7b00',GradientType=1 );

border:1px solid #78620a ;
border-bottom:5px solid #3b009a ;
border-radius:20px;
padding:20px 0px;
text-align:left;
display:inline-block;
vertical-align:middle;
margin:10px 10px 25px 10px;
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
position:Relative;
overflow:hidden;
padding-top:190px;
}

.chooseDashboardBox div{
	background: linear-gradient(180deg, #57C601 0%, #320049 100%), linear-gradient(121.28deg, #007762 0%, #5200FF 100%), linear-gradient(341.1deg, #FF0000 7.52%, #1700A4 77.98%), radial-gradient(49.82% 80.51% at 49.82% 50%, #820097 0%, #FF3D00 100%), radial-gradient(50% 72.12% at 50% 50%, #EB00FF 0%, #0B0037 100%);
background-blend-mode: color-dodge, overlay, difference, difference, normal;
	position:absolute;
	width:1000px;
	height:1000px;
	border-radius:100%;
	top:-830px;
	left:-260px;
	border:4px solid #f4e591;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);

}
.chooseDashboardBox img{
	width:250px;
	left:310px;
	position:absolute;
	bottom:25px;
}

.chooseDashboardBox h4{
text-align:center;
color:#fff;
margin:00px 0 0px 0;
text-transform:uppercase;
}

.chooseDashboardBox h5{
text-align:center;
font-weight:400;
color:#f2f2f2;
margin:00px 0 20px 0;
text-transform:uppercase;
}

.chooseDashboardBox p{
text-align:center;
font-weight:400;
color:#fff;
border-bottom:1px solid #5a577e;
padding:10px 25px 15px 25px;
margin:0px 0 0px 0;
}

.chooseDashboardBox a {
text-align:center;
color:#000;
display:block;
width:200px;
cursor:pointer;
font-size:13px;
font-weight:700;
padding:15px 0px;
margin:20px auto 10px auto;
border-radius:5px;
text-transform:uppercase;
background:#ffbb00;
border-bottom:4px solid #FBAB0C;
}

.chooseDashboardBox a:hover {
background:#FBAB0C;
}

#showDashboardOption {
background: linear-gradient(115.58deg, #00FC19 0%, #1700A4 100.22%), radial-gradient(92.72% 100% at 50% 0%, #EBFFCB 0%, #651200 100%), radial-gradient(92.72% 100% at 50% 0%, #FAFF00 0%, #820000 100%), radial-gradient(109.21% 213.32% at 100% 0%, #FF4D00 0%, #00C2FF 100%), linear-gradient(127.43deg, #D50000 0%, #7856FF 100%);
background-blend-mode: lighten, overlay, lighten, screen, normal;
}

.login-link {
    margin-left:40px;
    background:none !important;
}
.glowingBtn {
	animation: glow 1.4s linear infinite;
}