.elementor-15 .elementor-element.elementor-element-abecb26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-209599e{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-15 .elementor-element.elementor-element-209599e:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-209599e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#009A9A;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-6927cc0{text-align:center;}.elementor-15 .elementor-element.elementor-element-6927cc0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-65baa86{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-68ea143{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-68b984a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-15 .elementor-element.elementor-element-68b984a:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-68b984a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-7ec3c34 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-7ec3c34 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-stacked .elementor-icon{background-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-default .elementor-icon{fill:#009A9A;color:#009A9A;border-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-7ec3c34.elementor-view-default:has(:focus) .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-15 .elementor-element.elementor-element-7ec3c34 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-7ec3c34 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-7ec3c34 .elementor-icon-box-title{color:#000000;}.elementor-15 .elementor-element.elementor-element-a7f15ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-15 .elementor-element.elementor-element-a7f15ca:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-a7f15ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-15 .elementor-element.elementor-element-d1ac00f > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-d1ac00f .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-stacked .elementor-icon{background-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-default .elementor-icon{fill:#009A9A;color:#009A9A;border-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-d1ac00f.elementor-view-default:has(:focus) .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-15 .elementor-element.elementor-element-d1ac00f .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-d1ac00f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-d1ac00f .elementor-icon-box-title{color:#000000;}.elementor-15 .elementor-element.elementor-element-e022f90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-15 .elementor-element.elementor-element-e022f90:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-e022f90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-15 .elementor-element.elementor-element-154e633 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-154e633 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-154e633.elementor-view-stacked .elementor-icon{background-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-154e633.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-154e633.elementor-view-default .elementor-icon{fill:#009A9A;color:#009A9A;border-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-154e633.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-154e633.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-154e633.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-154e633.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-154e633.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-154e633.elementor-view-default:has(:focus) .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-15 .elementor-element.elementor-element-154e633 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-154e633 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-154e633 .elementor-icon-box-title{color:#000000;}.elementor-15 .elementor-element.elementor-element-2185ba5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-15 .elementor-element.elementor-element-2185ba5:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-2185ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-15 .elementor-element.elementor-element-b49b596 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-b49b596 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-stacked .elementor-icon{background-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-default .elementor-icon{fill:#009A9A;color:#009A9A;border-color:#009A9A;}.elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-15 .elementor-element.elementor-element-b49b596.elementor-view-default:has(:focus) .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-15 .elementor-element.elementor-element-b49b596 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-b49b596 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-b49b596 .elementor-icon-box-title{color:#000000;}.elementor-15 .elementor-element.elementor-element-f25db79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-be2922d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-9ea4205{--spacer-size:50px;}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-68b984a{--width:46%;}.elementor-15 .elementor-element.elementor-element-a7f15ca{--width:46%;}.elementor-15 .elementor-element.elementor-element-e022f90{--width:46%;}.elementor-15 .elementor-element.elementor-element-2185ba5{--width:46%;}.elementor-15 .elementor-element.elementor-element-f25db79{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-abecb26{--content-width:850px;}.elementor-15 .elementor-element.elementor-element-68ea143{--content-width:850px;}.elementor-15 .elementor-element.elementor-element-68b984a{--width:25%;}.elementor-15 .elementor-element.elementor-element-a7f15ca{--width:25%;}.elementor-15 .elementor-element.elementor-element-e022f90{--width:25%;}.elementor-15 .elementor-element.elementor-element-2185ba5{--width:25%;}.elementor-15 .elementor-element.elementor-element-f25db79{--content-width:800px;}}/* Start custom CSS for shortcode, class: .elementor-element-5b80f6e */.woocommerce-MyAccount-navigation {
display:none;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
/* Change the color of the lost your password link to black */
.lost_password a {
    color: #009a9a;
}

/* Target the asterisk for required fields in WooCommerce */
.woocommerce form .woocommerce-form-row label .required {
    color: #009a9a;
}

/* Change the color of the Privacy Policy link in the register form */
.register a {
    color: #009a9a;
}



.orders a {
    color: #009a9a;
}



/* Hide the default "You have not set up..." messages */
.woocommerce-Address-title + p {
  display: none;
}

/* Style the "Add" links */
.woocommerce-Address-title a {
    background-color: #009a9a; /* Teal background */
    color: #fff; /* White text */
    padding: 8px 12px; 
    border-radius: 4px; 
    text-decoration: none; 
    display: inline-block; 
    margin-top: 5px; 
    margin-right: 180px;
    margin-bottom: 10px;
}

.woocommerce-Address-title a:hover {
    background-color: #000; /* Black background on hover */
    color: #fff; /* White text on hover - important!*/
}


/*Align the "Add" links to the left*/
.woocommerce-Address-title {
    text-align: left; /* Align text content within this container to the left */
}


/* Add some spacing between the address sections */
.woocommerce-Address {
  margin-bottom: 20px;
}

/* Improve the heading styles */
.woocommerce-Address-title h3 {
    font-size: 1.2em;
    margin-bottom: 10px;  
}


/* Optional: Add a border around the address sections */
.woocommerce-Address {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
}


/* Target WooCommerce form fields */
.woocommerce form .form-row {
    margin-bottom: 20px; /* Add space between fields */
}

.woocommerce form label {
    display: block; /* Make labels stack above inputs */
    font-weight: 600;  /* Slightly bolder labels */
    margin-bottom: 5px; 
}


.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;

}


/*Optional: Style the placeholder text*/
.woocommerce form input::placeholder {
    color: #999; /* Light gray placeholder text */
}

.woocommerce form input:focus {
    border-color: #009a9a; /* Teal border on focus */
    outline: none; /* Remove default outline */
    box-shadow: 0 0 5px rgba(0, 154, 154, 0.3); /* Subtle teal shadow */
}

/*Style the description text under the Display Name field*/
.woocommerce form .description {
  font-size: 0.9em;
  color: #777;
}

.woocommerce form .password-input {
  position: relative; /* Needed for eye icon positioning */
}


/* Style the "eye" icons (if you're using a password toggle script)*/
.woocommerce form .password-input .toggle-password { /* Replace .toggle-password with your icon's class */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); /* Vertically center the icon */
    cursor: pointer;
    opacity: 0.6; /*Slightly transparent */
}

.woocommerce form .password-input .toggle-password:hover {
    opacity: 1; 
}

/* Style the Save Changes button */
.woocommerce #place_order_button, .woocommerce input.button.alt {
  background-color: #009a9a;
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.3s ease; /* Smooth transition */
}

.woocommerce #place_order_button:hover, .woocommerce input.button.alt:hover {
  background-color: #000; /* Black on hover */
}


/* Optional: Section headings (if you have any)*/
.woocommerce form h2 {
    font-size: 1.5em;
    margin-bottom: 20px;
}

/* Optional: Overall form container styling */
.woocommerce form {
    max-width: 850px; /* Or adjust to your desired width */
    margin: 0 auto;  /* Center the form */
    padding: 20px;
}


/* Style the order table */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse; /* Collapse borders for cleaner look */
    margin-bottom: 20px;
}


.woocommerce-orders-table th,
.woocommerce-orders-table td {
    padding: 12px;  /* Adjust padding as needed */
    border: 1px solid #ddd; /* Light gray border */
    text-align: left;
}

.woocommerce-orders-table th {
    font-weight: 600;
    background-color: #f5f5f5; /* Light gray background for headers */
}

/* Style the order number */
.woocommerce-orders-table .order-number a {  /* Links in the order # column */
    color: #009a9a;  /* Reddish/Pink color for order number */
    text-decoration: none;
}


/* Style the order status */
.woocommerce-orders-table .order-status {
    padding: 8px 12px; /* Padding around the status */
    border-radius: 4px; /* Rounded corners */
    font-weight: 600; 
}

/* Examples of status colors - customize as needed!*/
.woocommerce-orders-table .order-status.processing {
    background-color: #ffb300;  /* Amber/Orange */
    color: white;
}

.woocommerce-orders-table .order-status.completed {
    background-color: #4caf50;  /* Green */
    color: white;
}

.woocommerce-orders-table .order-status.on-hold {
    background-color: #ffc107; /* Amber/Gold */
    color: white;
}

.woocommerce-orders-table .order-status.cancelled { 
    background-color: #f44336; /* Red */
    color: white;
}

.woocommerce-orders-table .order-status.refunded {
    background-color: #9e9e9e;  /* Gray */
    color: white;
}
/* ... add more status styles as needed ...*/



/* Style the "View" button */
.woocommerce-orders-table .button.view { /* Targets the View button specifically in orders table */
    background-color: #009a9a;
    color: white;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none; /* Remove default link underline */
    transition: background-color 0.3s ease; 
}

.woocommerce-orders-table .button.view:hover {
    background-color: black;
    color: white;
    /*Black on hover*/
}


/*Optional: Make table responsive */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .woocommerce-orders-table {
        display: block;  /* Make table scrollable on smaller screens */
        overflow-x: auto;
    }
}











/* Order details section */
.woocommerce-order-details {
  margin-bottom: 30px;
}

.woocommerce-order-details h2 {
    font-size: 1.8em;
    margin-bottom: 15px;
}

.woocommerce-order-details table {
    width: 100%;
    border-collapse: collapse;
}


.woocommerce-order-details table th,
.woocommerce-order-details table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;  /* or right for totals, as needed */
}


.woocommerce-order-details table th {
    font-weight: 600;
    background-color: #f5f5f5;
}


/* Product list in order details */
.woocommerce-order-details .order_details {
    margin-bottom: 20px;
}
.woocommerce-order-details .order_details li {
    margin-bottom: 10px;
}

.woocommerce-order-details .order_details strong {
   display: block; /* Puts product name on its own line*/
}

.woocommerce-order-details .product-name { /* Product name */
  font-weight: 600;
}


/* Totals table in order details */
.woocommerce-order-details table.woocommerce-table--order-details tfoot th,
.woocommerce-order-details table.woocommerce-table--order-details tfoot td {
    font-weight: 600;  
}


.woocommerce-customer-details {
  display: flex;   /* Use flexbox for two-column layout */
  gap: 20px;      /* Add space between the address blocks */
}

.woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-customer-details .woocommerce-column--shipping-address {
  flex: 1;       /* Make each address block take equal width */
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;

}

.woocommerce-customer-details h3 {
  font-size: 1.4em;
  margin-bottom: 15px;
}

/* Address details styling */
.woocommerce-customer-details address {
    font-style: normal; /* Remove default italics */
    line-height: 1.6;
    margin-bottom: 10px;
}

/*Optional: Styles for links/icons within the address */
.woocommerce-customer-details address a {
  color: #007bff; /* Example: blue link */
  text-decoration: none;
}


/* Optional: Responsive adjustments */
@media (max-width: 768px) { /* Adjust breakpoint if needed */
  .woocommerce-customer-details {
    flex-direction: column; /* Stack addresses vertically on smaller screens */
  }
}


/*Optional: Style order status in the order details summary at top */
.woocommerce-order-overview .order-status {
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 600;
}

/* Examples of status colors (customize as in previous examples) */
.woocommerce-order-overview .order-status.processing { /* ... */ }
.woocommerce-order-overview .order-status.completed { /* ... */ }
/* ...add other status colors... */

.woocommerce-table--order-details a {
  color: #009a9a; /* Teal color */
}

.woocommerce-table--order-details a:hover {
  color: black; 
}/* End custom CSS */