/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

html{
	scroll-behavior: smooth;
}
a{
	text-decoration: none;
	color:white;
}
a:hover{
	color:white;
	text-decoration: none;
}
@font-face{
	src: url("../fonts/April June.ttf");
	font-family: 'april';
}

@font-face{
	src: url("../fonts/Autography.otf");
	font-family: 'auto';
}

@font-face{
	src: url("../fonts/January Shine.ttf");
	font-family: 'shine';
}

@font-face{
	src: url("../fonts/Photograph Signature.ttf");
	font-family: 'photo';
}

@font-face{
	src: url("../fonts/RetroSignature.otf");
	font-family: 'retro';
}


body{
	background:white;
}
html,body{
	overflow-x:hidden;
}
.navbar-light .navbar-nav .nav-link{
	font-family: 'Poppins', sans-serif;
	color:white;
	font-size: 0.9rem;
}
.navbar{
	background-color:#16171f !important;
	padding-top: 1rem;
    padding-bottom: 1rem;
	border-bottom:0.5px solid #333658;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
	color: #9252ff;
	transition: color 0.3s ease;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{
	color: #8741f5 !important;
}
.navbar-light .navbar-toggler-icon{
	  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.btn-cart{
	    border: 0;
    color: white;

}
.navbar-light .navbar-brand:hover{
	color:white;
}
.btn-cart:hover{
	border: 0;
    color: white;
    font-size: larger;
	background: transparent;
}

.btn-login{
background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding: 0.8rem 2rem 0.8rem 2rem;
border: 0;
color: white;
font-family: 'Poppins', sans-serif;
font-size: small;
border-radius: 12px;

}

.head1{
	color: black;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 3.6rem
}
.head1 span{
	  background: -webkit-linear-gradient(60deg,#4A00E0, #8E2DE2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.para1{
	font-size:medium;
	font-family: 'Poppins', sans-serif
}

.div2{
	margin-top:  8rem;
}

.head2{
	color: black;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 3.6rem;
}
.para2{
	color: #8E2DE2;
    font-size: larger;
	font-family: 'Poppins', sans-serif;
	margin:0;

}

.div3{
	background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(60deg, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(60deg, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 2rem;
    border-radius: 17px;
	   
}
.div3-1{
	
    padding: 2rem;
    border-radius: 17px;
	   
}

.head3{
	color:white;
	
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	
}
.head3-1{
	color:#322e2e ;
	
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	
}

.para3{
    color: black !important;
    font-size: small;
    font-family: 'Poppins', sans-serif;
    margin: 0;

}

.section-bg{
	position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    display: block;
    width: 2398px;
    height: 1748px;
    margin-left: 26%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url('../img/626af49a6fb9e40a8c5db1a7_Circles of footer.svg');
    background-position: 0 0;
    background-size: auto;
    background-repeat: no-repeat;

}

.faqhead{
	font-family: 'Poppins', sans-serif;
	margin-bottom: 3rem;
	color: white;
}


.faq-title p {
  padding: 0 190px;
  margin-bottom: 10px;
	
}

.faq .card {
  border-radius: 12px;
    background: #16171f;
    margin-bottom: 1rem;
 	    backdrop-filter: blur(3px);
}

.faq .card .card-header {
  padding: 0px;
  border: none;
  background: #7d23e0;

  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}


.faq .card .card-header .faq-title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
  font-size: medium;

  color: white;
  font-family: 'Poppins', sans-serif;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 15px;
}

.faq .card .card-header .faq-title .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  float: left;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  background: #a864e2;
  color: #0b0000;
  font-size: 12px;
  margin-right: 20px;
}

.faq .card .card-body {
  padding: 30px;
  padding-left: 35px;
  padding-bottom: 16px;
  font-weight: 400;
  font-size: small;
  color: black;
  font-family: 'Poppins', sans-serif;
  line-height: 28px;
}

.faq .card .card-body p {
  margin-bottom: 14px;
}

@media (max-width: 991px) {
  .faq {
    margin-bottom: 30px;
  }
	.mis-p{
		padding-left:15px !important;
	}
	.head1{
		font-size:2.3rem;
	}
	.last-r p{
		text-align: center;
		margin: 0 auto;
	}
	.btn-buy{
		margin:0 auto !important;
		margin-bottom:1rem !important;
	}
	.btn-buy2{
		margin:0 auto !important;
	}
	.div1{
		padding-top:5rem !important
	}
  .faq .card .card-header .faq-title {
    line-height: 26px;
    margin-top: 10px;
  }
	.btn-login{
		margin-left:0 !important;
	}
	
}
.div4{
	margin-top:10rem;
}

.switch-container {
  display: flex;
  align-items: center;
  }

.tabs {
  margin-top: 10rem;
  display: flex;
  position: relative;
  background: #121319;
	border:1.5px solid #333658;
  padding: 0.75rem;
  border-radius: 17px; }
  .tabs * {
    z-index: 2; }

#radio-1, #radio-2, #radio-3 {
  display: none; }

#radio-4, #radio-5, #radio-6 {
  display: none; }

.tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 150px;
  font-size: 0.95rem;
  font-weight: 500;
  border-radius: 17px;
  cursor: pointer;
  transition: color 0.15s ease-in;
	color:white;
  }

.notification {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: 0.75rem;
  border-radius: 50%;
  background-color: var(--secondary-color);
  transition: 0.15s ease-in; }

input[type="radio"]:checked + label {
  color: white;
  }
  input[type="radio"]:checked + label > .notification {
    background-color: var(--primary-color);
    color: #fff; }

input[id="radio-1"]:checked ~ .glider {
  transform: translateX(0); }

input[id="radio-2"]:checked ~ .glider {
  transform: translateX(100%); }

input[id="radio-3"]:checked ~ .glider {
  transform: translateX(200%); }

input[id="radio-4"]:checked ~ .glider {
  transform: translateX(300%); }

input[id="radio-5"]:checked ~ .glider {
  transform: translateX(400%); }

input[id="radio-6"]:checked ~ .glider {
  transform: translateX(200%); }

.glider {
  position: absolute;
  display: flex;
  height: 40px;
  width: 150px;
  background: linear-gradient(to right, #4A00E0, #8E2DE2);
  z-index: 1;
  border-radius: 13px;
  transition: 0.25s ease-out;
}

@media (max-width: 700px) {
  .tabs {
    transform: scale(0.6); } }
.grid {
  display: grid;
  grid-gap: var(--card-padding);
  margin: 0 auto;
  max-width: 80em;
	padding: 0; }
  @media (min-width: 42em) {
    .grid {
		grid-template-columns: repeat(3, 1fr); } }
.text-secondary{
	color:#d4d4d4 !important;
		font-family: 'Poppins', sans-serif;

}
.section-glow{
	display:block;
	z-index: 0;
	width:1080px;
	height:705px;
	background: url('../img/bg-glow.png');
	position:absolute;
	left: -35rem;
    top: 83rem;
	opacity:0.5;
}
.section-glow2{
	display:block;
	z-index: -1;
	width:1080px;
	height:705px;
	background: url('../img/bg-glow.png');
	position:absolute;
	    right: 30rem;
    top: -1rem;
    opacity: 0.2;
}
.div5{
	background:url("../img/bottom-bg.png");
	height:auto;
	margin-top:15rem;
	background-size:cover;
	padding-bottom:10rem;
	background-position-y: center;
}

.head4{
	color: white;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 3.5rem;
	
	
}
.navbar-brand{
		font-family: 'Poppins', sans-serif;
}
.navbar-light .navbar-brand{
	color:white;
}
.para4{

    color: #8E2DE2;
    font-size: larger;
	font-family: 'Poppins', sans-serif;
	margin:0;

}

.para5{

    font-size: small;
    font-family: 'Poppins', sans-serif;
    margin: 0;
	font-size: medium;


}




.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 150px;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.btn2 {
  clear:both;
  white-space:nowrap;
  font-size:1em;
  display:inline-block;
  border-radius:15px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  margin:2px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden;
	border:1.5px solid #333658

}

.btn2:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}

.btn2:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn2 > span,.btn2-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn2 > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color:#FFF;
  background:#262837;
		  	font-family: 'Poppins', sans-serif;

}

.btn2:focus > span {
  background:#9a9a9a
}

.btn2-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  background:#16171f
}

.btn2-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #222;
  position:absolute;
  top:13px;
  right:-15px
}

.btn2-icon:hover > i,.btn2-icon:focus > i {
  color:#FFF
}

.btn2-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn2-facebook:hover > i,.btn2-facebook:focus > i {
  color:#3b5998
}

.btn2-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn2-twitter:hover > i,.btn2-twitter:focus > i {
  color:#55acee
}

.btn2-twitter > span {
  background:#55acee
}

/*Google*/
.btn2-googleplus:hover > i,.btn2-googleplus:focus > i {
  color:#dd4b39
}

.btn2-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn2-pinterest:hover > i,.btn2-pinterest:focus > i {
  color:#cb2028
}

.btn2-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn2-linkedin:hover > i,.btn2-linkedin:focus > i {
  color:#007bb6
}

.btn2-linkedin > span {
  background:#007bb6
}

.div11{
    padding: 2rem;
	padding-left:2rem;
	padding-right:2rem;
    border-radius: 17px;
    background: #121319;
}

.head11{
	color: white;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;

}

.subhead11{
	color: white;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;

}

.subhead11 span{
	font-weight: 300;
	    font-size: medium;
}

.head12{
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
}

.para11{
	font-family: 'Poppins', sans-serif;
	color: #8741f5;
}

.btn-view{
background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding: 0.4rem 1.5rem 0.4rem 1.5rem;
border: 0;
color: white;
font-family: 'Poppins', sans-serif;
font-size: small;
border-radius: 8px;

}
.gallery__hero img, .gallery__thumbs img{
	max-width:100%;
}
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/**
 * Gallery Styles
 * 1. Enable fluid images
 */
.gallery {
  overflow: hidden;
}

.gallery__hero {
  overflow: hidden;
  position: relative;
  padding: 2em;
  margin: 0 0 0.3333333333em;
  background: #121319;
	
}
.is-zoomed .gallery__hero {
  cursor: move;
}
.is-zoomed .gallery__hero img {
  max-width: none;
  position: absolute;
  z-index: 0;
  top: -50%;
  left: -50%;
}

.gallery__hero-enlarge {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 1;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6bS00OC4yNS0xMC43MWMtMTYuOTU0IDAtMzAuNzUzLTEzLjc5OC0zMC43NTMtMzAuNzUyIDAtMTYuOTY0IDEzLjgtMzAuNzY0IDMwLjc1My0zMC43NjQgMTYuOTY0IDAgMzAuNzUzIDEzLjggMzAuNzUzIDMwLjc2NCAwIDE2Ljk1NC0xMy43ODggMzAuNzUzLTMwLjc1MyAzMC43NTN6TTYzLjAzMiA0NS4zNTRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2MmgtOS4xNjR2OS4xNjRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2Mi0yLjM1NSAwLTQuMjYyLTEuOTE4LTQuMjYyLTQuMjYydi05LjE2NGgtOS4xNjRjLTIuMzU1IDAtNC4yNjItMS45MTgtNC4yNjItNC4yNjIgMC0yLjM1NSAxLjkwNy00LjI2MiA0LjI2Mi00LjI2Mmg5LjE2NHYtOS4xNzVjMC0yLjM0NCAxLjkwNy00LjI2MiA0LjI2Mi00LjI2MiAyLjM1NSAwIDQuMjYyIDEuOTE4IDQuMjYyIDQuMjYydjkuMTc1aDkuMTY0YzIuMzU1IDAgNC4yNjIgMS45MDcgNC4yNjIgNC4yNjJ6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__hero-enlarge:hover {
  opacity: 1;
}
.is-zoomed .gallery__hero-enlarge {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6TTE0LjU5IDQ1LjM1NGMwLTE2Ljk2NCAxMy44LTMwLjc2NCAzMC43NTMtMzAuNzY0IDE2Ljk2NCAwIDMwLjc1MyAxMy44IDMwLjc1MyAzMC43NjQgMCAxNi45NTQtMTMuNzkgMzAuNzUzLTMwLjc1MyAzMC43NTMtMTYuOTUzIDAtMzAuNzUzLTEzLjgtMzAuNzUzLTMwLjc1M3pNNTguNzcyIDQ5LjYxSDMxLjkyYy0yLjM1NSAwLTQuMjYzLTEuOTA3LTQuMjYzLTQuMjZzMS45MDgtNC4yNjMgNC4yNjItNC4yNjNINTguNzdjMi4zNTQgMCA0LjI2MiAxLjkwOCA0LjI2MiA0LjI2MnMtMS45MSA0LjI2LTQuMjYyIDQuMjZ6Ii8+PC9zdmc+);
}

.gallery__thumbs {
  text-align: center;
	background:#121319;
}
.gallery__thumbs a {
  display: inline-block;
  width: 20%;
  padding: 0.5em;
  opacity: 0.75;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__thumbs a:hover {
  opacity: 1;
}
.gallery__thumbs a.is-active {
  opacity: 0.2;
}

.subhead21{
	color: white;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: medium;

}

.parades{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: small;

}

.parades1{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: medium;

}

.card{
	background: transparent !important;
}

.card0 {
    
    border-radius: 8px;
    z-index: 0
}

.card00 {
    z-index: 0;
	background: #121319 !important;
	
}

.card1 {
    margin-left: 140px;
    z-index: 0;
    border-right: 1px solid #F5F5F5
}

.card2 {
    display: none
}

.card2.show {
    display: block
}

.social {
    border-radius: 50%;
    background-color: #FFCDD2;
    color: #E53935;
    height: 47px;
    width: 47px;
    padding-top: 16px;
    cursor: pointer
}



.next-button {
    width: 18%;
    height: 38px;
    background-color: #8741f5;
    color: #fff;
    border-radius: 6px;
    padding: 6px;
    cursor: pointer
}

.next-button:hover {
    background-color: #49208a;
    color: #fff
}

.get-bonus {
    margin-left: 154px
}

.pic {
    width: 230px;
    height: 110px
}

#progressbar {
    position: absolute;
    left: 35px;
    overflow: hidden;
    color: #E53935
}

#progressbar li {
    list-style-type: none;
    font-size: 8px;
    font-weight: 400;
    margin-bottom: 36px
}

#progressbar li:nth-child(3) {
    margin-bottom: 88px
}

#progressbar .step0:before {
    content: "";
    color: #fff
}

#progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 20px;
    background: #565974;

    border-radius: 50%;
    margin: auto
}

#progressbar li:last-child:before {
    width: 40px;
    height: 40px
}

#progressbar li:after {
    content: '';
    width: 3px;
    height: 66px;
    background: #565974;
    position: absolute;
    left: 58px;
    top: 15px;
    z-index: -1
}

#progressbar li:last-child:after {
    top: 147px;
    height: 66px
}

#progressbar li:nth-child(3):after {
    top: 81px
}

#progressbar li:nth-child(2):after {
    top: 0px
}

#progressbar li:first-child:after {
    position: absolute;
    top: -81px
}

#progressbar li.active:after {
    background: #8741f5;
}

#progressbar li.active:before {
    background: #8741f5;
    font-family: FontAwesome;
    content: "\f00c"
}

.tick {
    width: 100px;
    height: 100px
}

.prev {
    display: block;
    position: absolute;
    left: 102px;
    top: 30px;
    cursor: pointer;
	color: white;
}

.prev:hover {
    color: #8741f5 !important
}

@media screen and (max-width: 912px) {
    .card00 {
        padding-top: 30px
    }

    .card1 {
        border: none;
        margin-left: 50px
    }

    .card2 {
        border-bottom: 1px solid #F5F5F5;
        margin-bottom: 25px
    }

    .social {
        height: 30px;
        width: 30px;
        font-size: 15px;
        padding-top: 8px;
        margin-top: 7px
    }

    .get-bonus {
        margin-top: 40px !important;
        margin-left: 75px
    }

    #progressbar {
        left: -25px
    }
}



.input > img{
  cursor:pointer;
  border:5px solid transparent;
}
input:checked + img{
  border-color: black;
  border-radius:10px;
}


/*Author*/
.author{
  position:fixed;
  bottom:10px;
  right:10px;
  background:black;
  padding:3px;
  border-radius:5px;
}
.author p{
  text-align:center;
  padding:5px 10px;
  margin:0;
  color:white;
  border:2px solid lightgrey;
  border-radius:5px;
}
.author a{
  color:lightgrey;
}

.pricing-table {
	background: #121319;
    box-shadow: 0px 40px 60px black !important;
	padding: 2rem;
	border-radius: 14px;
	transition: .3s;
	font-family: 'Poppins', sans-serif;
}

.pricing-table:hover {
	box-shadow: 0px 1px 10px -4px rgba(0, 0, 0, .15);
}

.pricing-table .pricing-label {
	border-radius: 2px;
	padding: .25rem .5rem;
	margin-bottom: 1rem;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
}

.pricing-table h2 {
	color: white;
	font-size: 24px;
	font-weight: 500;
}

.pricing-table h5 {
	color: #B3B3B3;
	font-size: 14px;
	font-weight: 400;
}

.pricing-table .pricing-features {
	margin-top: 2rem;
}

.pricing-table .pricing-features .feature {
	font-size: 14px;
	margin: .5rem 0;
	color: #B3B3B3;
}

.pricing-table .pricing-features .feature span {
	display: inline-block;
	float: right;
	color: #3b3b3b;
	font-weight: 500;
}

.pricing-table 	.price-tag {
	margin-top: 2rem;
	text-align: center;
	font-weight: 500;
}

.pricing-table .price-tag .symbol {
	font-size: 24px;
}

.pricing-table .price-tag .amount {
	letter-spacing: -2px;
	font-size: 64px;
}

.pricing-table .price-tag .after {
	color: #3b3b3b;
	font-weight: 500;
}

.pricing-table .price-button {
	display: block;
	color: #fff;
	margin-top: 2rem;
	padding: .75rem;
	border-radius: 2px;
	text-align: center;
	font-weight: 500;
	transition: .3s;
}

.pricing-table .price-button:hover {
	text-decoration: none;
}

.purple .pricing-label {
	background: #d8caff;
	color: #8E2DE2;
}

.purple .price-tag {
	color: white;
}

.purple .price-button {
	background: #8E2DE2;
}

.purple .price-button:hover {
	background: #6A18B1;
}

.turquoise .pricing-label {
	background:#d8caff;
	color: #8E2DE2;
}

.turquoise .price-tag {
	color: white;
}

.turquoise .price-button {
	background: #8E2DE2;
}

.turquoise .price-button:hover {
	background: #6A18B1;
}

.red .pricing-label {
	background: #d8caff;
	color: #8E2DE2;
}

.red .price-tag {
	color: white;
}

.red .price-button {
	background: #8E2DE2;
}

.red .price-button:hover {
	background: #6A18B1;
}
.tos-para{
	color:gainsboro;
	font-family: 'Poppins', sans-serif;
}
.tos-head{
	color:white;
	font-family: 'Poppins', sans-serif;
}
.bg-div{
	margin-top:5rem;
	
}
.swipe {
  position: relative;
  background-color: white;
	font-family: 'Poppins', sans-serif;
  width: 200px;
  height: 60px;
  color: rgba(255, , 204, 1);
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: 0.5px solid rgba(0, 0, 0, 0.35);
  padding-left: 40px;
  cursor: pointer;
  transition: 0.35s ease;
}

.swipe:hover {
  padding-left: 0;
  padding-right: 40px;
  color: #324B4C;
}

.container {
  position: absolute;
  left: 5px;
  width: 50px;
  height: 50px;
  background: #7d23e0;
  border-radius: 50%;
  transition: 0.35s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f1f4f7;
}

.swipe:hover .container {
  left: calc(100% - 55px);
  color: #324B4C;
}
h5{
	font-family: 'Poppins', sans-serif;
}