.firstsection {
	width: 100%;
	height: 90vh;
	/*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(0,0,0,0.8), url('../images/bg/byour_success.png');*/
	background-image: url('../images/bg/your_success.jpg');
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: right bottom;
	padding-top: 15vh;
	color: #4a3b5b;
}

.firstsection .section-text {
	font-style: Arial;
	padding-top: 50px;
	padding-left: 70px;
	line-height: 1.7rem;
}

.section-text h6, h6 {
	font-weight: bold;
	color: #FF6700;
}

.section-text h1, .section-text h3, h3 {
	font-weight: bolder;
}

.section-text p, p {
	color: #555555;
	font-size: 14pt;
}

.info-buttons {
	padding: 10px 0px 0px 30px;
	position: relative;
	display: inline-block;
	flex-direction: column;
}

.firstsection .info-buttons ul {
	position: relative;
	display: inline-block;
	flex-direction: column;
}

.contact-button a {
	font-size: 12px;
	background-color: #1245a8;
	color: #ffffff;
}

.contact-button a:hover {
	font-size: 12px;
	background-color: #ffffff;
	color: #1245a8;
	border: 1px solid #ff6700;
}


.firstsection .play-video a {
	font-size: 12px;
	color: #FF6700;
	padding-top: 5px;
}

.play-video a i {
	font-size: 25px;
}

.mfp-hide {
	display: none !important;
}



/*SECOND SECTION*/
.secondsection {
	width: 100%;
	height: 90vh;
	/*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(0,0,0,0.8), url('../images/bg/byour_success.png');*/
	background-image: url('../images/bg/bg02.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	color: #4a2b5b;
	padding: 0px 20px;
}

.element1 {
	margin-top: -80px;
}

.card-section {
	padding: 30px 50px 20px 50px;
}

.card{
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  	transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  	/*padding: 14px 80px 18px 36px;*/
  	cursor: pointer;
  	color: #000;
  	font-weight: bold;
  	text-align: center;
  	margin-bottom: 30px;
}

.secondsection .card:hover{
    transform: scale(1.05);
  	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  	background-color: #4a3b5b;
  	color: #ffffff;
}

.card .card-body {
	align-items: center;
}

/*THIRD SECTION*/
.thirdsection {
	width: 100%;
	height: 70vh;
	/*background-image: url('../images/bg/bg08.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;*/
	background-color: #ffffff;	
	color: #1245a8;
}

.thirdsection .section-text {
	padding: 50px 10px 10px 70px;
}

.thirdsection .section-numbers {
	padding: 10px 70px 10px 0px;
}

/*FOURTH SECTION*/
.fourthsection {
	width: 100%;
	height: auto;
	/*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(0,0,0,0.8), url('../images/bg/byour_success.png');*/
	background-image: url('../images/bg/bg06.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #4a2b5b;
	/*padding: 10px 0 10px 0;*/
	/*padding-bottom: 50px;*/
	padding: 0;
}

.fourthsection .section-text {
	padding: 40px 70px 0px 70px;
}

.fourthsection .section-title h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 35% 5%;
	text-align: center;
}

.fourthsection .section-text .progress-bar {
	background-color: #1245a8;
	height: 5px;
	width: 100%;
	border-radius: 5px;
}

.fourthsection .section-text .progress-bar div {
	height: 10px;
	border-radius: 5px;
	width: 0%;
	background: #ff6700;
}

.fourthsection .section-text .progress-bar .bar1 {
	animation: bar1 1s linear forwards;
}

.fourthsection .section-text .progress-bar .bar2 {
	animation: bar2 2s linear forwards;
}

.fourthsection .section-text .progress-bar .bar3 {
	animation: bar3 3s linear forwards;
}

@keyframes bar1 {
	100% {
		width: 100%;
	}
}
@keyframes bar2 {
	100% {
		width: 100%;
	}
}
@keyframes bar3 {
	100% {
		width: 100%;
	}
}

.fourthsection .accordion-flush .accordion-item {
	background-color: transparent;
}

.fourthsection .accordion-flush .accordion-item .accordion-button {
	color: #ff6700;
	/*font-weight: bold;*/
	font-size: 1rem;
}

/*FIFTH SECTION*/
.fifthsection {
	width: 100%;
	height: auto;
	/*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(0,0,0,0.8), url('../images/bg/byour_success.png');*/
	background-image: url('../images/bg/bg04.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	color: #4a2b5b;
	/*padding: 10px 0 10px 0;*/
	/*padding-bottom: 50px;*/
	/*padding: 0;*/
	text-align: center;
}

.fifthsection .section-text {
	padding: 50px 70px 20px 70px;
}

.fifthsection .btn {
	background-color: #cccccc;
	font-size: 0.8rem;
	color: #1245a8;
	border-radius: 2px;
}

.fifthsection .btn-group {
	background: #cccccc;
	border-radius: 50px;
}

.fifthsection .btn-group>.btn-check:checked+.btn {
	background-color: #ff6700;
	font-size: 0.8rem;
	color: #fff;
	border-radius: 20px;
}

.fifthsection .section-text .card {
	padding: 50px 30px;
}

.fifthsection .card:hover{
    /*transform: scale(1.05);*/
  	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.fifthsection .section-text .price-button a {
	font-size: 12px;
	background-color: #ff6700;
	color: #ffffff;
	border-radius: 5px;
}

.fifthsection .section-text .price-button a:hover {
	font-size: 12px;
	background-color: transparent;
	color: #ff6700;
	border: 1px solid #ff6700;
}

/* .fifthsection .section-text .pcard01 {
	height: 90%;
} */

.fifthsection .section-text .pcard02 {
	background-color: #1245a8;
	margin: -20px -20px -20px -20px;
	/*height: 100%;*/
}

/* .fifthsection .section-text .pcard03 {
	height: 90%;	
} */

.fifthsection .section-text .cardmonthly, .cardyearly {
	padding: 40px 40px;
}

.fifthsection .section-text .cardyearly {
	display: none;
}







/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.firstsection {
		width: 100%;
		height: 110vh;
		/*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(0,0,0,0.8), url('../images/bg/byour_success.png');*/
		background-image: url('../images/bg/your_success.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
		padding-top: 25vh;
		color: #1245a8;
	}

	.firstsection .section-text {
		padding-left: 10%;
		padding-right: 10%;
	}

	.firstsection h1 {
		text-shadow: 2px 2px #fff;
	}

	.firstsection p {
		color: #000;
		font-size: 0.8rem;
		font-weight: bold;

	}

	.firstsection .element1 {
		padding-top: -35px;
	}

	.secondsection {
		width: 100%;
		height: auto;
		/*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(0,0,0,0.8), url('../images/bg/byour_success.png');*/
		background-image: url('../images/bg/bg02.png');
		background-repeat: repeat-y;
		background-size: cover;
		background-position: left bottom;
		/*padding-top: 1vh;*/
		color: #1245a8;
	}

	.secondsection .section-text {
		padding: 0px 10% 10px 10%;
	}

	.card-section {
		padding: 10px 10% 40px 10%;
	}

	.thirdsection {
		width: 100%;
		height: auto;
		background-image: url('../images/bg/bg11.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom right;
		background-color: #ffffff;	
		color: #1245a8;
		/*padding: 20px 30px;*/
	}

	.thirdsection .section-text {
		padding: 30px 10% 20px 10%;
	}

	.thirdsection .section-numbers {
		padding: 50px 10% 40px 10%;
	}

	.div-hr {
		display: none;
	}

	.fourthsection {
		text-align: center;
	}

	.fourthsection .section-text {
		padding: 30px 10% 30px 10%;
	}

	/*FIFTH SECTION*/
	.fifthsection {
		background-position: top right;
	}

	.fifthsection .section-text {
		padding: 30px 10% 20px 10%;
	}

	.fifthsection .section-text .card {
		padding: 30px 20px;
	}

	.fifthsection .section-text .pcard01 {
		margin: 10px 0 0 0;
	}

	.fifthsection .section-text .pcard02 {
		background-color: #1245a8;
		/*height: 100%;*/
		margin: 0px 0px 0px 0px;
	}

	/* .fifthsection .section-text .pcard03 {
		height: 90%;	
	} */

	.fifthsection .section-text .cardmonthly, .cardyearly {
		padding: 0px 0px;
	}

	
}