/* Style for the "Find My Solution" Button */
.find-solution-btn {
    background-color: var(--billi-blue) !important;
    color: white !important;
    border-radius: 4px;
    padding: 8px 15px !important;
    font-weight: bold;
}

/* Style for the Home/Commercial Toggle */
.market-toggle {
    border: 1px solid white;
    border-radius: 20px;
    padding: 2px;
} 
/*//////311225////*/ 
.left-side-filter .wpc-filter-header .widget-title{
font-size: 16.5px;
    font-weight: 600;
    color: #06213E;
cursor: pointer;
}
.left-side-filter .wpc-filter-header{
	font-size: 16.5px;
    font-weight: 600;
    color: #06213E;
	border-bottom: 1px solid #000;
}
.left-side-filter .wpc-filters-section {
    margin-bottom: 6px;
    position: relative;
}
.left-side-filter .wpc-filters-main-wrap li.wpc-term-item a {
    font-weight: 600;
    font-size: 14px;
    color: #231F20;

}
.left-side-filter .wpc-filters-main-wrap .wpc-term-item-content-wrapper{
	padding-left:8px;
}
/*///checkbox//*/
/* default checkbox hide */

.left-side-filter input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  display: inline-block !important;
  position: relative !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
}

/* checked state */
.left-side-filter input[type="checkbox"]:checked {
  background-color: #fff !important;
}

/* check mark */
.left-side-filter input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: -7px !important;
  width: 7px !important;
  height: 16px !important;
  border: solid #111 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

.left-side-filter .wpc-filters-main-wrap ul.wpc-filters-ul-list {
    list-style: none;
    padding: 9px 0 0;
    margin-left: 0;
    float: none;
}
.left-side-filter input[type=checkbox].wc-block-product-filter-checkbox-list__input:checked+.wc-block-product-filter-checkbox-list__mark {
       display: none !important;
}
.left-side-filter .wc-block-product-filter-checkbox-list__input-wrapper:before {
    background: rgb(255 255 255) !important;
       left: -1px !important;
       top: 8px !important;
   }
/*///icon////*/
.wpc-filter-visible-term-names {
  position: relative;
    cursor: pointer;
}

/* arrow bg */
.wpc-filter-visible-term-names::after {
  content: "";
  position: absolute;
  right: 0;
  z-index: -1;
  top: 14px;
  width: 12px;
  height: 8px;
  background-image: url("https://dapepo.wordifysites.com/wp-content/uploads/2025/12/ico-top.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

/* rotate only icon */
.wpc-filter-visible-term-names.life_side_fitler_accordion_hide::after {
  transform: translateY(-50%) rotate(180deg);
}
/*/////////banner-heading///////////*/
.banner-heading{
	font-size:40px;
	color:#fff;
}
/*/////////product_box///////////*/



/* Rating */
.product_box .rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.product_box .stars {
  color: #1e88e5;
  font-size: 18px;
  font-weight: bold;
}

.product_box .count {
  font-size: 14px;
}

/* Modes */
.product_box .modes {
  display: flex;
  gap: 12px;
  margin-bottom: 22px;
}



/* Feature list */
.product_box .features {
  padding-left: 16px;
}

.product_box .features li {
  margin-bottom: 6px;
 font-size: 12px;
 font-weight: 600;
}

/*////////pagination///////*/
.page-numbers.prev, .page-numbers.next {
    border: 0;
    width: 0;
    margin: 0 !important;
}
.page-numbers {
    border: 1px solid #06213E;
    width: 28px;
    height: 31px;
    display: inline-table;
    text-align: center;
    line-height: 28px;
    color: #06213E;
margin-right: 3px !important;
    margin-left: 3px !important;
}
.page-numbers.current{
	background: #06213E;
color:#ffffff;
}
.elementor-pagination {
    text-align: center;
    margin-top: 39px;
}
/*///////my-account-tabs////*/

.my-account-banner-section{display:none!important;}
body.logged-in .my-account-banner-section{display:block !important;}

#logout-btn-tab{
	background-color:#000031;
	color:#ffffff;
}

.stars-fill {
    display: inline-block;
    font-size: 18px; /* Adjust star size */
    font-family: Times; /* Ensure stars look standard */
    line-height: 1;
    
    /* This creates the fill effect */
    background:linear-gradient(90deg, 
        #0079C9 var(--rating-width), 
        #e0e0e0 var(--rating-width)
	    );
    
    /* This clips the background to the shape of the stars */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
font-weight:600;
}
.my-custom-outer-product-box h2{
	line-height: 1;
}
.my-custom-outer-product-box h2 a{
	color: #000031;
	font-size:14px;
	font-weight:600;
}
.my-custom-outer-product-box .woocommerce-loop-product__title{
	margin-bottom:4px;
	line-height: 1;
	padding: 0 16px !important;
}
.my-custom-outer-product-box .rating .count{
	font-size: 12px;
    color: #000000;
}
.my-custom-outer-product-box .rating{
	margin-bottom: 4px;
}
.my-custom-outer-product-box .rey-productThumbnail {
    margin-bottom: 0;
	padding: 16px;
}
.my-custom-outer-product-box .custom-archive-text ul {
	padding-left: 14px;
    font-size: 12px;
    color: #000;
    list-style: disc;
	    padding-bottom: 28px;
}
.my-custom-outer-product-box .archive-feature-icons
 {
    display: flex;
    gap: 8px;
}
.my-custom-outer-product-box{
	border: 1px solid #06213E;
      border-radius: 6px;
}
.my-custom-outer-product-box .custom-shortcode-wrapper {
    padding: 0 16px;
}


.my-custom-outer-product-box .custom_btn_add_to_cart, .my-custom-outer-product-box  .rey-productLoop-footer
 {
    background: #06213E;
    color: #fff;
    padding: 12px;
    text-align: center;
    border-radius: 0 0 3px 3px;
}

.my-custom-outer-product-box .rey-productLoop-footer .price {display:none;}
.my-custom-outer-product-box .rey-productLoop-footer .rey-productFooter-inner .button{color:#ffffff !important;text-decoration: none !important;    font-style: inherit !important;}


/*///////*/
/* ===============================
   FIX WOOCOMMERCE DEFAULT LAYOUT
=================================*/
.new-tabs .woocommerce-MyAccount-navigation,
.new-tabs .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

.new-tabs .woocommerce-MyAccount-content {
    clear: both;
}

/* Remove unwanted <br> */
.new-tabs .woocommerce-MyAccount-navigation a br {
    display: none;
}

/* ===============================
   OUTER BOX
=================================*/
body.logged-in .new-tabs .woocommerce {
   	 position: relative;
    bottom: 48px;
	font-family: "Open Sans"
}

body.logged-in.woocommerce-account .addresses .title .edit {
    float: inherit;
}
/* ===============================
   NAVIGATION TABS
=================================*/

.new-tabs .woocommerce-MyAccount-navigation {
       margin: 0;
}

.new-tabs .woocommerce-MyAccount-navigation ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
	gap: 10px;
}

.new-tabs .woocommerce-MyAccount-navigation ul li {
    margin: 0;
}

/* Default tab */
.new-tabs .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 26px;
    background: #0079C9;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    border-radius: 2px 2px 0 0;
    transition: all 0.3s ease;
	
}

/* Hover */
.new-tabs .woocommerce-MyAccount-navigation ul li a:hover {
    background: #ffffff;
    color: #2f6fab;
}

/* Active tab */
.new-tabs .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #ffffff;
    color: #2f6fab;
    border-bottom: 1px solid #ffffff;
}

/* Logout button (last tab dark navy) */
.new-tabs .woocommerce-MyAccount-navigation ul li:last-child a {
	color: #fff;
    background: #1b2248;
    border-right: none;
}

.new-tabs .woocommerce-MyAccount-navigation ul li:last-child a:hover {
    background: #ffffff;
    color: #1b2248;
}
.new-tabs .woocommerce form .form-row .input-text, .new-tabs .woocommerce form .form-row select{
	border-radius: 2px;
border: 0.5px solid #707070;
    padding: 14px;
}
.new-tabs .woocommerce form .form-row .required {
    color: #707070;
}
.new-tabs #account_display_name_description {
    color: #707070;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: italic;
	top: 10px;
    position: relative;
}
.new-tabs fieldset{
	padding: 0;
}
.woocommerce-edit-account .new-tabs .woocommerce-MyAccount-content button.woocommerce-Button.button,
.new-tabs .woocommerce-MyAccount-content button[name='save_address']
 {
    font-size: 16px;
    font-weight: 700;
    max-width: 100%;
    width: 100%;
    background: #000031;
    color: #fff;
    border-radius: 0;
    margin-top: 28px;
    padding: 12px;
}

.new-tabs .woocommerce form .form-row label {
    line-height: 2;
    color: #707070;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
   }
/* ===============================
   CONTENT AREA
=================================*/
.new-tabs .woocommerce-MyAccount-content {
   
    background: #ffffff;
}

/* Remove extra spacing */
.new-tabs .woocommerce-info {
    margin: 0;
}

.woocommerce-dashboard .new-tabs .woocommerce-MyAccount-content h4 {
    color: #000031;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 32px;
}
.woocommerce-dashboard .woocommerce-MyAccount-content{
	padding:80px 0;
}
.woocommerce-orders .woocommerce-MyAccount-content{
	padding:45px 0;
}
.woocommerce-edit-address .woocommerce-MyAccount-content{
	padding:65px 0;
}
.woocommerce-edit-account .woocommerce-MyAccount-content{
	padding:54px 0;
}
.woocommerce-view-order .woocommerce-MyAccount-content{
	padding:54px 0;
}
.woocommerce-edit-account .woocommerce-MyAccount-content h4{
	color: #000031;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    margin-top: 16px;
    padding: 3px;
    margin-bottom: 24px;

}
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm label, #customer_login form label{
	margin-bottom: 10px;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm br { display: none; } 

#customer_login form br { display: none; }

#customer_login h2 {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
#customer_login .woocommerce-form-login .woocommerce-form-login__submit {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: #000031;
    width: 100%;
    padding: 12px;
	border-radius: 0;
margin-top: 16px;
}

.woocommerce-lost-password h2 {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.woocommerce-lost-password p {
    color: #707070;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
}
.woocommerce-lost-password br {
	
}
.woocommerce-lost-password label{
	margin-bottom: 10px;
	text-align: left;
}
.woocommerce-lost-password .u-columns.col2-set {
    padding-top: 100px;
    overflow-x: hidden;
    height: calc(100vh - 80px);
    overflow-y: auto;
}
.woocommerce-lost-password form br { display: none; }
.woocommerce-lost-password form br.show_br_tag { display: block; }
.woocommerce-lost-password form .form-row-first{
	    width: 100%;
}
.woocommerce-lost-password button.woocommerce-Button.button {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: #000031;
    width: 100%;
    padding: 12px;
	border-radius: 0;
margin-top: 16px;
}
#customer_login .lost_password {
    color: #07074E;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
	padding: 0 3px;

}
#customer_login .u-column1.col-1 {
 
    padding-top: 100px;
}
#customer_login .u-column2.col-2 {
    position: relative;
   background: rgba(233, 236, 237, 0.20);
    z-index: 1;
    padding-top: 100px;
}

#customer_login .u-column2.col-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;      
 width: 100vw; 
    height: 100%;
   background: rgba(233, 236, 237, 0.20);
}
.page-id-723{
	overflow-x: hidden;
}

#customer_login .woocommerce-form-register__submit
 {
    color: #000031;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    padding: 12px;
    margin-top: 16px;
    border: 1px solid #000031;
    background: #FFF;
    border-radius: 0;
}


#customer_login form.login, #customer_login form.register {
    border: 0;
  }

.woocommerce form .form-row {
    margin: 0 0 16px;
}
.woocommerce-edit-address .woocommerce-MyAccount-content address {
    font-size: 14px;
    color: #000031;
	font-family: "Open Sans";

}
.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    opacity: .6;
}

.woocommerce-edit-address .woocommerce-MyAccount-content h2 {
    color: #000;
      font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-top: 28px;
	margin-bottom: 0px;
}
.woocommerce-orders .woocommerce-MyAccount-orders a.button{
	font-weight: 400 !important;
      color: #000000 !important;
    background-color: #e9e6ed00 !important;
}
#password-validation-checklist .rule-invalid, #password-validation-checklist .rule-valid {
 
    font-size: 12px;
    padding-left: 25px;
}
#password-validation-checklist .rule-invalid {
    color: #ff2c2c !important;
}
#password-validation-checklist .rule-valid {
    color: #0CA755 !important;
}
#password-validation-checklist .rule-item {
    margin-bottom: 6px !important;
  }
#password-validation-checklist p{
	 color: #7E7F83;
    font-size: 12px;

}
#customer_login .woocommerce-privacy-policy-text p{
	color: #7E7F83;
    font-size: 12px;
	margin-top:24px;

}
#customer_login .woocommerce-privacy-policy-text a{
text-decoration: underline;
    color: #707070;
}

.woocommerce-checkout .input-text, .woocommerce-checkout .select2-selection__rendered{
	border-radius: 2px !important;
   /* border: 0.5px solid #707070 !important;*/
    padding: 14px !important;
	color: #707070 !important;
}
.woocommerce-checkout h3{
 color: #000;
font-family: "Open Sans" !important;
font-size: 20px;
font-style: normal;
font-weight: 600;
}
.woocommerce-checkout .checkout-product-wrapper {
	display: flex;
    align-items: center;
    gap: 10px;
}
.woocommerce-checkout table.shop_table td{
	border: 0;
}
.woocommerce-checkout span.product-badge {
    background: #0079C9;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
position: absolute;
    right: -10px;
    top: -10px;
}
.woocommerce-checkout .custom-coupon-wrapper {
    display: flex;
    gap: 20px;
}

.woocommerce-checkout input#coupon_code {
    border-radius: 8px !important;
    border-color: lightgray;
}
 .woocommerce-checkout table.shop_table tbody th, .woocommerce-checkout table.shop_table tfoot td, .woocommerce-checkout table.shop_table tfoot th  {
    font-weight: 400;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border: 0;
    padding: 3px 20px;
	font-family: "Open Sans";
}
 .woocommerce-checkout table thead:first-child tr:first-child th{
	    border: 0;

}
 .woocommerce-checkout table.shop_table {
    border: 0;
}
.woocommerce-checkout .order-total td .woocommerce-Price-amount{
	font-size: 20px;
    font-weight: 700  !important;
 font-family: "Open Sans";

}
.woocommerce-checkout .order-total td {
	display: flex;
	gap: 12px;
}
.woocommerce-checkout .bg-custom-2 thead {
    display: none;
}

.woocommerce-checkout span.currency_txt {
    font-size: 12px;
}
.woocommerce-checkout .order-total th{
font-size: 20px;
    font-weight: 600 !important;
    font-family: "Open Sans";
}
.woocommerce-checkout .bg-custom-1 {
	 padding: 70px;
}
.woocommerce-checkout .bg-custom-2 {
    position: relative;
   background: rgba(233, 236, 237, 0.20);
    z-index: 1;
    padding: 70px;
}

.woocommerce-checkout .bg-custom-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;      
 width: 100vw; 
    height: 100%;
   background: rgba(233, 236, 237, 0.20);
}

.woocommerce-checkout{
overflow-x:hidden;
}
.woocommerce-checkout .checkout-img-container {
    position: relative;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt{
	font-size: 16px;
    font-weight: 700;
    width: 100%;
    background: #000031;
    color: #fff;
    border-radius: 0;
    margin-top: 28px;
    padding: 12px;
    float: left !important;
	 border: 1px solid #000031;

}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover{
	background-color: #ffffff00;
    color: #000031;
    border: 1px solid #000031;
}
h3#ship-to-different-address{
color: #000;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
}
h3#ship-to-different-address span{
	margin-left:14px;
}
/* Main Wrapper */
.rdx-returning-box {
    max-width: 100%;
}

/* Inner Box */
.rdx-returning-box .rdx-box-inner {
   background: #0079C9;
    padding: 42px 30px;
    border-radius: 10px;
    color: #fff;
}

/* Text */
.rdx-returning-box .rdx-text h5 {
    font-size: 18px;
    font-weight: 500;
}

/* Login Link */
.rdx-returning-box .rdx-login-link {
    color: #ffffff;
    text-decoration: underline;
    font-size: 14px;
    margin-right: 15px;
    transition: 0.3s ease;
}

.rdx-returning-box .rdx-login-link:hover {
    opacity: 0.8;
}

/* Arrow Circle */
.rdx-returning-box .rdx-arrow {
    width: 36px;
    height: 36px;
    background: #ffffff;
    color: #1877b9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: 0.3s ease;
}

.rdx-returning-box .rdx-arrow:hover {
    transform: translateX(4px);
}

 .rdx-returning-box .rdx-login {
       margin-left:auto;
    }

/* Responsive */
@media (max-width: 576px) {
    .rdx-returning-box .rdx-box-inner {
                padding: 20px;
    }

    .rdx-returning-box .rdx-login {
        justify-content: center;
    }
}

/*/////////table/////*/

/* Table Wrapper */
.woocommerce-MyAccount-orders {
    width: 100%;
    border: 1px solid #dcdcdc;
    border-collapse: separate;
    border-spacing: 0;
    background: #f9f9f9;
    font-family: Arial, sans-serif;
}

/* Table Head */
.woocommerce-MyAccount-orders thead {
    background: #ffffff;
}

.woocommerce-MyAccount-orders thead th {
    padding: 16px 20px !important;
    font-size: 14px;
    border: 0;
    color: #0079C9;
    text-align: center;
}

/* Table Body Rows */
.woocommerce-MyAccount-orders tbody tr {
    background: #ffffff;
 
}
.new-tabs .woocommerce-MyAccount-content p{
	font-size:14px;
	color:#000031;
	font-family: "Open Sans";
}
.new-tabs .woocommerce-MyAccount-content p a{
	font-family: "Open Sans";
	font-size:14px;
	color:#000031;
}
.rule-invalid {
  position: relative;
  padding-left: 30px; /* icon ke liye space */
}

.rule-invalid::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("https://dapepo.wordifysites.com/wp-content/themes/billi/assets/images/tick_red.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.rule-valid {
  position: relative;
  padding-left: 30px; /* icon ke liye space */
}

.rule-valid::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("https://dapepo.wordifysites.com/wp-content/themes/billi/assets/images/tick_green.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.rule-icon {
       display: none;
}

/* Alternate Row */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th
 {
    background-color: #F3F6F6 !important;
}


/* Table Cells */
.woocommerce-MyAccount-orders tbody th,
.woocommerce-MyAccount-orders tbody td {
    padding:6px 20px !important;
    font-size: 14px;
    color: #000000;
    border: none;
text-align: center;
}
.woocommerce-MyAccount-orders tbody p {
   color: #000000 !important;
}

.woocommerce-orders table.shop_table{
	 border: 0.5px solid #7E7F83;
    border-radius: 0;
}
.woocommerce-orders tbody,
.woocommerce-orders td,
.woocommerce-orders tfoot,
.woocommerce-orders th,
.woocommerce-orders thead,
.woocommerce-orders tr{
	border:none !important;
}
/* Order Number Bold */
.woocommerce-orders-table__cell-order-number a {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

/* Remove extra <p> spacing inside cells */
.woocommerce-MyAccount-orders td p,
.woocommerce-MyAccount-orders th p {
    margin: 0;
}



/* Responsive Improvement */

@media only screen and (min-width: 768px) {
  .woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm, .woocommerce-edit-address .woocommerce-MyAccount-content form { 
    width: 50%; 
  }
}


@media (max-width: 768px) {
.rdx-returning-box .rdx-box-inner {
    background: #0079C9;
    padding: 12px 24px;
    border-radius: 10px;
    color: #fff;
display: block !important;
}
.rdx-returning-box .rdx-arrow {
    float: right;
}
.rdx-login{
	display: inline-block !important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
}
.woocommerce-checkout .bg-custom-2 {
      padding: 30px 10px 10px 10px;
}
.woocommerce-checkout .bg-custom-1 {
	    padding: 10px 10px 10px 10px;
}

#customer_login .u-column1.col-1 {
 
    padding-top: 30px;
}
#customer_login .u-column2.col-2 {

    padding-top: 30px;
}
    .woocommerce-MyAccount-orders thead {
        display: none;
    }

    .woocommerce-MyAccount-orders tr {
        display: block;
        margin-bottom: 15px;
        background: #f3f3f3;
        padding: 15px;
    }

    .woocommerce-MyAccount-orders td,
    .woocommerce-MyAccount-orders th {
        display: block;
        padding: 8px 0;
    }
}

/* =====================================
   MOBILE MY ACCOUNT TABS DESIGN
=====================================*/
@media (max-width: 880px) {
.new-tabs .woocommerce-MyAccount-navigation ul li:last-child a {
    color: #777;
    background: none;
    border-right: none;
}
.new-tabs .woocommerce {
    position: relative;
    bottom: -20px !important;
    font-family: "Open Sans";
}

    /* Remove side layout */
    .new-tabs .woocommerce-MyAccount-navigation,
    .new-tabs .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
    }

    /* Navigation wrapper */
    .new-tabs .woocommerce-MyAccount-navigation {
        border-bottom: 1px solid #e5e5e5;
        overflow-x: auto;
    }

    /* UL horizontal scroll */
    .new-tabs .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        list-style: none;
        scrollbar-width: none;
    }

    .new-tabs .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none;
    }

    /* Remove <br> */
    .new-tabs .woocommerce-MyAccount-navigation a br {
        display: none;
    }

    /* Default tab */
    .new-tabs .woocommerce-MyAccount-navigation ul li {
        flex: 0 0 auto;
    }

    .new-tabs .woocommerce-MyAccount-navigation ul li a {
        background: transparent;
        color: #777;
        padding: 14px 18px;
        font-size: 14px;
        font-weight: 500;
        border: none;
        border-bottom: 2px solid transparent;
    }

    /* Active tab */
    .new-tabs .woocommerce-MyAccount-navigation ul li.is-active a {
        color: #2f6fab;
        border-bottom: 2px solid #2f6fab;
        background: transparent;
    }

    /* Hover */
    .new-tabs .woocommerce-MyAccount-navigation ul li a:hover {
        color: #2f6fab;
    }

    /* Content padding */
    .new-tabs .woocommerce-MyAccount-content {
        padding: 20px 15px;
    }
}
/* ===============================
   RESPONSIVE
=================================*/
@media (max-width: 768px) {
    /* .new-tabs .woocommerce-MyAccount-navigation ul {
        flex-wrap: wrap;
    }

    .new-tabs .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 50%;
    }*/
}

