body{ margin: 0!important; padding: 0!important; max-width:100% !important; width:auto !important;}
.form-control:focus{box-shadow:none !important;}

select option{font-family: sans-serif}
.state_heading{
    max-width: 495px;
    margin: 30px auto 10px auto;
    text-align: center;
}
.state_b_note{
    max-width: 495px;
    margin: 0px auto;
    text-align: center;
}

.info-tooltip-btn{
    font-size: 10px;
    border: 1px solid #104275;
    padding: 4px 7px;
    border-radius: 50%;
    background: #104275;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin: 3px 0px 0px 10px;
}

.popup-box{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px;
}

.popup-box h2{
    margin: 0 !important;
}

.esa-chart-three .popup {
    position: absolute;
    top: 70px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    left: 0;
    z-index: 100;
    display: none;
}

.f_st_title{
    text-align: left;
    font-weight: bold;
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-size: 26px;
    margin-bottom: 15px;
}

.f_l_main{
    display: flex;
    width: 100%;
    margin: 40px auto 0 auto;
    max-width: 495px;
}

.f_l_main .first_nm{margin-right:5px;width: 50%; position:relative; }
.f_l_main .last_nm{width: 50%; position:relative;}
.f_l_main .first_nm input{width: 100%;max-width: 100%;}
.f_l_main .last_nm input{width: 100%;max-width: 100%;margin:0 !important;}

.remove_pet i{
    color: red;
    font-size: 16px;
    background: #fff;
    border: 1px solid;
    padding: 6px 8px;
    border-radius: 50px;
    cursor:pointer;
}

.esa_footer_note h3{font-weight:700;font-size:16px;}
.esa_footer_note p {font-size:16px;}

/* CART BOX */
.cart-box{
    margin-top:40px;
    border: 1px solid;
    width: max-content;
    margin: 40px auto 0 auto;
    padding: 15px 40px;
    border-radius: 5px;
}
.cart-box .main-row{
    display: flex;
    width: 300px;
    margin: 10px auto;
    justify-content: space-between;
    font-size: 18px;
}
.cart-box .sub-total{
    font-weight:bold;
    padding-top: 10px;
}
/* END CART BOX */

.esa-new-form{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.esa-new-n-input, .age-select-box, .esa-new-n-input, .pet-redio-btn, .gender-redio-btn{ margin-bottom: 8px; } 
.esa-new-n-input, .age-select-box, .esa-new-n-input{ width: 100%; max-width: 259px; margin-right:10px; position:relative; }
.pet-redio-btn, .gender-redio-btn{ max-width: 110px; width: 100%; margin-right:10px; }
.pet-redio-btn{max-width: 170px;}

.email-div, .phone-div{ position:relative; max-width: 495px; width: 100%; margin: auto; }

 .label-focus{
	position: absolute;
	left: 10px;
	top: 15px;
	font-size: 16px;
	margin: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 100ms;
    transform-origin: center;
    font-weight: 400;
    opacity: 0.6;
    pointer-events: none;
}
input.input-focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 1); }
input.input-focus::-moz-placeholder { color: rgba(255, 255, 255, 1); }
input.input-focus:-ms-input-placeholder { color: rgba(255, 255, 255, 1); }
input.input-focus::placeholder { color: rgba(255, 255, 255, 1); }

input.input-focus:focus, input.input-focus:not(:placeholder-shown){
	padding-bottom:0 !important;
	padding-top:10px !important;
}
input.input-focus:focus+label, input.input-focus:not(:placeholder-shown)+label{
	font-size: 10px;
	-webkit-transform: translateY(-0.9rem);
	-moz-transform: translateY(-0.9rem);
	-ms-transform: translateY(-0.9rem);
	transform: translateY(-0.9rem);
}
select.select-focus::not([value=""]):valid ~ label{
	font-size: 10px;
	-webkit-transform: translateY(-0.9rem);
	-moz-transform: translateY(-0.9rem);
	-ms-transform: translateY(-0.9rem);
	transform: translateY(-0.9rem);
}
select.select-focus:focus+label{
	font-size: 10px;
	-webkit-transform: translateY(-0.9rem);
	-moz-transform: translateY(-0.9rem);
	-ms-transform: translateY(-0.9rem);
	transform: translateY(-0.9rem);
}


/* .esa-new-n-input{ margin-right: 0; } */

#pet-radioBtn a,#gender-radioBtn a {border-radius:0;}
.input-focus{
    max-width: 100%;
    padding: 6px 10px;
    line-height: 52px !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    border: 1px solid #00A17A !important;
    margin: auto;
    width: 100% !important;
    font-size: 18px !important;
    height: 52px !important;
    color: #000 !important;
    position: relative;
    box-shadow: none !important;
}

#breed-name{
	padding: 6px 10px;
	line-height: 45px;
	background-color: #fff;
	border: 1px solid #00A17A;
	margin: auto;
	width: 100%;
	max-width: 270px;
	border-radius:0;
	font-size: 18px;
}

.age-select-box .form-control{
	border: 1px solid #00A17A;
	font-size: 18px;
	padding: 6px 10px;
	background-color: #fff;
	max-width: 270px;
	width: 100%;
	height: 52px;
	border-radius: 0;
}

.pet-redio-btn a, .gender-redio-btn a{
	width: 55px;
	height: 52px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #00A17A;
	box-shadow: unset;
	flex-direction: column;
	opacity: 0.5;
	line-height: normal;
	border-radius: 5px;
}
.gender-redio-btn a{
	padding: 10px 0;
}
.pet-redio-btn a img{
	width: 20px;
	height: 20px;
	object-fit: contain;
	
}	
.gender-redio-btn a b{
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	color: #000;
}
.pet-redio-btn a span, .gender-redio-btn a span{
	font-size: 12px;
	color: #000;
	font-weight: 600;
	display: block;
}
.pet-redio-btn a.active, .gender-redio-btn a.active{
	opacity: 1; 
	box-shadow: unset; 
	background-color: rgba(0, 161, 122, 0.2); 
}

.add-pet-details-main{ display: flex; align-items: center; margin-top: 30px; }
.append-text-wapper{ margin-right: 30px;cursor: pointer; }
.append-text-wapper i{
	font-size: 16px;
	color: #5bc1a7;
}
.append-text-wapper span{
	font-size: 16px;
	color: #00000080;
	font-weight: 600;
}

.price-pet-wapper{
	background-color: rgba(0, 161, 122, 0.15); 
	padding: 10px 30px;
	max-width: 500px;
}
.price-pet-wapper span{
	font-size: 18px;
}

.animal_box .fa-rabbit{ font-family: "Font Awesome 5 Pro" !important; }

footer{display: none;}

#sucide-resource{
	display:none;
}
#sucide-resource.active{display: block;}

#sucide-resource .fl-node-6ljytxfr1gzh,#sucide-resource .fl-node-sgkl5u6j7nio{display:none;}

#sucide-resource h1,#sucide-resource h2,#sucide-resource h3,#sucide-resource h4,#sucide-resource h5,#sucide-resource h6{font-family: "Capriola",sans-serif !important;}
#sucide-resource a {color: #21ba96 !important;}

#sucide-resource h3{font-size: 27px;line-height: 1.4;color: #444;}

#sucide-resource h4{font-size: 20px;line-height: 1.4;color: #444;}

#sucide-resource p,#sucide-resource ul li{font-size: 15px;line-height: 1.65;color: #444;}

.modal-dialog-centered{
	min-height: calc(100% - 3.5rem);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background-color: #000;
}
.modal-dialog{
	z-index:99999999;
}
.ty-wapper { padding: 40px; text-align: center; background-color: #fff; margin-top: 70px; }
.ty-card-icon i { font-size: 100px; color: #00A17A; }
.ty-card-icon h3 { font-size: 40px; font-weight: 700; color: #353f43; }
.ty-inner-text {margin-top: 30px; }
.ty-inner-text p { color: #353f43; text-align: center; font-size: 18px; }
.arrow-icon-card { margin-top: 50px; font-size: 30px; color: #353f43; margin-bottom: 30px; }
.ty-btn-wapper a {
	max-width: 500px;
	width: 100%;
	height: 60px;
	background-color: #00A17A;
	border-radius: 4px;
	display: block;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	margin: auto;
}
.e-chart.disable{display:none;}
.esa-chart.h{height:auto;}
select:focus-visible { outline: unset; }
.btn-block{background: none;}
fieldset{display: none;}
fieldset.active{display: block;}
.esa-chart {
	margin:  20px 0px 200px 0;
	height: 50vh;
	display: flex;
	/*align-items: center;*/
	justify-content: center;
}
.esa-chart-one h2 {
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 30px;
}
.esa-chart-three h4{
    font-weight:bold;
}
#first_name,#last_name, #phone, #email {
	max-width: 495px;
	height: 52px;
	padding: 6px 10px;
	line-height: 52px;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #00A17A;
	margin: auto;
	margin-top: 25px;
	font-size: 18px;
	box-shadow: 0 4px 30px rgb(0 0 0 / 15%);
	-moz-box-shadow:  0 4px 30px rgb(0 0 0 / 15%);
	-webkit-box-shadow:  0 4px 30px rgb(0 0 0 / 15%);
}
#first_name:focus, #first_name:active, #phone:focus, #phone:active, #email:focus, #email:active{
	border: 1px solid #04a079;
}

.esa-chart-one span{
	font-size: 18px;
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	background: #04a079;
	color: #fff;
	border-radius: 50px;
	margin-right: 17px;
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
}
.esa-text{ width: 334px; }
.esa-chart-one p {
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 27px;
	margin-top: 10px;
	text-align: left;
}
.esa-chart-one p {text-align: left;}
.esa-text-one {
	display: flex;
	justify-content: center;
	align-items: center;
}

.esa-btn-card{
	width: 135px;
	height: 52px;
	border: 1px solid #333333;
	line-height: 52px;
	background-color: #fff;
	border-radius: 0;
	color: #333333;
	font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
}
.esa-card-btn:hover{ background: #fff; color: #04a079; border-color:#04a079; }
.esa-btn-card:hover{ background: #04a079; color: #fff;  border-color:#04a079; }
.esa-btn-card.active {
	background: #04a079;
	border-color:#04a079;
	color: #fff;
}
.esa-butoon {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.esa-butoon:foucs{color: #fff;}
.esa-butoon .esa-btn { margin: 0px 5px; }
.esa-btn.active.focus, .esa-btn.active:focus, .esa-btn.focus, .esa-btn:active.focus, .esa-btn:active:focus, .esa-btn:focus{
	outline: unset; border: unset;
	background: #04a079;
	color: #fff;
}
.esa-back.active.focus, .esa-back.active:focus, .esa-back.focus, .esa-back:active.focus, .esa-back:active:focus, .esa-back:focus{
	outline: unset; border: unset; box-shadow: none;
}
.esa-chart-two h2{
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
}

.esa-chart-two h2 ,.esa-chart-three h2{
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
}

.esa-step-1 h2{
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 27px;
}

.esa-chart-two p  , .esa-chart-three p{
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
}
.esa-step-1 p{
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}
.plan .row{ display: flex; flex-flow: row wrap; }
.columns{ height: 100%; }
.esa-chart .container{ max-width: 100%; }

.plan h2{
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align:center;
	margin-bottom: 25px;
}
.plan p{
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 27px;
	text-align:center;
	margin-bottom: 50px;
}
.columns{
	background: #fff;
	-moz-box-shadow: 0 0 5px 5px rgb(0 0 0 / 15%);
	-webkit-box-shadow:  0 0 5px 5px rgb(0 0 0 / 15%);
	box-shadow: 0 0 5px 5px rgb(0 0 0 / 15%);
	padding: 20px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
}
.columns-center{

	-moz-box-shadow: 0 0 5px 5px rgb(0 0 0 / 15%);
	-webkit-box-shadow:  0 0 5px 5px rgb(0 0 0 / 15%);
	box-shadow: 0 0 5px 5px rgb(0 0 0 / 15%);
	padding: 20px;
	border-radius: 15px;
}
.columns h2 ,.columns-center h2{
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 27px;
	text-align: center;
}
.coloumn-ul {
	margin-bottom: 30px;
}
.columns h2 ,.columns h6 ,.columns p ,.columns h3 ,.coloumn-ul ul li{color: #1b323b;}
.columns h6 ,.columns-center h6{
	text-decoration: line-through;
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
}
.columns p ,.columns-center p{
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	margin: 20px 0;
}
.columns h3 ,.columns-center h3{
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	text-align: center;
	margin-bottom: 20px;
}
.coloumn-ul ul li ,.columns-center ul li{
	list-style-type: none;
	font-family: 'Myriad Pro Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	margin-bottom: 10px;
	display: flex;
	align-items: baseline;
}
.coloumn-ul ul li:last-child, .columns-center ul li:last-child{ margin-bottom: 0; }
.coloumn-ul ul{ padding: 0; margin: 0; }
.coloumn-ul ul li i ,.columns-center ul li i{margin-right: 10px; }
.plan-butoon .btn{
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	border: 1px solid #04a079;
	background: #04a079;
	color: #fff;
	padding: 20px 40px ;
}
.plan-butoon-center .btn{
	font-family: 'Myriad Pro Bold';
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	border: 1px solid #04a079;
	background: #04a079;
	color: #fff;
	padding: 20px 40px ;
}
.plan-butoon, .plan-butoon-center { margin-top: auto; }
.btn-card:active, .btn-card:focus, .btn-card:focus-visible {
	color: #fff;
	border: 1px solid #04a079;
	background: #04a079;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0px;
}
.plan-icon img{ width:150px; margin: auto; }

.submit_all h2{display: flex;justify-content: center;align-items: first baseline;}
.dog-img{margin: 0px 0;}
.dog-img img{
	max-width: 180px;
	height: auto;
}
.dot-pulse {
	position: relative;
	left: -9999px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #0a4253;
	color: #0a4253;
	-moz-box-shadow: 9999px 0 0 -5px #0a4253;
	-webkit-box-shadow:  9999px 0 0 -5px #0a4253;
	box-shadow: 9999px 0 0 -5px #0a4253;
	animation: dotPulse 1.5s infinite linear;
	animation-delay: .25s;
	margin-left: 25px;
}

.dot-pulse::before, .dot-pulse::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	width: 7px;
	height: 7px;
	border-radius: 5px;
	background-color: #0a4253;
	color: #0a4253;
}

.dot-pulse::before {
	box-shadow: 9984px 0 0 -5px #0a4253;
	animation: dotPulseBefore 1.5s infinite linear;
	animation-delay: 0s;
}

.dot-pulse::after {
	box-shadow: 10014px 0 0 -5px #0a4253;
	animation: dotPulseAfter 1.5s infinite linear;
	animation-delay: .5s;
}

@keyframes dotPulseBefore {
	0% {
		box-shadow: 9984px 0 0 -5px #0a4253;
	}
	30% {
		box-shadow: 9984px 0 0 2px #0a4253;
	}
	60%,
	100% {
		box-shadow: 9984px 0 0 -5px #0a4253;
	}
}

@keyframes dotPulse {
	0% {
		box-shadow: 9999px 0 0 -5px #0a4253;
	}
	30% {
		box-shadow: 9999px 0 0 2px #0a4253;
	}
	60%,
	100% {
		box-shadow: 9999px 0 0 -5px #0a4253;
	}
}

@keyframes dotPulseAfter {
	0% {
		box-shadow: 10014px 0 0 -5px #0a4253;
	}
	30% {
		box-shadow: 10014px 0 0 2px #0a4253;
	}
	60%,
	100% {
		box-shadow: 10014px 0 0 -5px #0a4253;
	}
}

.esa-chart-three .first_name input,.esa-chart-three .phone input{
	display: block;
	margin: 0px auto;
	margin-bottom: 0px;
	margin-bottom: 2%;
	width: 35%;
	padding: 5px;
}
#frm_err{ font-size: 16px !important; color: red; }
.auto-height{height: auto !important;}

/* new css  */

.esa-button-wapper{
	-moz-box-shadow:  0 -6px 20px rgb(0 0 0 / 5%);
	-webkit-box-shadow:  0 -6px 20px rgb(0 0 0 / 5%);
	box-shadow: 0 -6px 20px rgb(0 0 0 / 5%);
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #ffffff;
	z-index: 100;
	height: 90px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 20px;
	padding-bottom: 20px;
	align-items: center;
}

.esa-card-btn{
	width: 267px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #04a079;
	background-color: #04a079;
	color: #fff;
	grid-column: 2 / span 1;
	margin: 0 auto;
	flex-grow: 1;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Myriad Pro Bold';
    font-style: normal;
    padding: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
}
.esa-back i{
	color: #12333c;
	font-style: normal;
	font-weight: bold;
	font-size:24px;
	margin-right: 20px;
}
.esa-back{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	outline: none;
	border: none;
	font-weight: 600;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	flex-shrink: 0;
	color: #12333c;
	letter-spacing: 0.03em;
	background: none;
	margin-right: 35px;
	padding-left: 0;
	padding-right: 0;
	position: absolute;
	left: 60px;
}
.esa-back:active{ box-shadow:unset; outline: 0; }
.house_box ,.house_box1{
	box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 15%);
	padding: 30px 6px 20px;
	text-align: center;
	margin: 40px;
	border-radius: 10px;
	height: 270px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.house_box ,.house_box1{
	-moz-box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 15%);
	-webkit-box-shadow:  1px 1px 2px 2px rgb(0 0 0 / 15%);
	box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 15%);
	padding: 30px 6px 20px;
	text-align: center;
	margin: 40px;
	border-radius: 10px;
	height: 270px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.house_box h2 ,.house_box1 h2{ font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; }

.house_box p ,.house_box1 p{ font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; }
.house_box h6 ,.house_box1 h6{ font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: bold; }

.quize-wapper-img ul,.quize-wapper-radio ul { text-align: center; padding: 0; display: flex;justify-content: center;}
.quize-wapper-img ul li,.quize-wapper-radio ul li {
	display: flex;
	align-items: center;
	width: 200px;
	height: 200px;
	margin: 5px 5px;
	position: relative;
	background-color: #fff;
	box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 15%);
	-moz-box-shadow:  1px 1px 2px 2px rgb(0 0 0 / 15%);
	-webkit-box-shadow:  1px 1px 2px 2px rgb(0 0 0 / 15%);
	padding: 10px 6px;
	text-align: center;
}
.img-card img{ width: 100%; height: 130px; object-fit: contain; max-width: unset;  }
.animal_box h2{ font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400;margin-bottom: 0; }
.animal_box i{ font-size: 60px; }
.animal_box { width: 100%; height: auto; }
.checked { border:  2px solid #04a079 !important; }
.esa-card-btn:focus-visible{ outline: unset; }
.esa-card-btn:active{ box-shadow: unset; border: 1px solid #04a079; background-color: #04a079; }

#state {
	height: 52px;
	border: 1px solid #04a079;
	line-height: 52px;
	border-radius: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	width: 100%;
	margin: 0px;
    max-width: 495px;
    background:#fff;
    color:#000;
}
.esa-step-1 #first_name, .esa-step-1 #phone, .esa-step-1 #email { margin:0px auto; }
.animal_box .anim_icon{color: #12333c;}
.quize-wapper-img{margin-top: 35px;}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
    line-height: 25px;
}

/* new update css  */
.esa-text-card span{
	font-family: myriad pro regular;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #444;
	line-height: 24px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.esa-text-card span a{
	color: #444;
	margin-top: 2px;
	margin-left: 5px;
}
.esa-progressBar{
	display:none;
}

.esa-progressBar.active{
	display:block !important;
}

.esa-header-wapper .row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.progress-bar-wapper {
	position: relative;
	margin-top: 16px;
	margin-bottom: 16px;
}
.m-progress {
	position: relative;
	height: 4px;
	width: 100%;
	background-color: #d8d9d9;
	transition: 1s;
	margin-top: 20px;
}
.m_progress_1 {
	height: 4px;
	background-color: #00A17A;
	display: block;
}
.progress-bar.active, .progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}
#progress-value{
	background-color: #104275;
	border-radius: 20px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	min-width: 62px;
	padding: 8px 16px;
	position: absolute;
	transition: left .5s;
	width: -webkit-fit-content;
	width: fit-content;
	top: -15px;
	left: 0;
	text-align: center;
}


.quize-wapper-radio ul{
    flex-direction: column;
}
.quize-wapper-radio ul li {
    width: 500px;
    display: flex;
    align-items: center;
    flex-direction: row;
    max-width: 500px;
    margin: auto;
    height: 60px;
    padding: 0px 30px;
    border: 2px solid #aeaeae;
    box-shadow: none;
    margin-bottom: 10px;
    border-radius: 0px;
}
.animal_box{
	display: flex;
	align-items: center;
}
.quize-wapper-radio li span {
	/* background: #00a07b; */
	color: #000;
	padding: 0px 20px;
	display: block;
	width: max-content;
	margin: 0; 
	border-radius: 25px;
	font-size: 20px;
	width:110px;
	text-align: left;
}
span.radio-dot {
	padding: 0 !important;
	width: 20px !important;
	height: 20px !important;
	display: block;
	border: 1px solid #a3a3a3;
	background-color: #fff !important;
}
.quize-wapper-radio ul li.checked span.radio-dot {
	background : #00a07b !important;
	border: 1px solid #00a07b;
}
.animal_box h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
	margin: 0;
	width: 75%;
    overflow: hidden;
    text-align: left;
}

select.form-control{
	box-shadow: unset;
	-webkit-box-shadow: unset;
	/*-webkit-appearance: none;*/
	-moz-box-shadow: none;
}

@media(max-width: 1300px){
    .esa-chart {height: 64vh; }
	.dog-img{
		width: 50%;
		margin: 50px auto;
	}
}

@media(max-width: 1199px){
	.esa-btn-card{
		width: 127px;
	}
}

@media(max-width: 991px){
	.esa-chart-two h2, .esa-chart-three h2{ font-size: 27px; }
	.dog-img img{ width: 80%; }
	.esa-butoon .esa-btn{ margin: 5px 5px; }
	.esa-butoon { flex-direction: column-reverse; }
	.columns { margin-bottom: 30px; height: auto; }
	.esa-step-1 p{ font-size:15px; }
	.esa-step-1 h2{font-size:20px; }
}

@media(max-width: 767px){
	.esa-btn-card { width: 161px; }
	.esa-butoon .esa-btn{ margin: 5px 0; }
	.dog-img img{ width: 100%; }
	.esa-chart{margin:30px 0 70px 0;display: block; height:auto;}

	.esa-back{ position: relative; left:0; }
	.esa-button-wapper {
		display: flex;
		box-shadow: 0 -4px 20px rgb(0 0 0 / 5%);
		height: 60px;
		padding: 10px 18px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.esa-card-btn { 
		width: auto;
		padding: 10px 20px;
		line-height: 0;
	}
	.animal_box{width: 100%;}
	.quize-wapper-img ul li,.quize-wapper-radio ul li {
		width: 100%;
		height: 100%;
	}
	.animal_box i{font-size: 40px;}
}

@media(max-width: 1300px){
	.dog-img{ width: 50%; margin: 50px auto; }
}

@media(max-width: 1199px){
	.esa-btn-card{ width: 127px; }
	.esa-new-n-input, .age-select-box, .esa-new-n-input{ width: 100%; max-width: 314px; margin-right: 10px;}
	.pet-redio-btn, .gender-redio-btn{ max-width: fit-content; width: 100%; margin-right: 10px;}
	.input-focus, .age-select-box .form-control{ max-width: 100%; }
}

@media(max-width: 991px){
	.esa-chart-two h2, .esa-chart-three h2{ font-size: 27px; }
	.esa-chart-two p, .esa-chart-three p{ font-size: 16px; }
	.dog-img img{ width: 80%; }
	.esa-butoon .esa-btn{ margin: 5px 5px; }
	.esa-butoon { flex-direction: column-reverse; }
	.columns { margin-bottom: 30px; height: auto; }
	.esa-step-1 p{ font-size:15px; }
	.esa-step-1 h2{font-size:20px; }
    .esa-new-form{ justify-content: flex-start; }
	.esa-new-n-input, .age-select-box, .esa-new-n-input{ margin:0 10px 10px 0; width: 100%; max-width: 350px; }
	.pet-redio-btn, .gender-redio-btn{ margin:0 10px 10px 0; max-width: 170px; width: 100%; }
	#pet-radioBtn, #gender-radioBtn{ max-width: 100%; width: 100%; }
	.input-focus, .age-select-box .form-control { max-width: 100%; }
}

@media(max-width: 768px){
    .input-focus, .age-select-box .form-control{width:100%;max-width: 100%;}
}

@media(max-width: 767px){
	.esa-btn-card { width: 161px; }
	.esa-butoon .esa-btn{ margin: 5px 0; }
	.dog-img img{ width: 100%; }
	.esa-chart{margin:30px 0 70px 0;display: block; height:auto;}
	.esa-back{ position: relative; left:0; }
	.esa-button-wapper {
		display: flex;
		box-shadow: 0 -4px 20px rgb(0 0 0 / 5%);
		height: 60px;
		padding: 10px 18px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.esa-card-btn { width: auto; padding: 10px 20px; line-height: 0; }
	.animal_box{width: 100%;}
	.quize-wapper-img ul li,.quize-wapper-radio ul li { width: 100%; height: 154px; }
	.animal_box i{font-size: 40px;}
	#progress-value {
		border-radius: 20px;
		color: #fff;
		font-size: 13px;
		line-height: 20px;
		min-width: 29px;
		padding: 5px 6px;
		position: absolute;
		transition: left .5s;
		width: -webkit-fit-content;
		width: fit-content;
		top: -13px;
		left: 0;
		text-align: center;
	}
	.esa-header-wapper .col-sm-2{order: 1; width: 50%; }
	.esa-header-wapper .col-sm-7{ order: 3; margin-top: 15px; }
	.esa-header-wapper .col-sm-3{ order: 2; width: 50%; }
	.esa-header-wapper .esa-logo{ width: 60%; }
	.esa-text-card span{ justify-content: flex-end; }
	.esa-progressBar{ padding: 0px 0px 0px 13px; }
	#progress-value{ min-width: 60px; }
	.f_l_main{ width:100%; }
	.esa-new-n-input, .age-select-box, .esa-new-n-input{width:100%; max-width: 47%;}
	.pet-redio-btn, .gender-redio-btn { max-width: fit-content; width: 100%; }
 	.ty-wapper { padding: 20px; text-align: center; background-color: #fff; margin-top: 20px; }
	.quize-wapper-radio ul li{ width:100% !important; height:60px !important; padding:0 10px;}
	.quize-wapper-radio ul li h2{ font-size:18px !important }
}

@media(max-width: 520px){
    .f_st_title,.esa-step-1 h2,.state_b_note{text-align:center;}
    .esa-btn-card { width: 125px; }
}

@media(max-width: 420px){
    .esa-btn-card { 
        width: 100px;
        font-size: 16px;
        font-weight: initial;
        height: 45px;
        line-height: 45px;
    }
    .f_st_title { margin-left:10px; }
    .price-pet-wapper{padding:10px 15px;}
    .esa-new-n-input, .age-select-box, .esa-new-n-input{width:100%;max-width: 100%;}
    .input-focus, .age-select-box .form-control{width:100%;max-width: 100%;}
    .new_frm{border-top: 1px dotted;padding-top: 35px;}
    .remove_pet{margin: 5px auto;}
    .pet-redio-btn{text-align:left;}
    .gender-redio-btn{text-align:right;}
    .cart-box{padding: 15px 15px;}
    
    .esa-chart-three .popup {
        position: absolute;
        top: 78px;
        background: #fff;
        border: 1px solid #ccc;
        padding: 8px;
        left: 0;
        z-index: 100;
        display: none;
        margin: 0 20px;
    }
    
	.quize-wapper-img ul li,.quize-wapper-radio ul li {
		width: 165px;
        height: 165px;
		flex-wrap: wrap-reverse;
		display: flex;
        align-items: center;
	}
	
	.quize-wapper-img ul,.quize-wapper-radio ul{flex-wrap: wrap;}
	.esa-progressBar{ padding: 0px 0px 0px 8px; }
	.esa-header-wapper .esa-logo { width: 70%; }
	.esa-chart { margin: 10px 0 70px 0; }
	.esa-button-wapper{ padding: 10px 14px; }
	#progress-value{ min-width: 45px; }
	.quize-wapper-img ul li,.quize-wapper-radio ul li {
		width: 180px;
		height: auto;
		flex-wrap: wrap-reverse;
	}
	.quize-wapper-img ul,.quize-wapper-radio ul{flex-wrap: wrap;}
	.animal_box h2{ font-size: 18px; }
	.quize-wapper-radio{width:100%;}
}

@media(max-width: 375px){
	.esa-progressBar{ padding: 0px 0px 0px 0px; }
	#progress-value{ min-width: 40px; }
    .quize-wapper-img ul li, .quize-wapper-radio ul li{
        width: 160px;
		height: auto;
    }
}



/* ========================
LOADER &  TOAST MESSAGE 
======================== */

/* Absolute Center Spinner */
.floading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display:none;
	z-index: 1100;
}

/* Transparent Overlay */
.floading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.floading:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.floading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* TOAST MESSAGE */

#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	left: 47%;
	bottom: 30px;
	font-size: 17px;
	font-weight: bold; 
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar.err{
	background-color: red;
}

#snackbar.success{
	background-color: green;
}

@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

/* ========================
END LOADER &  TOAST MESSAGE 
======================== */


/* all with border-radius */

.input-focus,.previous,.next,.price-pet-wapper,.next_option,.quize-wapper-radio ul li{
    border-radius:5px !important;
}
.pet-radioBtn a:nth-child(1),.gender-radioBtn a:nth-child(1){
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.pet-radioBtn a:nth-child(3),.gender-radioBtn a:nth-child(2){
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/* END all with border-radius */