:root {
  --sf-primary: #0b3954;
  --sf-accent: #FFB128;
  --sf-border: #dfe7ee;
  --sf-page: #f5f7fb;
  --sf-text: #132536;
  --sf-muted: #6f7f8e;
  --sf-shadow: 0 16px 40px rgba(11, 57, 84, 0.1);
}

html,
body {
  background: linear-gradient(180deg, #ffffff 0%, var(--sf-page) 100%) !important;
  color: var(--sf-text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.all-container {
  background: rgba(255, 255, 255, 0.92);
  border: 0 !important;
  outline: 1px solid rgba(11, 57, 84, 0.08);
  box-shadow: var(--sf-shadow);
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title {
  color: var(--sf-primary) !important;
}

label {
  color: var(--sf-primary) !important;
  font-weight: 600;
  letter-spacing: 0;
}

.form-control,
input,
select,
textarea,
.input1 {
  background: #fbfcfe !important;
  border-color: var(--sf-border) !important;
  color: var(--sf-text) !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus,
.input1:focus {
  background: #ffffff !important;
  border-color: var(--sf-accent) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 177, 40, 0.18) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--sf-muted) !important;
}

.btn,
.contact1-form-btn,
button[type="submit"],
input[type="submit"] {
  background: var(--sf-accent) !important;
  border-color: var(--sf-accent) !important;
  color: var(--sf-primary) !important;
  box-shadow: 0 10px 20px rgba(255, 177, 40, 0.2);
  font-weight: 700;
  letter-spacing: 0;
}

.btn:hover,
.contact1-form-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #ffc35d !important;
  border-color: #ffc35d !important;
  color: var(--sf-primary) !important;
}

.alert-danger {
  background: #fff3f0 !important;
  border-color: #ffc7ba !important;
  color: #8a2f1b !important;
}

.contact1 {
  background: linear-gradient(135deg, var(--sf-primary), #145f83) !important;
}

.container-contact1 {
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: 0 18px 48px rgba(11, 57, 84, 0.16);
}

.shadow-input1 {
  color: rgba(255, 177, 40, 0.42) !important;
}

.creditcard svg#cardfront,
.creditcard svg#cardback {
  box-shadow: 0 16px 32px rgba(11, 57, 84, 0.18) !important;
}

.creditcard .lightblue,
.creditcard .lightcolor {
  fill: #0b3954 !important;
}

.creditcard .lightbluedark,
.creditcard .darkcolor {
  fill: #082a3f !important;
}

#ccsingle,
.ccicon {
  color: var(--sf-accent);
}
