.partner_onboarding .content-custom h3,
h3.onboarding_h3{ font-size: 22px !important;}

.partner_onboarding .list_bullets{ text-align: left; padding: 15px 30px; background-color: #F2FBFF; border-radius: 30px; }

.partner_onboarding .content-custom ul.list_bullets li{ background-position: 0 10px; margin: 0; padding-top: 5px; padding-bottom: 5px;  border-bottom: 1px dashed #9fb9c5;}
.partner_onboarding .content-custom ul.list_bullets li:last-child{ border-bottom: 0;}
.partner_onboarding .content-custom ul.list_bullets._v2 li{ padding-top: 6px; padding-bottom: 6px;}


.partner_onboarding .small_txt{ max-width: 70%;}
.max_w_md2{ max-width: 75%; margin: 0 auto;}
.max_w_md3{ max-width: 80%; margin: 0 auto;}

p.txt_note{ margin-bottom: 10px;}

.onboarding{ width: 1000px; max-width:none; margin-top: -30px;}

.block_v2{ display: block;}

.onboarding-content{ margin-top: 0 !important;}

._or_{ display: flex; align-items: center;}


.animated-form .form-group > label {
  font-size: 18px;
}

.animated-form .form-group.active > label {
  font-size: 14px;
  top:-14px
}



.onboarding-header p {

  font-weight: 400;

  line-height: 165%;

  margin-bottom: 40px;

}



.onboarding h1,

.onboarding h2,

.onboarding h3 {

  line-height: 135%;

}



.onboarding-header h1 {

  font-weight: 700;

  /* font-size: 2.625rem; */

  font-size: 38px; 

  /* line-height: 125%; */

  letter-spacing: -0.03em;

}



.onboarding-header h2,
.onboarding-content h2 {

  font-size: 1.75rem;

  /* line-height: 165%; */

}



.blue-text {

  color: #58b9e5;

}



.pricing-toggle {

  display: flex;


  gap: 15px;

  border-top: 2px solid #d5d5d5;

  border-radius: 60px;

  padding: 20px 25px;

  background: #f7f7f7;

  margin: 30px 0;

  align-items: stretch;

}

.toggle-option {

  position: relative;

  border-radius: 60px;

  padding: 15px 25px 15px 30px;

  width: 50%;

  /* height: 48px; */

  background: #fff;

  border: 1px solid #fff;



  font-weight: 600;

  font-size: 1.125rem;

  line-height: 127%;

  letter-spacing: -0.01em;

  text-transform: uppercase;

  color: #606a71;

}



.toggle-option.active {

  border: 2px solid #58b9e5;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);
  background-color: #58b9e5;
  color: #fff;

}



.toggle-option.active::before {

  content: url("./img/option-active-triangle.svg");

  position: absolute;

  top: -17px;

  /* left: 60px; */

  cursor: default;

  left: 50%;

  transform: translate(-50%, -50%);

}



.toggle-option .blue-text {

  font-weight: 700;

}



@media (max-width: 1200px) {

  .toggle-option {

    line-height: 127%;

  }

}



@media (max-width: 992px) {

  .pricing-toggle {
    margin: 20px 0px;
    gap: 15px;
  }

  .partner_onboarding .small_txt{ max-width: 75%;}


  
  .onboarding{ width: auto; max-width:100%;}

}



@media (max-width: 768px) {

  .partner_onboarding .small_txt,
  .max_w_md,
  .max_w_md2,
  .max_w_md3{ max-width: none;}

  .block_v2{ display:inline;}

  .onboarding-header h2 {

    font-size: 1.5rem;

  }

  .onboarding-header .max_w_md {

    max-width: 100%;

  }

  .pricing-toggle {

 gap: 10px;

  }

  .toggle-option {

    font-size: 15px;

    padding: 10px 15px;

  }

  ._partner_feedback .col-9 {

    width: 100%;

    padding: 0;

  }

}



@media (max-width: 576px) {




  ._partner_feedback {

    margin: 0;

  }

  .pricing-toggle {

    padding: 15px 15px;

    gap: 5px;

  }

  .toggle-option.active::before {

    top: -11px;

  }






}



/* ---------------------------------onboarding-form-------------------------------- */



.onboarding-form .__form {

  padding: 0 23px;

}



.onboarding-form .form-row {

  margin-bottom: 20px;

}



.form-deco-block h3.onboarding-form-title,
h3.onboarding-form-title {

  font-size: 22px !important;
  margin-bottom: 30px;
  margin-top: 30px;

}



.form-deco-block .form-control {

  padding: 15px 25px;

  border: 1px solid #788b9d;



  font-weight: 500;

  font-size: 18px;

}

.contact-method-group {

  display: flex;

  align-items: center;

  padding: 10px 0px 10px 27px;

  text-align: left;

}



.group-label {

  font-weight: 500;

  font-size: 18px;

  /*line-height: 100%;*/

  margin-right: 25px;

}



.radio-option {

  display: flex;

  align-items: center;

  margin-right: 15px;

}



.radio-option input[type="radio"] {

  display: none;

}



.radio-option label {

  font-size: 16px;

  cursor: pointer;

  position: relative;

  padding-left: 28px;

  font-weight: 500;

  font-size: 18px;

  line-height: 77%;

}



.radio-option label::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 19px;

  height: 19px;

  border-radius: 50%;



  border: 2px solid #d0d2db;

  background-color: #fff;



  transition: border-color 0.3s, background-color 0.3s;

}



.radio-option input[type="radio"]:checked + label {

  color: #4a4a4a;

}



.radio-option input[type="radio"]:checked + label::before {

  border-color: #58b9e5;

  border-width: 5px;

  background-color: #fff;

}



.onboarding-submit {

  display: inline-block;

  padding: 0 17px;

}



.onboarding-submit .checkbox-group {

  padding: 0 20px;

}



.onboarding-submit .custom-control {

  margin-left: 0;

}



.onboarding-submit .form-check-input {

  width: 1rem;

  height: 1rem;

  margin-left: -1rem;

  margin-top: 0.25rem;

}



.onboarding-submit .btn-apply {

  font-size: 1rem;

  margin-bottom: 10px;

}



.onboarding-submit .btn-apply b {

  font-size: 1.125rem;

  margin-bottom: 0;

}



/* .onboarding-submit p {

  line-height: 135%;

} */



@media (max-width: 1200px) {

  .onboarding .row {

    justify-content: center;

  }

  .onboarding-form .col-3 {

    width: 37.5%;

  }

  .onboarding-submit {

    width: 75%;

    display: block;

  }

}



@media (max-width: 992px) {

  .onboarding-form .col-3 {
    width: 50%;
  }

  .onboarding-submit {
    display: inline-block;
  }

  .onboarding-header h1{
    font-size: 32px;
  }

}



@media (max-width: 768px) {

  .onboarding-form .__form {

    padding: 0;

  }

  .onboarding-form .col-3 {

    width: 100%;

  }

  .contact-method-group {

    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

  }

  .group-label {

    margin-right: 0;

    text-align: left;

    line-height: 1;

  }

  .onboarding-submit {

    width: 100%;

  }

}



/* ---------------------------------onboarding-brand-------------------------------- */



.onboarding-brand {

  max-width: 482px;
  margin: 0 auto;

}



.onboarding-brand h3.brand-title {

  font-size: 22px !important;
  font-weight: normal;
  margin-bottom: 20px;

}



.brand-search-block {

  /*margin-bottom: 5px;*/
  margin: 15px 0;

}



.brand-search-block.active {

  margin-bottom: -35px;

}



.brand-search {

  display: flex;

  gap: 20px;

  border: 1px solid #788b9d;

  background: #fff;

  border-radius: 30px;

  padding: 20px 25px;



  font-size: 20px;

  line-height: 77%;

  color: #555763;

}



.brand-search button {

  /* all: unset; */

  border: none;

  outline: none;

  background: none;

}



.brand-search input {

  border: none;

  /* all: unset; */

  width: 100%;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.brand-search input::-webkit-search-cancel-button {

  display: none;

}



.brand-search-response {

  display: none;

  z-index: 2;

  position: relative;

  /* top: -40px; */

  border-radius: 20px;

  padding: 59px 28px 20px;

  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);

  line-height: 77%;

}



.brand-search-response.founded {

  background: #f1ffd6;

  color: #519000;

}



.brand-search-response.unfounded {

  background: #fffbe4;

  color: #fa6800;

}



.brand-search-response::before {

  position: absolute;

  cursor: default;

  bottom: -20px;

  left: 50%;

  transform: translate(-50%, -50%);

}



.brand-search-response.founded::before {

  content: url("./img/option-active-triangle-green.svg");

}



.brand-search-response.unfounded::before {

  content: url("./img/option-active-triangle-orange.svg");

}



.brand-card {

  position: relative;

  z-index: 1;

  border-radius: 20px;

  padding: 30px;

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  margin-bottom: 20px;

}



.brand-card::before {

  content: url("./img/option-active-triangle.svg");

  position: absolute;

  cursor: default;

  bottom: -32px;

  left: 50%;

  transform: translate(-50%, -50%);

}



.brand-card-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}



.brand-card-img {

  max-width: 135px;
  max-height: auto;

}



.brand-card-text {

  width: 238px;

  text-align: left;

}



.brand-card-name {

  font-weight: 700;

  font-size: 22px;

  line-height: 160%;

  margin-bottom: 5px;

}



.brand-card-address {

  font-weight: 500;

  font-size: 14px;

  line-height: 135%;

}



.brand-card-list {

  list-style: none;

  padding: 0;

  margin-bottom: 0;

}



.brand-card-list-item {

  margin: 0;

  padding: 12px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-align: left;

  line-height: 135%;



  border-top: 1px solid #cdcdcd;

}



.brand-card-list-item a {

  text-decoration: none;

}



.brand-card-label {

  max-width: 154px;

  width: 100%;

  color: #b6b6b6;

}

.brand-card-value {

  max-width: 238px;

  width: 100%;

}



.brand-card-value.unclaimed {

  color: #ff6200;

}



.brand-card-value.claimed {

  color: #519000;

}



.onboarding .onboarding-submit-description {

  font-size: 15px;

  margin: 18px 0;

}



.onboarding-submit-description.bt-line {

  padding-bottom: 18px;

}



@media (max-width: 576px) {

  .brand-card {

    padding: 20px;

  }

  .brand-card-hero {

    flex-direction: column;

  }



  .brand-card-text {

    text-align: center;

    margin-bottom: 20px;

    width: auto;

  }

}



.brand-search-block + .row {

  margin-top: 20px;

}



.brand-search-block.active .brand-search-response.founded,

.brand-search-block.active .brand-search-response.unfounded {

  display: block;

}



@media (max-width: 576px) {

  section._base_p {

    padding: 45px 0 75px;

  }

  .onboarding-header h1{
    font-size: 24px;
  }

  ._or_{ display: none;}

  .partner_onboarding .content-custom ul.list_bullets{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }

  .form-header-txt h2{ font-size: 22px;}

  .partner_onboarding .content-custom h3{ font-size: 20px !important;}

  #layout_onboarding{ margin-top: 0px; }

}




.contact-method-group .btn{ background: none; border: 1px solid #fff;}
.btn-check:checked + .btn{ border: 1px solid #788b9d; }

.button_hide{ display: none;}

section._base_p{ z-index:auto;}

.tt-menu .thead_item{ display: flex; text-decoration: none;}
.tt-menu .thead_item .brand-category{  font-size: 14px;}
.tt-suggestion span.logo-retailer-md { margin-right: 15px;}

.tt-suggestion a span.brand-info{ display: flex; flex-direction: column; align-items: left; align-content: center;}

.brand-card{ display: none;}

.form-SEARCH{ z-index: 5;}
.brand-search-response{ margin-top: -40px;}

.typeahead.typeaheadSearch{
  padding: 15px 25px;
  border: 1px solid #788b9d;
}


.form-check-control .form-check-input{ position: absolute; margin: 45px 20px; }
.form-check-control label::before { display: none; }
.form-check-input{ border-color: #788b9d;}

.form-check-input:checked, 
.form-check-input.is-valid:checked{ border-color: #58b9e5; background-color: #58b9e5;}

.my_loader{ width: auto;}

.error{ color: red;}

.error-cmmon { text-align: center; margin-bottom: 15px; }
.error-cmmon .form-control,
.was-validated .error-cmmon .form-control.is-invalid-MY{ display: block; border: 0; padding: 0; box-shadow:none !important }

.otp-input .form-control { padding: 0;}


.form-header-txt h2, 
.form-header-txt h3{ letter-spacing: normal;}
.form-header-txt p { font-size: 17px; }

.form-header-txt .brand-card-address{ font-size: 14px; margin-bottom: 0;}

.form-control:focus{    
    box-shadow: 0 0 0 .25rem rgba(33, 161, 219,.2);
}


.btn.disabled:disabled .my_loader{ display: none;}
.btn.disabled:disabled .btn-txt{ display: block;}
.btn.disabled:disabled{ background-color: #777; color: #fff; border-color: #777;}