.bg-color{
	background-color:#f9f9f9;
}
.intro-img{
	width: 100%;
}
.intro-btn{
	font-weight: bold;
}
.font{
	font-family: ui-rounded;;
}
.nav_fixed{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
.navbar-brand{
	cursor: pointer;
}
.h_full{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 1024px) {
.intro-text{
	font-size: 2.5rem;
    padding-right: 2rem;
}
}
@media screen and (min-width: 1024px) {
.intro-p{
	padding-left: 5rem;
    padding-right: 5rem;
    line-height: inherit;
}}
.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
}
.nav-link{
	color: #000;
	font-size: 30px;
	font-family: monospace;
	font-weight: bold;
}
.back{
	font-weight: 600;
}
.input{
	border: 0.1875rem solid rgb(67, 78, 100);
    border-radius: 0.4375rem;
}
.text-input{
	  background-color: rgb(255, 255, 255);
    border: 0.1875rem solid rgb(67, 78, 100);
    border-radius: 0.4375rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0.5rem 0px;
    width: 100%;
    max-width: 35.625rem;
    position: relative;
}
.input-inner{
	border-color: transparent;
	font-size: 2.125rem;
    font-family: Lora, Georgia, serif;
}
.submit-btn{
	border-radius: 15px;
    margin-right: 6px;
    background-color: transparent;
}
.btn-submit-last{
	display: contents!important;
}
.text-input input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.c_width{
	width: 600px;
}
.c_width .row{
	width: 100%;
}
.relative{
	position: relative;
}
.next{
	position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}
.active{
	display: block;
}
.field_set{
	text-align: -webkit-center;
}
.card{
	margin:4px;
}
.card:hover{
/*
	border: 1px solid;
    transition-duration: 0.4s;
*/
	border: 2px solid black;
    outline: none;
    box-shadow: none;
    border-color: rgb(67, 78, 100);
    /* border-radius: 0.5rem;
	border-color: rgb(67, 78, 100);
    transition-duration: 0.4s;
    outline: none;
    box-shadow: none;
	margin:4px; */
}
.card-body-selected{
	border: 2px solid #000;
	border-radius: 4px;
}
.btn-multiple{
	position: static!important;
    border-radius: 4px!important;
    padding: 0!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    margin: 0 auto!important;
	height: 40px!important;
	transform: none;
}
.hide{
	display: none!important;
}

.error_message{
    color: rgb(241, 87, 75);
    font-size: 0.875rem;
    font-family: GingerOTF, Ginger, Helvetica, sans-serif;
    padding: 0px 2rem;
    -webkit-box-flex: 1;
    flex-grow: 1;
	
}
.result{
	width: 100%;
    position: absolute;
	top:10px;
}
.text-input {
    position: relative;
}

p.error_message {
    position: absolute;
    bottom: -14px;
    left: 0;
    background: #fff;
    padding: 5px 10px;
}
.multi-option{
    position: unset;
    width: 100%;
    padding: 1rem;
	cursor: pointer;
}
.card-body-option{
	padding: 0;
	flex: 0;
}
.cardd{
	--bs-card-title-spacer-y: 0rem!important;
}
.tran_intro_btn{
	position: absolute;
    top: 75%;
    transform: translateY(0px);
    border-radius: 6px;
	height: auto;
	width: 300px !important;
    left: 50%;
}

.col-img {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 25vh;
}


fieldset[counter="82"] p,
fieldset[counter="18"] p {
	margin-bottom: auto;
}

fieldset[counter="12"] button.w-25,
fieldset[counter="83"] button.w-25 {
	width: 100% !important;
}

@media (min-width: 768px) and (max-width: 991px) {
	body {
		overflow: visible;
	}
	.tran_intro_btn{
		position: static;
	}

	.col-content {
		margin-top: -8rem;
		padding-top: 5rem;
		padding-bottom: 0rem;
	}
	.btn-multiple.w-25 {
		width: 100% !important;
	}
	.h-100.row-content {
		height: auto !important;
	}
	.col-img {
		min-height: 25rem;
	}
	fieldset[counter="14"] p {
		margin-bottom: 0;
	}
}


@media (max-width: 767px) {
	body {
		overflow: visible;
	}
	.tran_intro_btn{
		position: static;
	}

	.col-content {
		padding-top: 5rem;
	}

	.btn-multiple.w-25 {
		width: 62% !important;
	}
	.field_set {
		padding: 0 1rem;
	}
	
	fieldset[counter="1"].field_set,
	fieldset[counter="10"].field_set,
	fieldset[counter="15"].field_set,
	fieldset[counter="10"].field_set,
fieldset[counter="15"].field_set,
fieldset[counter="18"].field_set,
fieldset[counter="19"].field_set,
fieldset[counter="20"].field_set,
fieldset[counter="24"].field_set,
fieldset[counter="30"].field_set,
fieldset[counter="35"].field_set, 
fieldset[counter="38"].field_set,
fieldset[counter="43"].field_set,
fieldset[counter="48"].field_set,
fieldset[counter="53"].field_set,
fieldset[counter="57"].field_set,
fieldset[counter="60"].field_set,
fieldset[counter="63"].field_set,
fieldset[counter="65"].field_set,
fieldset[counter="72"].field_set,
fieldset[counter="76"].field_set,
fieldset[counter="82"].field_set,
fieldset[counter="88"].field_set   {
		padding: 0;
	}
	fieldset[counter="14"] p {
		margin-bottom: 0;
	}
	fieldset.field_set .mb-5 {
		margin-bottom: 1rem !important;
	}

	.h-100.row-content {
		height: auto !important;
	}
}

.joints-img-front{
	top:8%;
	width: 12%;
    align-self: center;
    position: absolute;
    left: 37%;
}
.joints-img-back{
	top:8%;
	width: 12%;
    align-self: center;
    position: absolute;
    right: 37%;
}
.heading-img-type{
	margin-top: 29%;
}
.show{
	display: inline!important;
}
@media only screen and (max-width: 600px) {
	.joints-img-front{
		top:11%;
		width: 22%;
		align-self: center;
		position: absolute;
		left: 26%;
	}
	.joints-img-back{
		top:11%;
		width: 22%;
		align-self: center;
		position: absolute;
		right: 26%;
	}
	.heading-img-type{
		margin-top: 80%;
	}
}
@media only screen and (min-width: 600px) {
.btn-multiple{
	flex-basis: 100%;
    width: 100%!important;
    margin-left: 40%!important;
    margin-right: 40%!important;
}
}
.w-90{
	width: 85%!important;
}
.btn-ask{
	width: max-content;
    background-color: transparent;
    position: absolute;
    bottom: 1rem;
    border: none;
    text-decoration-line: underline;
    font-weight: 600;
    font-size: 20px;
	left: 50%;
 	transform: translateX(-50%);
}
/*for small screens only */
@media only screen and (max-width: 567px) {
	.loadLogo{
		width: 25%!important;
		margin-top: 1.7rem!important;
	}
  .btn-ask{
    bottom: 1rem;
}
	.img-single{
	width: 28%!important;
}
	.card-single{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: left!important;
	}
	.multi-btn-icon-exist-c {
    width: 19rem!important;
    cursor: pointer!important;
	background-position: top 10px left 20px!important;
    background-size: 16% auto!important;
	height: 63px!important;
    font-size: 20px!important;
    padding-left: 78px!important;
    padding-top: 18px!important;	
	}
	.multi-btn-icon-exist {
    height: 62px!important;
    cursor: pointer!important;
    font-size: 20px!important;
    padding-left: 70px!important;
    padding-top: 18px!important;
    width: 19rem!important;
	background-position: top 10px left 20px!important;
    background-size: 16% auto!important;
}
	.single-select-img-card {
    width: 19rem!important;
    background-color: white;
    border-radius: 5px!important;
    height: 63px!important;
    font-size: 20px!important;
    margin: 0px!important;
    margin-bottom: 1rem!important;
}
	.home-pg-logo{
		width: 45%!important;
	}
	.card-title-circle {
    padding: 2rem!important;
     }
	.input-inner {
    font-size: 1.4rem!important;
    padding-right: 52px!important;
}
/*
	.transition-mbl-head{
	position: absolute;
    top: 11rem;
    right: 50%;
    left: 0%;
    font-size: 4rem;
    width: 100%;
	}
*/
	.transition-img-hero-mbl{
		min-height: 50vh!important;
	}
	div.loader {
		width: 340px!important;
	}
	.intro-btn{
		width:50%!important;
	}
	.check-mark {
		display:none!important;
	}


}
@media only screen and (min-width: 567px) {
.check-mark{
	display: inline!important;
    color: black;
    border: none;
    position: absolute;
    top: 10px;
    left: 38px;
    font-size: 28px;
	content: "\2713";
	}}


.btn-got{
	width: max-content;
    background-color: transparent;
	border: none;
	text-decoration-line: underline;
    font-weight: 700;
}
.ask-p{
	line-height: 2rem;
	font-weight: 500;
}
.ask-h{
	font-weight: 700;
}
.modal-header {
	border-bottom: none;
}
.card-title-circle{
	padding: 3rem;
}
.card-head{
	border-radius: 50%;
}
@media only screen and (min-width: 760px) {
	.card-head{
		margin-left: 1rem;
		margin-right: 1rem;
	}
}
.mlti-btn-p{
	position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 168px;
    top: 46px;
    font-weight: 500;
    font-size: 13px;
    color: grey;
}
.multi-btn-img{
	display: inline-flex;
	width: 26%;
	position: absolute;
	left: 4px;
	top: 3px;
}
.multi-btn-icon-exist{
	height: 100px;
	cursor: pointer;
	font-size: 26px;
    padding-left: 105px;
    padding-top: 23px;
}
@media only screen and (max-width: 860px) {
	.multi-btn-icon-exist{
		width: 23rem;
		cursor: pointer;
	}
}
.multi-btn-icon-exist-c{
	height: 95px;
    cursor: pointer;
    font-size: 26px;
    padding-left: 105px;
    padding-top: 23px;
}
@media only screen and (max-width: 860px) {
	.multi-btn-icon-exist-c{
		width: 23rem;
		cursor: pointer;
	}
}
.single-select-img-card{
	width: 22rem;
    background-color: white;
    border-radius: 5px;
    height: 100px;
    font-size: 20px;
	margin: 4px;
	margin-bottom: 1rem!important;
}
.single-select-img-opt:hover{
    border: 1px solid;
    transition-duration: 0.4s;
    outline: none;
    box-shadow: none;
    border-color: rgb(67, 78, 100);
	border-radius: 5px;
}
.bg-content{
	background-repeat: no-repeat;
	background-size: cover;
}
.main-head{
	font-size: 24px;
}
#load {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background-size: 100px 100px;
    top: 0px;
    background-color:#f9f9f9;
}
div.loader {
	width: 400px;
	height: 400px;
	position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
div.loader svg#a {
	animation: rotation 15s infinite linear;
}
div.loader svg {
	position: absolute;
	top: 0;
}
@keyframes opacity {
from {
opacity:0;
}
to {
opacity:1;
}
}
div.loader svg#b path.dot1 {
	animation-delay: 250ms;
	animation-name: opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
div.loader svg#b path.dot2 {
	animation-delay: 500ms;
	animation-name: opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
div.loader svg#b path.dot3 {
	animation-delay: 750ms;
	animation-name: opacity;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}


.mt-40{
	margin-top: 40px;
}
.btn-multiple{
	display:inline!important;
}
.modal-body-custom {
		overflow-y: auto;
		height: 500px;
	}
	.modal-dialog-custom {
		max-width: 65%;
		margin: 1.75rem auto;
	}