@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,700,500|Poppins:400");

@media (max-width: 600px) {
    
	
	.export .overlap-group-6 {
		flex-direction: column;
		justify-content: center !important;
		margin-top: 2rem;
		margin-left: 6.3rem !important;
	}

	.export .overlap-group-6:last-child {
		margin-left: 3rem;
	}

	.overlap-group1 {
		margin-left: -7rem;
	}

	.female {
		flex-direction: column;
		
	}

	.group-37308 {
		justify-content: center;
		gap:0 !important;
		overflow: auto;
		width:200px !important;
		
		
	}

	.export {
		display:flex;
		width:100vh !important;
		justify-content:center;
		margin:auto !Important;
		overflow:hidden !important;
		padding-top: -4rem !important;
	}

	.header {
		display:none !important;
	}

	.frame {
		height: 50rem;
		width: 100%;
		overflow: hidden !important;
		padding-top:0rem !important;

	}

	.btn_next {
	    display:flex !important;
	    margin-top: 2rem;
	    margin-left:auto !important;
	    margin-right:auto !important;
		width: 20rem !important;
        
		

	}

	.form-control {
		margin-left:1rem;
	}
	
	.frame {
	    display:flex;
		min-width:698px !important;
		margin:auto !important;

	}
	
	
	.overlap-group-4 {
	    display:flex !important;
	}
	.overlap-group1-2 {
	    display:flex;
	    flex-direction:column !important;
	}
	
	.disclaimer {
	    text-align:center !important;
	    align-items:center !important;
	    margin:auto;
	    padding:0 12rem 0 12rem;	    
	}
	
	.export .flex-row {
		flex-direction: column !important;
		gap: 0 !important;
		align-items: center !important;
	  }

	  .group-37310 {
		margin-top: -6rem;
		margin-right:auto !important;
		margin-left:auto !important;
		justify-content:center;
		text-align:center;
		
	  }

	  .last-name {
		margin-right: 1.5rem !important;
		margin-top:1rem;
	  }
	  
	  .whats-your-name {
	      margin-left:4rem !important;
	  }
	  
	  .export .please-type-your-fir {
	      text-align:center !important;
	      justify-content:center !important;
	      margin-left:4rem;
	  }
	  
	  .whats-your-name {
	      text-align:center !important;
	      justify-content:center !important;
	      margin-left:7rem !important;
	      
	  }
	  
	  .export .group-container {
		flex-direction: column !important;
		gap: .5rem !important;
		align-items: center !important;
		margin-right: 1rem !important;
		
		}

		.overlap-group1-3 {
			margin-left: -7.5rem !important;
		}

		.phone-number {
			margin-left: -6.5rem !important;
		}

		.email {
			font-size: 20px;
			margin-bottom: .3rem;
			margin-left: 4rem !important;
		}

        .btn_done {
        display:flex !important;
	    margin-top: 2rem;
	    margin-left:auto !important;
	    margin-right:auto !important;
		width: 20rem !important;
		
	}
	
	.export .nice-to-meet-you-how-can-we-connect {
	    text-align:center !important;
	    padding-left:5rem !important;
	    font-size:18px;
	    margin-top:-2rem;
	    margin-left:auto;
	    margin-right:auto;
	 
	}
	
	.please-type-your-pri {
	    text-align:center !important;
	    font-size:16px;
	    margin-left:4.5rem;
	    margin-top:-2rem;
	}
	
	.please-select-what-h {
	    font-size:16px;
	    margin-left:-1rem;
	}
	
	.group1-4 {
	    display: none !important;
	}
	
	.group-4 {
	    display:none !important;
	}
	
	.group-37308 {
			width: 10% !important;
			gap: -10 !important;
			flex-direction: column !important;
			margin-left:4rem !important;
			margin-top:-3rem !important;
			padding-bottom:0 !important;
			
			
		}
		
		.health-status {
		    margin-top:-3rem !important;
		}
		
		.email-phone-number {
		    margin-top:-2rem !important;
		}
		
		.normal-rum-18px {
		    width:15rem !important;
		}
		
		.group {
		    display:none !important;
		}
		
		.group-1 {
		    display:none !Important;
		}
		
		#spouse {
		    width:4.1rem ;
		}
		
		#children {
		    padding:;
		}
		
		#other {
		    width:5.1rem;
		}
		
		#who {
		    margin-left:-2rem;
		}
		
		#who-text {
		    margin:auto;
		    font-size:20px;
		    padding-left:1rem;
		}

}

#page2_next:disabled, #page2_next[disabled]{
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
  }
  
#page3_next:disabled, #page3_next[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

#page4_next:disabled, #page4_next[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

#page5_next:disabled, #page5_next[disabled]{
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
}

#page6_done:disabled, #page6_done[disabled]{
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
}

:target {display: none}

html.loaded-in-iframe .elementor-39.elementor-location-header {
  display: none !important;
}

p#reference:target{background-color:gold;}


:root{
	--primary: #4285F4;
	/* old: 6b59d3 */
	--secondary: #bfc0c0;
	--white: #fff;
	--text-clr: #5b6475;
	--header-clr: #25273d;
	--next-btn-hover: #8577d2;
	--back-btn-hover: #8b8c8c;
	--athens-gray: #eff0f6;
    --black: #000000;
    --blueberry: #4285f4;
	--pink: #FFC0CB;
    --royal-blue: #4a3aff;
    --rum: #6e6b8f;
    --tolopea: #170f49;
	--font-size-l: 24px;
    --font-size-m: 18px;
    --font-size-s: 16px;
    --font-size-xl: 36px;
    
 
    --font-family-dm_sans: "DM Sans", Helvetica;
    --font-family-poppins: "Poppins", Helvetica;
}

*{
	box-sizing: border-box;
	list-style: none;
	outline: none;
	font-family: 'Open Sans', sans-serif
	
}
    
    html, body {
    max-width: 100%;
    overflow-x: hidden;
}


.screen {

	text-decoration: none;
	
	
}
  
  .container-center-horizontal {
	display: flex;
	flex-direction: row;
	justify-content: center;
	pointer-events: none;
	width: 100%;
	
}
  
  .container-center-horizontal > * {
	flex-shrink: 0;
	pointer-events: auto;
}
  
.body{
	background: var(--primary);
	color: var(--text-clr);
	font-size: 16px;
	position: relative;
	
	
}

.normal-rum-18px {
	color: black;
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	border: none !important;
	width: 18rem !important;
	margin-top: -.4rem;
}

.phone-normal-rum-18px {
    color: black;
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 400;
	border: none !important;
	width: 18rem !important;
	margin-top: -.4rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*phone Icon*/
.group {
    margin-left: -1em;
}
  
  .dmsans-medium-tolopea-18px {
	color: var(--tolopea);
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 500;
}
  
  .dmsans-bold-tolopea-24px {
	color: var(--tolopea);
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-l);
	font-style: normal;
	font-weight: 700;
}
  
  .dmsans-bold-white-18px {
	color: var(--white);
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: 700;
}
  
  .dmsans-normal-rum-16px {
	color: var(--rum);
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-s);
	font-style: normal;
	font-weight: 400;
}  

.wrapper{
	width: 750px;
	max-width: 100%;
	background: var(--white);
	margin: 100px auto 0;
	/* padding: 50px; */
	border-radius: 5px;
}

.wrapper .header{
	margin-bottom: 35px;
	display: flex;
	justify-content: center;
	margin-left: -2rem;
}

.wrapper .header ul{
	display: flex;
}

.wrapper .header ul li{
	margin-right: 50px;
	position: relative;
}

.wrapper .header ul li:last-child{
	margin-right: 0;
}

.wrapper .header ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 55px;
	width: 100%;
	height: 2px;
	background: var(--secondary);
}

.wrapper .header ul li:last-child:before{
	display: none;
}

.wrapper .header ul li div{
	padding: 5px;
	border-radius: 50%;
}

.wrapper .header ul li p{
	width: 50px;
	height: 50px;
	background: var(--secondary);
	color: var(--white);
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
}

.wrapper .header ul li.active:before{
	background: var(--primary);
}

.wrapper .header ul li.active p{
	background: var(--primary);
}

.wrapper .form_wrap{
	margin-bottom: 35px;
}

.wrapper .form_wrap h2{
	color: var(--header-clr);
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.wrapper .form_wrap .input_wrap{
	width: 350px;
	max-width: 100%;
	margin: 0 auto 20px;
}

.wrapper .form_wrap .input_wrap:last-child{
	margin-bottom: 0;
}

.wrapper .form_wrap .input_wrap label{
	display: block;
	margin-bottom: 5px;
}

.wrapper .form_wrap .input_wrap .input{
	border: 2px solid var(--secondary);
	border-radius: 3px;
	padding: 10px;
	display: block;
	width: 100%;	
	font-size: 16px;
	transition: 0.5s ease;
}

.wrapper .form_wrap .input_wrap .input:focus{
	border-color: var(--primary);
}

.wrapper .btns_wrap{
	width: 350px;
	max-width: 100%;
	margin: 0 auto;
}

.wrapper .btns_wrap .common_btns{
	display: flex;
	justify-content: space-between;
}

.wrapper .btns_wrap .common_btns.form_1_btns{
	justify-content: flex-end;
}

.wrapper .btns_wrap .common_btns button{
	border: 0;
	padding: 12px 15px;
	background: var(--primary);
	color: var(--white);
	width: 135px;
	justify-content: center;
	display: flex;
	align-items: center;
	font-size: 16px;
	border-radius: 3px;
	transition: 0.5s ease;
	cursor: pointer;
}

.wrapper .btns_wrap .common_btns button.btn_back{
	background: var(--secondary);
}

.wrapper .btns_wrap .common_btns button.btn_next .icon{
	display: flex;
	margin-left: 10px;
}

.wrapper .btns_wrap .common_btns button.btn_back .icon{
	display: flex;
	margin-right: 10px;
}

.wrapper .btns_wrap .common_btns button.btn_next:hover,
.wrapper .btns_wrap .common_btns button.btn_done:hover{
	background: var(--next-btn-hover);
}

.wrapper .btns_wrap .common_btns button.btn_back:hover{
	background: var(--back-btn-hover);
}

.modal_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.modal_wrapper .shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	transition: 0.2s ease;
}

.modal_wrapper .success_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-800px);
	background: var(--white);
	padding: 50px;
	display: flex;
	align-items: center;
	border-radius: 5px;
	transition: 0.5s ease;
}

.modal_wrapper .success_wrap .modal_icon{
	margin-right: 20px;
	width: 50px;
	height: 50px;
	background: var(--primary);
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 700;
}

.modal_wrapper.active{
	visibility: visible;
}

.modal_wrapper.active .shadow{
	opacity: 1;
}

.modal_wrapper.active .success_wrap{
	transform: translate(-50%,-50%);
}

/* screen - export */

.export {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px none;
	display: flex;
	padding-bottom:0;
	border-radius: 34px;
	overflow: hidden;
    
  }
  
  .export .frame {
	align-items: center;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--athens-gray);
	border-radius: 34px;
	box-shadow: 0px 5px 16px #080f340f;
	display: flex;
	flex-direction: column;
	padding:0 0 1rem 0 !important;
	/* padding: 32px 37px; */
	width: 698px;
	
  }
  
  .export .progress-bar {
	align-items: flex-start;
	align-self: flex-start;
	display: flex;
	height: 37px;
	min-width: 389px;
  }
  
  .export .overlap-group {
	align-items: flex-start;
	background-color: var(--royal-blue);
	border-radius: 17px;
	display: flex;
	height: 34px;
	margin-top: 0.47px;
	min-width: 34px;
	padding: 7.5px 14px;
  }
  
  .export .number-1 {
	color: var(--white);
	font-family: var(--font-family-dm_sans);
	font-size: var(--font-size-s);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 18px;
	white-space: nowrap;
  }
  
  .export .x1-2-line {
	align-self: center;
	background-color: var(--athens-gray);
	border: 1px none;
	border-radius: 40px;
	height: 6px;
	margin-bottom: 3.0px;
	margin-left: 18px;
	width: 49px;
  }
  
  .export .overlap-group-1 {
	align-items: flex-start;
	background-color: var(--athens-gray);
	border-radius: 17px;
	display: flex;
	height: 34px;
	justify-content: flex-end;
	margin-left: 18px;
	min-width: 34px;
	padding: 4.5px 11px;
  }
  
  .export .number {
	letter-spacing: 0;
	line-height: 23px;
	white-space: nowrap;
  }
  
  .export .x-line {
	align-self: center;
	background-color: var(--athens-gray);
	border: 1px none;
	border-radius: 40px;
	height: 6px;
	margin-bottom: 3.95px;
	margin-left: 18px;
	width: 49px;
  }
  
  .export .overlap-group-2 {
	align-items: flex-start;
	background-color: var(--athens-gray);
	border-radius: 17px;
	display: flex;
	height: 34px;
	margin-left: 17px;
	min-width: 34px;
	padding: 4.5px 12px;
  }
  
  .export .overlap-group-3 {
	align-items: flex-start;
	align-self: flex-end;
	background-color: var(--athens-gray);
	border-radius: 17px;
	display: flex;
	height: 34px;
	margin-left: 17px;
	min-width: 34px;
	padding: 4.5px 12px;
  }
  
  .export .zip-code {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	margin-right: 11.82px;
	margin-top: 29px;
	min-height: 235px;
	width: 596px;
  }
  
  .export .line {
	height: 1px;
	margin-top: -1px;
	width: 596px;
  }
  
  .export .title-text {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-left: 36.04px;
	margin-top: 30px;
	min-height: 72px;
	width: 276px;
  }
  
  .export .title {
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
	margin-left:-1.5rem;
  }
  
  .export .text {
	letter-spacing: 0;
	line-height: 30px;
	white-space: nowrap;
  }
  
  .export .overlap-group-4 {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--blueberry);
	border-radius: 16px;
	display: flex;
	gap: 18px;
	justify-content: flex-end;
	margin-left: 36.04px;
	margin-top: 44px;
	min-width: 272px;
	padding: 5px 7px;
	width: 350px;
	margin-left: -.1em;
  }
  
  .export .placeholder {
	align-self: center;
	color: #a0a3bd;
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-xl);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 1.0px;
	min-width: 101px;
	white-space: nowrap;
  }
  
  .export .ZipCode {
	align-self: center;
	color: #000;
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-xl);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 1.0px;
	min-width: 101px;
	white-space: nowrap;
	border: none;
  }

  .export .year_of_birth {
	align-self: center;
	color: black;
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-xl);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 1.0px;
	width: 20rem!important;
	white-space: nowrap;
	width:200px;
    border:none;
  }

  .export .primary-btn {
	align-items: center;
	background-color: var(--royal-blue);
	border: 1px none;
	border-radius: 16px;
	box-shadow: 0px 3px 12px #4939ff2e;
	display: flex;
	gap: 8px;
	height: 48px;
	justify-content: center;
	padding: 20px 40px 21px;
	width: 130px;
	margin-top: .5em;
  }
  
  .export .confirm {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: -5.50px;
	margin-left: -10.50px;
	margin-right: -10.50px;
	margin-top: -7.50px;
	text-align: center;
	white-space: nowrap;
	width: fit-content;
  }
  
  .export .gender {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 44px;
	margin-right: 1.0px;
	margin-top: 60px;
	min-height: 230px;
	width: 535px;
  }
  
  .export .title-text-1 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 72px;
	width: 275px;
	margin-left: 2em;
	margin-top: -2em;
  }
  
  .export .title-1 {
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
  }
  
  .export .text-1 {
	letter-spacing: 0;
	line-height: 30px;
	white-space: nowrap;
  }
  
  .export .overlap-group-container {
	align-items: flex-start;
	display: flex;
	gap: 41px;
	min-width: 535px;
	margin-right: -3rem;
  }
  
  .export .overlap-group2 {
	align-items: center;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--blueberry);
	border-radius: 16px;
	display: flex;
	gap: 11px;
	height: 114px;
	min-width: 247px;
	padding: 23.4px 32px;
    cursor: pointer;
    margin-left: -7rem;
    transition: .3s;
  }
  
  .export .overlap-group2:hover {
  transition: .3s;
  box-shadow: 0px 4px 10px #1e245912 , 0px 2px 11px #4440a30f;
  border: 1px solid;
	border-color: var(--blueberry);
	margin-bottom: 1rem;
}



.export .form-control input[type="radio"]:checked ~ * { 
background-color: #ebebeb;
}
  
  .export .overlap-group-5 {
	align-items: flex-start;
	align-self: flex-end;
	background-color: #4285f426;
	border-radius: 33.32px;
	display: flex;
	height: 67px;
	justify-content: flex-end;
	min-width: 67px;
	padding: 13px 9.6px;
  }

  .export .overlap-group-42 {
	align-items: flex-start;
	align-self: flex-end;
	background-color: #FFC0CB;
	border-radius: 33.32px;
	display: flex;
	height: 67px;
	justify-content: flex-end;
	min-width: 67px;
	padding: 13px 9.6px;
  }
  
  .export .male-icon {
	height: 40px;
	width: 47px;
  }
  
  .export .male-text {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 1.36px;
	min-width: 41px;
	white-space: nowrap;
  }
  
  .export .overlap-group-6 {
	align-items: center;
	background-color: var(--white);
	display: flex;
	gap: 11px;
	height: 114px;
	min-width: 247px;
	padding: 23.4px 32px;
  }
  
  .export .overlap-group1 {
	align-items: center;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--pink);
	border-radius: 16px;
	display: flex;
	gap: 11px;
	height: 114px;
	min-width: 247px;
	padding: 23.4px 32px;
    cursor:pointer;
    transition: .3s;
  }
  
  .export .overlap-group1:hover {
  transition: .3s;
  box-shadow: 0px 4px 10px #1e245912 , 0px 2px 11px #4440a30f;
  border: 1px solid;
	border-color: var(--pink);
	margin-bottom: .5em;
}
  
  .export .male-text-1 {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 1.36px;
	min-width: 62px;
	white-space: nowrap;
  }
  
  .export .year-of-birth {
	align-items: flex-start;
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	gap: 44px;
	margin-left: 44px;
	margin-top: 60px;
	min-height: 175px;
	width: 358px;
  }
  
  .export .group-37147 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 72px;
	width: 362px;
  margin-left: -1em;
  }
  
  .export .what-year-were-you-born {
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
  }
  
  .export .please-type-your-year-of-birth-below {
	letter-spacing: 0;
	line-height: 30px;
	white-space: nowrap;
  }
  
  .export .overlap-group-7 {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--blueberry);
	border-radius: 16px;
	display: flex;
	gap: 39px;
	justify-content: flex-end;
	min-width: 272px;
	padding: 5px 7px;
    margin-left:-2.3em;
  }
  
  .export .number-2 {
	align-self: center;
	color: #a0a3bd;
	font-family: var(--font-family-poppins);
	font-size: var(--font-size-xl);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 30px;
	margin-bottom: 1.0px;
	min-width: 80px;
	white-space: nowrap;
  }
  
  .export .button-text {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: -5.50px;
	margin-left: -10.50px;
	margin-right: -10.50px;
	margin-top: -7.50px;
	text-align: center;
	white-space: nowrap;
	width: fit-content;
  }
  
  .export .health-status {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 44px;
	margin-right: 2.0px;
	margin-top: 60px;
	min-height: 230px;
	width: 606px;
  }
  
  .export .group-37309 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-left: -2em;
	min-height: 72px;
	width: 438px;
  }
  
  .export .whats-your-health-status {
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
	
  }
  
  .export .please-select-what-h {
	letter-spacing: 0;
	line-height: 30px;
	white-space: nowrap;
  }
  
  .export .group-37308 {
	align-items: flex-start;
	display: flex;
	gap: 30px;
	min-width: 606px;
	margin-left: -7em;
  }
  
  .export .group-37146 {
	align-items: center;
	background-color: var(--white);
	border: 1px solid;
	border-color: #ff0000;
	border-radius: 16px;
	box-shadow: 0px 4px 10px #1e245912 , 0px 2px 11px #4440a30f;
	display: flex;
	gap: 11px;
	height: 114px;
	min-width: 182px;
	padding: 22px 32px;
	cursor: pointer;
	transition: .3s;
  }
  
  .export .overlap-group3 {
	align-self: flex-end;
	height: 68px;
	position: relative;
	width: 67px;
  }
  
  .export .ellipse-439 {
	background-color: #ff0000;
	border: 0px none;
	border-radius: 33.32px;
	height: 67px;
	left: 0;
	opacity: 0.15;
	position: absolute;
	top: 0;
	width: 67px;
  }
  
  .export .noun-heart-minus-4581094 {
	height: 55px;
	left: 5px;
	object-fit: cover;
	position: absolute;
	top: 13px;
	width: 55px;
  }
  
  .export .poor {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 3.36px;
	min-width: 39px;
	white-space: nowrap;
  }
  
  .export .overlap-group2-1 {
	align-items: center;
	background-color: var(--white);
	border: 1px solid;
	border-color: #ffb804;
	border-radius: 16px;
	box-shadow: 0px 4px 10px #1e245912 , 0px 2px 11px #4440a30f;
	display: flex;
	gap: 11px;
	height: 114px;
	min-width: 182px;
	padding: 23.4px 32px;
	cursor: pointer;
  }
  
  .export .overlap-group-8 {
	align-items: flex-end;
	align-self: flex-end;
	background-color: #ffb80426;
	border-radius: 33.32px;
	display: flex;
	height: 67px;
	min-width: 67px;
	padding: 0 6px;
  }
  
  .export .noun-favourite-5340868 {
	height: 55px;
	margin-bottom: -0.36px;
	object-fit: cover;
	width: 53px;
  }
  
  .export .fair {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 1.36px;
	min-width: 31px;
	white-space: nowrap;
  }
  
  .export .overlap-group-9 {
	align-items: center;
	align-self: flex-end;
	background-color: var(--white);
	border: 1px solid;
	border-color: #42f489;
	border-radius: 16px;
	box-shadow: 0px 4px 10px #1e245912 , 0px 2px 11px #4440a30f;
	display: flex;
	gap: 11px;
	height: 114px;
	justify-content: flex-end;
	min-width: 182px;
	padding: 23.4px 25.4px;
	cursor: pointer;
  }
  
  .export .overlap-group1-1 {
	align-items: flex-end;
	align-self: flex-end;
	background-color: #42f48926;
	border-radius: 33.32px;
	display: flex;
	height: 67px;
	min-width: 67px;
	padding: 0 5px;
  }
  
  .export .noun-heart-plus-4581071 {
	height: 55px;
	margin-bottom: -0.36px;
	object-fit: cover;
	width: 55px;
  }
  
  .export .surname {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 1.36px;
	min-width: 47px;
	white-space: nowrap;
  }
  
  .export .first-last-name {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 41px;
	margin-right: 7rem;
	margin-top: 60px;
	min-height: 290px;
	width: 596px;
  }
  
  .export .group-37310 {
	align-items: center;
	text-align: center;
	display: center;
	flex-direction: column;
	gap: 7px;
	margin-left: 36px;
	min-height: 72px;
	width: 364px;
	margin-left: 7rem;
  }
  
  .export .whats-your-name {
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
  }
  
  .export .please-type-your-fir {
	letter-spacing: 0;
	line-height: 30px;
	white-space: nowrap;
  }
  
  .export .flex-row {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	gap: 24px;
	height: 177px;
	min-width: 600px;
  }
  
  .export .first-name {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-height: 104px;
	width: 288px;
	margin-left:-.2rem;
  }
  
  .export .first-name-1 {
	letter-spacing: 0;
	line-height: 20px;
	white-space: nowrap;
	margin-left:2rem;
  }
  
  .export .overlap-group1-2 {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--athens-gray);
	border-radius: 46px;
	box-shadow: 0px 2px 6px #12114112;
	display: flex;
	gap: 182px;
	height: 66px;
	padding: 18.3px 19px;
	width: 21rem;
	margin-left: 1rem;
  }
  
  .export .name {
	letter-spacing: 0;
	line-height: 20px;
	margin-top: 2.32px;
	min-width: 39px;
	white-space: nowrap;
  }
  
  .export .group-4 {
	height: 27px;
	width: 22px;
	margin-left: -9rem !important;
  }
  
   .export .group1-4 {
	height: 27px;
	width: 22px;
	margin-left: -4rem !important;
  }
  
  .export .flex-col {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	gap: 25px;
	min-height: 177px;
	width: 288px;
  }
  
  .export .last-name {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-height: 104px;
	width: 288px;
	
  }
  
  .export .last-name-1 {
	letter-spacing: 0;
	line-height: 20px;
	white-space: nowrap;
	margin-left:3rem;
	
  }
  
  .export .overlap-group-10 {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--athens-gray);
	border-radius: 46px;
	box-shadow: 0px 2px 6px #12114112;
	display: flex;
	gap: 164px;
	height: 66px;
	padding: 16.7px 19px;
	width: 21rem;
	margin-left:2.5rem;
  }
  
  .last-normal-rum-18px {
	align-self: center;
	letter-spacing: 0;
	line-height: 20px;
	min-width: 54px;
	white-space: nowrap;
	width: 18rem !important;
	border: none !important;
	font-family: var(--font-family-dm_sans); 
	font-weight: 400;
	font-size: 18px;
  }
  
  .export .primary-btn-1 {
	align-items: center;
	background-color: var(--royal-blue);
	border: 1px none;
	border-radius: 56px;
	box-shadow: 0px 3px 12px #4939ff2e;
	display: flex;
	gap: 8px;
	height: 48px;
	justify-content: center;
	margin-right: 4.13px;
	padding: 20px 40px 21px;
	width: 130px;
  }
  
  .export .button-text-1 {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: -5.50px;
	margin-left: -10.50px;
	margin-right: -10.50px;
	margin-top: -7.50px;
	text-align: center;
	white-space: nowrap;
	width: fit-content;
  }
  
  .export .email-phone-number {
	align-items: flex-end;
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	margin-left: 6px;
	margin-top: 59px;
	min-height: 290px;
	width: 596px;
  }
  
  .export .group-37322 {
	align-items: center;
	align-self: center;
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-right: 42.09px;
	min-height: 72px;
	width: 482px;
	margin-left: 3rem;
  }
  
  .export .nice-to-meet-you-how-can-we-connect {
	letter-spacing: 0;
	line-height: 35px;
	white-space: nowrap;
  }
  
  .export .please-type-your-pri {
	letter-spacing: 0;
	line-height: 30px;
	white-space: nowrap;
  }
  
  .export .group-container {
	align-items: flex-start;
	display: flex;
	gap: 24px;
	height: 104px;
	margin-right: -4.0px;
	margin-top: 39px;
	min-width: 600px;
	
  }
  
  .export .group-37320 {
	align-items: flex-start;
	align-self: flex-end;
	display: flex;
	flex-direction: column;
	gap: 17px;
	min-height: 103px;
	width: 288px;
  }
  
  .export .phone-number {
	letter-spacing: 0;
	line-height: 20px;
	white-space: nowrap;
	margin-left: 3rem;
  }
  
  .export .overlap-group1-3 {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--athens-gray);
	border-radius: 46px;
	box-shadow: 0px 2px 6px #12114112;
	display: flex;
	gap: 97px;
	height: 66px;
	width: 21rem;
	padding: 18.2px 19.7px;
	margin-left: 2rem;
  }
  
  .export .phone {
	align-self: center;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 4.79px;
	min-width: 130px;
	white-space: nowrap;
  }
  
  .export .group {
	height: 28px;
	width: 16px;
  }
  
  .group-37321 {
	align-items: center;
	gap: 18px;
	min-height: 104px;
	width: 20rem;
	margin-left: 1rem;
	margin-top: 1rem

  }
  
  .export .email-medium-tolopea-18px {
	letter-spacing: 0;
	line-height: 20px;
	white-space: nowrap;
  }
  
  .export .overlap-group-11 {
	align-items: flex-start;
	background-color: var(--white);
	border: 1px solid;
	border-color: var(--athens-gray);
	border-radius: 46px;
	box-shadow: 0px 2px 6px #12114112;
	display: flex;
	gap: 51px;
	height: 66px;
	width: 21.2rem;
	padding: 20.6px 19px;
	margin-left: 2.5rem;
	margin-top: -1.5rem;
  }
 
  
  .export .johnexamplecom {
	letter-spacing: 0;
	line-height: 20px;
	min-width: 165px;
	white-space: nowrap;
	border: none;
	margin-top: -.4rem;
	font-size: 18px;
	width: 18rem;
  }
  
  .export .group-1 {
	align-self: center;
	height: 18px;
	margin-bottom: 2.0px;
	width: 25px;
  }
  
  .export .primary-btn-2 {
	align-items: center;
	background-color: var(--royal-blue);
	border: 1px none;
	border-radius: 56px;
	box-shadow: 0px 3px 12px #4939ff2e;
	display: flex;
	gap: 8px;
	height: 48px;
	justify-content: center;
	margin-right: 0.09px;
	margin-top: 27px;
	padding: 20px 40px 21px;
	width: 130px;
  }
  
  .export .button-text-2 {
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: -5.50px;
	margin-left: -10.50px;
	margin-right: -10.50px;
	margin-top: -7.50px;
	text-align: center;
	white-space: nowrap;
	width: fit-content;
  }
  
  .export .submit {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-left: 2.67px;
	margin-top: 69px;
	min-height: 383px;
	width: 499px;
  }
  
  .export .overlap-group-12 {
	height: 143px;
	margin-right: 3.68px;
	position: relative;
	width: 157px;
  }
  
  .export .rectangle-4343 {
	background-color: #9e95ff;
	border: 1px none;
	border-radius: 10px;
	height: 52px;
	left: 14px;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 52px;
  }
  
  .export .rectangle-4345 {
	background-color: #9e95ff;
	border: 1px none;
	border-radius: 10px;
	height: 29px;
	left: 128px;
	opacity: 0.5;
	position: absolute;
	top: 33px;
	width: 29px;
  }
  
  .export .rectangle-4344 {
	background-color: #dddaff;
	border: 1px none;
	border-radius: 8px;
	height: 32px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 75px;
	width: 32px;
  }
  
  .export .rectangle-4346 {
	background-color: #dddaff;
	border: 1px none;
	border-radius: 8px;
	height: 37px;
	left: 114px;
	opacity: 0.5;
	position: absolute;
	top: 107px;
	width: 37px;
  }
  
  .export .group-37269 {
	align-items: flex-end;
	background-color: var(--royal-blue);
	border-radius: 60px;
	display: flex;
	height: 120px;
	left: 23px;
	min-width: 120px;
	padding: 5.8px 3.3px;
	position: absolute;
	top: 18px;
  }
  
  .export .group-2 {
	height: 100px;
	width: 113px;
  }
  
  .export .submit-your-quote-request {
	letter-spacing: 0;
	line-height: 35px;
	margin-right: 5.0px;
	margin-top: 18px;
	min-width: 312px;
	text-align: center;
	white-space: nowrap;
  }
  
  .export .please-review-all-th {
	letter-spacing: 0;
	line-height: 30px;
	margin-right: 4.0px;
	margin-top: 8px;
	min-height: 106px;
	text-align: center;
	width: 495px;
  }
  
  .export .primary-btn-3 {
	align-items: center;
	background-color: var(--royal-blue);
	border: 1px none;
	border-radius: 56px;
	box-shadow: 0px 3px 12px #4939ff2e;
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-right: 3.92px;
	margin-top: 12px;
	padding: 20px 40px 21px;
	width: fit-content;
  }
  
  .export .button-text-3 {
	letter-spacing: 0;
	line-height: 20px;
	margin-top: -1.00px;
	text-align: center;
	white-space: nowrap;
	width: fit-content;
  }
 
  .Male {
      display:none; 
  }
  
  .export .female {
      display:none;  
  }
  
  .export .health {
      display:none;
  }
  
  .group-4 {
      margin-left: -5rem;
  }
  
 .btn_next {
     align-items: center;
	background-color: var(--royal-blue);
	border: 1px none;
	border-radius: 56px;
	box-shadow: 0px 3px 12px #4939ff2e;
	display: flex;
	gap: 8px;
	height: 48px;
	justify-content: center;
	color: white;
	font-family: var(--font-family-dm_sans);
	font-size: 20px;
	gap: 1rem;
	padding: 2rem;
    width: 40rem;
	cursor: pointer;
	margin-left: 1.8rem;
	
 }
 
 .btn_back:hover {
     background-color: var(--royal-blue);
 }
 
  .btn_next:hover {
     background-color: var(--royal-blue);
 }
 
 .icon {
     margin-top: .5rem;
 }

.btn_done {
    align-items: center;
	background-color: var(--royal-blue);
	border: 1px none;
	border-radius: 56px;
	box-shadow: 0px 3px 12px #4939ff2e;
	gap: 8px;
	color: white;
	font-family: var(--font-family-dm_sans);
	font-size: 20px;
	gap: 1rem;
	padding: 1rem;
    width: 40rem;
	cursor: pointer;
	margin-left: 1.8rem;
   
}

.btn_done:hover {
    background-color: var(--royal-blue);
}

.export .group-container {
    margin-right: -1.5rem;
}

.export .email {
    font-weight: 500;
    font-family: var(--font-family-dm_sans); 
    margin-top: .3rem;
    margin-left: 3rem;
}

.group {
    margin-left: 1rem;
}

.btn_back {
    display: none;
    align-content: column;
}

.email {
    margin-top: -1rem !important;
    padding-bottom: 1.2rem;
}

.export .disclaimer {
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}

#who {
    margin-left: -3.5rem;
}/* End custom CSS */
.rotate-90-bl-ccw {
	-webkit-animation: rotate-90-bl-ccw 3s ease-in-out infinite alternate-reverse both;
	        animation: rotate-90-bl-ccw 3s ease-in-out infinite alternate-reverse both;
}




@-webkit-keyframes rotate-90-bl-ccw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes rotate-90-bl-ccw {
  0% {
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5de);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}/* End custom CSS */
/* Start custom CSS */@media only screen and (max-device-width: 480px) {

    }/* End custom CSS */