#regiration_form .step-section:not(:first-of-type) {
    display: none;
}

.product_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product_wrap, .product_wrap_roro {
    /*text-align: center;*/
    /*margin: 10px;*/
    /*padding: 10px 0;*/
    /*border-radius: 5px;*/
    /*border: 2px solid #fff;*/
    /*position: relative;*/
    /*width: calc(25% - 20px);*/
    text-align: center;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    border: 2px solid #e6e6e6;
    position: relative;
    overflow: hidden;
    width: calc(25% - 20px);
}

.product_wrap:hover, .product_wrap_roro:hover {
    cursor: pointer;
    background: #ab0e242e;
}


/*progressbar*/

#progressbar {
    margin-bottom: 0;
    /*background: #001e5040;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding-inline-start: 0;
}

ul#progressbar li span {
    display: block !important;
}

#progressbar li {
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    width: 123px;
    height: 123px;
    position: relative;
    letter-spacing: 1px;
    text-align: center;
    padding: 7px;
    margin: 20px 20px;
    background: #eef8ff;
    border-radius: 50%;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
}

#progressbar li.active {
    background: #3f48cc !important;
}


/*progressbar connectors*/

#progressbar li:after {
    content: '';
    width: 66%;
    display: none;
    height: 3px;
    background: #eef8ff;
    position: absolute;
    left: -66%;
    top: 50%;
    z-index: 0;
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}


/*marking active/completed steps green*/


/*The number of the step and the connector before it = green*/

#progressbar li.active:after {
    background: #3f48cc;
    z-index: 0;
}

.booking_form_wrap {
    border-radius: 4px;
}

.booking_form_wrap .step-section {
    background: #cdcdcd;
    padding: 30px !important;
    text-align: center;
}

.error {
    border: 2px solid red !important;
}

.ajax__loder {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    /* margin-top: -32px; */
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    height: 100%;
    background: #0000008a;
    display: flex !important;
    align-items: center;
    text-align: center;
    visibility: hidden;
}

.ajax__loder img {
    margin: 0 auto;
}

.cart_item_wrap {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    border: 2px solid #fff;
    border-radius: 4px;
    max-width: 800px;
    margin: 0 auto;
    justify-content: center;
}

.product_img {
    margin-right: 20px;
}

.cart_item_wrap .product_info {
    /*margin: 15px;*/
    /*padding: 10px;*/
    text-align: left;
}

.booking_form_wra label {
    /*width: 10%;*/
}

.booking_form_wrap select {
    width: 100%;
    height: 40px;
    border-radius: 4px;
}

input#deliveryDate {
    height: 40px;
}

.booking_form_wrap .nev-btn {
    padding: 30px 0;
}

input.previous.btn.btn-previous {
    background: #fd6200;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 12px 25px;
    cursor: pointer;
}

input.previous.btn.btn-previous:hover {
    background: #fd8739;
}

input.next.btn.btn-next {
    background: #11224e;
    color: #fff;
    border: 0;
    border-radius: 4px;
    /*float: right;*/
    padding: 12px 25px;
    cursor: pointer;
}

input.next.btn.btn-next:hover {
    background: #1a3b70;
}

.cart_item_wrap .checkout_btn a {
    padding: 10px 25px;
    background: #b60f26;
    margin-top: 12px;
    color: #fff !important;
    border-radius: 4px;
    display: inline-block;
}

.cart_item_wrap .checkout_btn {
    /*padding-top: 10px;*/
}

.woocommerce-side-nav li a {
    padding: 10px !important;
}

.woocommerce-content-box {
    border: 2px solid var(--sep_color) !important;
}

.booking_form_wrap .public_highway_wrap {
    padding: 10px;
    border: 2px solid #fe7d2c;
    border-radius: 4px;
    margin: 10px 0;
    border-radius: 40px;
}

.booking_form_wrap select {
    color: #000 !important;
}

@media (max-width:767px) {
    .product_wrap, .product_wrap_roro {
        width: 100%;
        margin: 15px 0px;
    }
    #progressbar li {
        color: #000000;
        text-transform: uppercase;
        font-size: 10px;
        width: 1000%;
        position: relative;
        letter-spacing: 1px;
        text-align: center;
        padding: 10px;
        margin: 2px 0px;
        background: #eef8ff;
        border-radius: 4px;
        font-weight: 600;
    }
    #progressbar li:after {
        width: 0;
    }
    .step_title {
        font-size: 16px !important;
    }
    .booking_form_wrap label {
        font-size: 12px;
    }
    .cart_item_wrap .price {
        text-align: center;
    }
    .cart_item_wrap .title {
        text-align: center;
    }
}

.product_wrap.disabled-click,.product_wrap_roro.disabled-click {
    pointer-events: none;
}

input#postcode_area {
    height: 40px;
}


/*vivek*/

.product_wrap:hover, .product_wrap_roro:hover {
    cursor: pointer;
    background: #1a3b70!important
}

.booking_form_wrap .step-section {
    background: #EDF7FE;
    padding: 30px !important;
}

#progressbar li.active {
    background: #c83200 !important;
    color: #fff !important;
}

#progressbar li.active:after {
    background: #9fd066;
    z-index: 0;
}

.product_wrap:hover .title,
.product_wrap:hover .price,
.product_wrap_roro:hover .title,
.product_wrap_roro:hover .price {
    color: #FFF;
    /*font-weight: 900;*/
}

.product_wrap:hover img, .product_wrap_roro:hover img {
    transition: .1s;
}

h2.step_title {
    /*font-family: "Open Sans" !important;*/
}

.cart_item_wrap {
    background: #11224e;
    color: #FFF;
    box-shadow: 0 0 15px 0 #e8e8e8;
}

.product_wrap,.product_wrap_roro {
    /*box-shadow: 0 0 15px 0 #b9b9b9;*/
    /*background: #FFF;*/
}

.cart_item_wrap .checkout_btn a {
    background: #e31530;
    text-transform: uppercase;
    border: 1px solid;
}

.product_info h2 {
    color: #FFF;
}

input.next.btn.btn-next,
input.previous.btn.btn-previous {
    color: #FFF !important;
    text-transform: uppercase;
}

label {
    /*font-family: open sans !important;*/
    font-weight: 500;
}

.booking_form_wrap input,
.booking_form_wrap select {
    color: #000 !important;
    font-weight: 600;
}

.ajax__loder {
    background: #1a3b70!important
}

@media only screen and (max-width: 800px) {
    #progressbar li {
        background: transparent;
        margin: 20px 0;
        width: 20%;
        height: auto;
    }
    span.step-label {
        color: #000;
        white-space: nowrap;
        font-size: 10px;
        margin-left: -25px;
        width: 80px !important;
    }
    span.step-number {
        line-height: 30px;
    }
    .step-bar li>span {
        background: #9fd066;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
        height: 30px;
        width: 30px;
        border-radius: 50px;
        color: #FFF;
    }
    /*.step-bar li {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    flex-direction: column;*/
    /*}*/
    #progressbar li.active {
        background: transparent !important;
    }
    #progressbar li:after {
        content: '';
        width: 66%;
        height: 3px;
        background: #9fd066;
        position: absolute;
        left: -32%;
        top: 23%;
        z-index: -5;
    }
    ul#progressbar .active span:before {
        content: "\f00c";
        color: green;
        font-size: 22px;
        position: absolute;
        top: -19px;
        left: 50%;
        transform: translateX(-50%);
        font-weight: 500;
        font-family: "Font Awesome 5 Pro";
        z-index: -5;
        animation: bounce 1s;
        animation-direction: alternate;
        animation-iteration-count: 2;
    }
    .step-bar li.active>span {
        background: radial-gradient(#212934, green);
        font-size: 14px;
        transition: .6s;
    }
    h2.step_title {
        /*font-family: "Open Sans" !important;*/
        font-size: 14px !important;
        font-weight: 900 !important;
    }
    #progressbar li.active:after {
        background: #0f5817;
        z-index: -9;
        transition: .6s;
    }
    .booking_form_wrap .public_highway_wrap h4 {
        color: #FFF;
        /*font-family: open sans !important;*/
        font-size: 14px !important;
        font-weight: 900;
    }
    .product_wrap:hover ,.product_wrap_roro:hover {
        cursor: pointer;
        background: #9fd066;
    }
    .booking_form_wrap .public_highway_wrap {
        background: #9fd066;
    }
    .inner_wrap2 h1 {
        font-size: 14px !important;
        /*font-family: open sans !important;*/
        font-weight: 900;
    }
    .cart_item_wrap .title,
    .cart_item_wrap .price {
        text-align: left;
    }
}

@media only screen and (max-width: 440px) {
    .booking_form_wrap .step-section {
        background: #EDF7FE;
        padding: 12px !important;
    }
    .product_wrap, .product_wrap_roro {
        width: 48%;
        margin: 2px;
    }
    .img_wrpe img {
        width: 50px;
    }
    .product_detail .title,
    .product_detail .price {
        font-size: 12px !important;
        font-weight: 900;
    }
}

@keyframes smoothbounceball {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, 200px, 0);
    }
}

.booking_form_wrap .step-section h3.step_title {
    margin: 0 !important;
    margin-bottom: 30px !important;
    font-size: max(1.5vw, 24px);
}

.booking_form_wrap .step-section select,
.booking_form_wrap .step-section select input[type=text],
.booking_form_wrap .step-section input#deliveryDate {
    /*width: 60%;*/
    text-align: center;
    border-radius: 40px !important;
}

.booking_form_wrap .step-section .form-group label {
    display: block;
    margin-bottom: 10px;
}

input.next.btn.btn-next {
    cursor: pointer;
}

.booking_form_wrap .public_highway_wrap label {
    display: inline-block !important;
    margin: 0 !important;
}

.booking_form_wrap .step-section {
    background: transparent;
    padding: 0px !important;
    margin-top: 30px;
}

.booking_form_wrap .step-section input#deliveryDate {
    text-align: left;
}

/*div#ui-datepicker-div {
    left: 50% !important;
    transform: translateX(-50%);
}
*/
@media only screen and (min-width: 768px) {
    .booking_form_wrap .step-section select,
    .booking_form_wrap .step-section select input[type=text],
    .booking_form_wrap .step-section input#deliveryDate {
        width: 60%;
        /*text-align: center;*/
    }
    .booking_form_wrap .public_highway_wrap {
        width: 60%;
        margin: 20px auto;
    }
}

#comment-input input:focus,
#comment-textarea textarea:focus,
.avada-select .select2-container .select2-choice2:focus,
.avada-select .select2-container .select2-choice:focus,
.chzn-container .chzn-drop:focus,
.chzn-container-single .chzn-single:focus,
.comment-form-comment textarea:focus,
.fusion-body .avada-select-parent select:focus,
.input-text:focus,
.main-nav-search-form input:focus,
.post-password-form label input[type=password]:focus,
.search-page-search-form input:focus,
input.s:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=phone-number]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-color: #fe7d2c !important;
}

span.step-label {
    font-weight: 500;
}

.cart_item_wrap .product_info .title h2 {
    color: #fff;
    font-size: max(2vw, 24px) !important;
}

span.step-label:before {
    display: none;
}

.checkout .shop_table tfoot th {
    padding-top: 20px;
    padding-left: 30px;
}

.checkout .shop_table tfoot td {
    padding-right: 30px;
    padding-left: 30px;
}

.shop_table .product-name {
    padding: 25px 30px;
}

.checkout .shop_table th.product-total {
    padding: 25px 30px;
}

.shop_table td {
    padding: 25px 30px !important;
}

table.shop_table,
.shop_table th,
.shop_table td {
    border: 1px solid #e2e2e2;
}

.fusion-product-name-wrapper {
    flex-wrap: wrap;
}

.woocommerce-content-box.avada-checkout {
    border-color: #e2e2e2 !important;
}

.cart_totals table th {
    padding: 25px 30px !important;
}

@media only screen and (max-width: 800px) {
    .woocommerce-content-box {
        border: 0px solid #fff !important;
    }
    form.checkout .shop_table tfoot th {
        padding-right: 30px !important;
        /*width: 60%;*/
    }
    .shop_table .product-name {
        padding: 25px 10px !important;
    }
    .checkout .shop_table th.product-total {
        padding: 25px 10px !important;
    }
    .shop_table td {
        padding: 25px 10px !important;
    }
    .woocommerce-MyAccount-content,
    .woocommerce-content-box {
        padding: 30px 0 !important;
    }
    .cart_totals table th {
        padding: 25px 10px !important;
    }
}

table.shop_table.shop_table_responsive {
    margin-bottom: 20px;
}

@media only screen and (max-width: 550px) {
    span.step-label {
        color: #000;
        white-space: break-spaces;
        font-size: 10px;
        margin-left: 0;
        width: auto !important;
        line-height: 1.5;
        margin-top: 7px;
    }
    .booking_form_wrap .step-section {
        margin-top: 50px;
    }
    .product_img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .cart_item_wrap .product_info,
    .cart_item_wrap .title,
    .cart_item_wrap .price {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width: 800px) and (max-width: 950px) {
    #progressbar li {
        width: 90px;
        height: 90px;
    }
}

.product_wrap .price,.product_wrap_roro .price {
    background: #8bc34a;
    display: inline-block;
    color: #fff;
    padding: 2px 15px;
    border-radius: 20px;
    font-size: 15px;
    margin-bottom: 7px;
}

.section_loder {
    /* position: ABSOLUTE; */
    height: 270px;
    WIDTH: 100%;
    ALIGN-ITEMS: CENTER;
    DISPLAY: FLEX;
    JUSTIFY-CONTENT: CENTER;
}

.abso-con {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #3e47cc;
    z-index: 99000000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    padding: 20px;
}
.abso-con a {
    font-weight: 900;
    color: #FFF;
    letter-spacing: 3px;
}
p.outofstock {
    background: #8a0c1e;
    color: #FFF;
}
.d-flex-postcode {
    display: flex;
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    max-width: 30%;
    margin: 0 auto;
}
.d-flex-postcode span {
    height: 40px;
    width: 100%;
    line-height: 40px;
    padding: 0 0 0 10px;
    background: #e2e2e2;
    border-radius: 15px 0 0 15px;
    border-right: 1px solid #e2e2e2;
}
.d-flex-postcode input.form-control {
    border: 0 !important;
    border-radius: 15px !important;    
    height: 38px !important;
}
input#postcode_suffix.error {
    border: 2px solid red !important;
    border-radius: 0 25px 25px 0 !important;
}
span.select2-selection.select2-selection--single{
    border-radius: 40px;
}

/*20 jul*/
ul.special_item_list.special_item_list_ul li {
    margin-bottom: 10px !important;
}

ul.special_item_list.special_item_list_ul {
    margin: 0 !important;
    list-style: none;
    padding: 0;
} 

.cust_quantity.quantity.buttons_added {
    background: #fff;
    display: inline-block;
}

.cust_quantity .plus_t, .cust_quantity .minus_t{
    font-size: var(--qty_font_size, 14px);
    width: var(--qty_size-height, 36px);
    height: var(--qty_size-height, 36px);
    line-height: 1;
    border-color: var(--sep_color);
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: var(--qty_bg_color);
    cursor: pointer;
}

.product_wrap img, .product_wrap_roro img {
    width: 110px;
    margin-bottom: 10px;
}



.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
}

.rwd-table tr:first-child {
  border-top: none;
  background: #c83200;
  color: #fff;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

/*.rwd-table th {*/
/*  display: none;*/
/*}*/

/*.rwd-table td {*/
/*  display: block;*/
/*}*/

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: none;
  color: #000;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}

.advanced_cust_img_table {
    display: flex;
    align-items: center;
}

.advanced_cust_img_table img {
    width: 60px;
    margin-right: 20px;
}

.rwd-table tr:last-child {
    border-bottom: 0 !important;
}


.rwd-table {
    box-shadow: 0 0 1px 1px #bfbfbf;
}

.rwd-table {
    margin: 0 !important;
}

a.btn.btn-checkout-custom-booking {
    background: #e30613;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 12px 25px;
    margin-left: auto !important;
    display: inline-block;
    margin-right: 0;
    line-height: 1.2;
} 

a.btn.btn-checkout-custom-booking:hover {
    background: black;
}



.fusion-button_size-large .quantity {
    margin-top: 10px !important;
}

.extra_charge_tab .product_detail {
    border: 1px solid hsl(0deg 0% 0% / 20%);
/*    max-width: 500px;*/
    margin: 0 auto;
    padding: 7px 15px;
    border-radius: 6px;
    height: 100%;
}

.extra_charge_tab .cust_quantity.quantity.buttons_added {
    margin: 0 auto;
}


.extra_charge_tab li.special_product_wrap {
    width: 100%;
    padding: 0 15px;
}

ul.special_item_list.special_item_list_ul.extra_charge_tab{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    max-height: 60vh;
    overflow-y: auto;
}
span.plus_vat {
    font-size: 12px;
    font-weight: 900;
}

@media only screen and (max-width: 992px) {
  .extra_charge_tab li.special_product_wrap {
        width: 50%;
    }

}

@media only screen and (max-width: 600px) {
  .extra_charge_tab li.special_product_wrap {
        width: 100%;
        padding: 0 0px;
    }

}


.cust_quantity_box_flex {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
    align-items: center;
    justify-content: center; 
}

.cust_quantity_box_flex .tonnes-label-sep {
    font-size: 17px;
}


.cust_quantity_box_flex .cust_quantity .plus_t, .cust_quantity_box_flex .cust_quantity .minus_t {
    width: 30px;
    height: 24px;
}

body.fusion-body .cust_quantity_box_flex  .quantity .qty{
    
    width: 36px;
    height: 24px;
    
}


.fusion-body .cust_quantity_box_flex .quantity{
    width: auto;
}

 .product_wrap_roro:hover .tonnes-label-sep{
    color: #fff;
 }

button.buy_roro {
    background: #1a3b70;
    color: #fff;
    border: 0;
    border-radius: 34px;
    padding: 9px 25px;
    cursor: pointer;
    min-width: 110px;
}

.product_wrap_roro:hover button.buy_roro {
    background: #fff;
    color: #1a3b70;
}

button.buy_roro:hover {
    background: #fd8739 !important;
    color: #fff;
}

.product_detail .title {
    font-size: 18px !important;
    margin-bottom: 10px;
    font-weight: 600;
}






/*20-08-2025 - New design*/

:root{
--skipit-bg:#f7f8fb;
--skipit-card:#ffffff;
--skipit-text:#0f172a;
--skipit-muted:#6b7280;
--skipit-primary:#f47f34; /* primary */
--skipit-secondary:#11224e; /* secondary */
--skipit-ring: rgba(244,127,52,.22);
--skipit-line:#e5e7eb;
--skipit-radius:16px;
}
/**{box-sizing:border-box}
html,body{height:100%}*/
/*body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--skipit-text);background:#fafafa}*/


    .skipit-stepper{
    margin:0;
    /*font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";*/
    color:var(--skipit-text);background:#fafafa
}
.skipit-container{max-width:1100px;margin-inline:auto;padding:clamp(16px,4vw,32px)}
.skipit-card{background:var(--skipit-card);border-radius:var(--skipit-radius);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 30px rgba(0,0,0,.06);padding:clamp(16px,3vw,28px)}


.skipit-stepper{position:relative;display:flex;align-items:flex-start;gap:clamp(8px,2vw,18px);padding:14px;border-radius:20px;background:#fff;border:1px solid #eef0f3;overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.skipit-track{position:absolute;left:20px;right:20px;top:46px;height:8px;background:var(--skipit-line);border-radius:999px;z-index:0}
.skipit-track-fill{position:absolute;left:20px;top:46px;height:8px;width:var(--skipit-progress,0%);background:var(--skipit-primary);border-radius:999px;z-index:0;transition:width .35s ease}


.skipit-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px;scroll-snap-align:center;z-index:1;transition:transform .2s ease}
.skipit-box{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #eef0f3;border-radius:16px;padding:10px 14px;box-shadow:0 4px 10px rgba(0,0,0,.06);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease}


/* ACTIVE */
.skipit-step.skipit-is-current{transform:translateY(-2px) scale(1.02)}
.skipit-step.skipit-is-current .skipit-box{border-color:var(--skipit-primary);box-shadow:0 8px 20px rgba(244,127,52,.25)}
.skipit-step.skipit-is-current .skipit-badge{background:var(--skipit-primary);color:#fff;border-color:var(--skipit-primary);outline:8px solid var(--skipit-ring)}
.skipit-step.skipit-is-current .skipit-label{color:var(--skipit-primary)}


/* COMPLETE */
.skipit-step.skipit-is-complete .skipit-box{border-color:var(--skipit-secondary);background:#fff}
.skipit-step.skipit-is-complete .skipit-badge{background:var(--skipit-secondary);color:#fff;border-color:var(--skipit-secondary)}


.skipit-badge{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:var(--skipit-secondary);background:#fff;border:2px solid #e5e7eb;position:relative}
.skipit-step.skipit-is-complete .skipit-badge svg{display:block}
.skipit-step .skipit-badge svg {
        display: none;
    margin-top: -8px;
}


.skipit-label{font-size:12px;letter-spacing:.04em;color:var(--skipit-muted);font-weight:800;white-space:nowrap}
.step-1{
    .skipit-label-field {
        font-weight: 800;
        color: var(--skipit-secondary);
        font-size: 14px;
        margin: 2px 0 8px 6px;
    }
.skipit-section-title{font-size:clamp(20px,3.2vw,30px);line-height:1.25;margin:20px 0 8px}
.skipit-subtitle{color:var(--skipit-muted);margin:0 0 20px}
.skipit-row{display:flex;gap:12px;flex-wrap:wrap}
.skipit-field-row{display:flex;gap:12px;align-items:stretch;flex:1}
.skipit-input{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:16px;color:var(--skipit-text)}
.skipit-input input{border:0;outline:none;width:100%;font:inherit;color:inherit;background:transparent}
.skipit-btn{appearance:none;border:0;border-radius:12px;background:var(--skipit-primary);color:#fff;font-weight:700;letter-spacing:.02em;padding:14px 22px;cursor:pointer;transition:transform .05s ease, background .2s ease}
.skipit-btn:active{transform:translateY(1px)}
.skipit-btn:focus-visible{outline:3px solid var(--skipit-ring)}
.skipit-btn.skipit-secondary{background:#fff;color:var(--skipit-secondary);border:2px solid var(--skipit-secondary)}
}


@media (max-width:900px){
    .skipit-step{min-width:100px}
    .skipit-track,.skipit-track-fill{top:52px}

}
@media (max-width:700px){
    .skipit-badge{width:42px;height:42px;border-radius:10px}
    .skipit-box{padding:8px 12px}.skipit-label{font-size:11px}
    .skipit-step{min-width:92px}
    .skipit-track,.skipit-track-fill{left:16px;right:0px}

    }
@media (max-width:420px){
    .skipit-step{min-width:74px}
    .skipit-stepper{.skipit-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
    .skipit-track,.skipit-track-fill{top:44px}
    .skipit-field-row{flex-direction:column}
    .skipit-btn{width:100%}

    .skipit-track {
    width: 130%;
}
}


/*form#regiration_form {
    max-width: 1040px;
    margin: 0 auto;
}
*/

/*Step - 2*/
.text-left{
    text-align: left;
}
 .step-2{.skipit-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
    .skipit-field{grid-column:span 12}}
    @media(min-width:780px){
      .step-2{.skipit-field.half{grid-column:span 6}}
    }

    .step-2{
        /* Labels */
    .skipit-label{font-weight:800;color:var(--skipit-secondary);font-size:14px;margin:2px 0 8px 6px}

    /* Inputs (pill + flat) */
.skipit-input, .skipit-select select {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid var(--skipit-line) !important;
    border-radius: 28px !important;
    background: #fff;
    font-size: 16px !important;
    outline: none !important;
    height: auto !important;
}
    .skipit-input::placeholder{color:#aeb4be;font-weight:700}
    /*.skipit-input:focus, .skipit-select select:focus{border-color:var(--skipit-secondary);box-shadow:0 0 0 3px rgba(17,34,78,.15)}*/

    /* Composite postcode with prefix chip */
    .skipit-postwrap{display:flex;align-items:stretch;border:2px solid var(--skipit-line);border-radius:28px;overflow:hidden}
    .skipit-chip{background:#e9effa;color:var(--skipit-secondary);font-weight:800;padding:10px 16px;display:flex;align-items:center}
    .skipit-postwrap input {
    border: 0 !important;
    border-left: 2px solid var(--skipit-line) !important;
    border-radius: 0 !important;
}
.skipit-postwrap input.error,
.skipit-input.error, .skipit-select select.error {
    border-color: red !important;
}
    /* Inline help text */
    .skipit-help{font-size:12px;color:var(--skipit-muted);margin:6px 8px 0}

    /* Highway question redesigned: badge + content */
    .skipit-qa{position:relative;border:2px solid var(--skipit-primary);border-radius:22px;padding:18px}
    .skipit-qa .skipit-badge-new{position:absolute;top:-12px;left:16px;background:var(--skipit-primary);color:#fff;font-weight:900;font-size:12px;letter-spacing:.06em;border-radius:999px;padding:6px 10px}
    .skipit-qa .skipit-q{font-size:clamp(18px,2.6vw,26px);font-weight:800;margin:8px 0 12px}

    /* Radio as pill toggles */
    .skipit-pills{display:flex;gap:10px;flex-wrap:wrap}
    .skipit-radio{position:absolute;opacity:0;pointer-events:none}
    .skipit-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--skipit-line);border-radius:999px;cursor:pointer;font-weight:800}
    .skipit-pill::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--skipit-secondary)}
    .skipit-radio:focus + .skipit-pill{box-shadow:0 0 0 3px var(--skipit-ring)}
    .skipit-radio:checked + .skipit-pill{border-color:var(--skipit-primary);background:#fff1e7}
    .skipit-radio:checked + .skipit-pill::before{background:var(--skipit-primary);border-color:var(--skipit-primary)}

    /* Select wrapper with caret */
    .skipit-select{position:relative}
    .skipit-select .caret{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#111}

    /* Action buttons */
    .skipit-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}
    .skipit-btn{appearance:none;border:0;border-radius:12px;padding:14px 22px;font-weight:900;cursor:pointer}
    .skipit-btn.prev{background:var(--skipit-primary);color:#fff}
    .skipit-btn.next{background:var(--skipit-secondary);color:#fff}

    /* Divider */
    .skipit-divider{height:1px;background:#f1f1f1;margin:10px 0 18px}

    /* Accessibility note style */
    .skipit-note{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px dashed var(--skipit-line);border-radius:16px;padding:12px 14px;color:#374151}
    .skipit-note svg{flex:0 0 auto}
    }

.step-2 .skipit-postwrap input {
    border: 2px solid transparent !important;
    padding: 10px 18px !important;
    border-radius: 0px 28px 28px 0 !important;
}

.step-2 .skipit-postwrap input.error {
    border-color: red !important;
}

.step-2 .skipit-select select {
    text-align: left !important;
}





    /*cart step*/
.step-4 {
    .skipit-card {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 18px;
        align-items: center;
        background: rgb(229 231 235 / 5%);
        color: var(--skipit-text);
        border: 1px solid var(--skipit-line);
        border-radius: var(--skipit-radius);
        box-shadow: none;
        padding: 18px;
        max-width: 760px;
        width: 100%;
        margin: 0 auto;

    }
    /* media/avatar */
    .skipit-media{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#ffffff;border:0px solid #eef1f6;outline:3px solid var(--skipit-secondary)}
    .skipit-media img{width:120px;height:120px}
    /*.skipit-media .body{fill:var(--skipit-primary)}
    .skipit-media .cab{fill:#ffb187}
    .skipit-media .tyre{fill:#0f172a}
    .skipit-media .rim{fill:#fff}*/

    /* content */
    .skipit-title{margin:0 0 2px 0;font-size:clamp(20px,3.6vw,32px);font-weight:900;color:var(--skipit-secondary)}
    .skipit-sub{margin:0 0 10px;color:var(--skipit-muted)}

    .skipit-list{margin:0 0 14px 0;padding:0;list-style:none}
    .skipit-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed #edf0f4}
    .skipit-row:last-child{border-bottom:0}
    .skipit-label-table{font-size: 12px;
    letter-spacing: .04em;
    color: var(--skipit-muted);
    font-weight: 800;
    white-space: nowrap;}
    .skipit-value{font-weight:800}
    .skipit-row.total .skipit-value{color:var(--skipit-secondary);font-size:18px}

    .skipit-badges{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
    .skipit-badge-cart{display:inline-flex;align-items:center;gap:8px;background:#fff7f0;color:#7a2e00;border:1px solid #ffd7b6;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px}

    .skipit-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content: left;}
    .skipit-btn {
        appearance: none;
        border: 0;
        border-radius: 12px;
        padding: 12px 18px;
        font-weight: 500;
        cursor: pointer;
        font-family: var(--button_typography-font-family);
    }
    .skipit-btn.primary{background:#e31530;color:#fff;text-align: center;margin-left: auto;}
    .skipit-btn.primary:hover{background:var(--skipit-secondary);color:#fff}
    .skipit-btn.secondary{background:#fff;color:var(--skipit-secondary);border:2px solid var(--skipit-secondary)}
    .skipit-btn:focus-visible{outline:3px solid var(--skipit-ring)}
}
    /* Responsive */
    @media (max-width:620px){
        .step-4 {
      .skipit-card{grid-template-columns:1fr;gap:12px;text-align:left;justify-content: left;}
      /*.skipit-media{margin:0 auto}*/
      .skipit-actions{width:100%}
      .skipit-btn{flex:1 1 auto;width:100%}
  }
    }


.booking_form_wrap {
    max-width: 1050px;
    margin: 0 auto;
}




@media only screen and (max-width: 640px) {
    body .product_list .product_wrap {
        width: calc(33.33% - 4px) !important;

        .title {
            font-size: 16px !important;
            margin-bottom: 10px;
            font-weight: 600;
            line-height: 1.3;
        }

        .price {
            padding: 3px 5px;
            font-size: 12px !important;
        }
    }
}

div#ui-datepicker-div {
    z-index: 999 !important;
}

body .product_list .product_wrap .ajax__loder img {
    width: 50px;
}





.extra_charge_tab .product_detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.extra_charge_tab .product_detail .title {
    width: calc(100% - 122px);
    margin-bottom: 0;
    text-align: left;
        padding-right: 10px;
    line-height: 1.3;
    font-size: 14px !important;
}

.extra_charge_tab .product_detail .title span.plus_vat {
    white-space: nowrap;
    display: block;
    font-weight: 500;
    margin-top: 2px;
}

@media only screen and (max-width: 550px) {
    body .booking_form_wrap .step-section {
        margin-top: 30px;
    }

    body .booking_form_wrap .step-section h3.step_title {
        margin-bottom: 20px !important;
    }

    .booking_form_wrap .nev-btn {
        padding: 20px 0;
    }

    body .extra_charge_tab li.special_product_wrap{
        margin-bottom: 5px !important;
    }

    .extra_charge_tab .product_detail {
      padding: 5px;
    }

    .woocommerce .checkout h3{
    font-size: 24px !important;
    margin-bottom: 10px !important;
}

}


.inner_wrap2 p {
    margin-bottom: 0 !important;
    margin-top: 0px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
}

.inner_wrap2 h4 {
    margin-top: 20px;
    margin-bottom: 0;
}

.inner_wrap2 {
    padding: 20px;
    margin-top: 20px;
    background: rgb(225 226 230 / 30%);
    border-radius: 14px;
}




.woocommerce-side-nav li a {
    padding: 5px !important;
    line-height: 1.5;
    font-size: 14px;
}

.checkout .input-text:not(textarea) {
    height: 45px !important;
}

@media only screen and (max-width: 760px) {
    form.checkout #billing_first_name_field, 
    form.checkout #shipping_first_name_field, 
    form.checkout #billing_last_name_field, 
    form.checkout #shipping_last_name_field {
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 640px) {
    body.woocommerce-order-received #main {
        .woocommerce-thankyou-order-received {
            font-size: var(--h5_typography-font-size) !important;
            margin-bottom: 10px;
        }

        .avada-customer-details .addresses .title h3, .avada-myaccount-data .addresses .title h3 {
            font-size: var(--h5_typography-font-size) !important;
        }

        .woocommerce-MyAccount-content form h3, .woocommerce-MyAccount-content h2, .woocommerce-content-box h2 {
            font-size: var(--h5_typography-font-size) !important;
        }

        h3{
            font-size: var(--h5_typography-font-size) !important;
            margin-top: 0;
                        margin-bottom: 10px !important;
        }

        .woocommerce-content-box h2 {
            margin-bottom: 20px;
        }
    }
}