@font-face {
  font-family: 'georgia';
  src: url('tecd/georgia.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'georgiab';
  src: url('tecd/georgiab.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TWKEverett-Bold';
  src: url('tecd/TWKEverett-Bold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}



html,body{
  
  background: #f3f5f5;
  font-family: arial;
}
.container{
  background: #f3f5f5;
  color: #000;
  max-width: 1000px !important;
}
h1,h2,b{
  color: #003031 !important;
}

h1{
  font-weight: bold;
  font-size: 1.5em;
}

/* h1,h2,.header-text{
  font-family: georgia;
} */

.sub-header h2{
  display: inline-block;
  background: #f3f5f5;
  padding-right: 30px;
}

.sub-header{
  background: url(tecd/line.png) center repeat-x;
}

 .header-section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-text {
  font-weight: bold;
  font-size: 1.5em;
  color: #102820; /* dark greenish text */
}

.line {
  top: 6px;
  flex-grow: 1;
  height: 2px;
  background-color: #c0d904; /* light green line */
  position: relative;
}

.line::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #c0d904; /* same as line color */
  border-radius: 50%;
}

p.bigp{
  text-align: left;
  font-size: 20px;
}

#content-bg{
  background: transparent url(tecd/bg.png) no-repeat top left;
  padding: 20px;
}
.jconfirm-holder .container{
  background: transparent;
}

.jconfirm-box{
  color: #000;
}

.form-box{
  /* background: url(pentech/pentech_form_bg.png) repeat-y; */
  background-size: contain;
  border-radius: 30px;
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

.form-box input{
  border: 0px;
  background: #dce0e3;
}

.form-box label.form-label{
  display: none;
}

.form-section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form-text {
  font-size: 1em;
  color: #102820;
  max-width: 650px;
}

.radio-line {
  flex-grow: 1;
  height: 2px;
  background-color: #c0d904;
  position: relative;
}

.radio-group {
  display: flex;
  align-items: center;
  gap: 5px;
}

.radio-group input[type="radio"] {
  display: none;
}

.radio-group label {
  padding: 5px 10px;
  border: 1px solid #102820;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  color: #102820;
  background-color: #fff;
}

.radio-group input[type="radio"]:checked + label {
  background-color: #102820;
  color: #ffffff;
  border-color: #102820;
}

.content{
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

.btn-submit{
  background: url(tecd/btn_bg.png) no-repeat;
  color: #000;
  font-weight: bold;
  border-radius: 20px;
  background-size: contain;
  /* height: 58px; */
  background-position: center;
  padding: 10px 45px;
}

.btn-submit:focus,.btn-submit:focus{
  border: 0px !important;
}

label.error{
  color: red;
  font-size: 10px;
}

ul li{
  /* font-size: 20px; */
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  padding-left: 1em; 
  text-indent: -.7em;
}

li::before {
  content: "• ";
  color: #ccd814; /* or whatever color you prefer */
}