@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;
} .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;
} .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;
} @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;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.codesigner .cd-checkout-template-5 .cd-checkout-steps .cd-progressbar li {
width: 20%;
}
} .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-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;
}    
} .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;
}