:root {
    --c1: #F95A19;
    --c2: #333;
    --c3: #e3f3fb;
    --c4: #03003A;
  }



.c-c1{color:var(--c1)}
.c-c2{color:var(--c2)}
.c-c3{color:var(--c3)}
.c-c4{color:var(--c4)}



.super_get_quote_button { margin: 20px; width: 8em; text-align: center; justify-content: center; display: inline-block; padding: 0.8em 1.1em; gap: 0.4rem; border: none; font-weight: 900; font-size: 14px; border-radius: 30px; cursor: pointer; text-shadow: 2px 2px 3px rgb(136 0 136 / 50%); box-shadow: 0 15px 25px -6px rgba(238, 103, 97, 0.5); background: linear-gradient(15deg, #D0262E, #D0262E, #cc3f47, #de6f3d, #f09f33, #de6f3d, #d53c2f, #D0262E, #D0262E) no-repeat; background-size: 300%; background-position: left center; transition: background 0.3s ease; color: #fff; }

.super_get_quote_button:hover { background-size: 320%; background-position: right center; transform: translateY(3px); box-shadow: none; }

    .sp_buttom_2{display: inline-block;border-radius: 13px;color: #fff;font-weight: bolder;padding:20px;transition: all .3s;
        background: linear-gradient(152deg,rgba(252, 125, 5, 0.76) 0%, rgba(250, 71, 0, 1) 100%);box-shadow: 0px 7px 9px 4px rgba(216,163,148,0.4);
    }
    .sp_buttom_2:hover{
       box-shadow: 0px 7px 9px 0px rgba(216,163,148,0.4);
    }