body{
    font-family: "Poppins", sans-serif;
}
#form-id{
 
 position: relative;
    background-color: #ebebeb;
    padding: 20px;
    border-radius: 10px;
}
#form-id fieldset{

    border: 0 none;
    border-radius: 3px;
   
    box-sizing: border-box;
    padding: 0;
    position: relative;
}
#form-id fieldset:not(:first-of-type){
  display:none;
}

#form-id input{
  border-radius: 3px;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 0;
    color: #000000;
    font-weight: 500;
}
#form-id .seles{
     border-radius: 3px;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 0;
    color: #000000;
    font-weight: 500;
    height: 55px;
}
#form-id .setest{
     border-radius: 3px;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 0;
    color: #000000;
    font-weight: 500;
    height: 150px;
}
#form-id .custom-button{
      /* width: auto; */
    background: #27AE60;
    font-weight: 500;
    color: #ffffff;
    border: 0;
    float:right;
    cursor: pointer;
    padding: 10px 40px;
    margin: 15px 0 0 0;
    font-size: 18px; 
}
.next-button
{
    margin-left:20px !important;
}

.title{
     font-size: 28px;
    margin-bottom: 10px;
    color: #000000;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: -0.6px;
}
.sub-title{
  font-size: 15px;
    font-weight: normal;
    color: #505050;
    margin-bottom: 0;
}
/*Progressbar*/
.progress {
margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    height: 55px;
    width: 100%;
    display: flex
;
    justify-content: space-between;
    padding-left: 0;
    background-color: transparent;
}
.progress li {
list-style-type: none;
    color: #000000;
    text-transform: capitalize;
    font-size: 15px;
    width: auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}
.progress li:before {
	    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    display: block;
    font-size: 15px;
    color: #ffffff;
    background: #f38f1e;
    border-radius: 3px;
    line-height: 30px;
    font-weight: 700;
    margin-right: 10px;
}


.progress li:first-child:after {
		/*connector not needed before the first step*/
  content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.progress li.active:before /*.progress li.active:after*/{
	background: #27AE60;
	color: white;
}
.progress li.active{
    color:green;
}
section.digtal{
    padding-top: 80px;
    padding-bottom: 80px;
    
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox-group > * {
 width:100%;
}

.checkbox-group-legend {
  font-size: 1.5rem;
  font-weight: 700;
  color: #9c9c9c;
  text-align: center;
  line-height: 1.125;
  margin-bottom: 1.25rem;
}

.checkbox-input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.checkbox-input:checked + .checkbox-tile {
  border-color: #15bd5c;
  color: #696969;
}
.checkbox-input:checked + .checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
  background-color: #229754;
    border-color: #219552;
}
.checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
  color: #000000;
}
.checkbox-input:focus + .checkbox-tile {
  /*border-color: #2260ff;*/
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;*/
}
/*.checkbox-input:focus + .checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
}*/
.checkbox-wrapper{
   width:100%; 
}
.checkbox-tile {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
 width:100%; 
  min-height: 7rem;
  border-radius: 0.5rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  padding: 15px 20px;
  margin-top: 18px;
}
.checkbox-tile:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.50rem;
  height: 1.50rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  border-radius: 2px;
 top: 0.80rem;
    right: 8px;
  opacity: 0;
  transform: scale(0);
  transition: 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/*.checkbox-tile:hover {
  border-color: #2260ff;
}*/
/*.checkbox-tile:hover:before {
  transform: scale(1);
  opacity: 1;
}*/

.checkbox-icon i {
 font-size: 40px;
  color: #858282;
}


.checkbox-label {
  transition: 0.375s ease;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.5px;
}
.ves{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 5px;
    width: 83%;
    color:#696969;
}
.sides{
   position: sticky;
    position: -webkit-sticky;
    top: 30px;
    background-color: #1d1d1d;
    padding: 37px 25px;
    border-radius: 10px;
}
.form-label{
   width: 100%;
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    margin-top: 15px;
}
.ons{
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 23px;
    line-height: 27px;
    color: #ffffff;
}
.line{
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #949494;
    width: 100%;
    height: 1px;
}
.ss
{
    width:80%;
}
h3.eses{
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
}
.su{
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
}
.sides a{
    font-size: 14px;
    font-weight: 500;
    color: #ffc584;
}
.des
{
    margin-bottom:40px;
}
.swe{
   
    border: 1px solid #000000;
    color: #000000;
    font-size: 19px;
    height: 55px;
    line-height: 44px;
    width: 100%;
    font-weight: 500;
}
.yes{
   width:60%; 
}
.btn-check:checked+.btn{
    background-color: #27ac5f;
    color: #ffffff;
    width: 100%;
     border: 1px solid #27ac5f;
}
.btn-check+.btn:hover{
    border: 1px solid #27ac5f;
}
.zse a
{
   font-weight: 500;
    color: #f4971e;
}
.xew{
    text-align: center;
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 0;
}