*{transition: all 0.2s ease-in-out;}
#updatedForm{display: none;}
#updatedForm.active{display: block;}
a{text-decoration: none;}
.checkout-page-wrapper{padding: 50px 0px;}
.checkout-page-wrapper .bg-card{background-color: #F5F5F5; padding: 30px 30px; margin-left: 20px; margin-top: 25px; border-radius: 24px;}
.checkout-page-wrapper .bg-card .card-body{margin-bottom: 20px;}
.checkout-page-wrapper .bg-card .card-body .card-title{margin-bottom: 20px; width: max-content; position: relative;  text-align: left; font-size: 24px; color: #1a1a19; font-weight: 600;}
.checkout-page-wrapper .container-fluid{max-width: 1600px;}
.checkout-page-wrapper .card-body .table-title h4{font-size: 18px; font-weight: 600; padding: 10px 0px 10px 0px; }
.checkout-page-wrapper .card-body .table-title{border-bottom: 1.5px solid #9699964a;}
.checkout-page-wrapper .single-product{padding-bottom: 12px; margin-top: 12px; border-bottom: 1px solid #9699964a;}
.checkout-page-wrapper .single-product img{width: 65px; background-color: white;}
.checkout-page-wrapper .single-product a{color: #1a1a19; font-size: 15px; line-height: 25px; margin-bottom: 10px; font-weight: 500;}
.checkout-page-wrapper .single-product a:hover{color: #28a745;}
.checkout-page-wrapper .single-product p{font-size: 18px; color: #1a1a19;}
.checkout-page-wrapper .single-product a .qty{display: inline-flex; align-items: center; margin-left: 20px; gap: 10px;}
.checkout-page-wrapper .single-product a .qty strong{font-weight: 600; display: inline-flex; width: 20px; height: 20px; color: white; justify-content: center; align-items: center; background-color: #0f563a; font-size: 10px; border-radius: 6px;}
.checkout-page-wrapper .single-product h6{font-size: 18px; font-weight: 600; color: #1a1a19; margin-top: 5px;}
.checkout-page-wrapper .cal-row{border-bottom: 1px solid #9699964a; padding: 15px 0px;}
.checkout-page-wrapper .cal-row h6{font-size: 18px;color: #1a1a19;}
.checkout-page-wrapper .cal-row h6 strong{font-weight: 600;}
.checkout-page-wrapper .border-none{border: 0px; padding-bottom: 0px;}
.btn.btn-green{background-color:  #28a745; color: white; padding: 14px 20px; font-size: 16px; border: 2px solid #28a745; border-radius: 12px; font-weight: 600; width: 100%;}
.btn.btn-green:hover{background-color: white; color: #28a745;}
.btn.btn-green.w-max{width: max-content;}
.w-max{width: max-content;}
.mr-1{margin-right: 10px}
.checkout-page-wrapper .form-wrapper{padding-bottom: 0px; margin-bottom: 20px; border-bottom: 1px solid #9699964a;}
.checkout-page-wrapper .form-wrapper h4.title{font-size: 22px; position: relative;  width: max-content; font-weight: 600; margin: 15px 0px 25px 0px; color: #1a1a19;}
.checkout-page-wrapper .form-wrapper h4.title::before, .checkout-page-wrapper .card-title::before{content: ''; width: 20%; height: 3px; background-color: #28a745; border-radius: 10px; position: absolute; bottom: -5px; left: 0;}
.checkout-page-wrapper .form-group{margin-bottom: 12px;}
.checkout-page-wrapper .form-group label{font-size: 14px; font-weight: 500; margin-bottom: 5px; color: #1a1a19;}
.checkout-page-wrapper .form-group input, .checkout-page-wrapper .form-group textarea, .checkout-page-wrapper .form-group select{font-size: 13px; padding: 10px; border: 1px solid #999796; border-radius: 10px; color: #1a1a19;}
.checkout-page-wrapper .form-group input:focus, .checkout-page-wrapper .form-group textarea:focus, .checkout-page-wrapper .form-group select:focus{box-shadow: none; border-color: #28a745;}
.checkout-page-wrapper .form-group label.form-check-label{margin-bottom: 0px; cursor: pointer;}
.checkout-page-wrapper .form-group input.form-check-input:checked{accent-color: #28a745; background-color: #28a745;}
.shipDiff-wraper{max-height: 0; overflow: hidden; opacity: 0; transition: all 0.3s linear;}
.shipDiff-wraper.active{max-height: 1000px; height: max-content; opacity: 1;}
.checkout-page-wrapper .pl-4{padding-left: 40px;}
.checkout-page-wrapper .pr-4{padding-right: 40px;}
.checkout-page-wrapper .form-wrapper.border-none{border: 0px;}
.mb-6{margin-bottom: 60px;}
.checkout-page-wrapper button.accordion-button{background-color: #28a745; color: white; font-weight: 600; border-radius: 0px !important; box-shadow: none;}
.accordion-item:first-of-type{border-radius: 0px !important;}
.checkout-page-wrapper button.accordion-button:after{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path 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'/></svg>"); background-repeat: no-repeat;}
.fa.icon{background-color: white; color: #28a745; padding: 10px 14px; border-radius: 8px; margin-right: 8px; font-size: 20px;}
.form-group.mb-0{margin-bottom: 0;}
.btn-text{color: #28a745; font-size: 20px; font-weight: 600;}
.btn-text:hover{color: #1a1a19;}
.checkout-page-wrapper .form-group input.form-check-input{border-radius: 4px; padding: 8px; margin-top: -3px;}
span.required{color: rgb(255, 0, 60);}

.checkout-page-wrapper .address-wrapper{display: none; opacity: 0; padding-top: 5px;}
.checkout-page-wrapper .address-wrapper.active{display: block; opacity: 1;}
.checkout-page-wrapper .address-wrapper h4{padding:0px; font-size: 16px; font-weight: 600; color: #1a1a19;}
.checkout-page-wrapper .address-wrapper .nav-tabs button.nav-link{background: transparent; font-size: 14px; font-weight: 600; width: max-content; border: 1px solid transparent; border-radius: 12px 12px 0px 0px; padding: 10px 25px; color: #1a1a19;}
.checkout-page-wrapper .address-wrapper .nav-tabs button.nav-link:hover{background-color: white; color: #28a745;}
.checkout-page-wrapper .address-wrapper .nav-tabs button.nav-link.active{border-color: #28a745; color: #28a745; background-color: white;}
.checkout-page-wrapper .address-wrapper .nav-tabs{border-bottom: 1px solid #9699964a;}
.checkout-page-wrapper .single-product:has(.address-wrapper.active){padding-bottom: 0px;}
.checkout-page-wrapper .nav.nav-tabs{flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; align-items: start;}
.checkout-page-wrapper .nav.nav-tabs::-webkit-scrollbar{background-color: transparent; height: 3px; border-radius: 20px;}
.checkout-page-wrapper .nav.nav-tabs::-webkit-scrollbar-thumb{background-color: #1a1a1930; border-radius: 20px;}
.cmb-3{margin-bottom: 15px;}
.checkout-page-wrapper .address-tab-wrapper{max-height: 0; opacity: 0; transition: all 0.3s ease-in-out; overflow: hidden;}
.checkout-page-wrapper .address-tab-wrapper.active{max-height: 1000px; height: max-content; opacity: 1;}
.checkout-page-wrapper button.address-visibility{padding: 0px; width:22px; height:22px; text-align: center; font-size: 14px; align-content: center; box-shadow: 0px 0px 10px 10px #cecece13; color: #28a745; background-color: white; border-radius: 8px; border: 1px solid #28a745;}
.checkout-page-wrapper button.address-visibility:has(i:not(.fa-eye-slash)){background-color: #28a745; color: white;}
.checkout-page-wrapper .address-wrapper .bold label{font-size: 16px; font-weight: 600;}
.checkout-page-wrapper .address-wrapper .bold input{padding: 8px;}
.checkout-page-wrapper .payment-wrapper{background: white; padding: 15px; border-radius: 10px; margin-top: 20px; margin-bottom: 15px;}
.checkout-page-wrapper .payment-wrapper .img-wrapper img{width: 40px;}
.checkout-page-wrapper #prodDetails span{font-size: 13px;margin-bottom: 15px;line-height: 20px;font-weight: 500;}
/* .checkout-page-wrapper .payment-wrapper .choose-header{padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid #1a1a1914;} */
.checkout-page-wrapper .payment-wrapper .choose-header label{font-size: 16px; font-weight: 600; color: #1a1a19;}
.checkout-page-wrapper .payment-wrapper .choose-header input{width: 25px; height: 25px; accent-color: #28a745;}
.checkout-page-wrapper .text-wrapper {padding: 10px;}
.checkout-page-wrapper .text-wrapper p{font-size: 13px; margin-bottom: 15px; line-height: 20px; font-weight: 500;}
.checkout-page-wrapper .text-wrapper  a{font-size: 13px; color: #28a745;}
.checkout-page-wrapper .text-wrapper label{font-size: 13px;}
.checkout-page-wrapper .instruction-title h5{font-size: 18px; font-weight: 500;}