:root {
	--Sniglet-font: "Sniglet", cursive;
	--Rubik: "Rubik", cursive;
	--Patua: "Patua One", cursive;
	--Lobster: "lobster", cursive;
	--light-black: #2e2c2caf;
	/* --bggradient: linear-gradient(to bottom, #dd2476, #ff512f); */
	--bggradient: linear-gradient(to bottom, #2c24dd, #2fa9ff);
	--light-gray: rgba(255, 255, 255, 0.877);
  }
.home .carousel-item{
	min-height: 88vh;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.home .carousel-item:before{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
}
.home .carousel-item .container{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.home .carousel-item h2{
	font-size: 80px;
	color: #ffffff;
	margin:0 0 10px;
	opacity: 0;
}
.home .carousel-item p{
	font-size: 30px;
	margin:0;
	color: #eeeeee;
	opacity:0;
}
.home .carousel-item.active h2{
	animation: fadeInLeft 0.5s ease forwards;
}
.home .carousel-item.active p{
	animation: fadeInRight 0.5s ease forwards;
}

@keyframes fadeInLeft{
	0%{
		opacity: 0;
		transform: translateX(-30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes fadeInRight{
	0%{
		opacity: 0;
		transform: translateX(30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}

.home .carousel-controls{
	position: absolute;
	left: 50%;
	bottom: 40px;
	z-index: 10;
	transform: translateX(-50%);
}

.home .carousel-indicators{
	position: relative;
	margin:0;
}

.home .carousel-indicators li{
	height: 70px;
	width: 70px;
	margin:0 5px;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	border:3px solid transparent;
	transition: all 0.3s ease;
}
.home .carousel-indicators li.active{
	border-color: #ffffff;
	transform: scale(1.2);
}

.home .carousel-control-next, 
.home .carousel-control-prev{
	height: 60px;
	width: 60px;
	opacity: 1;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	transition: all 0.3s ease;
}
.home .carousel-control-next:hover, 
.home .carousel-control-prev:hover{
   box-shadow: 0 0 10px #ffffff;
}
.home .carousel-control-next img, 
.home .carousel-control-prev img{
   width: 30px;
}
.home .carousel-control-next{
	right: -90px;
}
.home .carousel-control-prev{
	left: -90px;
}

/*responsive*/
@media(max-width: 767px){
  .home .carousel-control-next, 
  .home .carousel-control-prev{
  	display: none;
  }
  .home .carousel-indicators li{
  	height: 60px;
  	width: 60px;
  }
  .home .carousel-item h2{
  	font-size: 45px;
  }
  .home .carousel-item p{
  	font-size: 22px;
  }
}

.menu{
	color: #ffffff !important;
	background-color: #046dd6 !important;
	border-radius: 20px;
	margin-left: 10px;
	margin-top: 10px;
}
/* .menu:hover{
	color: #ffee10 !important;
	box-shadow: 0 0 5px #ffee10 !important;
	text-shadow: 0 0 5px #ffee10 !important; 
	background-color: black !important;
	border-radius: 5px !important;
	transform: scale(1.1);
} */


/* section 1 */
.section-1 {
	padding: 20vmin 0vmin;
  }
  
  .section-1 .row .col-md-6 .pray img {
	opacity: 0.8;
	width: 80%;
	border-radius: 0.2em;
  }
  
  .section-1 .row .col-md-6:last-child {
	position: relative;
  }
  
  .section-1 .row .col-md-6 .panel {
	position: absolute;
	top: 7vmin;
	left: -13vmin;
	background: white;
	border-radius: 3px;
	text-align: left;
	padding: 13vmin 5vmin 10vmin 10vmin;
	box-shadow: 0px 25px 42px rgba(0, 0, 0, 0.2);
	font-family: var(--Rubik);
	z-index: 1;
  }
  
  .section-1 .row .col-md-6 .panel h1 {
	font-weight: bold;
	padding: 0.4em 0;
	font-size: 2em;
	color: #2f8bf8;
  }
  
  .section-1 .row .col-md-6 .panel p {
	font-size: 0.9em;
	color: rgba(0, 0, 0, 0.5);
  }
  @media only screen and (max-width: 768px) {
	.section-1 .row .col-md-6 .panel {
	  position: initial;
	  width: initial;
	  height: initial;
	}
	.section-2 .cover {
		background-position: -25vmin -10vmin;
	  }
	  .numbers .rect {
		width: 10rem;
		height: 8rem;
	  }
	  .numbers .rect h1 {
		font-size: 2rem;
	  }
	  .section-3 {
		height: inherit;
		padding: 10vmin !important;
	  }
	  .section-3 .row h1 {
		padding: 6vmin 4vmin;
	  }
	  .section-3 .platform .col-md-6 {
		text-align: center !important;
	  }
	  .section-3 .desktop i {
		font-size: 8vmin;
	  }
	  footer .row .col-md-2 {
		margin-top: 8vmin;
	  }
  }
  
  /* section 2 */
  
/*  Section 2  */

.cover {
	width: 100%;
	height: 55vmin;
	background-position: -24rem -19rem;
	background-size: 150%;
	position: relative;
  }
  

  
  .cover .content {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	padding-top: 19vmin;
  }
  
  .cover .content > h1 {
	font-family: var(--Patua);
	font-size: 6vmin;
	color: rgb(47 139 248);
  }
  
  .cover .content > p {
	font-family: var(--Rubik);
	font-size: 2vmin;
	color: #2f8bf8;
  }
  
  .numbers .rect {
	position: relative;
	z-index: 1;
	background: white;
	width: 17rem;
	height: 12rem;
	padding-top: 3.5vmin;
	margin: 1rem;
	border-radius: 0.5em;
	box-shadow: 1px 2px 50px 0px rgb(47 139 248 / 55%);
  }
  
  .numbers {
	margin-top: -15vmin;
  }
  
  .numbers .rect h1 {
	font-size: 5rem;
	color: #2f8bf8;
  }
  
  .numbers .rect > p {
	font-family: var(--Patua);
  }
  
  .purchase > h1 {
	padding-top: 15vmin;
	padding-bottom: 0.1em;
	font-family: var(--Lobster);
  }
  
  .purchase > p {
	color: var(--light-black);
	font-size: 3vmin;
	padding-bottom: 10vmin;
  }
  
  .purchase .cards .card {
	width: 22rem;
	margin: 3vmin 3vmin;
  }
  
  .cards div {
	padding: 0;
	margin: 0;
  }
  
  .cards .title {
	background: rgba(208, 241, 241, 0.199);
	padding: 1.4em 2.5em;
	font-size: 2vmin;
  }
  
  .card .card-text {
	padding: 2.5rem 3rem;
	color: var(--light-black);
  }
  
  .card-body .pricing {
	background: rgba(208, 241, 241, 0.199);
	border-top-right-radius: 170px;
	border-top-left-radius: 170px;
  }
  
  .card-body .pricing > h1 {
	font-size: 10vmin;
	padding: 1em 0.5em;
  }
  
  /* Section 3 */

.section-3 {
	margin-top: 15vmin;
	background: var(--bggradient);
  }
  
  .section-3 .col-md-12 > h1 {
	padding: 2em 0 0.5em 0;
	color: whitesmoke;
	font-size: 6vmin;
  }
  
  .section-3 .col-md-12 > p {
	padding: 0 4em;
	padding-bottom: 2em;
	color: var(--light-gray);
	font-size: 3vmin;
  }
  
  .section-3 .desktop {
	background: white;
	display: inline-block;
	border-radius: 3em;
	padding: 2vmin 4.5vmin;
	margin: 1em;
  }
  
  .section-3 .desktop h3 {
	font-size: 4vmin;
  }
  
  .section-3 .desktop p {
	font-size: 2vmin;
  }

  /* footer */
  
footer {
	background: #f1f1f1;
	overflow-x: hidden;
	/* padding: 6vmin 6vmin; */
	/* background: -webkit-linear-gradient(74deg, #000000 44%, #5434f7 40%);
	background: -o-linear-gradient(70deg, #000000 44%, #5434f7 40%);
	background: -moz-linear-gradient(70deg, #000000 44%, #5434f7 40%);
   background: linear-gradient(70deg, #000000 44%, #5434f7 40%); */
  }
  
  footer p > span {
	color: #2e9efc;
  }
  
  footer input {
	border: none !important;
  }
  
  footer input::placeholder {
	color: white !important;
  }
  
  footer .input-group .input-group-text {
	background: var(--bggradient);
	border: none;
  }
  
  footer .column i {
	color: #2e9efc;
  }

  .foot-link{
	color:white; text-decoration:none;
  }
  .foot-link:hover{
	color:rgb(255, 0, 0);
  }
  
  #list{
	text-align: left;
  }
  #list li{
	margin-top: 30px;
  }
  .blue{
	color: #2f8bf8;
  }
  .left{
	text-align: left;
  }
  .textnone{
	text-decoration: none;
  }
  /* .accordion-header{
	background-color: #2f8bf8;
  }
  .accordion-button{
	color: #ffffff;
  }
  .accordion-button::after {
	background-color: #E7F1FF;
  } */

.main {
    display:block;
    margin:0 auto;
}
.img-wish{text-align: center !important;}
.img-wish img{width: 39%;
    margin-left: 29%;}