body{
	font-weight: 400;
}

.loader {position: fixed;
    top: 0px;
    width: 100%;
    bottom: 0px;
    right: 0px;
    height: 100%;
    background: rgba(255,255,255,0.9);
    padding-top: 24%;
    text-align: center;
    z-index: 100; display: none;
}
.form-label-group input:not(:placeholder-shown) {
/*
    padding-top: 1.25rem;
    padding-bottom: 0.25rem;
*/
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #33aa26;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2333AA26' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.errorTxt {text-align: center;width: 100%;font-weight: 500;}
  
 
#homepage-banner ul li {
    align-items: start;
    padding-left: 0;
    line-height: 1.4;
    font-size: 18px;
}
#homepage-banner ul li:before {
	content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  width: 32px;   /* change size here */
  height: 32px;

  background-image: url(images/check-circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
    top: -2px;
    transform: inherit;
}
 
.bt-text p {
	margin: 0;
	 
}
.bt-text {
    margin-top: 3px;
}
.tp-media-bt {
  padding-top: 0px !important;
}
p.text-center.pt-2.take-text {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.lock-media img {
  position: relative;
  top: -2px;
}

span.check-text {
    font-weight: 600;
    line-height: 24px;
} 
fieldset legend {
	font-weight: 600;
	margin-bottom: 11px;
}

section.form-sec {
	max-width: 1000px;
	padding: 20px !important;
}

.form-wrapper {
     max-width: 100%;
}

.width-sm {
    max-width: 800px;
}

label.top-label {
    font-size: 16px;
    font-weight: 600;
} 

.box-height-sm span.checkmark {
    height: auto;
    min-height: 81px;
}

.progress {
    background-color: #d7d4d4;
} 
.step_1 .form-label-group {
    max-width: 600px;
    margin: auto;
}
  
.step_1 .floating-label-group {
  position: relative;
  margin-top: 15px;
  margin-bottom: 25px;
}   

.step_1 .form-label-group {
	position: relative;
	margin-bottom: 10px !important;
}

#header {
  padding: 0;
}
 
 
span.input-group-addon {
    background: #dedede;
    font-size: 23px;
    font-weight: 500;
    padding: 0px 10px;
    line-height: 70px;
    border-radius: 10px 0px 0px 10px;
}
@media (max-width:767px){span.input-group-addon {
    background: #dedede;
    font-size: 23px;
    font-weight: 500;
    padding: 0px 10px;
    line-height: 60px;
    border-radius: 10px 0px 0px 10px;
}
}
  
  
 @media (min-width:768px){
    main#main {
    min-height: calc(100vh - 400px);
}
 }  
   
  .laststep {
    font-size: 12px;
}
.laststep a {
    color: #000;
    text-decoration: underline;
}
#homepage-banner h3 {
	text-align: center;
	margin-bottom: 7px;
}
.top-head p{ text-align:center; }
.top-head ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 20px; /* row gap | column gap */
  padding: 0;
  list-style: none;
}

.top-head ul li {
  position: relative;
  padding-left: 28px; /* space for icon */
}

/* Optional: check icon like your screenshot */
ul li::before {
/*
  content: "✔";
  position: absolute;
  left: 0;
  color: #555;
*/
}

/* 📱 Mobile: 1 per row */
@media (max-width: 768px) {
  ul {
    grid-template-columns: 1fr;
  }
} 



  
@media (max-width:767px){
  
section.step_2 .form-input.form-input--cover.three-col,
 section.step_3 .form-input.form-input--cover.three-col{
    justify-content: center;
} 
body .form-control {
    height: 63px;
    font-size: 16px !important;
} 
section.form-sec {
    margin: 0;
    padding: 0 !important;
}

#homepage-banner {
    padding: 14px 20px !important;
}
#homepage-banner section {
	padding-bottom: 0 !important;
	padding-top: 0px !important;
}
fieldset legend small {
    font-size: 90%;
} 

.top-head ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 1px 13px;
}
#homepage-banner h3 {
  margin-bottom: 6px;
}  
	

.lock-media {
  font-size: 12px;
  line-height: 11px;
}
.bt-text {
  margin-top: 3px;
}
.take-text {
  font-size: 12px;
  line-height: 18px;
}	

#homepage-banner ul li {
  font-size: 12px;
}
.top-head p {
    font-size: 12px;
    line-height: 1.3;
}
#homepage-banner h3 {
  font-size: 15px;
  line-height: 1.2;
}
#homepage-banner h2 {
  font-size: 24px;
  line-height: 1.2;
}

#homepage-banner ul li::before {
  width: 24px;
  height: 24px;
  margin-left: 0;
  left: 0;
}
#homepage-banner ul li {
  padding-left: 32px !important;
  margin-left: 0;
}
#homepage-banner ul {
  margin-bottom: 0;
  padding-bottom: 0;
} 	
fieldset legend {
    font-size: 13px;
    margin-bottom: 0;
}	
.progress {
    margin: 10px auto 10px;;
}
	
.form-input p {
    margin-bottom: 6px;
}	
	
	
}