/* [project]/src/app/styles/calculator/_address.scss.css [app-client] (css) */
.title {
  color: #15462e;
}

.address-step .title {
  color: #15462e !important;
}

.next-button.large {
  min-width: 250px;
  padding-left: 10px;
  padding-right: 10px;
}

.description {
  color: #7b8782;
}

@media screen and (width >= 1200px) {
  .description {
    margin-bottom: 40px;
  }
}

@media screen and (width <= 1200px) {
  .description {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.address-wrapper form .address-search, .address-wrapper form .idpc-input {
  border: 2px solid #15462e;
  border-radius: 5px;
  padding: 10px;
}

@media screen and (width >= 1200px) {
  .address-wrapper form .address-search, .address-wrapper form .idpc-input {
    min-width: 440px !important;
  }
}

@media screen and (width <= 1199px) {
  .address-wrapper form .address-search, .address-wrapper form .idpc-input {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

.address-wrapper form .idpc-button {
  color: #15462e;
  background-color: #e8ecea;
  border: 1px solid #e8ecea;
  border-radius: 15px;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
}

.address-wrapper form .idpc-select-container select {
  border: 1px solid #15462e;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  min-width: 100% !important;
  max-width: 100% !important;
}

.address-wrapper form .address-search-results input {
  border: 2px solid #15462e;
  border-radius: 5px;
  min-width: 300px;
  padding: 10px;
}

.address-form-container {
  padding-top: 0;
  padding-left: 100px;
  padding-right: 100px;
}

@media screen and (width <= 1200px) {
  .address-form-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .address-form-container .top-address-container {
    padding-top: 30px;
  }

  .address-form-container .top-address-container input {
    width: 100%;
  }

  .address-form-container .top-address-container label {
    font-size: 16px;
    position: relative;
    left: -5px;
  }
}

.top-address-container {
  border-top: 1px solid #e8ecea;
  margin-bottom: 40px;
  padding-top: 65px;
}

.address-wrapper-container {
  border-top: 1px solid #e8ecea;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

@media screen and (width <= 1200px) {
  .address-wrapper-container {
    margin-top: -10px;
    padding-top: 15px;
  }
}

[name="other-supplier"] {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  padding: 10px;
}

label {
  color: #15462e !important;
}

.select__control {
  height: 47px !important;
}

.address-fields {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

@media screen and (width <= 1200px) {
  .address-fields {
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
  }
}

.address-fields .container-Company {
  grid-row-start: 1;
  width: 100%;
  min-width: 265px;
}

@media screen and (width <= 1200px) {
  .address-fields .container-Company {
    min-width: 100%;
  }
}

.address-fields .container-Address {
  grid-row-start: 1;
  width: 100%;
  min-width: 265px;
}

@media screen and (width <= 1200px) {
  .address-fields .container-Address {
    grid-row-start: 2;
    min-width: 100%;
  }

  .address-fields .container-Address:nth-child(2) {
    grid-row-start: 3;
  }
}

.address-fields .container-City {
  grid-row-start: 2;
  margin-top: 10px;
}

@media screen and (width <= 1200px) {
  .address-fields .container-City {
    grid-row-start: 4;
    margin-top: 0;
  }
}

.address-fields .container-County {
  grid-row-start: 2;
  margin-top: 10px;
}

@media screen and (width <= 1200px) {
  .address-fields .container-County {
    grid-row-start: 5;
    margin-top: 0;
  }
}

.address-fields .container-Post {
  grid-row-start: 2;
  margin-top: 10px;
}

@media screen and (width <= 1200px) {
  .address-fields .container-Post {
    grid-row-start: 6;
    margin-top: 0;
  }
}

.address-fields input {
  border: 1px solid #e8ecea;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  padding: 10px;
  box-shadow: 0 2px 6px #13124212;
  color: #15462e !important;
}

.address-bottom-container {
  background: #fbf8f1;
  border: 1px solid #fbf8f1;
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 40px;
  padding: 50px;
}

@media screen and (width <= 1200px) {
  .address-bottom-container {
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 25px;
  }

  .address-bottom-container button {
    margin-top: 25px;
    width: 100% !important;
  }
}

.address-bottom-container h3, .address-bottom-container p {
  color: #15462e;
}

.address-bottom-container h3 {
  font-size: 18px;
}

.address-bottom-container button {
  width: 165px;
  font-weight: bold;
}


/* [project]/src/app/styles/calculator/_containers.scss.css [app-client] (css) */
.containers-header {
  margin-bottom: 0;
}

@media screen and (width <= 814px) {
  .containers-header {
    margin-bottom: 0;
  }
}

.containers .title {
  color: #15462e !important;
}

@media screen and (width >= 815px) {
  .container-wrapper {
    padding-top: 0;
  }
}

.container-wrapper .container-wrapper-grid {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (width <= 814px) {
  .container-wrapper {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-wrapper .grid {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    gap: 10px !important;
  }

  .container-wrapper .grid .container-item .w-60 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-wrapper .grid .container-item:nth-child(0) {
    grid-row-start: 1;
    display: grid;
  }

  .container-wrapper .grid .container-item:first-child {
    display: grid;
  }

  .container-wrapper .grid .container-item:nth-child(2) {
    grid-row-start: 2;
    display: grid;
  }

  .container-wrapper .grid .container-item:nth-child(3) {
    display: grid;
  }

  .container-wrapper .grid .container-item:nth-child(4) {
    grid-row-start: 3;
    display: grid;
  }

  .container-wrapper .grid .container-item:nth-child(5) {
    display: grid;
  }

  .container-wrapper .grid .container-item:last-child .w-39 {
    margin-bottom: 25px;
    display: block;
  }

  .description {
    margin-bottom: -20px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.highlight-containers-wrapper {
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (width <= 814px) {
  .highlight-containers-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.highlight-containers-wrapper .highlight-containers {
  border-top: 1px solid #e8ecea;
  padding-top: 50px;
  color: #15462e !important;
}

@media screen and (width <= 814px) {
  .highlight-containers-wrapper .highlight-containers {
    margin-bottom: -20px;
    padding-top: 20px;
  }
}

h2, h3, span {
  color: #15462e;
}

.progress-wrapper {
  padding-top: 15px;
}

@media screen and (width <= 814px) {
  .progress-wrapper {
    display: block;
    padding-top: 0 !important;
  }

  .container-navigation {
    margin-top: 20px;
    margin-bottom: -60px;
  }
}


/* [project]/src/app/styles/calculator/_waste-streams.scss.css [app-client] (css) */
.waste-stream-step .title {
  color: #15462e !important;
}

.waste-streams-wrapper {
  padding-left: 100px;
  padding-right: 100px;
}

@media screen and (width <= 1067px) {
  .waste-streams-wrapper {
    padding: 0;
  }
}

@media screen and (width >= 1068px) {
  .waste-streams-wrapper {
    padding-top: 0;
  }
}

.waste-streams-wrapper .container-primary-wrapper {
  border-top: 1px solid #e8ecea;
  padding-top: 40px;
}

@media screen and (width <= 1067px) {
  .waste-streams-wrapper .container-primary-wrapper {
    border-top: none;
    padding-top: 0;
  }
}

.waste-streams-wrapper .container-primary-wrapper .container-wrapper {
  background: #fbf8f1;
  border-radius: 20px;
}

.waste-streams-wrapper .container-primary-wrapper .container-wrapper .add-waste-stream {
  margin-top: 0;
  position: relative;
  top: -5px;
  left: -3px;
}

@media screen and (width >= 1068px) {
  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .add-waste-stream {
    top: 5px;
  }
}

@media screen and (width <= 1067px) {
  .waste-streams-wrapper .container-primary-wrapper .container-wrapper {
    border-bottom: 1px solid #e8ecea;
    margin: 10px;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .bin-image {
    max-width: 80px;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options {
    flex-direction: column;
    width: 100%;
    position: relative;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-1, .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-2 {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (width <= 1067px) and (width <= 374px) {
  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-1, .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-2 {
    font-size: 14px;
  }
}

@media screen and (width <= 1067px) {
  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-3 {
    --tw-space-x-reverse: 0;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 50px;
    position: relative;
  }
}

@media screen and (width <= 1067px) and (width <= 374px) {
  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-3 {
    font-size: 14px;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-3 .pound {
    top: 9.5px;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-3 span, .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-3 input {
    font-size: 14px;
  }
}

@media screen and (width <= 1067px) {
  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .ws-mob-3 .ex-vat {
    top: 13px;
    right: 60px;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .add-waste-stream {
    margin-top: 0;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .waste-stream-options .remove-stream {
    position: absolute;
    bottom: 12px;
    right: 5px;
    scale: .8;
  }

  .waste-streams-wrapper .container-primary-wrapper .container-wrapper .subtotal {
    padding-right: 0;
  }
}

.bin-details-wrapper {
  padding-top: 25px;
}

.bin-details-wrapper .subtotal {
  margin-top: 0;
}

@media screen and (width <= 1067px) {
  .header-wrapper {
    margin-bottom: 0;
  }

  .description {
    width: 100%;
    max-width: 80%;
  }

  .bin-details-wrapper {
    padding-top: 0;
    position: relative;
  }

  .bin-details-wrapper .bin-name {
    margin-top: 15px;
  }
}

h1, h2, h3, span, select, input {
  color: #15462e !important;
}

.pound {
  top: 12.5px;
}

.ex-vat {
  top: 14px;
}

.ex-vat span {
  color: #7b8782 !important;
}

.remove-stream {
  background-color: #15462e26;
}

.remove-stream svg {
  fill: #15462e;
}

.loading-screen .bg-green-500 {
  background-color: #15462e;
}

@media screen and (width >= 1067px) {
  .action-total-container .add-bin-container {
    width: 90%;
    display: flex;
  }

  .action-total-container .add-bin-container .relative {
    margin-right: 5px;
  }
}

@media screen and (width <= 1067px) {
  .action-total-container .totals {
    text-align: left;
    margin-top: 10px;
    margin-left: 0;
    position: relative;
    top: -10px;
  }
}

.action-total-container.action-total-lower {
  margin-top: -40px;
  margin-bottom: -20px;
}

@media screen and (width <= 1067px) {
  .action-total-container {
    flex-direction: column;
  }

  .action-total-container .add-bin-container {
    width: 90%;
    margin-right: 0;
    padding-right: 0;
    display: flex;
  }

  .action-total-container .add-bin-container .relative {
    margin-right: 5px;
  }

  .action-total-container .add-bin-container select {
    height: 50px;
    font-size: 12px;
  }

  .action-total-container .add-bin-container button {
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
  }

  .totals {
    padding-left: 0;
  }

  .totals span {
    font-size: 14px;
  }
}

.totals {
  position: relative;
  top: -22px;
}

@media screen and (width >= 1068px) {
  .totals {
    padding-left: 0;
  }

  .totals .items-end {
    width: 100%;
  }

  .totals .items-end .space-x-8 {
    flex-direction: row;
    display: flex;
  }

  .totals .items-end .space-x-8 span {
    min-width: 115px;
  }

  .totals .items-end .space-x-8 span:first-child {
    margin-right: 0;
  }

  .totals .items-end .space-x-8 .font-bold {
    text-align: left;
    max-width: 125px;
    margin-left: 0;
    margin-right: 0;
  }

  .totals .items-end .space-x-8 .text-gray-600 {
    text-align: left;
    min-width: 90px;
  }
}

.lower-vat {
  margin-top: -6px;
  font-size: 12px;
  position: relative;
  top: 0;
}

.lower-vat .exVat {
  font-size: 18px;
  position: relative;
  top: 6px;
}

.monthly-total-info {
  position: relative;
  left: -5px;
}

@media screen and (width <= 1067px) {
  .monthly-total-info {
    position: absolute;
    top: 5px;
    left: 8px;
  }
}


/* [project]/src/app/styles/calculator/_results.scss.css [app-client] (css) */
.results-page-wrapper, .results-page-wrapper .testimonial {
  margin-bottom: 50px;
}

@media screen and (width <= 1228px) {
  .results-page-wrapper {
    max-width: 100%;
    padding: 0;
  }
}

@media screen and (width >= 860px) {
  .results-page-wrapper {
    height: 550px;
  }
}

@media screen and (width <= 860px) {
  .results-page-wrapper .mobile-savings-wrapper {
    display: none;
  }
}

.results-page-wrapper .header-wrapper {
  padding-right: 50px;
}

@media screen and (width >= 1228px) {
  .results-page-wrapper .header-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.results-page-wrapper .cta-results, .results-page-wrapper .bg-purple-600 {
  background: #fcf8f1;
}

.results-page-wrapper .graph-container {
  position: relative;
}

.results-page-wrapper .graph-container:before {
  content: "|";
  color: #fff;
  z-index: 99;
  width: 50px;
  height: 60px;
  font-size: 55px;
  position: absolute;
  top: -11px;
  left: 200px;
  transform: rotate(360deg);
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .graph-container:before {
    font-size: 40px;
    display: block;
    top: 11px;
    left: 50%;
  }
}

@media screen and (width <= 860px) {
  .results-page-wrapper .container-wrapper {
    flex-direction: column;
  }
}

@media screen and (width <= 1060px) {
  .results-page-wrapper .container-wrapper .container-wrapper-output {
    max-width: 100%;
    padding-top: 20px;
  }
}

.results-page-wrapper .results-wrapper {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.results-page-wrapper .overpaying {
  color: red !important;
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .top-banner-colour {
    font-size: 35px;
    color: #fff !important;
  }

  .results-page-wrapper .results-wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }

  .results-page-wrapper .results-wrapper .left {
    width: 100%;
    margin-top: 0;
  }

  .results-page-wrapper span, .results-page-wrapper p {
    font-size: 14px;
  }

  .results-page-wrapper .breakdown {
    width: 100%;
    margin-top: 0;
  }
}

@media screen and (width <= 1228px) and (width <= 1228px) {
  .results-page-wrapper .breakdown {
    margin-right: 10px;
  }
}

@media screen and (width <= 1228px) and (width <= 865px) {
  .results-page-wrapper .breakdown {
    max-width: 100%;
    margin-top: 40px;
  }
}

@media screen and (width <= 1228px) and (width >= 810px) and (width <= 865px) {
  .results-page-wrapper .breakdown {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .breakdown.right {
    width: 100%;
  }

  .results-page-wrapper .breakdown .breakdown-wrapper {
    padding: 30px;
  }

  .results-page-wrapper .breakdown .breakdown-wrapper svg {
    margin-left: -30px;
  }
}

@media screen and (width <= 1228px) and (width <= 1228px) {
  .results-page-wrapper .breakdown .breakdown-wrapper svg {
    scale: unset;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -4px;
  }
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .summary-wrapper {
    width: 100%;
    margin-top: 0;
  }

  .results-page-wrapper .summary-wrapper .initial-summary, .results-page-wrapper .summary-wrapper .second-summary, .results-page-wrapper .summary-wrapper .third-summary {
    flex-direction: column;
    display: flex;
  }

  .results-page-wrapper .summary-wrapper .initial-summary span, .results-page-wrapper .summary-wrapper .second-summary span, .results-page-wrapper .summary-wrapper .third-summary span {
    font-size: 16px;
  }

  .results-page-wrapper .summary-wrapper .initial-summary .frequency-text, .results-page-wrapper .summary-wrapper .second-summary .frequency-text, .results-page-wrapper .summary-wrapper .third-summary .frequency-text {
    text-transform: lowercase;
    margin-left: 3px;
  }

  .results-page-wrapper .summary-text, .results-page-wrapper .breakdown-text {
    font-size: 20px;
  }

  .results-page-wrapper .graph-container {
    scale: 100%;
    width: 100% !important;
  }
}

@media screen and (width <= 1228px) and (width >= 400px) and (width <= 500px) {
  .results-page-wrapper .graph-container {
    margin-left: -5%;
  }
}

@media screen and (width <= 1228px) and (width <= 400px) {
  .results-page-wrapper .graph-container {
    margin-top: -10px;
    margin-left: -30px;
  }
}

@media screen and (width <= 1228px) and (width <= 350px) {
  .results-page-wrapper .graph-container {
    margin-left: -40%;
  }
}

@media screen and (width >= 860px) {
  .results-page-wrapper .results-wrapper .left {
    width: 60%;
  }
}

.results-page-wrapper .container-box-shadow {
  border: 1px solid #fff;
  border-radius: 15px;
}

.results-page-wrapper .cta-h2 {
  font-size: 20px;
  color: #fff !important;
}

.results-page-wrapper .think-pay {
  color: #80bd77 !important;
}

.results-page-wrapper .text-white {
  color: #fff !important;
}

.results-page-wrapper .text-shadow-black {
  color: #000 !important;
}

.results-page-wrapper .top-banner-colour, .results-page-wrapper .the-results {
  color: #fff !important;
}

.results-page-wrapper .left {
  width: 90%;
  margin-right: auto;
}

.results-page-wrapper .right {
  width: 40%;
}

.results-page-wrapper .MuiGauge-valueArc {
  color: #80bd77 !important;
}

.results-page-wrapper .results-cta-wrapper {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .results-cta-wrapper {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .results-page-wrapper .results-cta-wrapper .cta-bottom {
    margin-top: -10px !important;
  }

  .results-page-wrapper .results-cta-wrapper .cta-bottom p {
    margin-bottom: 25px;
  }

  .results-page-wrapper .results-cta-wrapper .flex {
    flex-direction: column;
    margin-top: 20px;
  }

  .results-page-wrapper .results-cta-wrapper .flex div {
    margin-bottom: 20px;
  }

  .results-page-wrapper .results-cta-wrapper .flex button {
    width: 100%;
  }
}

.results-page-wrapper .results-cta-wrapper button {
  background-color: #6931a3 !important;
}

.results-page-wrapper .results-cta-wrapper button span {
  display: block;
  color: #fff !important;
  width: 100px !important;
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .results-cta-wrapper button span {
    width: 100% !important;
  }
}

.results-page-wrapper .results-cta-wrapper .cta-bottom {
  margin-top: 15px;
}

.results-page-wrapper .pulse-button {
  animation: 2s infinite pulse;
  background-color: #80bd77 !important;
}

.results-page-wrapper .pulse-button span {
  color: #fff !important;
}

@media screen and (width >= 1228px) {
  .results-page-wrapper .pulse-button.transition-colors {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #80bd77 !important;
  }

  .results-page-wrapper .pulse-button.transition-colors span {
    width: 175px !important;
  }
}

@media screen and (width <= 1228px) {
  .results-page-wrapper .pulse-button span {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }
}

@media screen and (width <= 600px) {
  .results-page-wrapper .pulse-button {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.results-page-wrapper .pulse-button:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    transform: scale(.9);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 16px #5a99d400;
  }

  100% {
    transform: scale(.9);
    box-shadow: 0 0 #5a99d400;
  }
}

h1, h2 {
  color: #fff !important;
}

.container-navigation {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (width <= 1228px) {
  .container-navigation {
    margin-bottom: 0;
  }
}

.potential-savings-text.high {
  color: red !important;
}

.text-wraparound {
  margin-top: 0;
  position: relative;
  top: -100px;
  left: 7px;
}

@media screen and (width <= 1228px) {
  .text-wraparound {
    margin-top: 29px;
    margin-bottom: -25px;
    margin-left: 19px;
  }
}

@media screen and (width >= 1228px) {
  .text-wraparound {
    top: -100px;
    left: 7px;
    scale: .98;
  }
}

@media screen and (width <= 1228px) {
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .mobile-only svg {
    margin-left: -10px;
    position: relative;
    top: -103px;
    left: -7px !important;
  }
}

@media screen and (width >= 1228px) {
  .mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }
}

.lucide-chevron-down {
  margin-left: initial !important;
  margin-right: initial !important;
  right: 10px !important;
  left: unset !important;
  position: absolute !important;
}

.gauge-wrapper {
  padding-right: 0;
}

@media screen and (width <= 406px) {
  .gauge-wrapper {
    padding-bottom: 0;
    scale: 1;
  }

  .gauge-wrapper .graph-container:before {
    display: none;
  }
}

@media screen and (width <= 375px) {
  .gauge-wrapper {
    margin-left: -15px;
    scale: .9;
  }
}

@media screen and (width <= 330px) {
  .gauge-wrapper {
    margin-left: -25px;
    scale: .8;
  }
}

.testomonial-content, .testomonial-author {
  color: #fff !important;
}


/* [project]/src/app/styles/_main.scss.css [app-client] (css) */
body {
  background: #fff;
}

.loading-screen .title {
  color: #15462e !important;
}

@media screen and (width >= 0) and (width <= 1200px) {
  main {
    padding-top: 25px;
  }
}

@media screen and (width >= 0) and (width <= 1200px) and (width >= 0) and (width <= 1200px) {
  .header.mb-8 {
    margin-top: -10px;
    margin-bottom: 10px;
  }
}

@media screen and (width >= 0) and (width <= 1200px) {
  .header-container .transition-colors {
    display: none;
  }

  .header-container .postcode-container {
    text-align: center;
    flex-direction: column;
    width: 80%;
    margin-right: -10px;
    position: relative;
    top: -3px;
    right: -20px;
  }

  .header-container .postcode-container button {
    margin-left: 5px;
  }

  .header-container .dot-style, .header-container .company-name {
    display: none;
  }
}

@media screen and (width >= 0) and (width <= 600px) {
  .little-guy-logo {
    max-width: 25%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (width >= 0) and (width <= 1200px) {
  .progress-wrapper {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.progress-wrapper .progress-bar {
  margin-bottom: -15px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (width >= 1200px) {
  .progress-wrapper .progress-bar {
    padding-top: 20px;
  }
}

@media screen and (width >= 640px) and (width <= 812px) {
  .progress-wrapper .progress-bar .flex-col:first-child, .progress-wrapper .progress-bar .flex-col:nth-child(5) {
    margin-top: 20px;
  }

  .progress-wrapper .progress-bar .flex-col:first-child .text-sm, .progress-wrapper .progress-bar .flex-col:nth-child(5) .text-sm {
    text-align: center;
  }
}

@media screen and (width >= 0) and (width <= 639px) {
  .progress-wrapper .progress-bar .divider {
    margin-top: -25px;
    margin-right: 0;
  }

  .progress-wrapper .progress-bar .flex-col {
    margin-right: 0;
  }

  .progress-wrapper .progress-bar .flex-col:first-child, .progress-wrapper .progress-bar .flex-col:nth-child(5) {
    margin-top: 20px;
  }

  .progress-wrapper .progress-bar .flex-col:first-child .text-sm, .progress-wrapper .progress-bar .flex-col:nth-child(5) .text-sm {
    text-align: center;
  }

  .progress-wrapper .progress-bar .flex-col.last {
    margin-left: 15px;
  }

  .progress-wrapper .progress-bar .progress-bar-wrapper {
    margin-left: -5px;
    scale: 90%;
  }
}

.progress-wrapper .progress-bar .bg-green-700 {
  color: #fff;
  background-color: #15462e;
}

.progress-wrapper .progress-bar .text-green-700 {
  color: #15462e;
}

.progress-wrapper .progress-bar .divider {
  margin-top: -20px;
}

@media screen and (width >= 350px) and (width <= 434px) {
  .progress-bar-wrapper {
    margin-left: -5px;
    scale: 75% !important;
  }
}

@media screen and (width >= 0) and (width <= 350px) {
  .progress-bar-wrapper {
    margin-left: -5px;
    scale: 65% !important;
  }
}

p, div, span, h1, h2, h3, h4, h5, h6 {
  font-family: DM Sans, serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.bg-purple-700 {
  background-color: #53247e;
}

.change-button {
  color: #7b8782;
  background-color: #e8ecea;
  border: 1px solid #e8ecea;
  border-radius: 15px;
  height: 25px;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
}

.get-quote-text {
  color: #15462e !important;
}

.header-container .central {
  color: #7b8782;
}

.header-container .central .dot-style {
  scale: .7;
}

@media screen and (width <= 1000px) {
  .header-container .logo-wrapper {
    margin-top: -20px;
    margin-bottom: -20px;
  }
}

.box-shadow {
  box-shadow: 0 1.5px 4.5px #13124212;
}

.container-box-shadow {
  box-shadow: 0 5px 16px #080f340f;
}

@media screen and (width <= 1200px) {
  .z-100.flex {
    width: 95%;
    margin-left: 20px;
    margin-right: 20px;
    top: 7% !important;
  }

  .z-100.flex .flex-1.p-8 {
    padding: 0;
  }

  .z-100.flex .get-quote-text {
    font-size: 20px;
  }

  .z-100.flex .grid {
    margin-bottom: 15px;
  }

  .z-100.flex .grid div {
    margin-bottom: -12px;
  }

  .z-100.flex .grid input, .z-100.flex textarea {
    font-size: 14px;
  }

  .z-100.flex button {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 15px;
  }
}

@media screen and (width <= 1200px) and (width >= 1200px) and (width <= 1400px) {
  .modal-popup-wrapper .fixed.bg-white {
    top: 17% !important;
  }
}

@media screen and (width <= 1200px) {
  .modal-popup-wrapper .description-text {
    font-size: 15px;
  }

  .surewaste-logo {
    max-width: 75%;
  }

  [title="Close Modal"] {
    position: relative;
    top: 20px;
    left: 10px;
    scale: .8;
  }
}

@media screen and (width <= 1228px) {
  .modal-wrapper {
    max-width: 100% !important;
  }
}

@media screen and (width <= 1000px) {
  .sticky .container-navigation {
    background: #fff;
  }
}


/* [project]/node_modules/@fontsource/dm-sans/index.css [app-client] (css) */
@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/dm-sans-latin-ext-400-normal.458bbd6b.woff2") format("woff2"), url("../media/dm-sans-latin-ext-400-normal.b613256b.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../media/dm-sans-latin-400-normal.b3524190.woff2") format("woff2"), url("../media/dm-sans-latin-400-normal.f810daa0.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* [project]/node_modules/@fontsource/dm-sans/700.css [app-client] (css) */
@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../media/dm-sans-latin-ext-700-normal.b766210c.woff2") format("woff2"), url("../media/dm-sans-latin-ext-700-normal.fcfa3f12.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../media/dm-sans-latin-700-normal.fca8a44b.woff2") format("woff2"), url("../media/dm-sans-latin-700-normal.7cdc3910.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* [project]/node_modules/react-tooltip/dist/react-tooltip.min.css [app-client] (css) */
:root {
  --rt-color-white: #fff;
  --rt-color-dark: #222;
  --rt-color-success: #8dc572;
  --rt-color-error: #be6464;
  --rt-color-warning: #f0ad4e;
  --rt-color-info: #337ab7;
  --rt-opacity: .9;
  --rt-transition-show-delay: .15s;
  --rt-transition-closing-delay: .15s;
  --rt-arrow-size: 8px;
}

.core-styles-module_tooltip__3vRRp {
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  position: absolute;
  top: 0;
  left: 0;
}

.core-styles-module_fixed__pcSol {
  position: fixed;
}

.core-styles-module_arrow__cvMwQ {
  background: inherit;
  z-index: -1;
  position: absolute;
}

.core-styles-module_noArrow__xock6 {
  display: none;
}

.core-styles-module_clickable__ZuTTB {
  pointer-events: auto;
}

.core-styles-module_show__Nt9eE {
  opacity: var(--rt-opacity);
  transition: opacity var(--rt-transition-show-delay) ease-out;
}

.core-styles-module_closing__sGnxF {
  opacity: 0;
  transition: opacity var(--rt-transition-closing-delay) ease-in;
}

.styles-module_tooltip__mnnfp {
  border-radius: 3px;
  width: max-content;
  padding: 8px 16px;
  font-size: 90%;
}

.styles-module_arrow__K0L3T {
  height: var(--rt-arrow-size);
  width: var(--rt-arrow-size);
}

[class*="react-tooltip__place-top"] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}

[class*="react-tooltip__place-right"] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}

[class*="react-tooltip__place-bottom"] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}

[class*="react-tooltip__place-left"] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}

.styles-module_dark__xNqje {
  background: var(--rt-color-dark);
  color: var(--rt-color-white);
}

.styles-module_light__Z6W-X {
  background-color: var(--rt-color-white);
  color: var(--rt-color-dark);
}

.styles-module_success__A2AKt {
  background-color: var(--rt-color-success);
  color: var(--rt-color-white);
}

.styles-module_warning__SCK0X {
  background-color: var(--rt-color-warning);
  color: var(--rt-color-white);
}

.styles-module_error__JvumD {
  background-color: var(--rt-color-error);
  color: var(--rt-color-white);
}

.styles-module_info__BWdHW {
  background-color: var(--rt-color-info);
  color: var(--rt-color-white);
}


/*# sourceMappingURL=_ebb2a9f5._.css.map*/