header.form {
  background-image: url(/assets/images/form-header-bg.svg);
  background-position: bottom left;
  background-size: 100%; }

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: -2px; }

:focus {
  outline: -webkit-focus-ring-color auto 0px; }

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); }

section.form {
  background: #5E5EE6; }

section.form, section.form h2, section.form h3 {
    color: #FFF; }

section.form .checkout-box {
    background-color: #8181E7; }

section.form .btn-light-blue {
    background-color: #8181E7; }

section.form .bootstrap-select .dropdown-menu {
    background-color: #8181E7; }

section.form input, section.form .bootstrap-select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #FFF;
    border-radius: 0; }

section.form a, section.form input, section.form .bootstrap-select, section.form input::placeholder, section.form .btn-light-blue {
    color: #FFF; }

section.form .checkout-box {
    min-height: 60vh; }

section.form .note {
    font-size: 1.2rem;
    font-family: 'Nexa-Heavy';
    line-height: 0; }

section.form small {
    font-size: 65%;
    text-align: left;
    position: relative;
    top: -5px; }

section.form .note a {
    color: #07DD87 !important; }

section.form .bootstrap-select > .dropdown-toggle {
    padding: 0.375rem 0.75rem; }

section.form .form-control.height {
    height: 47px; }

section.form .bootstrap-select > .dropdown-toggle {
    padding: 0.375rem 0.75rem;
    height: 46px; }

section.form .form-control:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25); }

section.form input, section.form .bootstrap-select {
    border-bottom: 1px solid #C0C0F3; }

section.form .btn-secondary {
    color: #5E5EE6;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    padding: .7rem 2rem;
    width: 200px;
    font-family: 'Nexa-Regular'; }

section.form .btn-secondary:hover {
    color: #ffffff;
    border: 2px solid #ffffff !important; }

section.form hr {
    border-color: #C0C0F3; }

section.form .coupon, section.form .coupon a {
    color: #C0C0F3; }

section.form .img-padlock {
    position: relative;
    top: -6px; }

section.form .amount {
    font-family: 'Nexa-Bold'; }

section.form .form-box, section.form .box-checkout {
    border: 2px solid #C0C0F3 !important;
    border-radius: 8px !important; }

section.form .img-close {
    position: relative;
    top: -2px;
    padding-left: 2px; }

section.form .box-items table {
    color: #ffffff; }

/* Start Responsive */

@media (max-width: 600px) {
  header h1 {
    font-size: 1.8rem !important; }
  .form .note {
    font-size: 1.2rem;
    font-family: 'Nexa-Heavy';
    line-height: 0;
    text-align: left;
    padding-top: 20px; }
  .form small {
    top: -5px;
    left: 72px; } }

