.avada-page-titlebar-wrapper {
	display: none;
}
.ptb-30{
    padding-top: 30px;
    padding-bottom: 30px;
}

p {
    margin: 0;
    line-height: 1.7;
}
.mb-20 {
	margin-bottom: 20px;
}

.px-3 {
	padding: 20px 1rem;
	border: 1px solid #ccc;
	background: #f3f3f3;
	margin: 10px;
	text-align: center;
}

.site-content>.content-area {
	width: 100% !important;
	padding:20px !important;
	background-color:#fff;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
}

.center {
    text-align: center;
}
.heading {
    font-size: 45px;
    margin: 0;
    font-weight: 400;
}

.yellowtxt {
    font-weight: 700;
    font-style: italic;
    color: #FFE300;
}

.subheading {
    font-size: 55px;
    font-weight: 300;
    line-height: 1.2;
}

.heading-txt {
    font-weight: 400;
    font-size: 25px;
    font-style: italic;
    margin-top: 24px;
}
.whitetxt {
    color: #fff;
}
.step2, .step3, .step4, .step5, .step6, .step7, .step8, .step9, .step10, .step11, .step12, .step13, .step14{
    display: none;
}
.gradientbg {
    /*background: linear-gradient(45deg, #E10D35, #EF889B);*/
}

.minicontainer {
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
    background: white;
    padding: 32px;
    box-shadow: 0px 0px 6px #3a393975;
}

.ques {
    font-size: 26px;
    font-weight: 500;
}

.quiz label {
    display: block;
    font-size: 19px;
    width: 100%;
    
    padding: 5px;
    border: 1px solid transparent;
}

.quiz label:hover{
    background: #ff8735;
	color: #ffffff;
}

.progressBar {
    width: 100%;
    border-radius: 20px;
    background: gainsboro;
    height: 26px;
    margin: 20px auto;
}

.progressValue {
    background: #ED7D31;
    border-radius: 20px;
    height: 100%;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

input:focus, select:focus, input:focus-visible, select:focus-visible{
  
    outline: none;
}
.mt60 {
    margin-top: 60px;
}
.pd {
    padding: 80px 20px 80px 20px;
}
.result-heading {
    font-size: 37px;
    color: #016295;
    font-weight: 600;
}
.re-title {
    font-size: 45px;
    margin: 0;
    font-weight: 500;
    color: #b73d5f;
    font-family: "Fjalla One", sans-serif;
}
.progress{
    background: dodgerblue;
    animation: fill 3s;
}
@keyframes fill {
   0%{
     width: 0%
   }
   100%{
    width: 100%;
   } 
}
.quiz-button, .submit {
	display: inline-block;
    height: auto;
    padding: 12px 16px 12px 16px !important;
    background-color: #ed7d31;
    border-radius: 5px !important;
    text-align: center;
    color: #ffffff !important;
    margin-top: 15px !important;
	margin-bottom: 15px;
    position: relative;
	border: none !important;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.4em;
}
.quiz-button:hover, .submit:hover {
	background-color: #464d5f;
}
button.quiz-button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aw input[type=email] {
	background: #fff;
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.quiz label {
    font-size: 20px;
    width: 100%;
    border: 1px solid transparent;
    padding: 8px 14px;
	font-weight: 700;
}
ul.feedback__list, .sortable{
	  list-style-type:none;
	  padding:0;
	  display:flex;
	  align-items:center;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	}
ul.feedback__list {
	background: #f3f3f3;
}
.sortable>li {
	flex: 1;
    width: 25%;
	align-self: normal;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	font-size: 14px;
}
.sortable>li>div {
    padding: 20px 10px;
	flex-grow: 1;
}
	ul.feedback__list li {
	  background-color:#f3f3f3;
	  margin: 0px 0px;
	  border-radius:0px;
		flex: 1;
		text-align: center;
		border-right: 1px solid #000;
	}
	.sortable li:last-child ul.feedback__list li:last-child {
		border-right: none;
}

	ul.feedback__list li label:hover{
	  background: #ff8735;
	  cursor : pointer;  
	}

	ul.feedback__list li input[type="radio"]:checked + label{
	  background : #1e90ff;
	  color      : white;
	}

	ul.feedback__list li input[type="radio"]{
	  display:none;
	  margin:0;
	}
.accordion {
  background-color: #ed7d31;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
}

/*.active, .accordion:hover {
  background-color: #ccc; 
}*/

.panel {
  padding: 20px 18px;
  background-color: white;
  overflow: hidden;
}
.accordion p.cateogry-name {
    font-size: 26px;
	font-weight: 800;
	font-family:"Roboto Slab", serif;
}
.accordion p.category-rank {
    font-weight: 800;
    display: flex;
    align-items: center;
	justify-content: center;
}

.category-description {
	display: none;
}
span.score, span.next-score {
    display: block;
    margin-right: 4px;
    font-weight: 600;
}
.next-score {
	margin-left: 4px;
}
span.score:before {
	content:"Your Current Rating ";
}
span.rank, span.next-rank {
	margin-left: 4px;
}
.acc-block {
    padding: 20px;
    margin: 20px auto;
}
.acc-block button.accordion {
    background-color: #fafafa;
    border-radius: 10px;
    color: #3a2212;
    font-size: 18px;
    padding: 15px;
}
.acc-block .panel {
    background-color: #ffffff;
    margin: 0;
    box-shadow: 0px 4px 20px 0px #00000021;
    color: #623619;
    font-size: 15px;
    line-height: 1.6;
}
.row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.col {
	flex: 1;
}
.col-2 {
	width: 18%;
}
.col-3 {
	width: 30%;
	align-self: stretch;
    min-height: 350px;
}
.col-6 {
	width: 47%;
	min-height: 625px;
}
.col-9 {
	width: 70%;
}
.col-10 {
	width: 82%;
}
h2.pageTitle {
    margin-bottom: 35px !important;
}
section#content .result-container {
    background-color: #fbfbfb;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px #39221114;
}
.progressValue.enlightenedProgress {
    background-color: #a8d08d8a;
    color: #576a4a;
   border:1px solid #576a4a;
}

.progressValue.greatProgress {
    background-color: rgb(255 102 0 / 54%);
    color: #853703;
 border:1px solid #853703;
}

.progressValue.awakenedProgress {
    background-color: rgb(222 234 246 / 65%);
    color: #656e76;
 border:1px solid #656e76;
}

.progressValue.goodProgress {
    background-color: rgb(255 153 153 / 54%);
    color: #000;
border:1px solid #000;
}
.accordion.enlightenedAccordion {
    background-color: #a7cf90;
    color: #576a4a;
  
}
.accordion.greatAccordion {
    background-color: #ed7d31;
    color: #853703;

}

.accordion.awakenedAccordion {
    background-color: #b9d7ee;
    color: #656e76;

}

.accordion.goodAccordion {
    background-color: #f29196;
    color: #000;
}

.good-content{
	background: rgb(255 153 153 / 54%);
}
.awakened-content{
	background: rgb(222 234 246 / 65%);
}
.enlightened-content{
	background: #a8d08d8a;
}
.great-content{
	background: rgb(255 102 0 / 54%);
}

.col-2 p.cateogry {
    color: #333333;
    font-weight: 600;
    display: block;
    border-bottom: 2px dashed #00000026;
    width: auto;
    margin-right: 30px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 47%;
    padding-top: 25px;
    height: 0;
    text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
.videoWrapper iframe, .page-template-page-aweberresult.videoWrapper iframe  {
	position: absolute;
	top: 0;
	left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
	max-height: 450px;
}
.page-template-page-result .videoWrapper iframe {
    width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-height: 450px;
}


.video iframe {
    width: 100%;
    max-width: 500px;
    height: 300px;
    margin: 10px auto;
	display: block;
    border-radius: 4px;
}
.page-template-page-aweberresult .quiz-button {
	margin-top: 40px !important;
	margin-bottom: 10px !important;
}
.col-12 {
	width: 100%;
}
.hide-div {
	display: none;
}
#af-form-1470346600 {
	max-width: 100% !important;
}
#af-form-1470346600 .af-body label.previewLabel {
	display: none !important;
}
#af-form-1470346600 .af-body .af-textWrap {
	width: 100% !important;
}
#af-form-1470346600 .af-body input.text, #af-form-1470346600 .af-body textarea {
	padding: 10px !important;
}
.head-good, .head-awakened, .head-enlightened, .head-great {
	text-align: center;
	font-size: 18px;
	font-family: "roboto Slab";
	padding: 10px !important;
	flex-grow: 0 !important;
}
.head-good {
	background: #f29196;
}
.head-awakened {
	background: #b9d7ee;
}
.head-enlightened {
	background: #a7cf90;
}
.head-great {
	background: #ed7d31;
}
#content h2, #content h3, #content p {
	max-width: 800px;
	margin: 0 auto !important;
	color: #000;
}
#content h2.cta {
	margin: 20px 20px 0 !important;
}
.cta-img {
	max-width: 113%;
	position: relative;
	top: -20px;
	left: -16px;
}
.cta-img-wider {
	width: 108%;
	position: relative;
	top: -20px;
	left: -16px;
	max-width: 200% !important;
	}
.cta-text {
	margin-bottom:10px;
	font-size:17px;
}
/*-----------------------------------------

MEDIA QUERY STARTS HERE

-----------------------------------------*/
@media(max-width: 767px){
	section#content .result-container {
    padding: 25px;
}
	.row {
		display: block;
		margin:0;
	}
.col-2, .col-3, .col-6, .col-9, .col-10 {
	width: 100%;
	text-align: center;
	}
	.col-2 p.cateogry {
    text-align: left;
    margin-bottom: 10px;
    font-weight: 500;
	border-bottom: none;
}
	.sortable {
		display:block !important;
	}
	.sortable>li {
		display:block;
		min-height: unset;
		width: 100% !important;
		margin-bottom: 15px;
	}
.progressBar {
    height: 24px;
	margin: 3px 0 20px;
}
	.progressValue {
		padding: 9px 12px;
	}
.acc-block {
    padding: 0px;
    margin: 20px auto;
}
.acc-block .panel {
    margin: auto;
    font-size: 15px;
}
	ul.feedback__list {
		padding: 10px 0;
		background: transparent;
	}
h2.pageTitle {
    font-size: 25px !important;
    line-height: 1.4 !important;
}
.video iframe {
	margin: 10px auto;
	max-width: unset;
}
.heading {
    font-size: 39px;
}
.subheading {
    font-size: 28px;
    }
.txtbtn {
    font-size: 22px;
    }
.quiz p.ques {
    font-size: 22px;
}   
.quiz p {
    font-size: 18px;
}
.fusion-row .minicontainer {
    padding: 25px;
}
.quiz label {
    font-size: 20px;
    line-height: 2;
}
ul.feedback__list li {
	width: 29%;
	text-align: center;
	}
	.acc-block .panel {
    margin: auto;
    font-size: 16px;
}
ul.feedback__list li:last-child {
		border-right: none;
}
	.accordion {
		font-size: 15px;
	}
	.accordion p.cateogry-name {
		font-size: 22px;
	}
	.px-3 {
		margin: 20px 0;
	}
	.col-3 {
    min-height: fit-content;
	}
	.col-6 {
	min-height: fit-content;
	}
	.cta-img {
	width: 111%;
	position: relative;
	top: -20px;
	left: -16px;
	max-width: 200% !important;
	}
	.page-template-page-result .videoWrapper iframe {
	max-height: 170px !important;
	}
	.page-template-page-aweberresult .videoWrapper iframe {
	max-height: 170px !important;
	} 
}