body{

    font-family: 'Lato', sans-serif;

    background: #F2F2F2;

}

.no-padding{

    padding: 0;

}

.container{

    max-width: 1300px;

}

h1{

    font-size: 55px;

    font-weight: 700;

}

h2{

    font-size: 36px;

    font-weight: 700;

}

h3{

    font-size: 20px;

    font-weight: 400;

}

p{

    font-size: 18px;

    font-weight: 400;

}



/* <!-- Header Style Start --> */



header{

    background: rgba(255, 255, 255, 0.30);

    backdrop-filter: blur(20px);

    padding: 20px;

}

header .logo{

    max-width: 193px;

}

header .menu a {

    color: #000;

    font-size: 18.689px;

    font-weight: 700;

    line-height: 1.3;

    text-decoration: none;

}

header .menu .header-button{

    border-radius: 10px;

    background: #B6502E;

    border: none;

    color: #E9EFF7;

    font-size: 18.689px;

    font-weight: 700;

    line-height: 1.3;

    padding: 11px 33px;

    margin-left: 43px;

}



/* <!-- Header Style End --> */

/* <!-- Banner Style Start --> */

.banner-2{

    background-image: url(../images/banner-images.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 200px 30px 90px 30px;

}

.banner-2 .banner-text h1 {

    color: #FFF;

    font-size: 55.103px;

    font-weight: 700;

    line-height: 1.1;

    margin: 20px auto;

}

.banner-2 .banner-text p {

    color: #FFF;

    font-size: 22px;

    font-weight: 400;

    line-height: 1.4;

}

.banner-2 .banner-text h3 {

    color: #FFF;

    font-size: 27.551px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}

.banner-2 .banner-text h3 span {

    font-weight: 700;

}



.banner-2 .step-form-two {

    border-radius: 10px;

    border: 0.897px solid var(--Neutral-300, #EFF0F6);

    background: #FCFCFC;

    box-shadow: 0px 4.484px 14.35px 0px rgba(8, 15, 52, 0.06);

    padding: 30px 25px 20px;

}

.banner-2 .journey-heading h3 {

    color: #000;

    font-size: 21.524px;

    font-weight: 700;

    line-height: 1.3;

}

.banner-2 .journey-heading p {

    color: rgba(0, 0, 0, 0.80);

    font-size: 16.143px;

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 50px;

}

.banner-2 .journey-heading {

    padding-top: 23px;

    border-top: 1px solid #D9DBE9;

}

.banner-2 .progress-bar {

    display: flex;

    flex-direction: row;

    background-color: transparent;

    padding-bottom: 21px;

}

.banner-2 .container .form-outer {

    width: 100%;

    overflow: hidden;

}

.banner-2 .container .form-outer form {

    display: flex;

    width: calc(100% * var(--stepNumber));

}

.banner-2 .form-outer form .page {

    width: calc(100% / var(--stepNumber));

    transition: margin-left 0.3s ease-in-out;

    overflow: hidden;

    padding-left:2px;

    padding-right:2px;

}

.banner-2 .field {

    padding-bottom: 20px;

}

.banner-2 .vehicle-information img {

    width: 60px;

}

.banner-2 .vehicle-information {

    padding-top: 20px;

}

.banner-2 form .page .field input, .form-select {

    border-radius: 4.611px;

    border: 0.987px solid var(--neutral-300, #EFF0F6);

    box-shadow: 0px 1.975px 5.925px 0px rgba(19, 18, 66, 0.07);

    padding: 15px 18px;

    width: 100%;

    color: #6F6C90;

    line-height: 1.3;

    font-size: 16.143px;

    font-style: normal;

    font-weight: 400;

}

.banner-2 .check-box p {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.4;

     margin-top: 10px;

    margin-bottom: 15px;

}

.banner-2 .form-check-input:checked {

    background-color: #000000;

    border-color: #000000;

}

.banner-2 .form-check-inline {

    display: inline-flex;

    margin-right: 24px;

    align-items: center;

}

.banner-2 .form-check-input {

    border: 1px solid #000000;

    width: 20px;

    height: 20px;

}

.banner-2 label.form-check-label {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.4;

    padding-left: 6px;

    margin: 0;

}

.banner-2 .step-form-two .field p {

    color: rgba(0, 0, 0, 0.70);

    font-size: 16px;

    font-weight: 300;

    line-height: 1.3;

    margin-top: 14px;

}

.banner-2 .step-form-two .name {

    background-image: url(../images/name.svg);

    background-repeat: no-repeat;

    background-position: 95%;

    background-size: auto;

}

.banner-2 .step-form-two .email {

    background-image: url(../images/Email.svg);

    background-repeat: no-repeat;

    background-position: 95%;

    background-size: auto;

}

.banner-2 .step-form-two .phone {

    background-image: url(../images/cell-phone.svg);

    background-repeat: no-repeat;

    background-position: 95%;

    background-size: auto;

}

.banner-2 .step-form-two .city {

    background-image: url(../images/city.svg);

    background-repeat: no-repeat;

    background-position: 95%;

    background-size: auto;

}

.banner-2 .step-form-two .field .label {

    color: #170F49;

    font-size: 16.143px;

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 10px;

}

.banner-2 .step-form-two .back i {

    font-size: 15px;

    padding-right: 10px;

}

.banner-2 .step-form-two .back {

    color: #5D5D5D !important;

    line-height: 14.736px;

    background: transparent !important;

    box-shadow: none !important;

    padding: 14px 0px !important;

}

.banner-2 .step-form-two form .page .field input.invalid-input {

    border-color: var(--errorColor);

}



.banner-2 .step-form-two form .page .field select {

    width: 100%;

    padding-left: 10px;

    font-size: 17px;

    font-weight: 500;

}

.banner-2 .step-form-two form .page .field button {

    border: none;

    border-radius: 9.045px;

    background: #B6502E;

    box-shadow: 0px 2.434px 9.735px 0px rgba(74, 58, 255, 0.18);

    color: #FFF;

    text-align: center;

    font-size: 17.616px;

    font-weight: 700;

    line-height: 1.3;

    padding: 14px 27px;

}

.banner-2 .step-form-two i {

    font-size: 15px;

}

.banner-2 .step-four {

    margin-top: 30px;

}

.banner-2 .step-form-two form .page .btns button.prev {

    margin-right: 3px;

    font-size: 17px;

}

.banner-2 .step-form-two form .page .btns button.next {

    margin-left: 3px;

}



.banner-2 .final-checkout-box .audi-heading {

    padding-left: 13px;

}

.banner-2 .final-checkout-box .audi-a4 .audi-heading h3 {

    color: rgba(0, 0, 0, 0.90);

    font-size: 19px;

    font-weight: 700;

    line-height: 1.2; 

    margin: 0;

}

.banner-2 .final-checkout-box .audi-a4 .audi-heading p {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.1;

    margin: 0;

}

.banner-2 .final-checkout-box .Transaction p {

    color: rgba(0, 0, 0, 0.70);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    margin: 0;

}

.banner-2 .final-checkout-box .Transaction  {

    margin-bottom: 10px;

}

.banner-2 .final-checkout-box .taxes p {

    color: rgba(0, 0, 0, 0.80);

    font-size: 19px;

    font-weight: 600;

    line-height: 1.2;

    margin: 0;

}

.banner-2 .final-checkout-box .payment {

    padding-bottom: 16px;

}

.banner-2 .final-checkout-box .payment .payment-heading h4 {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.3; 

    margin: 0;

    

}

.banner-2 .final-checkout-box .payment .payment-price  p {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3; 

    margin: 0;

}

.banner-2 .final-checkout-box {

    margin-top: 50px;

}

.banner-2  .coverage .coverage-list{

    padding: 10px;

}

.banner-2 .coverage {

    margin: 0px 0px 20px;

}

.banner-2  .coverage .list {

    flex-wrap: wrap;

}

.banner-2 .coverage p {

    color: rgba(0, 0, 0, 0.80);

    font-size: 19px;

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: 17px;

}

.banner-2 .coverage .coverage-list p {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.3;

    margin: 0;

    padding-left: 8px;

}

.banner-2 .step-form-two .page .field button.submit {

    border-radius: 8.215px;

    background: #367B39;

    box-shadow: 0px 2.21px 8.841px 0px rgba(74, 58, 255, 0.18);

    color: #FFF;

    text-align: center;

    font-size: 16px;

    font-weight: 800;

    line-height: 1.3;

    max-width: 474px;

    width: 100%;

}

.banner-2 .step-form-two .field button.prev.arrow {

    border-radius: 8.215px !important;

    background: #5D5D5D !important;

    padding: 15px 18px;

}

.banner-2 .container .progress-bar .step {

    text-align: center;

    width: 100%;

    position: relative;

}

.banner-2 .container .progress-bar .step p {

    font-weight: 900;

    font-size: 14px;

    color: #000;

    margin-bottom: 0px;

}

.banner-2 .step-form-two .progress-bar .step .bullet {

    height: 23px;

    width: 23px;

    display: inline-block;

    border-radius: 50%;

    position: relative;

    transition: 0.2s;

    font-weight: 500;

    font-size: 11px;

    line-height: 2;

    background: #EFF0F6;

    color: #000;

}

.banner-2 .step-form-two .progress-bar .step .bullet.active {

    border-color: #B6502E;

    background: #B6502E;

}

.banner-2 .step-form-two .vehicle-information h3 {

    background: linear-gradient(90deg, #FF7000 -7.75%, #B6502E 63.83%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 28px;

    padding: 10px 0px 15px;

}

.banner-2 .progress-bar .step .bullet span {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}

.banner-2 .progress-bar .step .bullet.active span {

    display: none;

}

.banner-2 .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

    position: absolute;

    content: "";

    bottom: 11px;

    right: -69px;

    height: 5px;

    width: 55px;

    border-radius: 35.874px;

    background: #EFF0F6;

}

.banner-2 .progress-bar .step .bullet.active:after {

    background: #B6502E;

    transform: scaleX(0);

    transform-origin: left;

    animation: animate 0.3s linear forwards;

}

@keyframes animate {

    100% {

        transform: scaleX(1);

    }

}

.banner-2  .progress-bar .step:last-child .bullet:before,

.progress-bar .step:last-child .bullet:after {

    display: none;

}

.banner-2 .progress-bar .step p.active {

    color: #000000;

    transition: 0.2s linear;

}

.banner-2 .progress-bar .step .check {

    position: absolute;

    left: 50%;

    top: 11px;

    font-size: 15px;

    transform: translate(-50%, -50%);

    display: none;

}

.banner-2 .progress-bar .step .check.active {

    display: block;

    color: #fff;

}



.banner-2 .step-four .field button.prev-1.prev.arrow i {

    font-size: 15px;

}

.banner-2 .step-four .audi-heading{

    padding-left: 13px;

}

.banner-2 .step-four .audi-heading h3 {

    color: rgba(0, 0, 0, 0.90);

    font-size: 19px;

    font-weight: 700;

    line-height: 1;

    margin: 0px;

}

.banner-2 .step-four .audi-heading p {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.2; 

    margin: 0px;

    margin-bottom: 15px;

}



.banner-2 .step-four .Transaction p {

    color: rgba(0, 0, 0, 0.70);

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

}

.banner-2 .step-four .taxes.d-flex p {

    color: rgba(0, 0, 0, 0.80);

    font-size: 19px;

    font-weight: 700;

    line-height: 1.2;

}

.banner-2 .step-four .payment.d-flex {

    margin-bottom: 17px;

}

.banner-2 .step-four .payment-heading h4 {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1;

}

.banner-2 .step-four .payment-heading p {

    color: rgba(0, 0, 0, 0.70);

    font-size: 13px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}

.banner-2 .step-four .payment-price p {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.2;

    margin: 0px;

}

.banner-2 .step-four .Sample a {

    color: #262626;

    font-size: 16px;

    font-weight: 700;

    line-height: 14.736px;

    text-decoration-line: underline;

}

.banner-2 .step-four .field button.prev-1.prev.arrow {

    border-radius: 8.215px !important;

    background: #5D5D5D !important;

    padding: 15px 18px;

}

.form-check-input[type=checkbox] {

    max-width: 18px!important;

    box-shadow: none !important;

    height: 18px !important;

    border: 1px solid #000 !important;

    padding: 0 !important;

}



.banner-2 .step-four .checkout .personalized {

    border-radius: 8.215px !important;

    background: #6C6765 !important;

    font-size: 16px !important;

    padding: 15px !important;

    border: none;

    box-shadow: 0px 2.434px 9.735px 0px rgba(74, 58, 255, 0.18);

    color: #FFF;

    text-align: center;

    font-weight: 700;

    line-height: 1.3;

    display: inline-block;

    text-decoration: none;

}

.banner-2 .step-four .field button.next-3.next.proceed {

    border-radius: 8.215px !important;

    background: #367B39 !important;

    box-shadow: 0px 2.21px 8.841px 0px rgba(74, 58, 255, 0.18) !important;

    font-size: 16px !important;

}

.banner-2 .thank-you-heading img {

    width: 60px;

}

.banner-2 .thank-you-heading h2 {

    font-size: 28px;

}

.banner-2 .thank-you .final-checkout-box {

    margin-top: 29px;

}

.banner-2 .good-by {

    padding: 10px;

}

.banner-2 .good-by h2 {

    font-size: 24px;

    text-align: center;

    line-height: 1.4;

}

.banner-2 .thank-you .list {

    flex-wrap: wrap;

}

.banner-2 .thankyou-list p {

    font-size: 17px;

    padding-left: 10px;

    margin: 0;

}

.banner-2 .thankyou-list {

    padding: 10px;

}

.banner-2 .hide-tap {

    display: none;

}

.banner-2 .long-sec3-hide,

.banner-2 .long-sec4-hide,

.banner-2 .long-sec6-hide,

.banner-2 .long-sec9-hide, 

.banner-2 .long-sec10-hide{

    display: none;

}



/* <!-- Banner Style End --> */

/* <!-- Repair Cost Style Start --> */



.repair-cost{

    background-image: url(./images/repair-cost-bg.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 70px 20px;

}

.repair-cost .repair-heading h2{

    background: linear-gradient(90deg, #FF7000 -7.75%, #B6502E 63.83%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-align: center;

    font-weight: 700;

    line-height: 1.4;

}

.repair-cost .repair-heading h3{

    color: #000;

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.3;

    width: 700px;

    margin: auto;

}

.repair-cost .repair-heading{

    padding-bottom: 58px;

}

.repair-cost .item-box h2{

    color: #000;

    font-size: 21.231px;

    font-weight: 700;

    line-height: 1.3;

    text-transform: uppercase;

    margin: 10px 0px 5px;

}

.repair-cost .item-box h3{

    color: #CD1800;

    font-weight: 700;

    line-height: 1.3;

    margin: 0px;

    font-size: 22px;

}

.repair-cost .car-sec-img {

    margin: 20px auto;

}



/* <!-- Repair Cost Style End --> */

/* <!-- Repair Cost Style Start --> */



.why-us{

    background-image: url(../images/Why-choose.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 90px 20px;

    margin-bottom: 64px;

}

.why-us .why-us-heading h2{

    color: #FFF;

    font-size: 55px;

    font-weight: 700;

    line-height: 1.1; 

    margin-bottom: 46px;

}

.why-us .why-us-box .box-heading h3 {

    color: #232233;

    font-weight: 700;

    line-height: 1.4;

    text-transform: uppercase;

    margin: 0;

    margin-bottom: 8px;

}

.why-us .why-us-heading p{

    color: #FEFEFE;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

}

.why-us .why-us-box{

    border-radius: 10px;

    background-color: #FFF;

    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);

    padding: 20px;

    margin-bottom: 30px;

}

.why-us-heading {

    padding-right: 30px;

}

.why-us .box-heading{

    margin-left: 17px;

}

.why-us .why-us-box .box-heading p {

    color: #475569;

    font-size: 16px;

    font-weight: 900;

    line-height: 1.4;

    margin: 0;

}

/* <!-- Repair Cost Style End --> */

/* <!-- Select your vehicle Style Start --> */







.your-vechile-two{

    padding-top: 40px;

    border-bottom: 1px solid #D9DBE9;

    overflow: hidden;

}

.your-vechile-two .vechile-heading{

    margin-bottom: 65px;

}



.your-vechile-two .vechile-heading h2 {

    background: linear-gradient(90deg, #FF7000 -7.75%, #B6502E 63.83%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;

    line-height: 1.3;

    text-align: center;

}

.your-vechile-two .vechile-heading p {

    color:  #262626;

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.2; 

}

.your-vechile-two .vechile-tabs .nav-pills .nav-link {

    font-size: 24px;

    font-weight: 900;

    padding-right: 35px;

}

.your-vechile-two .vechile-tabs {

    /* MAX-WIDTH: 1075PX;

    MARGIN: auto; */

    padding-bottom: 40px;

}

.your-vechile-two .vechile-tabs .tab-content>.tab-pane .container {

    padding: 0 20px;

    max-width: 1060px;

}



.your-vechile-two .tab-discribtion-one h2{

    background: linear-gradient(90deg, #FF7000 -7.75%, #B6502E 63.83%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    line-height: 1.3;

}

.your-vechile-two .vechile-tabs .nav-pills .nav-link.active,

.your-vechile-two .vechile-tabs .nav-pills .show>.nav-link {

    color: inherit;

    background: none;

}

.your-vechile-two .vechile-tabs .nav-pills span {

    padding: 10px;

    border: 1px solid;

    border-radius: 100%;

    width: 22px;

    height: 22px;

    position: relative;

    display: inline-block;

    top: 3px;

    right: 5px;

}

.your-vechile-two .vechile-tabs .nav-pills span .fa {

    position: absolute;

    z-index: 1;

    left: 4px;

    top: 4px;

    z-index: 222;

    background: transparent;

    width: 12px;

    height: 12px;

    opacity: 0;

    border-radius: 100%;

}

.your-vechile-two .vechile-tabs .nav-pills span .fa:before {

    color: transparent;

}

.your-vechile-two .vechile-tabs .nav-pills .nav-link.active span .fa{

    opacity: 1;

}

.your-vechile-two .vechile-tabs .nav-pills #pills-0-100-tab {

    background: linear-gradient(180deg, #DF6214 0%, #B6502E 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.your-vechile-two .tab-discribtion-one h3{

    color: #343A40;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.3;

}

.your-vechile-two .tab-list {

    margin-bottom: 17px;

}

.your-vechile-two .tab-list p{

    color: #000;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2; 

    margin: 0;

    margin-left: 10px;

}

.your-vechile-two .tab-link p{

    color: #000;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0px 0px 12px 0px;

}

.your-vechile-two .tab-link a{

    color: #343A40;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0px 0px 12px 0px;

}

/* <!-- Select your vehicle Style End --> */

/* <!-- Faq Style Start --> */

.faq-2 {

    padding: 40px 20px 100px;

}

.faq-2 .faq-heading h2{

    background: linear-gradient(90deg, #FF7000 -7.75%, #B6502E 63.83%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-align: center;

    line-height: 1.3;

    margin-bottom: 70px;

}

.faq-2 .faq-bg{

    background-image: url(../images/faq-img.png);

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: contain;

}

.faq-2 .accordion-item {

    background: #fff;

    border: 1px solid rgba(0,0,0,.125);

    border-radius: 10px;

    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);

    margin-bottom: 11px;

    overflow: hidden;

}

.faq-2 .accordion-button {

    padding: 30px;

    color:  #0F172A;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.3;

    letter-spacing: -0.18px;

    box-shadow: none;

}

.faq-2 .accordion-body {

    padding: 30px;

    padding-top: 0px;

    color: #484848;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.3;

    letter-spacing: -0.16px;

}



.faq-2 .accordion-button:not(.collapsed) {

    color: #0F172A; 

    background-color: transparent;

   box-shadow: none;

}

.accordion-button:not(.collapsed)::after{

    transform: rotate(0deg);

    filter: brightness(0);

}

.faq-2 .faq-modal {

    border-radius: 10px;

    background: var(--White, #FFF);

    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);

    border: none;

    width: 100%;

    color: #B6502E;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.4;

    letter-spacing: -0.2px;

    position: relative;

    padding: 30px;

    text-align: left;

}

.faq-2 .faq-modal .fa {

    position: absolute;

    right: 25px;

    top: 35px;

}

/* <!-- Faq Style End --> */

/* <!-- Footer Style Start --> */

.footer-2{

    background-image: url(../images/footer-img.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 120px 20px 35px;

}

.footer-2 .footer-cta {

    max-width: 650px;

    margin: 0 auto 150px;

}

.footer-2 .footer-cta p {

    font-size: 22px;

    font-style: normal;

    font-weight: 400;

    color: #fff;

    text-align: center;

}

.footer-2 .footer-cta-describtion h2{

    color: var(--White, #FEFEFE);

    text-align: center;

    font-size: 40px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.4px;

}

.footer-2 .button-modal {

    border-radius: 12.168px;

    border: 1.217px solid  #CBD5E1;

    background: #FFF;

    color: #243340;

    font-size: 19.469px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.195px;

    padding: 16px 24px;

    margin-right: 25px;

}

.footer-2 .button-modal:hover {

    background: #FFF;

    color: #243340;

}

.footer-2 .button-footer {

    border-radius: 12.168px;

    background: #B6502E;

    box-shadow: 0px 1.217px 2.434px 0px rgba(15, 23, 42, 0.06);

    color:  #FFF;

    font-size: 19.469px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.195px;

    border: none;

    padding: 16px 24px;

    margin-left: 25px;

}

.footer-2 .button-footer:hover {

    background: #B6502E;

    color:  #FFF;

}

.footer-2 .footer-menu{

    margin-top: 56px;

}

.footer-2 .footer-menu a{

    color: var(--White, #FEFEFE);

    font-size: 16px;

    font-weight: 400;

    line-height: 1.7;

    letter-spacing: -0.16px;

    padding-right: 30px;

    text-decoration: none;

    margin-bottom: 10px;

    display: inline-block;

}

.footer-2 .footer-menu span{

    color: var(--White, #FEFEFE);

    text-align: end;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px; 

    letter-spacing: -0.16px;

}

/* <!-- Footer Style End --> */



/* Modaal Style Start */

.modal-dialog {

    max-width: 617px;

}

.modal-header {

    border: none;

}

.modal-body {

    padding: 0px 44px 48px 44px;

}

.modal-content {

    border-radius: 10px;

    background: var(--White, #FEFEFE);

    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);

}

.modal-body h2 {

    background: linear-gradient(90deg, #FF7000 -7.75%, #B6502E 63.83%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-align: center;

    margin: 0;

}

.modal-body p {

    color: #000;

    font-size: 20px;

    font-weight: 400;

    line-height: 1.3;

    letter-spacing: -0.2px;

    text-align: center;

    margin: 35px 0px;

}

.modal-body a {

    border-radius: 8.375px;

    background: #B6502E;

    box-shadow: 0px 0.837px 1.675px 0px rgba(15, 23, 42, 0.06);

    color: var(--generic-white, #FFF);

    font-size: 24px;

    font-weight: 400;

    line-height: 1.3; 

    letter-spacing: -0.24px;

    padding: 9px 13px;

    text-decoration: none;

}

/* Modaal Style End */





@media(min-width:1200px){

    section#section-responsive {

       display: none;

    }

}

@media(max-width:1199px){

    .banner-2 .hide-section{

        display: none;

    }

    .banner-2 .banner-text {

        text-align: center;

        margin: auto;

        margin-bottom: 40px;

    }

    .banner-2 .banner-text h1 {

        max-width: 600px;

    }

    .banner-2 .banner-text p {

        max-width: 600px;

    }

    .banner-2 .step-form-two {

        max-width: 768px;

        margin: auto;

    }

    .banner-2 .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -120px;

        width: 89px;

    }

    .banner-2 {

        padding: 170px 20px 74px 20px;

        background-size: 100% 50%;

        background-position: top center;

    }

    .banner-2 .step-four .checkout .personalized {

        width: 100%;

    }

    .banner-2 .personalized-button {

        width: 50%;

    }

    .banner-2 .step-four .field button.next-3.next.proceed {

        width: 100%;

    }

    .banner-2 .checkout-button {

        width: 40%;

    }



}

@media (max-width:1024px){

    .why-us .why-us-box {

        margin-bottom: 20px;

    }

    .why-us {

        padding: 70px 10px;

        margin-bottom: 44px;

    }

    .faq-2 {

        padding: 50px 0px 100px 10px;

    }

    .footer-2 {

        background-position: center left;

    }

}

@media (max-width: 992px){

    .why-us .why-us-box .box-heading p {

        font-size: 15px;

    }

    .why-us .why-us-heading h2 {

        font-size: 42px;

        margin-bottom: 25px;

    }

    h3 {

        font-size: 18px;

    }

    .repair-cost {

        padding: 30px 0px 50px;

    }

    .repair-cost .item-box h3 {

        font-size: 18px;

    }

    .footer-2 .menu {

        text-align: center;

        padding-bottom: 20px !important;

        padding: 0;

    }

    .footer-2 .all-right {

        text-align: center !important;

        border-top: 1px solid #ffffff5e;

        padding-top: 20px;

    }

    .footer-2 {

        padding: 192px 20px 30px;

    }

    .your-vechile-two .vechile-heading h2 {

        font-size: 32px;

    }

    .your-vechile-two .tab-discribtion-one h2,

    .repair-cost .repair-heading h2{

        font-size: 32px;

    }

    .your-vechile-two .tab-list p {

        font-size: 16px;

    }



    .banner-2 .banner-text p {

        max-width: 520px;

        margin: auto;

        font-size: 18px;

    }

    .banner-2 .banner-text h1 {

        max-width: 590px;

        font-size: 50.103px;

    }

    .banner-2 .banner-text h3 {

        font-size: 22.551px;

    }





}

@media (max-width: 767px){

    .footer-2 .footer-menu a {

        padding-right: 10px;

        padding-left: 10px;

    }

    .footer-2 .menu {

        padding-bottom: 10px !important;

    }

    .footer-2 {

        padding: 70px 20px 20px;

    }

    header {

        padding: 20px 0;

    }

    header .menu .header-button {

        margin-left: 20px;

    }

    .your-vechile-two .vechile-heading {

        margin-bottom: 50px;

        padding: 0 15px;

    }

    .why-us .why-us-heading h2,

    .repair-cost .repair-heading h2{

        font-size: 36px;

    }

    .why-us .why-us-heading h2 {

        text-align: center;

        line-height: 1.3;

    }

    .why-us {

        padding: 45px 10px;

    }

    .why-us-heading {

        margin-bottom: 40px;

        text-align: center;

        padding-right: 0;

    }

    .repair-cost {

        padding: 30px 15px 50px;

    }

    .repair-cost .repair-heading h3 {

        font-size: 18px;

        margin: 20px auto 0;

    }

    .repair-cost .car-sec-img {

        max-width: 250px;

        margin: auto !important;

    }

    .repair-cost .item-box {

        text-align: center !important;

    }

    .banner-2 .banner-text {

        text-align: center;

    }

    .banner-2 .banner-text h1 {

        font-size: 50.103px;

    }

    .banner-2 .banner-text h3 {

        font-size: 20px;

    }

    .banner-2 {

        padding: 170px 15px 20px 15px;

    }

    .banner-2 .banner-text p {

        font-size: 20px;

    }

    .footer-2 .footer-cta {

        margin-bottom: 100px;

    }

    .footer-2 .footer-logo {

        text-align: center;

        padding-bottom: 40px;

    }

    .footer-2 .social-icon {

        text-align: center !important;

    }

    .footer-2 .footer-cta-describtion h2{

        font-size: 32px;

    }

    .footer-2 .button-modal {

        width: 100%;

    }

    .footer-2 .button-footer {

        width: 100%;

        margin: 0;

        margin-top: 20px;

    }

    .faq-2 .accordion-button {

        padding: 20px;

        font-size: 17px;

        line-height: 1.5;

    }

    .faq-2 .accordion-body {

        padding: 0 20px 20px;

    }

    .form-footer {

        justify-content: space-around;

        flex-wrap: wrap;

    }

    .faq-2 .faq-heading h2{

        font-size: 32px;

    }

    .faq-2 {

        padding: 50px 0 50px 0;

    }

    .accordion-button::after {

        width: 1rem;

        height: 1rem;

        background-size: 1rem;

    }

    .faq-accordion {

        padding: 0 10px;

    }

    .faq-bg {

        height: 431px;

    }

    .faq-2 .faq-modal {

        font-size: 18px;

        padding: 20px;

        padding-right: 50px;

    }

    .repair-cost .repair-heading h3 {

        width: 100%;

    }

    .your-vechile-two .vechile-heading h2 {

        font-size: 30px;

    }

    .your-vechile-two .tab-discribtion-one h2 {

        font-size: 30px;

    }

    .faq-2 .faq-modal .fa {

        top: 24px;

    }

    .your-vechile-two .vechile-heading p {

        font-size: 18px;

    }

       .modal.show .modal-dialog {

        transform: none;

        padding: 20px;

    }

    .modal-body h2{

        font-size: 30px;

    }

    .modal-body p {

        font-size: 18px;

    }

    .modal-body a {

        font-size: 22px;

    }

    .modal-body {

        padding: 0px 30px 30px 30px;

    }

    .modal-header{

        padding: 13px 20px;

    }



    .banner-2 .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -98px;

        width: 60px;

    }

    .banner-2 .audi-a4 {

        margin-bottom: 20px;

    }

    .thank-you .container,.step-four .container {

        padding: 0px;

    }

    .banner-2 {

        background-size: 100% 40%;

    }

    .banner-2 .step-form-two .vehicle-information h3 {

        font-size: 22px;

        line-height: 1.4;

    }

    .banner-2 .step-four {

        margin-top: 30px;

    }

}

@media (max-width: 641px){

    .banner-2 .checkout {

        flex-wrap: wrap;

    }

    .banner-2 .checkout-button {

        width: 100%;

    }

    .banner-2 .personalized-button {

        width: 86%;

    }

}

@media (max-width: 600px){

    .banner-2 .banner-text h1 {

        font-size: 44px;

    }

    .banner-2 .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -66px;

        width: 48px;

    }

}

@media (max-width: 540px){

    header .menu .header-button {

        font-size: 14.689px;

        padding: 12px 20px;

        margin-left: 10px;

    }

    

    .banner-2 .banner-text h1 {

        font-size: 32px;

        max-width: 300px;

    }

    .banner-2 .banner-text p {

        font-size: 18px;

    }

    header .menu a {

        font-size: 16.689px;

    }

    .footer-2 .footer-cta-describtion h2,

    .repair-cost .repair-heading h2{

        font-size: 30px;

    }

    .faq-heading {

        padding: 0 10px;

    }

    .faq-2 .faq-heading h2 {

        font-size: 24px;

    }

    .faq-bg {

        height: 350px;

    }

    .banner-2 .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

       display: none;

    }



    .banner-2 .Sample {

        margin-bottom: 15px;

    }

    .banner-2 .text-button {

        display: block !important;

    }

    .banner-2 .step-form-two {

        padding: 30px 20px 20px;

    }

    .banner-2 .good-by h2 {

        font-size: 20px;

    }

}

@media (max-width: 490px){

    .field.pt-4.pb-0.d-flex.justify-content-between {

        margin-bottom: 15px;

        display: inline-block !important;

    }

    header .menu .header-button {

        font-size: 16px;

        position: absolute;

        bottom: -37px;

        width: 100%;

        left: 0;

        margin: 0;

        border-radius: 0;

    }

    header .menu .header-button {

        font-size: 16px;

    }

    header .logo {

        max-width: 160px;

        width: 160px;

    }

    header .menu a {

        font-size: 16px;

    }

    header {

        padding: 16px 0;

    }

    .your-vechile-two .vechile-heading h2{

        font-size: 24px;

    }

    .your-vechile-two .tab-discribtion-one h2,

    .repair-cost .repair-heading h2{

        font-size: 24px;

    }

    .footer-2 .footer-cta {

        margin-bottom: 70px;

    }

    .footer-2 .social-icon a {

        padding: 10px 12px !important;

    }

    .banner-2 .container .progress-bar .step p {

        font-size: 12px;

    }

    .banner-2 .personalized-button {

        width: 82%;

    }

    .banner-2 .step-form-two form .page .field button {

        font-size: 16.616px;

    }

    .banner-2 .step-four .checkout .personalized {

        font-size: 14px !important;

        padding: 17px 12px !important;

    }

    .banner-2 .personalized-button {

        width: 77%;

    }

    .banner-2 .thank-you-heading p {

        font-size: 16px;

    }

  

}

@media (max-width: 400px){

    .faq-2 .faq-heading h2 {

        margin-bottom: 50px;

    }

    .faq-bg {

        height: 300px;

    }

    .banner-2 .banner-text h1 {

        font-size: 30.103px;

    }

    .banner-2 .banner-text p {

        font-size: 17px;

    }

    header .menu a {

        font-size: 14px;

    }

    header .menu .header-button {

        font-size: 13px;

    }

    .footer-2 .footer-cta-describtion h2 {

        font-size: 28px;

    }

       .modal-body a {

        font-size: 20px;

    }

    .modal-body.text-center a img {

        width: 25px;

    }

  

}