/* responsive */
@media screen and (min-width:1400px) {
}
@media screen and (min-width:1200px) and   (max-width:1399.98px) {
.form_with {width: 100%;}
}
@media screen and (min-width:992px) and   (max-width:1199.98px) {
.form_with { width: 100%;}
}
@media screen  and (min-width:768px) and (max-width:991.98px) {
.card-body {padding: 0rem 0rem 0rem 1rem;}
.page-header{height: 180px !important;}
.product_price{margin-right: 12px;}
.tab_menu{margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}
}
@media screen and (min-width:576px) and (max-width:767.98px) {
.card-body {padding: 0rem 0rem 0rem 1rem;}
.page-header{height: 150px !important;}
.product_price{margin-right: 12px;}
.update_cart{font-size: 12px;}
.tab_menu{margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}
}
@media screen  and (min-width:381px) and (max-width:575.98px){
.card-body {padding: 0rem 0rem 0rem 1rem;}
.tab_menu{margin-right: 8px;margin-top: 8px;margin-bottom: 8px;}
.page-header{height: 150px !important;}
.product_price{display: list-item !important;padding-top: 1rem !important;}
.quantity {justify-content: start;}
}
@media screen and (min-width:320px) and (max-width:380.98px) {
.product_price{display: list-item !important;padding-top: 1rem !important;}
.quantity {justify-content: start;}
.border{margin-top: 2rem !important;margin-bottom: 2rem !important;}
.update_cart{font-size: 12px;}
.card-body {padding: 0rem 0rem 0rem 1rem;}
.update_sec span{float: inherit !important;}
.tab_menu{margin-right: 8px;margin-top: 8px;margin-bottom: 8px;}
.shipment_detail{padding-top: 0rem !important;}
.guest_content h5{font-size: 14px !important;}
.page-header{height: 150px !important;}
}
.checkout_terms{color: #333}
.checkout_terms:hover{color: #333}

.paypal-buy-now-button {
display: inline-flex;
position: relative;
background: #FFC439;
border-radius: 5px;
border: 1px solid #DC911D;
box-shadow: inset 0 1px 0 0 #FFD699;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-weight: 700;
font-size: 12px;
padding: 0 23px;
height: 42px;
justify-content: center;
align-items: center;
color: black;
text-decoration: none;
cursor: pointer;
&:before {
content: "";
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
border-radius: 5px;
background: linear-gradient(to bottom, #FFAF00 0%, #DC911D 100%);
z-index: 1;
}
&:after {
content: "";
border-radius: 4px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #FFC439;
box-shadow: inset 0 1px 0 0 #FFD699;
z-index: 1;
}
span {
padding-top: 3px;
padding-right: 7px;
text-shadow: 0 1px 0 #FFD699;
z-index: 2;
}
svg {
filter: drop-shadow(0 1px 0 #FFFFFF);
z-index: 2;
}
}
.paypal-buy-now-button:hover{color: #333}
input, select, textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
textarea {
resize: vertical;
}
.section {
margin-bottom: 25px;
}
.tip-options {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tip-option {
flex: 1;
min-width: 80px;
padding: 10px;
margin: 5px;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
cursor: pointer;
transition: all 0.2s;
}
.tip-option.active {
border-color: #007bff;
background: #e9f0ff;
}
.payment-method {
border: 1px solid #ccc;
padding: 15px;
border-radius: 6px;
}
.card-icons {
display: flex;
}
.payment-fields input {
margin-top: 10px;
}
.billing-address select {
margin-top: 10px;
}
button.complete-order {
background-color: #007bff;
color: #fff;
padding: 12px 20px;
border: none;
border-radius: 4px;
font-weight: 600;
cursor: pointer;
width: 100%;
margin-top: 20px;
}
.footer-icons {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 30px;
}
.footer-icons img {
height: 28px;
}
.order-summary {
max-width: 400px;
margin: 65px auto;
font-size: 14px;
color: #333;
}
.item {
display: flex;
justify-content: space-between;
}
.product-img {
width: 60px;
border-radius: 5px;
margin-right: 10px;
height: 100%;
border: 1px solid #ccc;
}
.details {
flex: 1;
}
.product-title {
font-weight: bold;
margin-bottom: 0;
line-height: 18px;
font-size: 14px;
width: 90%;
}
.product-size,
.custom-info {
font-size: 12px;
color: #777;
margin-bottom: 0;
line-height: 17px;
}
.price {
font-weight: bold;
line-height: 18px;
}
.page-header.text-center {
display: flex;
align-items: center;
}
.tab_menu  .nav-link.active {
background: #f27e4a;
}
.btn_checkout.py-2.px-4.rounded {
background: #f27e4a;
border: 0;
color: white;
font-weight: bold;
font-size: 16px;
padding: 0 !important;
}
.tab_menu .nav-link.active {
background: #f27e4a;
margin-bottom: 10px;
}
.summary-line {
display: flex;
justify-content: space-between;
margin: 8px 0;
background: #dddd;
padding: 4px 10px;
}
.total-line {
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.total-amount {
text-align: right;
}
.total-amount strong {
font-size: 18px;
color: #000;
}
.total-amount small {
font-size: 14px;
color: #777;
}
.note {
margin-top: 10px;
font-size: 12px;
color: #777;
text-align: right;
}
.coupon-wrapper {
display: flex;
width: 100%;
max-width: 400px;
}
.coupon-input {
flex: 1;
padding: 10px;
border: 1px solid #ccc;
border-right: none;
border-radius: 4px 0 0 4px;
font-size: 14px;
margin-top: 0;
}
.apply-btn {
padding: 10px 16px;
background-color: #5ca9e9;
color: white;
border: 1px solid #5ca9e9;
border-radius: 0 4px 4px 0;
font-size: 14px;
cursor: pointer;
transition: background 0.2s ease;
}
.apply-btn:hover {
background-color: #479cdb;
}
.check_img{position: relative;}
.check_img .count {
background-color:black;
width: 20px;
height: 20px;
padding-left: 5px;
padding-right: 5px;
position: absolute;
border-radius: 50%;
top: -10px;
right: 3px;
text-align: center;
line-height: 20px;
color: #fff;
}

.sub_total {
padding: 0 !important;
}#checkoutForm .card {
border: 0;
border-bottom: 1px solid #eee;
}
.checkout_form {border-radius:10px}
.checkout label {
margin-bottom: 0.2rem;
margin-left: 10px;
}
.checkout .form-control {
margin-bottom: 0;
}
.modal_button {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.item_detail{border-radius: 10px;
border: 1px solid #eee;}
.total-amount {
text-align: right;
font-size: 24px;
}
.summary-line strong {
font-size: 20px;
}
#card-element { border: 1px solid #ccc; border-radius: 4px; padding: 10px; }
#card-errors { color: red; margin-top: 10px; }
.order-success { display: none; }
input[type="radio"]{width: auto;margin-right: 10px;}
.promo_btn {
position: absolute;
right: 0;
bottom: 0;
height: 100%;
background: #f27e4a;
color: white;
padding: 6px 38px;
font-weight: bold;
font-size: 16px;
}
.phone {
display:none;
}
.rb-phone:checked ~ .phone {
display:inline;
}
input.shiping_slec[type="radio"] {
width: 20px;
margin-right: 0;
height: 20px;
margin-top: 0;
top: 2px;
position: relative;
}
label.ship_label {
color: #333;
font-weight: bold;
font-size: 15px;
margin: 0 0 1.1rem;
}
label.error {
	margin-left: 0 !important;}
.company_name{height:40px;padding:.85rem 2rem;padding-top:.85rem;padding-bottom:.85rem;font-size:1.5rem!important;line-height:1.5;font-weight:300;color:#777;background-color:#fafafa;border:1px solid #ebebeb;border-radius:0;transition:all .3s;box-shadow:none}
.term_eror label.error{color:#fff!important;font-size:10px;font-weight:700;margin-left:6px!important;margin-bottom:0!important;top:5px;position:relative!important}
._paymentMethodText_4uufj_207{font-weight:700;font-size:16px}
.pay_pal_card{font-weight:700;font-size:16px}
article{display:none}
article.on{display:block}
.payment_card input{width:20px;height:20px;margin-top:0}
button.paypal_payment{color:#fff;padding:3px 20px;border:none;border-radius:4px;font-weight:800;cursor:pointer;width:100%;margin-top:20px;background:linear-gradient(135deg,#003087,#009cde);font-size:38px;font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif}
#card_exp_month {
height: 45px;
width: 100% !important;
font-size: 16px;
}
#card_exp_year {
height: 45px;
width: 100% !important;
font-size: 16px;
}
#card_cvc {
width: 100% !important;
margin-bottom: 0;
height: 45px;
}
.quest_info {
	font-size: 16px;
	background: #ddd;
	padding: 10px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
}
#bill_phone-error {
	position: absolute;
	bottom: -23px;
}
#card_cvc {
	margin-top: 0;
}