.gift-voucher section.bg-gift-voucher{
  background-color:#58bc0a;
  height: 300px;
  margin-top: -64px!important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
}

.gift-voucher section.bg-gift-voucher h1{
  font-size: 2.40rem;
  line-height: 2.7rem;
  font-family: Playfair Display, serif!important;
  margin: 0 0 24px 0;
  font-weight: 700 !important;
}

.gift-voucher section.detail{
  padding-top: 2.5rem;
  margin-bottom: 3rem;
}


.gift-voucher section.detail .number-rounded-icon{
  background-color: rgb(220 252 231);
  margin-bottom: 0.75rem;
}

.gift-voucher section.form .number-rounded-icon{
  background-color: rgb(220 252 231);
}


.gift-voucher section.detail .number-rounded-icon svg{
  stroke: rgb(22 163 74);
  stroke-width: 1px;
}

.gift-voucher section.form .number-rounded-icon svg{
  stroke: rgb(22 163 74);
  stroke-width: 1px;
}

.gift-voucher section.detail .text{
  font-size: 1.20rem;
  line-height: 1.87rem;
  max-width: 42rem;
  font-family: Inter, system-ui, sans-serif !important;
  margin: 12px auto;
}

.gift-voucher section.form .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-circle{
  background-color: rgb(249 250 251);
  color:rgb(156 163 175) ;
  border: 1px solid rgb(229 231 235);
  /* font-size: 1.25rem;
  font-weight: 600; */
}

.gift-voucher section.form .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-circle.active,
.gift-voucher section.form .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-circle:active,
.gift-voucher section.form .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-circle:hover
{
  background-color: rgb(240 253 244);
  color: rgb(22 163 74);
  border: 1px solid rgb(22 163 74);
}

.gift-voucher section.form .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label{
  color: rgb(156 163 175);
  font-size: .85rem;  
  font-weight: unset;
}


.gift-voucher section.form .btn-navigation{
  padding: 1rem 1.5rem;
  font-size: 1rem;
  line-height: 1.3rem;
}

.gift-voucher section.form .btn-navigation .btn-primary{
  background-color: rgb(22 163 74 );
  border: none;
  color: white;
}

.gift-voucher section.form .btn-navigation.btn-outline-secondary{
  border: 1px solid  rgb(209 213 219);
}
.gift-voucher section.form .btn-navigation.btn-outline-secondary:hover{
  background-color: #f9fafb;
  color: #6c757d;
  /* border: none;
  color: white; */
}

.card {
  border: 1px solid #e9ecef;
  border-radius: 10px;
  font-family: Inter, system-ui, sans-serif !important;
}

.card-title {
  font-weight: bold;
}

.btn-success {
  font-weight: bold;
}

.same_fonts_size{ font-size:18px!important; }
.select-group input.form-control{ 
  width: 100%;
}
.select-group select.input-group-addon { width: 20%; }

.gift-voucher .voucher-preview .bg-top{
  background-color: #58bc0a;
}
.gift-voucher .voucher-preview .bg-top span{
  font-family: Playfair Display, serif!important; 
}

.gift-voucher .voucher-preview h3{
  font-family: Playfair Display, serif!important; 
}

.gift-voucher .voucher-preview h3 span{
  font-family: Playfair Display, serif!important; 
}

.gift-voucher .voucher-preview:hover {
  transform: rotate(0deg);
}
select, input[type="text"], input[type="password"], textarea {
  border: 1px solid #ced4da;;
  outline: unset;
  width: 100%;
}

.btn-primary:focus{
  box-shadow: unset;
}