/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 251:0 Unexpected "<"

**/
<style>
    .distributor-page .page-width{
        max-width:1200px;
        margin:auto;
        }
  .distributor-page{
  background:#f5f5f5;
  padding-bottom:80px;
}

.distributor-page *{
  box-sizing:border-box;
}

.distributor-page .dist-hero{
  background:#fbc23d;
  padding:40px 20px;
  text-align:center;
}

.distributor-page .dist-hero h1{
  margin:0;
  color:#5b0f27;
  font-weight:700;
  line-height:1.2;
}

.distributor-page .dist-intro{
  text-align:center;
  margin:60px auto 40px;
  max-width:900px;
}

.distributor-page .dist-intro h2{
  color:#5b0f27;
  font-size:42px;
  margin-bottom:15px;
  font-weight:800;
  line-height:1.2;
}

.distributor-page .dist-intro p{
  color:#333;
  line-height:1.8;
}

.distributor-page .dist-form-heading{
  text-align:center;
  margin-bottom:25px;
}

.distributor-page .dist-form-heading h3{
  color:#fbc23d;
  font-size:42px;
  font-weight:800;
  line-height:1.2;
}

.distributor-page .dist-form-card{
  max-width:900px;
  margin:auto;
  background:#fff;
  border-radius:20px;
  border-top:5px solid #5b0f27;
  padding:40px;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.distributor-page .dist-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.distributor-page .dist-form-field label{
  display:block;
  margin-bottom:8px;
  color:#5b0f27;
  font-weight:700;
}

.distributor-page .dist-form-field label span{
  color:#fbc23d;
}

.distributor-page .dist-form-field input,
.distributor-page .dist-form-field select,
.distributor-page .dist-form-field textarea{
  width:100%;
  border:1px solid #ddd;
  border-radius:8px;
  padding:14px;
  background:#fff;
  font-size:16px;
  transition:.3s;
}

.distributor-page .dist-form-field textarea{
  resize:vertical;
}

.distributor-page .dist-form-field select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:45px;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b0f27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:16px;
}

.distributor-page .dist-form-field input:focus,
.distributor-page .dist-form-field select:focus,
.distributor-page .dist-form-field textarea:focus{
  outline:none;
  border-color:#fbc23d;
  box-shadow:0 0 0 4px rgba(251,194,61,.15);
}

.distributor-page .full{
  grid-column:1 / -1;
}

.distributor-page .dist-btn{
  margin-top:25px;
  background:#5b0f27;
  color:#fff;
  border:none;
  padding:14px 40px;
  border-radius:8px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  transition:.3s;
}

.distributor-page .dist-btn:hover{
  background:#741737;
}

.distributor-page .dist-success{
  background:#d4edda;
  color:#155724;
  padding:15px;
  margin-bottom:20px;
  border-radius:8px;
}

.distributor-page .dist-error{
  margin-bottom:20px;
}

/* Tablet */

@media (max-width:991px){


  .distributor-page .dist-intro h2{
    font-size:34px;
  }

  .distributor-page .dist-form-heading h3{
    font-size:34px;
  }

  .distributor-page .dist-form-card{
    padding:30px;
  }
}

/* Mobile */

@media (max-width:767px){

  .distributor-page{
    padding-bottom:50px;
  }

  .distributor-page .dist-hero{
    padding:30px 15px;
  }

  .distributor-page .dist-intro{
    margin:40px auto 25px;
  }

  .distributor-page .dist-intro h2{
    font-size:24px;
  }

  .distributor-page .dist-intro p{
    font-size:14px;
    line-height:1.7;
  }

  .distributor-page .dist-form-heading h3{
    font-size:24px;
  }

  .distributor-page .dist-grid{
    grid-template-columns:1fr;
    gap:15px;
  }

  .distributor-page .dist-form-card{
    padding:20px;
    margin:0 10px;
    border-radius:15px;
  }

  .distributor-page .dist-form-field input,
  .distributor-page .dist-form-field select,
  .distributor-page .dist-form-field textarea{
    padding:12px;
    font-size:16px;
  }

  .distributor-page .dist-btn{
    width:100%;
    padding:15px;
  }
}

/* Small Mobile */

@media (max-width:480px){


  .distributor-page .dist-intro h2{
    font-size:22px;
  }

  .distributor-page .dist-form-heading h3{
    font-size:22px;
  }

  .distributor-page .dist-form-card{
    padding:15px;
    margin:0;
  }
}
</style>