/* Custom Fonts Start */
/* Avenir Light */
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-Light.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-Light.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-Light.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-Light.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-LightOblique.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-LightOblique.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-LightOblique.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-LightOblique.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique") format("svg");
  font-weight: 100;
  font-style: italic;
}
/* Avenir Roman */
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-Roman.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-Roman.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-Roman.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-Roman.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: 400;
  font-style: normal;
}
/* Avenir Roman Italic */
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-Oblique.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-Oblique.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-Oblique.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-Oblique.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-Oblique.svg#AvenirLTStd-Oblique") format("svg");
  font-weight: 400;
  font-style: italic;
}
/* Avenir Medium */
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-Medium.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-Medium.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-Medium.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-Medium.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-MediumOblique.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-MediumOblique.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-MediumOblique.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-MediumOblique.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-MediumOblique.svg#AvenirLTStd-MediumOblique") format("svg");
  font-weight: 700;
  font-style: italic;
}
/* Avenir Black */
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-Black.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-Black.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-Black.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-Black.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-Black.svg#AvenirLTStd-Black") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "AvenirFamily";
  src: url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20eot/AvenirLTStd-BlackOblique.eot") format("embedded-opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20otf/AvenirLTStd-BlackOblique.otf") format("opentype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20woff/AvenirLTStd-BlackOblique.woff") format("woff"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20ttf/AvenirLTStd-BlackOblique.ttf") format("truetype"), url("https://www.quattro.co.uk/hubfs/fonts/Avenir%20svg/AvenirLTStd-BlackOblique.svg#AvenirLTStd-BlackOblique") format("svg");
  font-weight: 800;
  font-style: italic;
}
/* Custom Fonts End */
/* Body Font */
body {
  font-family: "AvenirFamily" !important;
}

/* anchor */
a {
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
  font-weight: 800;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
a:hover {
  --tw-text-opacity: 1;
  color: rgba(37, 99, 235, var(--tw-text-opacity));
}

p, button, a, span, label {
  font-size: 14px !important;
  font-family: "AvenirFamily";
}

h1 {
  font-family: "AvenirFamily" !important;
  font-weight: 800 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #575756 !important;
}

/*
  Form and Input
*/
input[type=text],
input[type=email],
input[type=number],
input[type=date],
input[type=url],
input[type=password],
select,
textarea {
  width: 100% !important;
  font-size: 12px !important;
  font-size: 16px !important;
  font-family: "AvenirFamily" !important;
  border: 1px solid #a0a0a0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-radius: 4px !important;
  margin-bottom: 12px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=url]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  outline: none;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(254, 80, 1, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 0.5rem;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled {
  border: 0px !important;
  background: #fff !important;
  padding-left: 0px !important;
}

label {
  --tw-text-opacity: 1;
  color: rgba(254, 80, 1, var(--tw-text-opacity));
  cursor: pointer;
  margin-bottom: 2rem;
  font-size: 12px !important;
  font-family: "AvenirFamily" !important;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Placeholder styles */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 700;
  color: #575756 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 700;
  color: #575756 !important;
}

button, a {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-right: 12px !important;
  border-radius: 42px !important;
  font-weight: 800;
  text-transform: uppercase !important;
}
button.small, a.small {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
button:hover, a:hover {
  transition: background 0.1s linear;
}
button:disabled, a:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
button.primary, a.primary {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 80, 1, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  border: 1px solid #FE5001 !important;
}
button.primary:hover, a.primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(203, 65, 1, var(--tw-bg-opacity));
}
button.danger, a.danger {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
button.danger:hover, a.danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
}
button.secondary, a.secondary {
  --tw-bg-opacity: 1;
  background-color: rgba(2, 192, 161, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
button.default, a.default {
  border: 1px solid #575756 !important;
  color: #575756 !important;
}
button.default-alt, a.default-alt {
  border: 1px solid #FE5001 !important;
  color: #FE5001 !important;
}
button.info, a.info {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
button.info:hover, a.info:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
}
button.success, a.success {
  --tw-bg-opacity: 1;
  background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
button.success:hover, a.success:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
}

.chkbox {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border: 1px solid #6f6f6e !important;
  border-radius: 2px;
  cursor: pointer;
}
.chkbox i {
  --tw-text-opacity: 1;
  color: rgba(254, 80, 1, var(--tw-text-opacity));
}
.chkbox:hover {
  border: 1px solid #ff4d00 !important;
}

a.list-a {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-transform: none !important;
}

.radio-btn {
  width: 5px;
  height: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 100%;
  border: 1px solid #6f6f6e !important;
  cursor: pointer;
  padding: 8px;
}
.radio-btn:hover {
  border: 1px solid #ff4d00 !important;
}
.radio-btn i {
  --tw-text-opacity: 1;
  color: rgba(254, 80, 1, var(--tw-text-opacity));
  font-size: 10px;
}

/**
  Page info box
**/
.qs-info-box {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.qs-info-box div {
  --tw-bg-opacity: 1;
  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(59, 130, 246, var(--tw-text-opacity));
  width: 30%;
}
.qs-info-box div div {
  width: 100%;
  display: flex;
  padding-bottom: 8px;
  padding-left: 12px;
  justify-content: space-between;
}
.qs-info-box div div:first-child {
  padding-top: 8px;
}