#list .wrap {
    max-width: 1400px;
    margin-left: auto;
}
#list ul li {
    list-style: none;
    background: url('https://dipa-app.com/tocowarranty/wp-content/themes/hello-elementor/template-parts/images/checkmark.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center left;
}
.swiper-button-next, .swiper-button-prev {
    background-image: url('https://dipa-app.com/tocowarranty/wp-content/themes/hello-elementor/template-parts/images/swiper-arrow.webp');
}
#how .el + .el::before {
    background-image: url('https://dipa-app.com/tocowarranty/wp-content/themes/hello-elementor/template-parts/images/right-arrow.webp');
}
.modal.fade {
  top: -200%;
}
#hero.globalhero {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 60px;
}
#hero.globalhero  .smalltext {
    position: relative;
    top: 0;
    right: 71px;
    text-align: center;
    float: right;
}
#list .wrap {
    margin: auto !important;
}
#list ul {
    display: inline-block;
    width: 100%;
}
#list ul li {
    width: 33%;
    float: left;
}
   #list.list-sec-2 ul li {
        padding: 62px 0 10px 0 !important;
    }
#hero .title h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 1.3em;
}
#hero .title h6 {
    font-size: 30px;
    font-weight: 400;
}
    section#hero #list {
        padding-bottom: 30px;
        padding-top: 0 !important;
    }
    #hero.globalhero .inner {
        margin: 0 0 0 0;
    }
.why-us .why-us-box .box-heading h3 {
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 8px;
    color: #547cf9 !important;
}
.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;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-us-heading {

    padding-right: 30px;

}

.why-us .box-heading{

    margin-left: 17px;

}

.why-us .why-us-box .box-heading p {
    color: #000000;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    font-weight: 400 !important;

}
#hero.globalhero .inner::before{
    display: none;
}
    .globalhero .inner {
        padding: 0;
    }
/*#hero .inner::before {*/
/*    top: 32px;*/
/*    height: 50%;*/
/*}*/

.custom-home-page{
    margin: 0  ;
}
#plans .plan:nth-child(2) {
    margin-top: 80px;
    margin-bottom: 50px;
}
#list .frm_forms {
    height: auto;
}
#bottombar {
    margin-top: 45px;
}
#contact {
    padding: 96px 0 35px 0;
}
.search-field {
    text-align: center;
    padding: 50px 30px;
}
#plans .plan:nth-child(2) .inner.flex {
    align-items: center;
    justify-content: center;
}
#plans .plan:nth-child(2) .inner.flex .text {
    width: 100%;
}
#plans .plan:nth-child(2) .inner.flex .title {
    text-align: center;
    max-width: 100%;
    margin-bottom: 0;
}
#plans .plan:nth-child(2) .inner.flex .title:before{
	display: none;
}
.search-field h5 {
    color: #343A40;
    font-weight: 400;
    line-height: 1.2em;
    font-size: 48px;
    margin-bottom: 15px;
}
.search-field img {
    max-width: 180px;
}
.search-field p {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    max-width: 900px;
    margin: 15px auto;
    line-height: 1.5;
}
.search-field a {
    font-weight: 600;
    text-decoration: underline;
}
.search-field-items {
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 15px 20px 15px 20px;
    background: #fff;
    box-shadow: 0 4px 10px 0px #cccccc87;
    display: inline-flex;
    align-items: center;
    width: 80%;
    justify-content: space-between;
    border-radius: 20px;
}
.search-field-items h4 {
color: #6C757D;
    font-size: 32px;
    font-weight: 700;
    text-align: left;
    line-height: 1.2;
    padding: 20px 30px;
    margin-bottom: 0;
}
 #openbay input.form-control {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#openbay {
    width: 70%;
    background: #fff;
    padding: 20px;
}
#openbay .hero-banner {
    height: auto !important;
    background:  #fff;
}
#openbay main {
    min-height: auto !important;
}
#openbay header {
    height: 0 !important;
}
#openbay #app .hero-banner__content h1, #openbay #app .hero-banner__content h2 {
    display: none;
}
#openbay .hero-banner__content {
    padding: 0rem !important;
    width: 100%;
}
#openbay .hero-banner__container {
    max-width: 100%;
    width: 100%;
}
#openbay .form-group {
    margin-bottom: 0 !important;
}
#openbay .form-group input {
    box-shadow: none;
    color: #333;
    line-height: 26px;
    border-radius: 0;
    border: 1px solid #c5ccd3;
        box-shadow:  none !important;
}
#openbay #app input:focus{
    border: 1px solid #c5ccd3;
}
#openbay #app button.btn.btn-primary {
    border-radius: 0px;
    background: #FF961D;
    color: #000;
    border: none;
    box-shadow: none;
}
#openbay #app button.btn.btn-primary:hover{
    color:#fff;
}
#openbay section.location-search div.search-results.list-group button:hover{
    background-color: #FF961D !important;
}
#list.list-sec-2 ul li {
    background-position: top center;
    padding: 10px 0 10px 68px;
    margin-bottom: 21px;
    text-align: center;
}


@media (min-width: 1500px) {
    section#hero #list {
        padding-top: 50px;
    }
}
@media(max-width: 1400px){

  /*#hero .main-title {*/
  /*      padding: 70px 20px 70px !important;*/
  /*  }*/
    #list .container {
        margin-left: auto;
        margin-right: auto;
    }
#hero .title h1 {
    font-size: 60px;
}
 /*section#hero  #list {*/
 /*       padding-top: 50px !important;*/
 /*       padding-bottom: 30px;*/
 /*   }*/
}
@media screen and (max-width: 1400px), (max-height: 900px) {

   #list.list-sec-2 {
         max-width: 900px;
        margin: auto;
    }

}
@media(max-width: 1024px){
#hero .title h1 {
    max-width: 100%;
}
  #list.list-sec-2 ul li {
        width: 33%;
    }
#list ul li {
    width: 50%;
}
.search-field h5 {
    font-size: 32px;
    height: auto;
}
.search-field p {
    font-size: 17px;
    max-width: 85%;
}
 .search-field-items {
    width: 90%;
	}
.search-field-items h4{
    font-size: 26px;
    padding: 6px 16px;
}
	#plans .plan:nth-child(2) {
    margin-top: 60px;
    margin-bottom: 0px;
}
	#plans .plan:nth-child(2) .inner.flex .title {
    padding: 0;
}
}
@media (max-width: 992px) {
#hero.globalhero{
        padding-bottom: 20px !important;
    }
    .img-car-parts{
        display: none !important;
    }
    section#hero #list .content {
        justify-content: center;
    }
    /*    #hero .main-title {*/
    /*    padding: 85px 20px 70px !important;*/
    /*}*/
    #list .form .inner {
        margin: 30px 0 0 0 !important;
    }
    .globalhero .inner {
        padding: 0 20px 0 20px !important;
        margin: 30px 0 0 0 !important;
    }
	#masthead #site-navigation {
		z-index: 999999999999999999 !important;
	}
	.scrolltop {
		display:none !important
	}
	
	#masthead #site-navigation .menu>li {
    margin-top: 35px;
}
	
	#masthead #site-navigation .menu>li:nth-child(1) {
    margin-top: 40px !important;
}
	
	
#masthead #site-navigation .c-login a,
#masthead #site-navigation .a-login a {
    color: #fff;
    height: 40px;
    line-height: 40px !important;
    font-size: 18px !important;
    padding: 0;
    width: 245px;
    transition: all 0.2s ease-in-out;
    font-weight: 500 !important;
    letter-spacing: 0.03em;
    border-radius: var(--radius);
    text-align: center;
}
.img-car-parts img {
    max-width: 100% !important;
}
	}
@media(max-width: 767px){
#list.list-sec-2 ul li {
    padding: 62px 10px 10px 10px !important;
}
#list.list-sec-2 ul li {
    margin-bottom: 0;
}
#list ul li {
    width: 100%;
}
.type-post .entry-content p {
    font-size: 16px;
}
	.type-post h1.entry-title {
    font-size: 22px;
}
.search-field h5 {
    line-height: 1.4em;
    font-size: 26px;
}
.search-field p {
    font-size: 16px;
    max-width: 95%;
}
 .search-field-items {
   padding: 18px 13px 18px 13px;
    width: 100%;
    flex-direction: column;
}
.search-field-items h4 {
		font-size: 22px;
    padding: 6px 9px;
    text-align: center;
}
	#openbay {
    width: 100%;
    padding: 20px 10px 15px;
}
}
#masthead #site-navigation .c-login a {
		background: var(--orange);
	}
#masthead #site-navigation .c-login a:hover {
		background: var(--dark-orange);
	}
#masthead #site-navigation .a-login a {
		background: var(--gray);
	}
#masthead #site-navigation .a-login a:hover {
		background: var(--light-gray);
	}
	


@media (max-width: 400px) and (max-height: 670px) {
		#masthead #site-navigation .menu>li {
    margin-top: 15px;
}
	
	#masthead #site-navigation .menu>li:nth-child(1) {
    margin-top: 15px !important;
}
	
}

.footer-info .socials .s-twitter {
	background-color:#fff;
	border-radius:50%;
	display:flex;
	width:38px;
	height:38px;
	align-items:center;
	justify-content:center;
}

.long-page,
.long-page2,
.long-page3{
    display: none;
}
.page.active {
    display: none;
}
.hr-line {
    color: #D9DBE9;
    opacity: 1;
}
hr {
    color: #D9DBE9;
    opacity: 1;
}
.no-padding{

    padding: 0;

}
.form .form-outer form .page .row {
    display: flex;
    width: 100% !important;
    gap: 20px;
}
.form .form-outer form .page .row .col-md-6 {
    width: 50%;
}
.form .form-outer form .page .row .col-md-12{
    width: 100%;
}
form .step-form-two {
    border: 1px solid #EFF0F6;
    background: #fff;
    box-shadow: 0px 4.484px 14.35px 0px rgba(8, 15, 52, 0.06);
    padding: 30px 25px 20px;
    border-radius: 10px;
}

.form .progress-bar {

    display: flex;

    flex-direction: row;

    background-color: transparent;


}

.form .form-outer {

    width: 100%;

    overflow: hidden;

}

.form .form-outer form {

    display: flex;

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

}

.form .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;

}

.form .field {

    padding-bottom: 20px;

}
.form .vehicle-information{
    width: 100%;
}
.form .vehicle-information img {

    width: 60px;

}

.form .vehicle-information {

    padding-bottom: 20px;

}

.form form .page .field input, .form .form-select, .form .modal-body input.name {
    box-shadow: none;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #CED4DA;
    text-indent: 13px;
    padding: 0;
    color: #555555 !important;
    width: 100%;
}
.form form .page .field input::placeholder,
.form .form-select::placeholder {
    color: #A1A1A1 !important;
    color: var(--text-color-disabled);
}
.form .form-select option {
    color: #555555 !important;
    color: var(--text-color);
}
.form .check-box p {

    color: #000;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.4;

     margin-top: 10px;

    margin-bottom: 15px;

}

.form .check-box .form-check-input:checked {
    filter: brightness(0.0);
    box-shadow: none;

}

.form .form-check-inline {

    display: inline-flex;

    margin-right: 24px;

    align-items: center;

}

.form .form-check-input {
    border: 1px solid #000000 !important;
    width: 20px;
    height: 20px !important;
    background: transparent;

}

.form label.form-check-label {

    color: #000;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    padding-left: 6px;

    margin: 0;

}

.form .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;

}


.form .step-form-two .field .label {
    font-size: 14px;
    color: var(--gray);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;

}
.form .step-form-two .field .label span.required {
    color: #B94A48;
}
.form .step-form-two .back i {

    font-size: 15px;

    padding-right: 10px;

}

.form .step-form-two .back {

    color: #5D5D5D !important;

    line-height: 14.736px;

    background: transparent !important;

    box-shadow: none !important;

    padding: 14px 0px !important;

}

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

    border-color: var(--errorColor);

}



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

    width: 100%;

    padding-left: 10px;

    font-size: 16px;

}

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

    border: none;

    border-radius: 9.045px;

    background: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
    box-shadow: 0px 2.21px 8.841px 0px rgba(74, 58, 255, 0.18);

    color: #FFF;

    text-align: center;

    font-size: 17.616px;

    line-height: 1.3;

    padding: 14px 27px;

}

.form .step-form-two i {

    font-size: 15px;

}

.form  .step-form-two form .page button.prev {

    margin-right: 3px;

    font-size: 17px;

}

.form  .step-form-two form .page button.next {
    float: right;
    margin-left: 3px;

}



.form  .final-checkout-box .audi-heading {

    padding-left: 13px;

}

.form  .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;

}

.form  .final-checkout-box .audi-a4 .audi-heading p {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.1;

    margin: 0;

}

.form  .final-checkout-box .Transaction p {

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

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

    margin: 0;

}

.form  .final-checkout-box .Transaction  {

    margin-bottom: 10px;

}

.form  .final-checkout-box .taxes p {

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

    font-size: 19px;

    font-weight: 600;

    line-height: 1.2;

    margin: 0;

}

.form .final-checkout-box .payment {

    padding-bottom: 16px;

}

.form  .final-checkout-box .payment .payment-heading h4 {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.3; 

    margin: 0;

    

}

.form  .final-checkout-box .payment .payment-price  p {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.3; 

    margin: 0;

}

.form  .final-checkout-box {

    margin-top: 50px;

}
section.step-four .container {
    display: inline !important;
}
section.step-four .audi-a4 {
    align-items: center !important;
    display: flex !important;
}
.form .coverage .coverage-list{
    align-items: center !important;
    display: flex !important;
    padding: 10px;

}
.step-four .row{
    align-items: center !important;
    display: flex !important;
}
.form .coverage {

    margin: 0px 0px 20px;

}
.form .coverage h4{
    text-align: center;
    font-size: 18px;
    line-height: 1.4; 
    background: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form .coverage .list {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
}

.form .coverage p {

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

    font-size: 19px;

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: 17px;

}

.form .coverage .coverage-list p {

    color: #000;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0;

    padding-left: 8px;

}

.form .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%;

}

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

    border-radius: 8.215px !important;

    background: #5D5D5D !important;

    padding: 15px 18px;

}

.form .progress-bar .step {

    text-align: center;

    width: 100%;

    position: relative;

}

.form .progress-bar .step p {
    font-size: 16px;
    color: #262626;
    margin-bottom: 0px;
}

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

    height: 30px;

    width: 30px;

    display: inline-block;

    border-radius: 50%;

    position: relative;

    transition: 0.2s;

    font-weight: 500;

    font-size: 15px;

    line-height: 2;

    background: #EFF0F6;

    color: #000;

}

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

    /*border-color: #B6502E;*/

    background: linear-gradient(180deg, #0D3C73 0%, #256ABD 100%);;

}

.form .step-form-two .vehicle-information h3 {
    color: var(--gray);
    text-align: center;
    font-weight: 600;
    margin: 0 auto 20px auto;
    font-size: 28px;
    padding: 10px 0px 15px;

}

.form .progress-bar .step .bullet span {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}

.form .progress-bar .step .bullet.active span {

    display: none;

}

.form .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

    position: absolute;

    content: "";

    bottom: 11px;

    right: -85px;

    height: 5px;

    width: 55px;

    border-radius: 35.874px;

    background: #D6D6D6;

}

.form .progress-bar .step .bullet.active:after {

    background: linear-gradient(180deg, #0D3C73 0%, #256ABD 100%);

    transform: scaleX(0);

    transform-origin: left;

    animation: animate 0.3s linear forwards;

}

@keyframes animate {

    100% {

        transform: scaleX(1);

    }

}

.form .progress-bar .step:last-child .bullet:before,

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

    display: none;

}

.form .progress-bar .step p.active {

    color: #000000;

    transition: 0.2s linear;

}

.form .progress-bar .step .check {

    position: absolute;

    left: 50%;

    top: 14px;

    font-size: 15px;

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

    display: none;

}

.form .progress-bar .step .check.active {

    display: block;

    color: #fff;

}



.form .step-four .field button.prev-1.prev.arrow i {

    font-size: 15px;

}

.form .step-four .audi-heading{

    padding-left: 13px;

}

.form .step-four .audi-heading h3 {

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

    font-size: 16px;

    line-height: 1;

    margin: 0px;

}

.form .step-four .audi-heading p {

    color: #000;

    font-size: 16px;


    line-height: 1.2; 

    margin: 0px;

    margin-bottom: 15px;

}



.form .step-four .Transaction p {

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

    font-size: 18px;

    font-weight: 600;

    line-height: 1.2;

}

.form .step-four .taxes.d-flex.justify-content-end {
    justify-content: flex-end !important;
    display: flex !important;
}
.form .step-four .taxes.d-flex p {

    color: #000;

    font-size: 19px;

    line-height: 1.2;

}

.form .step-four .payment.d-flex {
    align-items: center !important;
    display: flex !important;
    margin-bottom: 17px;
    justify-content: space-between !important;
}
.form .step-four .text-button {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
}
.form .step-four .payment-heading h4 {

    color: #000;
    font-size: 16px;
    line-height: 1;

}
.form .step-four .field.btns.checkout-button {
    display: inline-flex;
}
.form .step-four .payment-heading p {

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

    font-size: 13px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

}

.form .step-four .payment-price p {

    color: #000;

    font-size: 18px;

    line-height: 1.2;

    margin: 0px;

}

.form .step-four .Sample a {
    color: #262626;
    font-size: 14px;
    line-height: 14.736px;
    text-decoration-line: underline;
    opacity: 0.8;
    padding: 15px;

}

.form .step-four .field button.prev-1.prev.arrow {

    border-radius: 8.215px !important;

    background: #5D5D5D !important;

    padding: 15px 18px;

}

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

    max-width: 18px!important;

    box-shadow: none !important;

    height: 18px !important;

    border: 1px solid #000 !important;

    padding: 0 !important;

}

.form .step-four .checkout {
    justify-content: space-between !important;
    display: flex !important;
}

.form .step-four .checkout .button-modal.personalized {
    border-radius: 8.215px !important;
    font-size: 14px !important;
    padding: 12px 15px !important;
    color: #114480;
    text-align: center;
    margin-right: 10px;
    line-height: 1.3;
    display: inline-block;
    text-decoration: none;
    border: 2px solid #11437E;
    background: rgba(24, 82, 150, 0.15);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);

}

.form .step-four .field .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-weight: 800;
    font-size: 14px !important;
    line-height: 1.3;
    padding: 14px 27px;
    outline: none;
    border: none;
}

.form .thank-you-heading img {

    width: 60px;

}

.form .thank-you-heading h2 {

    font-size: 28px;

}

.form .thank-you .final-checkout-box {

    margin-top: 29px;

}

.form .good-by {

    padding: 10px;

}

.form .good-by h2 {

    font-size: 24px;

    text-align: center;

    line-height: 1.4;

}

.form .thank-you .list {

    flex-wrap: wrap;

}

.form .thankyou-list p {

    font-size: 17px;

    padding-left: 10px;

    margin: 0;

}

.form .thankyou-list {

    padding: 10px;

}

.form .hide-tap {

    display: none;

}

.form .long-sec3-hide,

.form .long-sec4-hide,

.form .long-sec6-hide,

.form .long-sec9-hide, 

.form .long-sec10-hide{

    display: none;

}


#list .form {
    padding: 0 30px 30px;
}
.globalhero .form .inner::before{
    display: none;
}
#list .form .inner {
    height: auto !important;
    padding: 43px 34px 26px 34px !important;
}

/* <!-- Banner 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: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
    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: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));

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

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

    font-size: 24px;


    line-height: 1.3; 

    letter-spacing: -0.24px;

    padding: 9px 13px;
    text-decoration: none;

}

.modal-body button {

    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;

    border: 1px solid #B6502E;

}

/* Modaal Style End */



.custom-form .with_frm_style .frm_primary_label {
    display: block;
}
.custom-form .form-field {
    float: left;
    width: 50%;
    padding: 10px 20px;
}
.custom-form .form-field input {
    width: 100%;
}
.custom-form .frm_required {
    color: #B94A48 !important;
    font-weight: bold;
}
.custom-form .form-field.company-field {
    width: 100%;
}
.custom-form .with_frm_style .frm_submit button {
    margin: 20px auto;
    color: #fff;
    cursor: pointer;
}
section#hero #list .content {
    display: inline-flex;
    align-items: center;
    padding: 0 30px;
}
@media(min-width:1500px){

    section#section-responsive {

       display: none;

    }
section#hero #list .form {
    margin-top: 0;
}

}
@media (max-width: 1650px) {
   section#hero  #list {
        padding-bottom: 30px;
    }
   section#hero  #list .form {
    margin-top: 0 !important;
}

}
@media(max-width:1199px){
    .hid-mob {
        display: none !important;
    }
    #mob-sec{
        display: block !important;
    }
    #mob-sec .why-us-box {
        margin: 20px auto;
    }
    #mob-sec h2 {
        color: #FFF;
        font-size: 60px;
        line-height: 1.1;
        margin: 20px auto;
        margin-bottom: 70px;
    }

    .form .hide-section{

        display: none;

    }

    .form .banner-text {

        text-align: center;

        margin: auto;

        margin-bottom: 40px;

    }

    .form .banner-text h1 {

        max-width: 600px;

    }

    .form .banner-text p {

        max-width: 600px;

    }

    .form .step-form-two {

        max-width: 768px;

        margin: auto;

    }

    .form .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -120px;

        width: 89px;

    }

    .form{

        /*padding: 170px 20px 74px 20px;*/

        /*background-size: cover;*/

        /*background-position: top center;*/
        background: none;
        padding: 70px 20px 45px 20px;
    }

    .form .step-four .checkout .personalized {

        width: 100%;

    }

    .form .personalized-button {

        width: 50%;

    }

    .form .step-four .field button.next-3.next.proceed {

        width: 100%;

    }
    .form .checkout-button {

        width: 40%;

    }



}

@media (max-width:1024px){

    .why-us .why-us-box {

        margin-bottom: 20px;

    }

    .why-us {

        padding: 0px 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;

    }



    .form .banner-text p {

        max-width: 520px;

        margin: auto;

        font-size: 18px;

    }

    .form .banner-text h1 {

        max-width: 590px;

        font-size: 50.103px;

    }

    .form .banner-text h3 {

        font-size: 22.551px;

    }

    .form h1 {
        margin-bottom: 10px;
        font-size: 45px;
    }

#hero .title h1 {
   font-size: 45px;
   margin-bottom: 15px;
}
#hero .title h6 {
    font-size: 24px;
    line-height: 1.3;
}
}

@media (max-width: 767px){
    section#hero #list {
        padding-top: 20px !important;
    }
    #hero .title h1 {
    font-size: 34px;
}
#hero .title h6 {
    font-size: 20px;
}
    #list {
        height: auto !important;
    }
    .form .step-form-two {
        width: 100%;
    }
    body #list .form .inner {
        padding: 43px 15px 26px 15px !important;
    }
    #list .form {
        padding-left: 0  !important;
        padding-right: 0  !important;
    }
    .form .step-form-two form .page .field select {
        font-size: 14px !important;
    }
    .form form .page .field input, .form .form-select, .form .modal-body input.name {
        height: 50px !important;
        line-height: 50px !important;
    }
    .form .progress-bar .step p {
        font-size: 12px !important;
    }
   #mob-sec h2 {
    font-size: 38px;
    line-height: 1.4;
    margin: 0;
}
.form h2 {
        font-size: 38px;
        line-height: 1.4;
        margin: 0;
    }
    .taxes.d-flex {
        justify-content: center !important;
    }
    .form .field {
        padding-bottom: 20px;
    }
    .form .vehicle-information {
        padding-top: 0;
    }
    .search-check-modal .modal-footer {
        padding: 0 25px 40px;
    }
    .search-check-modal .modal-body {
        padding: 0px 25px 25px;
    }
    .search-check-modal .modal-title {
        font-size: 24px;
    }
    .search-check-modal .modal-footer .button-footer i {
        display: none;
    }
    .search-check-modal .modal-content .modal-footer a {
        padding: 16px 10px;
        font-size: 16px;
    }
    .search-check-modal .modal-header {
        padding: 50px 25px 30px;
    }
    .modal.show .modal-dialog {
        padding: 20px 10px;
    }
  
    .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: 0;
        margin-bottom: 0;

    }

    .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;

    }

    .form .banner-text {

        text-align: center;

    }

    .form .banner-text h1 {

        font-size: 50.103px;

    }

    .form .banner-text h3 {

        font-size: 20px;

    }

    /*.banner-2 {*/

    /*    padding: 140px 15px 60px 15px;*/

    /*}*/

    .form .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;
        display: block;
    }

    .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;

    }



    .form .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -98px;

        width: 60px;

    }

    .form .audi-a4 {
        justify-content: center;
        margin-bottom: 20px;

    }
    .form .Sample {
        text-align: center;
    }
    .thank-you .container,.step-four .container {

        padding: 0px;

    }

    .banner-2 {

        background-size: cover;

    }

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

        font-size: 22px;

        line-height: 1.4;

    }

    

}

@media (max-width: 641px){
    .form .form-outer form .page .row {
        display: inline-block;
    }
    .form .form-outer form .page .row .col-md-6,
    .form .form-outer form .page .row .col-md-12 {
        width: 100%;
    }

    .form .checkout {

        flex-wrap: wrap;

    }

    .form .checkout-button {

        width: 100%;

    }

    .form .personalized-button,
    .form .step-four .field .proceed {

        width: 100%;

    }

}

@media (max-width: 600px){
    .custom-form .form-field,  .custom-form .form-field input[type="email"]{
        max-width: 100%;
        width: 100%;
    }
    .form .banner-text h1 {

        font-size: 44px;

    }

    .form .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

        right: -66px;

        width: 48px;

    }
.form .step-four .field .proceed {
    text-align: center !important;
}

}
@media screen and (max-width: 576px) {
    body:not(.home) .globalhero .inner {
        display:block;
    }
    
}
@media (max-width: 540px){

.form .step-four .audi-heading h3,
.form .step-four .audi-heading p,
.form .step-four .taxes.d-flex p{
    font-size: 14px !important;
}
    .form .audi-a4 {
        margin-bottom: 0;
    }
    .form .banner-text h1 {

        font-size: 32px;

        max-width: 300px;

    }

    .form .banner-text p {

        font-size: 18px;

    }

    .form .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {

       display: none;

    }



    .form .Sample {

        margin-bottom: 15px;

    }

    .form .text-button {

        display: block !important;

    }

    .form .step-form-two {

        padding: 30px 20px 20px;

    }

    .form .good-by h2 {

        font-size: 20px;

    }

}

@media (max-width: 490px){
#list.list-sec-2 ul li {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}
   .form .step-four .taxes.d-flex.justify-content-end {
        justify-content: center !important;
    }
.step-four .row {
    display: inline-block !important;
}
.audi-a4 {
    margin-bottom: 10px !important;
}
#hero .main-title {
    padding: 80px 20px 50px !important;
}
    #mob-sec {
    padding: 140px 20px 50px 20px;
}
.form .step-four .payment-price p {
        font-size: 16px;
    }
    .field.pt-4.pb-0.d-flex.justify-content-between {

        margin-bottom: 15px;

        display: inline-block !important;

    }

    .form .container .progress-bar .step p {

        font-size: 12px;

    }

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

        font-size: 16.616px;

    }

    .form .step-four .checkout .personalized {

        font-size: 14px !important;

        padding: 17px 12px !important;

    }

    .form .thank-you-heading p {

        font-size: 16px;

    }

  

}

@media (max-width: 400px){

    .form .banner-text h1 {

        font-size: 30.103px;

    }

    .form .banner-text p {

        font-size: 17px;

    }

       .modal-body a {

        font-size: 20px;

    }

    .modal-body.text-center a img {

        width: 25px;

    }

  

}

button:disabled, button[disabled] {
    opacity: .65;
    cursor: not-allowed;
}

.modal .field input {
    border-radius: 4.611px;
    border: 0.987px solid var(--neutral-300, #EFF0F6);
    box-shadow: 0px 1.975px 5.925px 0px rgb(19 18 66 / 7%);
    padding: 15px 18px;
    width: 100%;
    color: #6F6C90;
    line-height: 1.3;
    font-size: 16.143px;
    font-style: normal;
    font-weight: 400;
}

.banner-2 form .page .field input, .form-select, .modal-body input.name {
    border-radius: 3px;
    border: 1px solid #919191;
    box-shadow: 0px 1.975px 5.925px 0px rgb(19 18 66 / 7%);
    padding: 15px 18px;
    width: 100%;
    color: #707070;
    line-height: 1.3;
    font-size: 16.143px;
    font-style: normal;
    font-weight: 400;
}
.search-check-modal .modal-title {
    color: #3D3939;
    text-align: center;
    font-size: 29.25px;
    font-family: 'Graphik';
     line-height: 1.3; 
     font-weight: 500;
}
.modal-scrollable {
    z-index: 10600!important;
}
.modal-backdrop {
    z-index: 1060!important;
}
#masthead {
    z-index: 999!important;
}
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #000000;
    opacity: 0.6;
}
.search-check-modal .modal-content .modal-footer a {
    border-radius: 5px;
    background: #134784;
    box-shadow: 0px 1.217px 2.434px 0px rgb(15 23 42 / 6%);
    color: #FFF;
    line-height: 1.3;
    border: none;
    padding: 16px 24px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    letter-spacing: 0.036px;
    position: relative;
    font-size: 17px;
    font-family: 'Graphik';
}
.search-check-modal .modal-footer {
    border: none;
    padding: 0 40px 40px;
    display: block;
}
.search-check-modal .modal-body {
    padding: 0px 40px 25px 40px;
}
.search-check-modal .modal-header {
    display: block;
    padding: 50px 40px 0px;
}
.search-check-modal .modal-content {
    border-radius: 10px;
    background: #F3F3F3;
    box-shadow: 0px 4px 20px 0px rgb(0 0 0 / 4%);
    max-width: 504px;
    margin: auto;
}
.search-check-modal .modal-header .btn-close {
    position: absolute;
    right: 20px;
    top: 17px;
    box-shadow: none;
    font-size: 20px;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23000"><path d="M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"/></svg>') center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
    cursor: pointer;
}
.d-none {
    display: none!important;
}

.img-car-parts {
    text-align: center;
    margin-bottom: 80px;
}
.img-car-parts img {
    max-width: 800px;
    margin: auto;
    margin-left: 25px;
}
#hero .main-title {
    padding: 155px 20px 80px;
    text-align: center;
}

@media (max-width: 400px) and (max-height: 670px) {
    .img-car-parts img {
        margin: auto;
    }
}

/* <!-- Discount  Modal Style end --> */

.modal-dialog.discount-offer, .modal-dialog.promo-offer
 {
    max-width: 633px;
}
#discount-offer .modal-header, #discount-offer-2 .modal-header, #promo-offer .modal-header {
    padding: 0;
    border: none;
}
#discount-offer .modal-dialog.sign-cancel-form, #promo-offer .modal-dialog.sign-cancel-form ,#discount-offer-2 .modal-dialog.sign-cancel-form {
    max-width: 500px;
    margin: auto;
}
.modal-dialog.discount-offer .modal-content,
.modal-dialog.promo-offer .modal-content,
.modal-dialog.sign-cancel-form .modal-content{
    padding: 30px;
    border-radius: 6px;
    background: var(--White, #FEFEFE);
}
.modal-dialog.discount-offer .modal-content .modal-body p, .modal-dialog.promo-offer .modal-content .modal-body p, .modal-dialog.sign-cancel-form .modal-content .modal-body h4 {
    font-size: 27px;
    color: #3D3939;
    text-align: center;
    margin: 34px 0px;
    line-height: 1;
    font-weight: 600;
    font-family: 'Graphik';
}
.modal-dialog.discount-offer .modal-content .modal-footer, .modal-dialog.promo-offer .modal-content .modal-footer {
    border: none;
}
.modal-dialog.sign-cancel-form .modal-content .modal-footer {
    border: none;
    flex-wrap: inherit;
    display: flex;
    text-align: center;
}
#discount-offer .modal-dialog.sign-cancel-form .modal-content .modal-footer a.btn.sure, #promo-offer .modal-dialog.sign-cancel-form .modal-content .modal-footer a.btn.sure ,#discount-offer-2 .modal-dialog.sign-cancel-form .modal-content .modal-footer a.btn.sure {
    background: #4065D3;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Graphik';
    font-weight: 600;
    border-radius: 10px;
    padding: 15px 20px;
    box-shadow: none !important;
    width: 100%;
}

#discount-offer .modal-dialog.sign-cancel-form .modal-content .modal-footer button.btn.sure ,#discount-offer-2 .modal-dialog.sign-cancel-form .modal-content .modal-footer button.btn.sure, #promo-offer .modal-dialog.sign-cancel-form .modal-content .modal-footer button.btn.sure {
    background: #4065D3;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Graphik';
    font-weight: 600;
    border-radius: 10px;
    padding: 15px 20px;
    box-shadow: none !important;
    width: 100%;
    cursor: pointer;
    border: none;
}

.modal-dialog.discount-offer .modal-content .modal-footer p, .discount-offer .modal-dialog.sign-cancel-form .modal-content p {
    color: #000000;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 34px;
    padding: 0;
    text-align: center;
    max-width: 321px;
    margin: 0px auto 34px;
}
.modal-dialog.promo-offer .modal-content .modal-footer p, .promo-offer .modal-content p {
    color: #000000;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 34px;
    padding: 0;
    text-align: center;
    max-width: 400px;
    margin: 0px auto 34px;
}




#discount-offer .head, #discount-offer-2 .head {
    gap: 25px;
    display: flex;
    align-items: center;
    margin-bottom: 34px;
    max-width: 357px;
}
#promo-offer .head {
    gap: 25px;
    display: flex;
    align-items: center;
    margin-bottom: 34px;
    max-width: 400px;
}
#discount-offer .modal-dialog.sign-cancel-form .modal-content .modal-body h4, #promo-offer .modal-dialog.sign-cancel-form .modal-content .modal-body h4{
    margin: 0  !important;
}
#discount-offer .modal-header .btn-close, #promo-offer .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 13px;
}
#discount-offer form .form-group, #discount-offer-2 form .form-group, #promo-offer form .form-group, #promo-offer-2 form .form-group {
    padding: 7px 5px 10px;
}
#discount-offer form .form-group input[type="email"], #discount-offer-2 form .form-group input[type="email"], #promo-offer form .form-group input[type="email"] {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-family: 'Graphik';
    font-weight: 500;
}
/* <!-- Discount Offer  Modal Style Start --> */





@media(max-width: 490px){
    #discount-offer .modal-dialog.sign-cancel-form, #promo-offer .modal-dialog.sign-cancel-form {
        padding: 0px 15px;
    }
    .modal-dialog.discount-offer .modal-content, .modal-dialog.promo-offer .modal-content, .modal-dialog.sign-cancel-form .modal-content {
        padding: 30px 20px;
    }
    .modal-dialog.discount-offer .modal-content .modal-body p, .modal-dialog.promo-offer, .modal-dialog.sign-cancel-form .modal-content .modal-body h4 {
        font-size: 22px;
        margin: 34px 0px 20px;
    }
    #discount-offer-2 .modal-dialog.sign-cancel-form {
        padding: 0px 15px;
    }
    .modal-dialog.discount-offer-2 .modal-content, .modal-dialog.sign-cancel-form .modal-content {
        padding: 30px 20px;
    }
    .modal-dialog.discount-offer-2 .modal-content .modal-body p, .modal-dialog.sign-cancel-form .modal-content .modal-body h4 {
        font-size: 22px;
        margin: 34px 0px 20px;
    }
    #discount-offer-2 .head {
        display: block;
        margin-bottom: 20px;
    }
    #discount-offer-2 .modal-dialog.sign-cancel-form .modal-content .modal-body h4 {
        margin: 0 !important;
        text-align: center !important;
        margin-top: 30px !important;
    }
}

.modal-header .btn-close {
    display: flex;
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}

button#ihavecookiesBtn {
    margin-left: 0px !important;
}
/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

.faq-2 {

    padding: 40px 20px 100px;

}

.faq-2 .faq-heading h2{

    background: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-align: center;

    line-height: 1.3;
    margin-bottom: 70px;
    font-family: 'Graphik';
    font-weight: 700;
    font-size: 36px;

}

.faq-2 .faq-bg{

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

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: contain;

}

.faq-2 .faq-accordion {
    max-width: 1080px;
    margin: auto;
}
.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;
      background: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.18px;
    box-shadow: none;
    font-family: 'Graphik';
    font-weight: 500;
}

.faq-2 .accordion-body {
    padding: 30px;
    color: #484848;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.144px;
    padding-top: 0;
}


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

   background: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-color: transparent;

   box-shadow: none;

}

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

    transform: rotate(0deg);

    filter: brightness(0);

}
.faq-2 .faq-modal strong {
    font-family: 'Graphik-Bold';
}
.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%;

  background: var(--Linear, linear-gradient(180deg, #0D3C73 0%, #256ABD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

    font-size: 20px;


    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;

}
.accordion-header {
    margin-bottom: 0;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.collapse:not(.show) {
    display: none;
    transition-duration: 0.35s;
}