/* Application styles */

body, html { margin: 0; border: 0; padding: 0;
	   }

span.grippy {
  content: '....';
  width: 10px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -.7em;
  margin-right: .3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}
span.grippy::after {
  content: '.. .. .. ..';
}

h1, h2 { margin: 0; padding: 0;
   }

h2, h3 { border-bottom: 1px solid #4ec368;}
hr { border: none; border-bottom: 2px dotted #4ec368;
   }
a { color: #4ec368; font-weight: bold;
  }
.intro { background: #4ec368; color: #fff; border-radius: 10px; padding: 10px;
	 }
table { width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
      }

tr, th, td { border: 1px solid #fbf8f8;
       }
th, td { padding: 3px;
       }
h2 { font-size: 22px; margin-top: .5em;
     }
h3 { font-size: 16px;
   }

.welcome {
  	font-size: 30px;
}
.wed-like-to, .about-your-business1 {
	font-size: 20px;
}

.welcome-wed-like-to-container {
  	align-self: stretch;
  	position: relative;
  	z-index: 1;
	padding-right: 250px;
}
.chatgpt-image-mar-28-2025-at {
  	width: 150px;
  	position: absolute;
  	margin: 0 !important;
  	top: 24.34px;
	right: 30px;
  	max-height: 100%;
  	object-fit: cover;
  	mix-blend-mode: linear-burn;
  	z-index: 2;

}
.frame .ellipse {
		 position: absolute;
		 width: 200px;
		 height: 200px;
		 top: 9px;
		 right: 10px;
		 background-color: #ffffff;
		 border-radius: 50%;
		 }



.ellipse-parent {
  		 align-self: stretch;
  		 border-radius: 10px;
  		 background-color: #4ec368;
  		 overflow: hidden;
  		 display: flex;
  		 flex-direction: column;
  		 align-items: flex-start;
  		 justify-content: flex-start;
  		 padding: 30px;
  		 position: relative;
		 min-height: 100px;
		 max-height: 100px;
		 }


.progress-bar {
  	       width: 470px;
  	       height: 16px;
  	       display: none;
	       }
.question-text, th {
  	align-self: stretch;
  	position: relative;
  	font-weight: 500;
}
.input-placeholder {

border: 0;
border-bottom: 1px solid rgba(0, 32, 128, 0.2);
box-sizing: border-box;

overflow: hidden;

display: flex;
width: 100%;
align-items: center;
justify-content: flex-start;
padding: 0px 4px;
font-size: 18px;
color: rgba(0, 6, 26, 0.4);
position: relative;
margin-top: 10px;
}



.long-input, select { color: #000619;
	      font-family: Poppins;
	      border: 1px solid rgba(0, 32, 128, 0.2);
	      border-radius: 10px;
	      padding: 10px;
	      }
select { display: block; background: #fff;
       }
.frame1 {
  	 align-self: stretch;
  	 border-bottom: 1px solid rgba(0, 32, 128, 0.2);
  	 box-sizing: border-box;
  	 height: 40px;
  	 overflow: hidden;
  	 flex-shrink: 0;
  	 display: flex;
  	 flex-direction: row;
  	 align-items: center;
  	 justify-content: flex-start;
  	 padding: 0px 4px;
  	 font-size: 20px;
  	 color: rgba(0, 6, 26, 0.4);
}
.errors { border: #ff4b4b 2px solid; padding: 5px;}
.error-message {
  	position: relative;
  	color: #ff4b4b;
}
.one-line-answer-question {
  	width: 620px;

  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 12px;
}
.frame2 {
  	align-self: stretch;
  	border-radius: 10px;
  	border: 1px solid rgba(0, 32, 128, 0.2);
  	box-sizing: border-box;
  	height: 120px;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 10px;
  	font-size: 20px;
  	color: rgba(0, 6, 26, 0.4);
}
.open-ended-question {
  	width: 620px;
  	height: 195px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 12px;
}
.dropdown-placeholder {
  	position: relative;
}
.chevron-right-icon {
  	width: 24px;
  	position: relative;
  	height: 24px;
  	overflow: hidden;
  	flex-shrink: 0;
  	object-fit: contain;
}


.single-option-dropdown {
  			 width: 336px;
  			 border-radius: 10px;
  			 border: 1px solid #000;
  			 box-sizing: border-box;
  			 display: flex;
  			 flex-direction: row;
  			 align-items: center;
  			 justify-content: space-between;
  			 padding: 16px 24px;
  			 gap: 0px;
  			 font-size: 20px;
  			 color: #000;
			 }
.question-with-a-dropdown-menu {
  	width: 620px;
  	height: 137px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 12px;
}
.radio-button-icon {
  	width: 16px;
  	position: relative;
  	max-height: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
}
.radio-option {
  	align-self: stretch;
  	background-color: #fff;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 5px 10px;
  	gap: 8px;
}
/* .radio-option-menu { */
/*   	display: flex; */
/*   	flex-direction: column; */
/*   	align-items: flex-start; */
/*   	justify-content: flex-start; */
/*   	font-size: 20px; */
/*   	color: #000; */
/* } */
/* .question-with-a-radio-button-m { */
/*   	width: 620px; */
/*   	height: 275px; */
/*   	display: flex; */
/*   	flex-direction: column; */
/*   	align-items: flex-start; */
/*   	justify-content: flex-start; */
/*   	gap: 12px; */
/* } */
.next-page {

    align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 22px;
position: relative;
background-color: #000000;
border-radius: 20px;
overflow: hidden;

cursor: pointer;

font-size: 24px;
color: #fff;
font-family: Poppins;

}
.next-page-wrapper {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-end;
  	color: #fff;

}

.next-page:hover { background: #888;
		 }

/* .one-line-answer-question-parent { */
/*   				  align-self: stretch; */
/*   				  display: flex; */
/*   				  flex-direction: column; */
/*   				  align-items: flex-start; */
/*   				  justify-content: flex-start; */
/*   				  gap: 40px; */
/* 				  } */
.frame {
  	width: 100%;
  	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
  	border-radius: 20px;
  	background-color: #fff;

  	padding: 40px;
  	box-sizing: border-box;
  	gap: 40px;
  	max-width: 700px;
}

.form-group { padding-top: .5em; }
html, body { height: 100%;
	   }

.form-page {
  	    width: 100%;
  	    position: relative;
  	    background-color: #fbf8f8;
	    height: 100%;
  	    display: flex;
  	    flex-direction: column;
  	    align-items: center;
  	    justify-content: flex-start;
	    padding: 20px;
  	    box-sizing: border-box;
  	    text-align: left;
	    font-family: Poppins;
  	    color: #000d33;

	    }

.form-group ul li { list-style-type: none;
		  }
.form-group ul { margin: 0; padding: 0;
	       }

.terms { padding-top: 2em; padding-bottom: 2em;}