* {
	margin: 0;
	padding: 0;
}

.form-control:focus {
	box-shadow: unset !important;
}

body {
	font-family: 'Ubuntu', sans-serif;

	color: #555;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
	box-shadow: unset !important;
}

/* .btn-primary {
	font-size: 14px !important;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
}

a {
	-webkit-transition: all 0.4s ease !important;
	transition: all 0.4s ease !important;
	text-decoration: none !important;
}

ul {
	padding-left: 0px;
	margin-bottom: 0px;
}
li{
	list-style: none;
}

a:hover {
	text-decoration: none;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
	color: #acacac !important;
}

a:focus-visible {
	outline: unset;
}

button:focus {
	box-shadow: unset !important;
}

/* ======================used fonts====================== */

/* @font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('../fonts/HelveticaNeueRegular.woff2') format('woff2'),
        url('../fonts/HelveticaNeueRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueBold.woff2') format('woff2'),
        url('../fonts/HelveticaNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('../fonts/HelveticaNeueMedium.woff2') format('woff2'),
        url('../fonts/HelveticaNeueMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} */


.gray {
	color: #abafb8;
}

.green {
	color: #23a70d !important;
}

.black {
	color: #000;
}

.yellow {
	color: #ffb22d;
}

.white {
	color: #fff;
}
.blue{
	color: #6b51b2;
}

.fs-13 {
	font-size: 13px !important;
}
.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 22px;
}
.mb-25{
	margin-bottom: 25px !important;
}


/* header css start */

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	z-index: 9999;
	
  }

a.navbar-brand {
	max-width: 160px;
}

.global-btn {
	background-color: #6b51b2;
	padding: 10px 25px;
	display: inline-block;
	color: #fff !important;
	border-radius: 30px;
	font-weight: 600;
	padding-bottom: 12px;
}

ul.login-list li {
	list-style-type: none;
	display: inline-block;
	padding: 0px 5px;
}

ul.login-list i {
	font-size: 20px;
}


.mini-banner {
	background-color: #6b51b2;
	padding: 60px 0px;
	margin-bottom: 70px;
}

.test-box img {
	height: 80px;
	margin-bottom: 15px;
}

.test-box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
    border-radius: 5px;
    min-height: 250px;
    text-align: center;
}

.progress {
    height: 20px;
	  font-size: 14px;
    border-radius: 20px !important;
}
 .progress-bar {
	    display: inline-block;
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .9s;
}
@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
/* header css end */


/* quiz area css  */
.quiz-area {
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.quiz-area-title {
	color: #000;
	font-size: 24px;
	margin-bottom: 30px;
}

.option-input.radio {
	border-radius: 50%;
}

.option-input:checked {
	background: #6b51b2;
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

.option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;

	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	width: 60px;
	transition: all 0.15s ease-out 0s;
	background: #efefef;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
}

.option-input:checked::before {
	height: 60px;
	width: 60px;
	position: absolute;
	content: "\f10c";
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 26.66667px;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
}

.option-input.radio::after {
	border-radius: 50%;
}

.option-input:checked::after {
	-webkit-animation: click-wave 0.25s;
	-moz-animation: click-wave 0.25s;
	animation: click-wave 0.25s;
	background: #E91E63;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
}


.radio-two {
	width: 50px;
	height: 50px;
}

.radio-two.option-input:checked::before {
	font-size: 30px;
	height: 50px;
	width: 50px;
	line-height: 50px;
}


.radio-three {
	width: 40px;
	height: 40px;
}

.radio-three.option-input:checked::before {
	font-size: 20px;
	height: 40px;
	width: 40px;
	line-height: 40px;
}

.radio-zero {
	width: 30px;
	height: 30px;
}

.radio-zero.option-input:checked::before {
	font-size: 20px;
	height: 30px;
	width: 30px;
	line-height: 30px;
}

.radio-box-area label {
	margin: 0px 15px;
}

.radio-box-area {
	 
	align-items: center;
	justify-content: center;
	 
}

span.agree {
	color: #5bd388;
	font-size: 18px;
	display: inline-block;
	margin-right: 15px;
	text-transform: capitalize;
}

span.disagree {
	color: #6b51b2;
	font-size: 18px;
	display: inline-block;
	margin-left: 15px;
	text-transform: capitalize;
}

.move-next:hover {
	background-color: #5bd388;
}

.move-next {
	border: unset;
	background-color: #6b51b2;
	padding: 15px 20px;
	display: inline-block;
	color: #fff !important;
	border-radius: 63px;
	font-weight: 600;
	padding-bottom: 17px;
	max-width: 300px;
	width: 100%;
	font-size: 25px;
}

.test-personality {
	padding: 70px 0px;
}

section.test-personality fieldset {
	text-align: center;
}
.progress-bar {
    background-color: #5bd388;
    border-radius: 20px !important;
}


/* hide pre button for short time  */

input.previous.action-button.move-next {
	display: none;
}

/* hide pre button for short time  */


/* quiz area css end */


/* maine home page css start */

section.test-taken {
	padding: 60px 0px;
}

.color-four {
	color: #545454;
}

.color-three {
	color: #85429D;
}

.color-two {
	color: #5bd388;
}

.color-one {
	color: #6b51b2;
}

.number-of-test {
	font-size: 45px;
	font-weight: bold;
}

section.main-banner {
	background-color: #6b51b2;
	padding: 100px 0px;
}

h2.banner-title {
	font-size: 50px;
	text-shadow: 3px 3px 0px rgb(0 0 0 / 28%);
}

.big-mbti-btn {
	background-color: #5bd388;
	padding: 15px 25px;
	display: inline-block;
	color: #fff !important;
	border-radius: 30px;
	font-weight: 600;
	padding-bottom: 17px;
	max-width: 300px;
	width: 100%;
	font-size: 20px;
}


.global-title {
	color: #545454;
	font-size: 35px;
}

.global-green-btn {
	background-color: #5bd388;
	padding: 10px 25px;
	display: inline-block;
	color: #fff !important;
	border-radius: 30px;
	font-weight: 600;
	padding-bottom: 12px;
}

.global-btn:hover {
	background-color: #5bd388;
}

.others-bg {
	background-color: #f6f6f7;
	padding: 70px 0px;
}

section.others {
	background-color: #f6f6f7;
	padding: 80px 0px;
}

.section-space {
	padding: 70px 0px;
}

.user-img img {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	object-fit: cover;
	margin-right: 20px;
}

section.testimonials {
	background-color: #f6f6f7;
}

.testimonial-box {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	max-width: 350px;
	margin: 40px 10px;
}

.testimonial-box:hover {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

section.acurate {
	padding-top: 70px;
}

/* maine home page css end */


/* multi step form css  */
/*custom font*/

#notComplete,
#submitGood,
#dbError {
	display: none;
}

/*form styles*/


/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}

/*inputs*/


/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #FFF;
	background: #222;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #222;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;
	/*put it behind the numbers*/
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
	background: #DA4453;
	color: white;
}

/* multi step form css end  */


/* footer css start */
ul.footer-list a {
	color: #6b51b2;
}

ul.footer-list li {
	display: inline-block;
	padding: 0px 20px;
}

ul.social-media a {
	width: 40px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	color: #6b51b2;
	border: 1px solid #6b51b2;
	font-size: 20px;
}

ul.social-media li {
	display: inline-block;
	padding: 0px 10px;
}

.footer {
	padding: 60px 0px;
	border-top: 1px solid #eeeff1;
}

/* footer css end */


@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.7rem;
		padding-left: 0.7rem;
	}
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#6B51B2" fill-opacity="1" d="M0,160L205.7,64L411.4,96L617.1,96L822.9,64L1028.6,160L1234.3,96L1440,0L1440,0L1234.3,0L1028.6,0L822.9,0L617.1,0L411.4,0L205.7,0L0,0Z"></path></svg> */
.mini-banner-premium {
	background-image: url('../img/wave.svg');
	padding: 60px 0px;
	margin-bottom: 70px;
}

.premium {
	color: white;

}
.card-1{
border: 1px solid #eee;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.039) , -1px -1px 1px rgba(0, 0, 0, 0.039);
position: relative;
}
.card-1:hover{
border: 1px solid #6b51b2;
}

.arrow-btn{
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: none;
	transition: all .5s;
}
.card-1:hover .arrow-btn{
	display: block;
	transition: all .5s;
	}
.rounded-12 {
	border-radius: 15px;
}
.rounded-11{
	border-radius: 10px;
}
.guar {
	padding: 80px 0px;
}
.art-btn{
	margin-bottom: 25px;
}
.art-btn button{
	border: 1px solid #dedddd;
	font-size: 18px;
	color:#51596A;
	font-weight: 500;
}
.art-btn button:hover{
	background-color: #eeeeee87;
	border: 1px solid #6b51b2;
	color:#51596A;
}

.package-line {
	margin-left: -1px;
	margin-right: -1px;
	background-color: #6b51b2;
	border: none;
	border-radius: 10px 10px 0 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
	clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
	height: 10px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(1turn);
	width: auto;
}

/* specialised-test section */
.clients a{ 
	color: #1E7678;
}
.hero{
	background-color: #F6F6F7;
}
.hero h1{
	color:#51596A;
	font-size: 60px;
}
.hero p{
	color:#51596A;
	/* line-height: 35px; */
}
.premium-analysts{
	background-color: #Ffff;
	padding-bottom: 20px;
}
.premium-analysts a , .premium-analysts p{
	color:#7f7f7f;
}
.premium-analysts h4{
	color:#51596A;
}

.premium-analysts img{
	text-align: center;
}
.perso-btn{
	background-color:#33A474;
	border-radius:50px ;
	color:#FFF
}
.care-btn{
	background-color:#3F91AC;
	border-radius:50px ;
	color:#FFF
}
.rela-btn{
	background-color: #6b51b2;
	border-radius:50px ;
	color:#FFF
}

.test-personality-1{
	padding:60px 0px;
}

/*  Team Resources */
.team-resources{
	background-color: #576071;
}
.team-res {
	padding: 30px 0px;
	justify-content: center;
	position: static;
}
.team-res a{
	padding: 10px 25px;
	color:#ffffff;
	/* font-size: 18px; */
	border-right: 1px solid #89909b;

}

/* Team Article */

.team-article{
	padding: 60px 0px 0px 0px;
}
.team-article h1{
	color:#51596A;

}
.latest-news{
	padding:10px 0px;
	background-color:#F9F9F9 ;
	border-radius: 15px;
}
.latest-news a{
	color: #6b51b2;
}
.search-btn{
	border-radius: 50% !important;
    width: 60px;
    height: 60px;
}
.search-btn:hover .fa{
	color: #51596A;
	font-size: 16px;
}


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



/* personality-type css  */
.body{
	font-size: 1.125em;
	font-family: "Open Sans","Helvetica Neue",Arial;
	color: #51596a;
	 
}
.cus_btn{
	background-color: #6b51b2;
    padding: 10px 25px;
    display: inline-block;
    color: #fff !important;
    border-radius: 30px;
    font-weight: 600;
    padding-bottom: 12px;
}
.explore_content{
	padding: 30px;
	position: relative;
}
.description{
	font-size: .65em;
}
h1.title{
	font-size: 2.5em;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
h2.title{
	font-size: 1.7em;
	margin: 60px 0 5px;
	letter-spacing: 2px;
	color: #51596a;
}
.description p.sub_heading{
	font-size: 1.1em;
	font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
	border-bottom: 1px solid #696f80;
}
.description p{
	font-size: 1.3em;
	line-height: 2;
}

.thought{
	margin-bottom: 15px!important; 
	font-size: 1.1em;	
	color: #6f7684;
}
.thought p{
	color: #b5b5b5;
	font-size: .99em;	
}
blockquote{
	border-left: 3px solid #43c096;
	padding-left: 30px;
}
.explore_menu{
	padding-left: 25px;
	padding-top: 30px;
}
.explore_menu h5{
	color: #51596a;
	font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 20px;
}

.personality_type .active a{
font-weight: bold;
color: #43c096;
}
.explore_menu{
	position: sticky;
	top: 0;
}
.explore_menu ul li.active{
	border-left: 2px solid #43c096;
}
.explore_menu ul li{
	line-height: 1;
    padding: 10px 0 10px 25px;
	border-left: 2px solid #6c74861d;
	transition: border-color .2s ease-in-out;
}
.explore_menu ul li:hover{
	border-left: 2px solid #43c096;
}
.explore_menu ul li a{
	color: #51596a;
}
.explore_menu ul li a:hover{
	color: #43c096;
}

.personality_type{
	color: #51596a;
	line-height: 35px;
}
.title{
	color: #51596a;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-weight: bold;
	
}
.personality_type .sub_title{
	color: #51596a;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-weight: bold;
	
}

.sub_heading{
	border-bottom: 1px solid #696f80;
	font-weight: 700;
    margin-bottom: 5px;
	line-height: 30px;
}
.personality_type span{
	color: #43c096;
}

.footer_title{
	color: #b5b5b5;
	font-weight: 100;
}
.Architect-design{
	background-color: #6b51b2;
	border-radius: 20px;
	margin-bottom: 15px;
}
.Architect-design p{
	color: #fff;
	margin: 0px;
}
.Strengths li{
	list-style:circle;
}
.Architects_slider{
	background-color: #6b51b226;
}
.Architects_slider .slick-prev:before, .slick-next:before {
    color: black;
}
.Architects_slider .slick-next:before, .slick-next:before {
    color: black;
}

/* end  */


.feedback{
	background-color: #f2f3f4;
}
.user-name{
	font-size: 18px;
	color: #43c096;
	font-weight: bold;
}
.feedback li{
	list-style: circle;
	color: #b5b5b5;
}



/* Contact page css  */
.social_icon li{
	display: inline-block;
	padding: 0px 10px;
	text-align: center;
}
.social_icon li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #fff;
	border: 1px solid #fff;
	font-size: 20px;
}
.social_icon li:nth-child(1) a{
		background-color: #3b5998;	
}
.social_icon li:nth-child(2) a{
		background-color:  #00acee;	
}
.social_icon li:nth-child(3) a{
		background-color: #962fbf;	
}

.accordion-button{
	font-size: 20px;
	color: #51596a;
	font-weight: 500;
}
.accordion-button::after{
	/* background-image: url(../img/pluss.webp); */
	background-image: url(../img/plusd.svg);
	transition: all .5s;
	
}
.accordion-button:not(.collapsed)::after {
	background-image: url(../img/plusd.svg);
	transform: rotate(45deg);
	transition: all .5s;
}
.accordion-button:not(.collapsed) {
	background-color: unset;
	color: #43c096;
}
h6.title{
	color: #abafb8;
}
.accordion-button:hover{
	font-size: 20px;
	color: #43c096;
	font-weight:500;
}

.accordion-body span a{
	color: #43c096;
}

.accordion-body span a:hover{
	text-decoration: underline !important;
	text-underline-offset: 5px;
}
.search{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.search .fa{
	font-size: 20px;
}




/* Contact page css end  */





/* Test Pages css Start  */
.test_pages{
	background-color: #eee;
}
.test_pages p{
	margin: 0;
	font-size: 15px;
}
.test_user_img1 .img-fluid{
	height: 100%;
	width:auto;
	max-height: 260px;
}
.test_user_img .img-fluid{
	height: 100%;
	width:auto;
	max-height: 350px;
}

.carousel-indicators [data-bs-target] {
	border-radius: 50%;
	width: 13px;
	height: 13px;
	margin-right: 5px;
    margin-left: 5px;
	background-color: #6b51b2;
	opacity: .3;
}
.carousel-indicators button.active{
	opacity: 1;
}
.carousel-indicators{
	margin-left: 0px;
	margin-right: 0px;
	/* position:unset !important; */
	bottom: 0;
}

.carousel-inner{
	border-radius: 10px 10px 0 0;
	margin-top: -5px;
}
.carousel{
	border-radius: 10px 10px 0.25rem 0.25rem;
	box-shadow: 1px 1px 2px rgba(0,0,0,.1),-1px -1px 2px rgba(0,0,0,.1);
	position: relative;
	background-color: #fff;
	min-height: 600px !important;
	/* background-color: #1E7678; */
}
.carousel-control-next, .carousel-control-prev {
	color: #000;
	bottom: 1rem;
	top:70% !important;
	opacity: 1;
	font-weight: bold;
}
.test_border{
	/* position: absolute; */
	left: 0;
	right: 0;
	top: 0;
	padding: 5px 0px;
	margin: 0;
	clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
	background-color: #6b51b2;
	opacity: 1;
	transform: rotate(1turn);
	border-radius: 10px 10px 0 0;
	border: none;
	z-index: 99;
	margin: 0px;
}
.gradient_clr{
	background-image: linear-gradient(#6b51b22e 73%, #fff 27%);
}
.blue{
	color: #6b51b2 !important;
}
.gray{
	color: #89909b !important;
}
.btn-primary {
    color: #fff;
    background-color: #6b51b2;
    border-color: #6b51b2;
}
.btn-primary:hover {
    color: #fff;
    background-color: #43c096;
    border-color: #43c096;
}
.test_page_bg{
	background-color:#6b51b22e ;
}

.test_page_2 .test_form_heading{
	background-color: #56c98421;
}
.test_page_2 h2{
	color:#56c984 ;
}
.test_page_3 .test_form_heading{
	background-color: #4f7cab26;
}
.test_page_3 h2{
	color:#4f7cabfd ;
}
.test_form_details{
	display: flex;
	align-items: center;
	border: 1px solid #6b51b2;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.test_form_details .form-control{
	border: none;
}


/* Profile css  */
.increment_list li{
	display: inline-block;
	padding: 0 5px;
}
.increment_list li a{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	background-color: #6b51b2;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.user_listing{
	background-color: #6b51b252;
}
.user_listing ul li{
	display: inline-block;
	padding: 10px 10px;
}
.user_listing ul li a{
	display: inline-block;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.user_listing ul li a i{
	color: #6b51b2;	
	font-weight: bold;
}
.user_listing ul li a:hover{
	transform: scale(1.1);
	text-decoration: underline !important;
	text-underline-offset: 5px;
}
.blue_a a{
	color: #6b51b2 !important;
}
.blue_a a:hover{
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
}
.personality_post a{
	color: #000;
}
.personality_post a:hover{
	color: #6b51b2;
}




/* persomality page css start */
.personality_head{
	background-color: #6b51b2;
}
.persomality_listing li{
	display: inline-block;
	padding: 10px 20px;
}
.persomality_listing li a{
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	opacity: .8;
}
.persomality_listing li a:hover , .persomality_listing li.active a{
	opacity: 1;
}
.Analysts{
	background-color: #6b51b235;
}
.analysts_user .img-fluid{
	height: 100%;
	width: auto;
	max-height: 250px;
}
.Analysts h4{
	color: #6b51b2;
	font-size: 20px;
}
.Analysts h6{
	font-size: 15px;
}
.analysts_user{
	transition: all 0.5s;
	border-radius: 0.25rem;
	padding: 10px;
}
.analysts_user:hover{
	transform: scale(1.05) translateY(-10px);
	transition: all 0.5s;
	
}
.Diplomats{
	background-color: #56c98421;
}
.Diplomats h4{
	color: #56c984;
	font-size: 20px;
}
.Diplomats h6{
	font-size: 15px;
}

.Sentinels{
	background-color: #4f7cab26;
}
.Sentinels h4{
	color: #4f7cabfe;
	font-size: 20px;
}
.Sentinels h6{
	font-size: 15px;
}
.Explorers{
	background-color: #814a9724;
}
.Explorers h4{
	color: #814a97;
	font-size: 20px;
}
.Explorers h6{
	font-size: 15px;
}
section.test-personality .progress {
    max-width: 70%;
    margin: auto;
}

.test-mid-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hide-on-desktop {
    display: none;
}
/* persomality page css exit */






/* Personality Posts css  */
.personality_posts_listining .form-select{
	max-width: 200px;
}
.personality_post {
	padding: 20px;    margin-bottom: 25px;
}
 

/* single personality post  */
.single_persomality_post{
	background-color: #4282a8;
}
.single_persomality_post a{
	color: #fff !important;
}
.personality_content_box{
	margin-bottom: 25px;
}












/* responsive css  */


@media(min-width:768px) and (max-width:991px){
	
	.radio-box-area label {
    margin: 0px 6px;
}
	.radio-box-area span {
    font-size: 16px;
}
}



@media (max-width:1200px) and (min-width:992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		
		font-size: 12px;
	}
	
}
@media (max-width:992px){
	
	.guar {
		padding: 23px 0px;
	}
	.footer {
		padding: 19px 0px;
	}
	.mini-banner {
		margin-bottom: 23px;
	}
	.team-res a {
		padding: 10px 7px;
	}
	.latest-news p{
		padding: 8px;
	}
	.search-btn {
		border-radius: 50% !important;
		width: 35px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.team-article {
		padding: 35px 0px 20px 0px;
	}
	h1.title {
		font-size: 1.5em;
		
	}
	h6.title {
		color: #abafb8;
		font-size: .7em;
		margin: 0px;
	}
	.accordion-button {
		font-size: 18px;
		gap: 10px;
	}
	.accordion-button:hover {
		font-size: 18px;
	}
	h2.title {
		font-size: 19px;
		margin: 25px 0 10px;
		letter-spacing: 2px;
		color: #51596a;
	}
	h2.banner-title {
		font-size: 30px;
	}
	.test_content{
		padding: 5px;
	}
	.explore_content {
		padding: 0px;
	}
	.explore_menu {
		padding-left: 0px;
	}
}
@media (max-width:368px){
	.accordion-button {
		font-size: 12px;
		gap: 10px;
	}
	.accordion-button:hover {
		font-size: 12px;
	}
	.carousel-indicators button{
		font-size: 14px !important;
	}
	.carousel-indicators [data-bs-target] {
		width: 8px;
		height: 8px;
		margin-right: 2px;
		margin-left: 2px;
	}
	.cus_btn{
		padding: 4px 10px;
		padding-bottom: 6px;
		font-size: 12px;	
	}
}


@media(max-width:768px){
	.test-box {
    
    margin-bottom: 25px;
}
	section.test-personality .progress {
    max-width: 100%;
    margin: auto;
}
	.question-for-mobile span {
    font-size: 15px;
}
	.question-for-mobile {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}
	.hide-on-desktop {
    display: block;
}
	.hide-on-mobile {
    display: none !important;
}
}