/* ===============my-account/================= */

.page-id-24.woocommerce-dashboard .woocommerce, .page-id-24.woocommerce-orders .woocommerce, .page-id-24.logged-in .woocommerce{
display: flex !important;
gap: 50px !important;
}

.page-id-24 .product-sec .product-con.whiteBg-color{
margin-top: -320px;
padding: 30px;
}

.page-id-24 .woocommerce-MyAccount-navigation ul{
padding: 0;
list-style: none;
}

.page-id-24 .woocommerce-MyAccount-navigation ul li a,
.page-id-24 .woocommerce-address-fields .button{
margin-bottom: 15px;
color: #0E0D0D;
text-align: center;
font-family: "Albert Sans";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal; 
letter-spacing: 0.32px;
/* border-radius: 30px; */
border: 1px solid #D9D9D9;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 20px;
white-space: nowrap;
transition: all 0.5s ease;
position: relative;
/* z-index: 3; */
}

.page-id-24 .woocommerce-MyAccount-navigation ul li.is-active a,
.page-id-24 .woocommerce-MyAccount-navigation ul li a:hover{
border: 1px solid rgba(165, 24, 40, 0.22);
background: #F2DD84;
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.07);
/* border-radius: 0 50px 50px 0; */
}


.page-id-24 .woocommerce-MyAccount-navigation ul li.is-active a::after{
content: "";
background: #F2DD84;
position: absolute;
width: 38px;
height: 38px;
right: -20px;
transform: translateY(-50%);
top: 11%;
transform: rotate(45deg);
border-radius: 6px 0px 0px 0px;
z-index: -1;
}

.page-id-24 .woocommerce-MyAccount-content p a, .page-id-24 .woocommerce-info a{
color: #79003B;
}
.page-id-24 .woocommerce-MyAccount-content p a:hover, .page-id-24 .woocommerce-info a:hover{
color: rgba(45, 45, 45, 0.90);
text-decoration: underline;
font-weight: 500;
}

a:focus{
outline: unset;
}

.page-id-24 .woocommerce-MyAccount-content{
width: 100% !important;
overflow-x: auto;
}

.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table{
border: 1px solid #D9D9D9;
background: #FFF;
}

.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table thead tr{
background: #F2DD84;
}

.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table :where(th, td){
padding: 10px 15px !important;
border: 1px solid #838383;
}

.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table td a,
.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table th a{
color: #AB0154;
font-weight: 800;
}

.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table td a:hover,
.page-id-24 .woocommerce-MyAccount-content .woocommerce-orders-table th a:hover,
.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses a:hover{
color: #2D2D2D !important;
text-decoration: underline;
}

.page-id-24 .woocommerce-info{
color: rgba(45, 45, 45, 0.90);
font-family: "Albert Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}

.page-id-24 .woocommerce-MyAccount-content p{
margin-bottom: 20px;
}

.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses,
.page-id-24 .shipping-address{
display: flex;
justify-content: space-between;
border: 1px solid;
padding: 20px;
background: #fff;
gap: 20px;
}

.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses :where(.col-1, .col-2){
width: 40%;
}

.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses h3,
.page-id-24 form h3, .woocommerce-MyAccount-content h4,
.page-id-24 .woocommerce-MyAccount-content h3,
.page-id-24 .shipping-address h2, .page-id-24 .order-details h2{
color: #0E0D0D;
font-family: "Latin CG Elongated";
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.52px;
}

.page-id-24 .shipping-address h2{
margin-bottom: 20px;
}

.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses a{
color: #79003B;
font-family: "Times New Roman";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30px;
text-decoration: underline;
margin-bottom: 10px;
display: inline-block;
}

.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses address,
.page-id-24 .billing-box :where(address, p){
color: #0E0D0D;
font-weight: 500;
}

.page-id-24 .order-details h2{
margin-bottom: 10px;
padding: 10px 30px !important;
}

.page-id-24 .order-details table tr td{
vertical-align: middle;
}

.page-id-24 .order-details table {
margin-bottom: 0;
}

.page-id-24 .shipping-address .row{
width: 100%;
}

.page-id-24 .order-details{
border: 1px solid;
background: #fff;
margin-bottom: 20px;
}


.page-id-24 .woocommerce-address-fields__field-wrapper p,
.page-id-24 .woocommerce-EditAccountForm.edit-account p{
display: flex;
flex-direction: column;
}

.page-id-24 .woocommerce-address-fields__field-wrapper p input,
.select2-container--default .select2-selection--single,
.page-id-24 .woocommerce-EditAccountForm.edit-account p input{
border-radius: 4px;
border: 1px solid rgba(14, 13, 13, 0.34);
background: rgba(255, 255, 255, 0.90);
height: 48px;
width: 100% !important;
padding: 10px;
}

.select2-container--default .select2-selection--single{
display: flex;
align-items: center;
}

.page-id-24 .woocommerce-address-fields__field-wrapper p label,
.page-id-24 .woocommerce-EditAccountForm.edit-account p label{
color: #0E0D0D;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}

.page-id-24 .woocommerce-EditAccountForm.edit-account p em{
font-size: 15px !important;
}

.page-id-24 .woocommerce-address-fields__field-wrapper p input::placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.page-id-24 .woocommerce-EditAccountForm.edit-account p input::placeholder{
color: rgba(14, 13, 13, 0.40);
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top: 50%;
right: 10px;
transform: translateY(-50%);
}

.page-id-24 .woocommerce-address-fields,
.page-id-24 .woocommerce-EditAccountForm.edit-account{
border-radius: 20px;
background: #FFFDF6;
border: 1px solid rgba(14, 13, 13, 0.34);
padding: 30px;
}

.page-id-24 .woocommerce-address-fields .button,
.page-id-24 .woocommerce-EditAccountForm.edit-account .button{
border-radius: 6px;
border: 1px solid #FFF;
background: #C60262;
max-width: 200px;
width: 100%;
color: #fff;
margin-top: 40px;
height: 52px;
}

.page-id-24 .woocommerce-EditAccountForm.edit-account .button{
margin-top: 20px; 
}

.page-id-24 .woocommerce-address-fields .button:hover,
.page-id-24 .woocommerce-EditAccountForm.edit-account .button:hover{
border: 1px solid #C60262;
background: transparent;
color: #0E0D0D;
}

.page-id-24 .woocommerce-EditAccountForm.edit-account fieldset{
padding: 0;
}

.page-id-24 .wt-mycoupons{
display: flex;
flex-direction: column;
gap: 10px;
}

.page-id-24 .wt-mycoupons .wt_sc_available_coupon_sort_by{
float: unset;
}

#scrollVoucherBalance input:first-child{
border-radius: 4px;
border: 1px solid rgba(14, 13, 13, 0.34);
background: rgba(255, 255, 255, 0.90);
height: 48px;
padding: 10px;
}

#scrollVoucherBalance input:last-child{
border-radius: 4px;
border: 1px solid #FFF;
background: #C60262;
height: 48px;
color: #FFF;
text-align: center;
font-family: "Albert Sans";
}

#scrollVoucherBalance{
display: flex;
align-items: center;
gap: 5px;
}

@media (max-width:991px){
.page-id-24 .woocommerce,
.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses, #scrollVoucherBalance{
flex-wrap: wrap;
}
.page-id-24 .woocommerce-MyAccount-navigation ul{
display: flex;
flex-wrap: nowrap;
justify-content: start;
gap: 10px 20px;
overflow-x: auto;
width: 100%;
align-items: center;
}
.page-id-24 .woocommerce-MyAccount-navigation ul li.is-active a::after{
display: none;
}
.page-id-24 .woocommerce {
gap: 15px !important;
}
.page-id-24 .woocommerce-MyAccount-navigation{
overflow-x: auto;
}
.page-id-24 .product-sec.whiteBg-color {
padding: 104px 0 30px;
}
.page-id-24 .product-sec .product-con.whiteBg-color {
margin-top: -250px;
}

.page-id-24 .woocommerce-address-fields, .page-id-24 .woocommerce-EditAccountForm.edit-account{
padding: 20px;
}
.page-id-24 .woocommerce-address-fields .button, .page-id-24 .woocommerce-EditAccountForm.edit-account .button{
max-width: 100%;
}
.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses h3, .page-id-24 form h3, 
.woocommerce-MyAccount-content h4, .page-id-24 .woocommerce-MyAccount-content h3{
font-size: 35px;
}
}


@media (max-width:670px) {
#scrollVoucherBalance input{
width: 100% !important;
}
.page-id-24 .u-columns.woocommerce-Addresses.col2-set.addresses :where(.col-1, .col-2) {
width: 100%;
}
.addCart-table, .wc-proceed-to-checkout a{
max-width: 100% !important;
}
.page-id-24 .order-details{
overflow-x: auto;
}
}




/* ======================== cart page ================================= */

.page-id-138 .qib-button-wrapper{
border-radius: 5px;
background: #FFFDF6;
}

.page-id-138 .qib-button-wrapper button.qib-button,
.page-id-138 .qib-button-wrapper .quantity input.input-text.qty.text,
.page-id-138 .qib-button-wrapper .minus.qib-button, .page-id-138 .qib-button-wrapper .plus.qib-button{
border: 0;
background: unset !important;
}

.page-id-138 .qib-button-wrapper button.qib-button{
font-size: 23px;
width: 20px;
}

.page-id-138 .qib-button-wrapper .minus.qib-button{
font-size: 30px;
}

.page-id-138 .addCart-coupon .input-group input,
input#wpgv-redeem-gift-voucher-number{
padding: 15px;
}
.addCart-coupon .input-group .btn{
max-width: 140px !important;
}

.page-id-138 .cart_totals{
padding: 0 !important;
}

.page-id-138 .cart_totals :where(th, td){
padding:20px !important;
}
.page-id-138 .wc-proceed-to-checkout a,
.page-id-138 .wc-proceed-to-checkout a:hover{
border: 0;
border-radius: 0;
}

.page-id-138 .cart_totals table tr p{
margin-bottom: 10px;
font-size: 16px;
}

.page-id-138 .cart_totals table tr form a, .page-id-24 .order-details table h5 a{
color: #AB0154;
}

.page-id-138 .cart_totals table tr form a:hover, .page-id-24 .order-details table h5 a:hover{
color: #404040;
text-decoration: underline;
}

.page-id-138 .cart_totals table{
margin-bottom: 0;
}

.page-id-138 .cart_totals table tr{
border-bottom: 1px solid #0E0D0D4D;
}

