@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,500&display=swap');

.cd-checkout-template-5 {
    border: 1px solid #E6E8EC;
    margin-top: 50px;
}

.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar {
    display: grid;
    margin: unset;
    border-bottom: 1px solid #E6E8EC;
    padding: unset;
    overflow: hidden;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cd-temp-5-top{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 130px;
}

.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
    list-style: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 20px 0px;
    justify-content: center;
    flex-direction: column;
}
.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li img {
    position: absolute;
    height: 105%;
    top: 0px;
    right: -6%;
}
.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar .active{
    border-bottom: 5px solid #FF7441;
}

.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar .active .cd-single-progressbar{
    border: 2px solid #FF7441;
    background-color: unset;
    counter-reset: #FF7441;
}
.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar .active .cd-step-number,
.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar .active .cd-temp-5-bottom {
    color: #FF7441;
}
.cd-checkout-template-5 .cd-temp-5-bottom{
    color: #003B60;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.cd-checkout-template-5  .cd-single-progressbar {
    color: #E6E8EC;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #E6E8EC;
}
.cd-checkout-template-5  .cd-single-progressbar .dashicons-yes{
    color: #fff;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cd-checkout-template-5 .cd-progressbar .complete .cd-single-progressbar{
    color: #d6d6d6;
    background: #FF7441;
    border: unset;
}

.cd-checkout-template-5 .cd-progressbar .active .cd-single-progressbar{
    color: #d6d6d6;
    background: #61ff91;
    border: unset;
}

.cd-checkout-template-5 .cd-checkout-steps li:not(.complete) .dashicons-yes {
    display: none;
}
.cd-checkout-template-5 .cd-checkout-steps li.complete .dashicons-yes + .cd-step-number {
    display: none;
}
.cd-checkout-template-5 .cd-checkout-steps li:not(.complete) .dashicons-yes + .cd-step-number {
    display: block;
}
.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li:first-child:after {
    content: none;
}

.codesigner .cd-checkout-template-5 .cd-steps-content-warpper{
    padding: 60px;
}

.codesigner .cd-checkout-template-5 .shipping-address,
.codesigner .cd-checkout-template-5 .order-summary,
.codesigner .cd-checkout-template-5 .select-payment-method {
	display: none;
}

.cd-checkout-template-5 .order-summary .cd-checkout-info-input {
    flex-direction: column;
    align-items: end;
}
.cd-checkout-template-5 #cd-summary-table-below table{
    border: unset;
}
.cd-checkout-template-5 #cd-summary-table-below {
    width: 40%;
    text-align: left;
}
.cd-checkout-template-5 #cd-checkout-info-input-1{
    flex: 1;
}   
.codesigner .cd-checkout-template-5 #cd-checkout-info-input-1 input,
.codesigner .cd-checkout-template-5 .order-notes textarea,
.codesigner .cd-checkout-template-5 #cd-checkout-info-input-1 select {
    margin-bottom: 7px;
    border-radius: 5px;
    width: 100%;
    background: #FFF;
    height: 50px;
    border: 1px solid #E6E8EC;
    box-shadow: unset;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.codesigner .cd-checkout-template-5 .order-notes textarea {
    width: 100%;
}
.codesigner .cd-checkout-template-5 .order-notes {
    margin-top: -17px;
}
.codesigner.woocommerce-checkout .cd-checkout-template-5 .shipping-address label,
.codesigner.woocommerce-checkout .cd-checkout-template-5 .billing-address label{
    color: #003B60;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 5px;
}
.cd-checkout-template-5 .cd-footer {
    display: flex;
    justify-content: space-between;
    margin: 25px auto;
}
.cd-checkout-template-5 .cd-footer button{
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
.cd-checkout-template-5 .payment-method .cd-footer {
    width: 100%;
}
.cd-checkout-template-5 .cd-step-wrapper {
    display: flex;
    gap: 20px;
}
.cd-checkout-template-5 .cd-back-to-cart a {
    display: flex;
    cursor: pointer;
    border-radius: 4px;
    color: #003B60;
    font-family: 'DM Sans', sans-serif;
    text-decoration: underline;
}
.cd-checkout-template-5 .cd-back-to-cart a:hover{
    color: #003B60;
}
.cd-checkout-template-5 .cd-back-to-cart {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-checkout-template-5 .cd-back-to-next button {
    border-radius: 4px;
    padding: 14px 45px;
    border: unset;
    color: #FFF;
    height: 55px;
    background: #FF7441;
}
.cd-checkout-template-5 .cd-back-to-next button:hover {
    background: #FF7441;
    color: #FFF;
}

.cd-checkout-template-5 .cd-previous button {
    color: #FF7441;
    border: unset;
    padding: 20px 40px;
    border-radius: 4px;
    background: #FFF1EC;
}
.cd-checkout-template-5 .cd-previous button:hover {
    color: #FF7441;
    background: #FFF1EC;
}

/* Order Summary */
.cd-checkout-template-5 .cd-order-data-wrapper {
    border-radius: 8px;
    border: 1.5px solid #E6E8EC;
}
.cd-checkout-template-5 .shop_table.woocommerce-checkout-review-order-table {
    padding: 10px 30px;
    border: unset;
    margin-bottom: unset;
}
.cd-checkout-template-5 .shop_table.woocommerce-checkout-review-order-table thead,
.cd-checkout-template-5 .shop_table.woocommerce-checkout-review-order-table tbody {
    display: none;
}
.cd-checkout-template-5 .cd-checkout-info.order th,
.cd-checkout-template-5 .cd-checkout-info.order td {
    border: unset;
    border-bottom: 1.5px solid #cfd7e0;
    padding: 14px;
    background: unset;
}
.cd-checkout-template-5 .shop_table .cart-subtotal th,
.cd-checkout-template-5 .shop_table .cart-subtotal td {
    border-top: 1.5px solid #cfd7e0;
}
.cd-checkout-template-5 .shop_table .order-total th,
.cd-checkout-template-5 .shop_table .order-total td {
    border:unset;
}

.cd-checkout-template-5 .cd-checkout-info.order th:first-child,
.cd-checkout-template-5 .cd-checkout-info.order td:first-child {
    text-align: left;
    padding-left: 0px;
}
.cd-checkout-template-5 .cd-checkout-info.order th:last-child,
.cd-checkout-template-5 .cd-checkout-info.order td:last-child {
    text-align: right;
    padding-right: 0px;
}
.cd-checkout-template-5 .cd-product-name img{
    width: 52px;
}
.cd-checkout-template-5 .cd-order-data-wrapper .order-data{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    margin: 0px 30px;
    border-bottom: 1.5px solid #cfd7e0;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.cd-checkout-template-5 .cd-order-data-wrapper .order-data:nth-last-child(2){
    border: unset;
}
.cd-checkout-template-5 .cd-checkout-info.order th{
    color: #003B60;
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 400;
}

.cd-checkout-template-5 .order-data-products .cd-product-name{
    display: flex;
    align-items: center;
    gap: 30px;
}
.cd-checkout-template-5 .order-data-products .cd-product-name p{
    margin: unset;
}
.cd-checkout-template-5 .cd-light-color{
    color: #B0B0B0;
}
.cd-checkout-template-5 .cd-price-color{
    color: #6A707E;
}
.codesigner .cd-checkout-template-5 .order-total .woocommerce-Price-amount{
    color: #FF7441;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.codesigner .cd-checkout-template-5 input#mailpoet_woocommerce_checkout_optin {
    margin-right: 10px;
}
/**payemnt method css**/

.codesigner .cd-checkout-template-5 .wc-checkout-payment {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: unset;
}
.cd-checkout-template-5 .payment_box{
    display: none;
}
.codesigner .cd-checkout-template-5 input:checked {
    accent-color:#ff5f24;
}
.cd-checkout-template-5 #place_order{
    background-color: #ff5f24;
    margin-top: 10px;
    width: 100%;
}
.codesigner .cd-checkout-template-5 input {
    height: 20px;
    width: 20px;
}
.cd-checkout-template-5 .cd-checkout-payment ul {
    border: none !important;
    padding: 0 !important;
}
.cd-checkout-template-5 .cd-checkout-payment ul li {
    padding: 1em 2em;
    margin-bottom: 1em !important;
    border: 1px solid #e6e8ec;
    border-radius: 1em;
}
.cd-checkout-template-5 .cd-checkout-payment ul li label {
    cursor: pointer;
}
.cd-checkout-template-5 .cd-checkout-payment ul li #cd-payment-description {
    padding: 1em 2em;
    background-color: #f7faff;
    border-radius: 0.5em;
}
.cd-checkout-template-5 .cd-checkout-payment ul li #cd-payment-description::before {
    border-color: transparent;
}
.codesigner .cd-checkout-template-5 .wc_payment_methods li{
    padding: 20px;
}
.codesigner.woocommerce-checkout .cd-checkout-template-5 #payment .cd-select {
    border-color: #FF7441;
    background-color: #ffeae2;
}
.codesigner.woocommerce-checkout .cd-checkout-template-5 #payment ul.payment_methods .wc_payment_method>label{
    display: flex;
    align-items: center;
    gap: 10px;
}
.cd-checkout-template-5 .cd-checkout-payment .cd-select label {
    color: #FF7441;
}
.woocommerce-page.woocommerce-checkout .cd-checkout-template-5 #payment .payment_box, 
.woocommerce.woocommerce-checkout .cd-checkout-template-5 #payment div.payment_box {
    background-color: #fff8f5;
    border-radius: 10px;
}
.cd-checkout-template-5 .cd-checkout-payment ul li #cd-payment-description fieldset {
    border: none;
}

.cd-checkout-template-5 .cd-checkout-payment .place-order {
    margin: 0;
    padding: 0;
}
.cd-checkout-template-5 .cd-checkout-payment .place-order button {
    width: 100%;
    font-size: 20px;
    color: #fff;
    background-color: #FF7441;
    padding: 15px;
    border-radius: 8px;
}
.cd-checkout-template-5 select,
.cd-checkout-template-5 select {
    background: #FFF!important;
    border: none;
}
.cd-checkout-template-5 .select2-selection,
.cd-checkout-template-5 .select2-selection {
    background: #FFF;
    border: 1px solid #E6E8EC;
    padding: 22px;
    display: flex;
    align-items: center;
}
.codesigner .cd-checkout-template-5 .woocommerce-privacy-policy-link,
.codesigner .cd-checkout-template-5 .woocommerce-terms-and-conditions-link {
    color: #ff5f24;
}
#temp5-cd-coupon button {
    background: #ff5f24;
    border-radius: 5px;
    color: #fff;
}
.codesigner .cd-checkout-template-5 a.woocommerce-remove-coupon {
    color: #ff5f24;
}
.woocommerce #temp5-cd-coupon [name=coupon_code] {
    border: 1px solid #ff5f24;
    border-radius: 5px;
}
.cd-checkout-template-5 .cd-order-due td,
.cd-checkout-template-5 .cd-order-due th {
    border-bottom: 1px solid transparent !important;
}
#temp5-cd-coupon #cd-coupon-form .woocommerce-info {
    background-color: #fff5f2;
    color: #878787;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-top-color: #ff5f24;
}
#temp5-cd-coupon #cd-coupon-form a.showcoupon {
    text-decoration: none;
    background-color: #ff5f24;
    color: #fff3f3;
    padding: 5px 10px;
    border-radius: 10px;
}
#temp5-cd-coupon #cd-coupon-form .woocommerce-info::before {
    content: '\25C8';
    margin-left: 10px;
    margin-top: -2px;
    color: #ff5f24
}
#cd-coupon-main {
    border: none;
    padding: 0;
}
.cd-coupon-from-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.form-row.form-row-first {
    padding-bottom: 0;
}
/* Mobile-specific styles */
@media (max-width: 768px) {
    .codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li img {
        right: -10px;
    }

    .codesigner .cd-checkout-template-5 .cd-steps-content-warpper{
        padding: 10px;
    }
    .codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
        padding: 11px;
    }
    .codesigner  .cd-checkout-template-5 .shipping-address .cd-footer,
    .codesigner  .cd-checkout-template-5 .order-summary .cd-footer {
        flex-direction: column-reverse;
        align-items: center;
    }
    .codesigner  .cd-checkout-template-5 .cd-footer .cd-back-to-cart{
        margin-top: 20px;
    }
    .cd-checkout-template-5 .cd-back-to-next button {
        padding: 10px 20px;
        font-size: 13px;
    }
}
/* Tablet-specific styles */
@media (min-width: 768px) and (max-width: 1024px) {
    .codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
        width: 20%;
    }
}
/**hello elementor**/
.theme-hello-elementor .cd-checkout-template-5 #add_payment_method #payment div.payment_box::before, 
.woocommerce-cart .cd-checkout-template-5 #payment div.payment_box::before, 
.woocommerce-checkout .cd-checkout-template-5 #payment div.payment_box::before{
    display: none;
}
.theme-hello-elementor .cd-checkout-template-5 .cd-previous button {
    padding: 16px 40px;
}
.theme-hello-elementor .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li{
    padding: 20px;
}
.woocommerce-cart .theme-hello-elementor .cd-checkout-template-5 #payment, 
.theme-hello-elementor .cd-checkout-template-5 #payment, 
.theme-hello-elementor .cd-checkout-template-5 #add_payment_method #payment {
    background-color: unset;
}
@media (max-width: 768px) {

    .codesigner.theme-hello-elementor .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
        padding: 9px;
    }
}
/* .theme-hello-elementor #temp5-cd-coupon [name=coupon_code] {
    width: 40%;
} */

/**storefront**/
.theme-storefront .cd-checkout-template-5 table:not( .has-background ) th{
    background: unset;
}
.theme-storefront .cd-checkout-template-5 table:not( .has-background ) tbody tr:nth-child(2n) td, 
.theme-storefront .cd-checkout-template-5 fieldset, 
.theme-storefront .cd-checkout-template-5  fieldset legend{
    background: unset;
}
.theme-storefront .cd-checkout-template-5 .wc_payment_methods li{
    padding: 10px;
}
.theme-storefront .cd-checkout-template-5 .cd-display-center{
    padding: 10px;
}

.theme-storefront .cd-checkout-template-5 .wc-checkout-payment .woocommerce-form__label-for-checkbox{
   display: flex;
   align-items: center;
}
.theme-storefront .cd-checkout-template-5 .wc-checkout-payment .woocommerce-form__input{
    height: 20px;
    width: 20px;
}
.theme-storefront .cd-checkout-template-5 .cd-previous button{
    padding: 15px 40px;
}
.theme-storefront .cd-checkout-template-5 .cd-checkout-payment .cd-footer{
    padding-top: 30px;
}
.theme-storefront.codesigner .cd-checkout-template-5  #payment .payment_methods > .woocommerce-PaymentMethod > label::before, #payment .payment_methods > .wc_payment_method > label::before {
    display: none!important;
}
.theme-storefront.codesigner .cd-checkout-template-5 .cd-checkout-payment #payment li{
    padding-bottom: 20px;
}
@media (max-width: 768px) {
    .codesigner.theme-storefront .cd-checkout-template-5 .cd-previous button {
        padding: 16px 35px;
    }
    .theme-storefront .cd-checkout-template-5 .form-row.place-order{
        height: 20px;
        width: 20px;
    }
    .codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
        padding: 6px;
    }    
}
/**oceanwp**/
.theme-oceanwp.woocommerce-checkout .cd-checkout-template-5 form{
    margin-top: unset;
}
.theme-oceanwp .cd-checkout-template-5 .cd-previous button{
    padding: 14px 40px;
}
.theme-oceanwp .cd-checkout-template-5 .woocommerce-Price-amount{
    color: #6A707E;
}
.theme-oceanwp .cd-checkout-template-5 .order-data .cd-light-color .woocommerce-Price-amount{
    color: #B0B0B0;
}
.theme-oceanwp .cd-checkout-template-5 .order-total .woocommerce-Price-amount{
    color: #FF7441;
}
.theme-oceanwp .cd-checkout-template-5 .cd-checkout-info.payment .cd-footer {
    padding-top: 30px;
}
.theme-oceanwp.woocommerce-checkout .cd-checkout-template-5  #payment ul.payment_methods .wc_payment_method>input[type=radio]:first-child:checked+label:before {
    color: #FF7441;
}
.theme-oceanwp.woocommerce-checkout .cd-checkout-template-5 input[type=checkbox]:checked:before{
    color: #FF7441;
}
.theme-oceanwp.woocommerce-checkout .cd-checkout-template-5 input[type=checkbox]:checked:before{ 
    font-size: 17px;
    margin-top: 3px;
}
.theme-oceanwp.woocommerce-checkout .cd-checkout-template-5  #payment ul.payment_methods .wc_payment_method>label:before{
    display: none;
}

.theme-shopeo .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
    margin: unset;
}
.theme-shopeo .cd-checkout-template-5 .cd-previous button {
    height: 58px;
    padding: 18px 40px;
}
.theme-shopeo .cd-checkout-template-5 .cd-previous button:hover {
    color: #FF7441!important;
}
.theme-shopeo .cd-checkout-template-5 label{
    position: unset!important;
    width: unset;
    height: unset;
    clip-path: unset;
}
.theme-shopeo.woocommerce .cd-checkout-template-5 form .form-row.woocommerce-invalid label{
    color: unset;
}
.theme-shopeo.woocommerce .cd-checkout-template-5 .woocommerce-Price-amount a{
    color: unset;
}
.theme-shopeo.woocommerce .cd-checkout-template-5 table.shop_table{
    border-collapse: unset;
}