/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* <<<<<<<<<<<<<<<<<<<<<<<<<@global>>>>>>>>>>>>>>>>>>>> */
 
div#wb-header-tablet {
  display: none;
}
 
.fit-content {
  width: fit-content !important;
}
.wpf_items_wrapper ul.wpf_column_vertical li {
  margin-right: 0 !important;
}

#et-boc header .et_builder_inner_content {
  background-color: #f0f0f0 !important;
  padding: 15px 0px;
}

.slick-track {
  display: flex;
  align-items: center;
}

#mb-header #mb-header-row .fit-content {
  width: fit-content !important;
}

div#header-menu ul {
  flex-wrap: nowrap !important;
}

div#header-menu #menu-menu li {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
}

div#header-menu #menu-menu li a {
  padding: 18px 12px;
}

div#header-menu #menu-menu li.current_page_item a,
div#header-menu #menu-menu li a:hover {
  color: #663399 !important;
}

.login-icon-cart a {
  display: flex;
}

div#header-menu ul li {
  width: max-content;
}

img {
  pointer-events: none;
}

.header-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.margin-right {
  margin-right: 0 !important;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-wrap {
  display: flex;
  align-items: top;
  justify-content: center;
  flex-wrap: wrap;
}

div#header-blurb h4 {
  padding: 0;
}

div#header-blurb .et_pb_blurb_content {
  display: flex !important;
  align-items: center;
}

#header-blurb .et_pb_main_blurb_image {
  margin-bottom: 0;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<@global>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<header-start >>>>>>>>>>>>>>>>>>>>>>>>>>> */

.has_et_pb_sticky div#wb-header,
.et_pb_sticky#mb-header {
  background-color: #ffffffe3 !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.login-icon-cart {
  width: fit-content !important;
}

div#wb-header {
  transition: 0.6s all;
}

.login img,
.logout img {
  width: 28px;
  height: 100%;
}

/* #header-menu .et-menu .menu-item-has-children > a:first-child:after {
  right: 0;
  top: 0;
  content: "";
  background-image: url(../../uploads/2023/10/downward-arrow.svg);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
} */

#header-menu .my-account,
li.login_user,
.current-user-info,
li.cart-menu {
  display: none !important;
}

.cart-count {
  display: flex;
}

p.cart-count-text {
  width: 18px;
  height: 18px;
  color: #fff;
  background: #663399;
  padding: 2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-family: "Wix Madefor Text Regular";
  font-size: 10px;
  justify-content: center;
  margin-left: -8px;
}

.cart-count img {
  width: 30px;
}

img.user-image {
  width: 50px;
  margin: 0 auto;
  border-radius: 50%;
}

span.user-name {
  font-family: "Bebas Neue";
  font-size: 20px;
  letter-spacing: 1px;
  color: #663399;
  margin-top: 5px;
}

#header-menu a#mb-logout,
#header-menu a#mb-login {
  background: #663399;
  color: #fff !important;
  font-family: "Wix Madefor Text Bold";
  letter-spacing: 1px;
  width: 200px;
  margin: 0 auto;
  padding: 5px;
  margin-top: 10px;
  border-radius: 30px;
}

div#cart-wb-header {
  display: none;
}

.logged-in div#cart-wb-header {
  display: block;
}

/* <<<<<<<<<<<<<<<<<<<<header-End >>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<footer-start>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

footer .lwp-vertical-menu ul {
  flex-direction: column;
  gap: 10px;
}

footer .lwp-vertical-menu li {
  width: fit-content;
}

.user-menu {
  display: none;
}

.user-menu-toggle.open .user-menu {
  display: block;
}

#phone a {
  color: #fff;
}
.entry-content .woocommerce .woocommerce-message a {
  color: #fff !important;
  text-decoration: underline;
}
/* <<<<<<<<<<<<<<<<<<<<footer-End>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.spinner {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.main-circle {
  display: flex;
  width: 500px;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffff;
}

.circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 50%;
}

#circle-1 {
  background-color: #663399;
  animation: rotation 5s linear infinite;
}

#circle-2 {
  background-color: #000;
  animation: rotation 4s linear infinite;
}

#circle-3 {
  background-color: #007ec5;
  animation: rotation 3s linear infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg) translateX(50px);
  }

  to {
    transform: rotate(360deg) translateX(50px);
  }
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<Personal-page start>>>>>>>>>>>>>>>>>>>> */

.personal-banner h2 span,
#net-care span {
  color: #663399;
}

.care span,
#care-drive span {
  font-weight: 600;
  font-family: "BebasNeue light", "BebasNeue Book";
  text-transform: uppercase;
  color: #653399;
}

div#windows-row .flex-wrap {
  justify-content: flex-start;
}

div#appointment-heading h2 {
  text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, -3px -3px 0 #000,
    3px -3px 0 #000;
}

div#appointment-row p {
  text-shadow: 2px 2px 0 #000, 2px 0px 0 #000, -2px 0px 0 #000, 0px 2px 0 #000;
}

div#apple-comp-btn {
  width: fit-content;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<Personal-page End>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<iphone-page start>>>>>>>>>>>>>>>>>>>>> */

div#main-contact-form .et_contact_bottom_container {
  text-align: center !important;
  float: none;
  padding-left: 3%;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<iphone-page End>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<care-plans start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

div#mac-care span {
  font-size: 16px;
  font-family: "Wix Madefor Text Medium";
  color: #000;
  letter-spacing: 1px;
}

div#price-cards .et_pb_button_module_wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

#main-contact-form .et-pb-contact-message p {
  font-size: 32px;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  font-family: "Wix Madefor Text Bold";
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<care-plans End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<business-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>X */

div#business-contact-form p {
  font-size: 18px;
  font-family: "Wix Madefor Text Bold";
  line-height: 1.2em;
  padding-bottom: 5px;
}

div#business-contact-form input {
  border: 2px solid #0000002e;
  padding: 8px 5px;
  margin-bottom: 15px;
  font-size: 18px;
  font-family: "Wix Madefor Text Medium";
  width: 100% !important;
}

input#first-name-field {
  margin-right: 20px;
}

textarea#message-field {
  width: 100%;
}

div#business-contact-form input#submit-form {
  padding: 10px 50px;
  margin-top: 20px;
  font-size: 18px;
  font-family: "Wix Madefor Text Bold";
  color: #fff;
  border: none;
  background-color: #653795;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase;
}

.name-fields {
  display: flex;
  gap: 25px;
}

span.wpcf7-not-valid-tip {
  display: none;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<business-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>X */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<support-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.submit-ticket-row {
  gap: 10px;
}

.submit-ticket-row::after {
  display: none;
}
#schedule-an-appointment-button,
#support-portal-button,
#remote-support-button {
  cursor: pointer;
}
div#schedule-an-appointment-test,
#support-portal-test,
#remote-support-test,
#repair-button {
  display: none;
}
div#schedule-an-appointment-test.show,
#support-portal-test.show,
#remote-support-test.show,
#repair-button.show {
  display: block;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<support-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<<<product-page start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

form#category-filter {
  margin-bottom: 40px;
  display: none;
}

form#category-filter select,
form.woocommerce-ordering select.orderby {
  font-size: 16px;
  color: #fff !important;
  background-color: #663399;
  padding: 5px 10px;
  font-family: "Wix Madefor Text Bold";
  text-transform: uppercase;
  cursor: pointer;
}

p.woocommerce-result-count {
  color: #663399;
  font-size: 18px;
  font-family: "Wix Madefor Text Bold";
}

form#category-filter input[type="submit"] {
  font-size: 16px;
  font-family: "Wix Madefor Text Bold";
  text-transform: uppercase;
  background-color: #fff;
  color: #663399;
  border: 1px solid #663399;
  padding: 6px 30px;
  margin-left: 10px;
  cursor: pointer;
}

form#category-filter input[type="submit"]:hover {
  background-color: #663399;
  color: #fff;
}

p.stock.out-of-stock {
  position: absolute;
  top: 3px;
  right: 20px;
  font-family: "Wix Madefor Text Bold";
}
p.stock.custom-in-stock {
  position: absolute;
  top: 3px;
  right: 20px;
  font-family: "Wix Madefor Text Bold";
  color: green !important;
}

.single-product p.stock.out-of-stock {
  right: unset;
}

#shop-box ul.products {
  display: flex;
  flex-wrap: wrap;
}

#shop-box li.product.type-product {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  padding: 30px 20px 30px 20px !important;
  border-radius: 15px;
  position: relative;
  padding-bottom: 80px !important;
}

#shop-box ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: none;
  gap: 10px;
}

#shop-box nav.woocommerce-pagination li,
#shop-box a.next.page-numbers,
#shop-box a.prev.page-numbers {
  width: 40px;
  height: 40px;
  background-color: #663399;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  font-family: "Wix Madefor Text Bold";
}

#shop-box nav.woocommerce-pagination li a,
#shop-box nav.woocommerce-pagination li span {
  color: #fff;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

#shop-box nav.woocommerce-pagination li a:hover,
#shop-box nav.woocommerce-pagination li span:hover {
  color: #663399;
  background: #fff;
  border: 1px solid #663399;
  transition: 0.4s all;
}

div#single-category span.sku {
  color: #663399;
}

div#single-category span.sku_wrapper,
div#single-category span.posted_in {
  color: #000;
}

ul.products span.et_shop_image {
  height: 350px;
}

ul.products .et_shop_image img {
  object-fit: contain;
  height: 100% !important;
}

#shop-box .woocommerce span.onsale,
#shop-box .woocommerce-page span.onsale,
div#single-related-products .onsale {
  font-size: 16px;
  font-family: "Wix Madefor Text Bold";
  color: #663399;
  right: 10px !important;
  left: unset !important;
  z-index: 5;
}

div#single-related-products p.stock.out-of-stock {
  font-size: 16px;
  font-family: "Wix Madefor Text Bold";
  background-color: #fff0 !important;
  right: 10px !important;
  top: 0 !important;
  left: unset !important;
}

#shop-box a.add_to_cart_button,
#shop-box a.product_type_simple,
#shop-box a.added_to_cart.wc-forward ,#shop-box a.product_type_variable{
  font-family: "Wix Madefor Text Bold";
  border-radius: 30px;
  font-size: 16px;
  position: absolute;
  bottom: 20px;
  font-weight: 700 !important;
  border-radius: 15px;
  text-transform: uppercase;
}
.single-product a.added_to_cart.wc-forward {
  font-size: 20px;
  font-weight: 500;
  padding: 0.3em 1em;
  line-height: 1.7em !important;
  background: transparent;
  position: relative;
  border: 2px solid;
  border-radius: 3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 1em;
}

#shop-box a.add_to_cart_button::after,
#shop-box a.product_type_simple::after {
  display: none;
}

#shop-box a.add_to_cart_button:hover,
#shop-box a.product_type_simple:hover {
  color: #fff;
  background-color: #663399;
  padding: 0.3em 1em;
  transition: 0.3s all;
}

#shop-box span.page-numbers.current {
  background: #fff;
  height: 100%;
  border: 1px solid #663399;
  color: #663399;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.wpf_column_vertical li label,
.wpf-slider-label {
  /* color: #fff; */
  color: #000;
  font-family: "Wix Madefor Text Bold", sans-serif;
  font-size: 14px;
}

span.wpf_item_count {
  background-color: #000;
  color: #fff;
  font-family: "Wix Madefor Text Bold";
  font-size: 14px;
  /* border: 1px solid; */
}

.wpf_item .wpf_item_name {
  color: #000;
  font-family: "Wix Madefor Text Bold";
  font-size: 22px !important;
  border-bottom: 1px solid #663399 !important;
}
.ui-slider-range.ui-corner-all.ui-widget-header {
  background: #000 !important;
}

#shop-box h2.woocommerce-loop-product__title {
  color: #000 !important;
}
#shop-box bdi {
  color: #663399 !important;
}
.wpf_hide_text li > input:checked + label > i:after,
.wpf_item input[type="checkbox"]:checked:before {
  font-weight: 800;
  font-size: 12px;
}

a.added_to_cart.wc-forward {
  border: 2px solid #663399;
  padding: 7px 28px;
}

a.added_to_cart.wc-forward:hover,
.single-product .added_to_cart.wc-forward:hover {
  color: #fff !important;
  background-color: #663399;
  transition: 0.3s all;
}

.single-product #main-content .container:before {
  display: none;
}

p.stock.in-stock {
  font-size: 18px !important;
  margin-bottom: 10px;
}

.single-product a.button.product_type_simple:hover {
  background-color: #663399;
  color: #fff !important;
  padding: 6px 20px;
}

.single-product .button.product_type_simple::after {
  display: none;
}

#cart-details .quantity button.minus,
#cart-details .quantity button.plus,
#product-cart .quantity button.minus,
#product-cart .quantity button.plus {
  border: none !important;
  color: #663399 !important;
  font-size: 18px !important;
  cursor: pointer;
}

#cart-details .quantity {
  max-width: 120px;
  margin-left: auto !important;
  display: flex;
  align-items: center;
  border: 1px solid #663399;
}

#product-cart .quantity {
  border: 2px solid #663399;
  padding: 7px 0;
}

#product-cart input.qty,
#cart-details input.qty {
  text-align: center;
  background: transparent;
  color: #fff;
  border: none !important;
  padding: 0 !important;
  font-size: 16px;
  pointer-events: none;
  /* margin-right: -15px; */
}

ul.products a.added {
  display: none !important;
}

ul.products bdi {
  display: block;
}

.single-product .woocommerce-message a.wc-forward {
  border: 2px solid !important;
}

.single-product .clearfix .woo-product-gallery-slider,
button.woocommerce-button.button.woocommerce-form-login__submit::after,
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit::after {
  display: none;
}

button.woocommerce-button.button.woocommerce-form-login__submit:hover,
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
  color: #fff;
  background-color: #663399;
  padding: 0.3em 1em;
}

.woocommerce-page #main-content ul.woocommerce-error li {
  color: #fff !important;
}

.flaticon-right-arrow:before,
.flaticon-back:before {
  content: "";
  background-image: url("../../uploads/2023/12/right-arrow-svg.svg");
  background-size: contain;
  width: 26px;
  height: 26px;
  display: block;
  /* background-position-x: 15px; */
  background-repeat: no-repeat;
  border: 1px solid #663399;
  background-color: #ffffff4a;
  border-radius: 50%;
}

.flaticon-back:before {
  background-image: url("../../uploads/2023/12/left-arrow-svg.svg");
}

.single-product p.stock.out-of-stock {
  font-size: 16px !important;
}

/* <<<<<<<<<<<<<<<<<<<<<<<product-page End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<product-category start>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.tax-product_cat #main-content .container:before {
  display: none;
}

li.my-account {
  display: none !important;
}

.bookly-next-step {
	background:#663399 !important;
	
}

.bookly-next-step {
	background:var(--purple);
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<product-category End>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<media-query start>>>>>>>>>>>>>>>>>>>>>>> */

/* Text left of hamburger in the Theme Builder */
.et_mobile_nav_menu:before {
  content: "";
  position: absolute;
  right: 40px;
  margin-top: 5px;
  color: #333;
  font-size: 16px;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/* Center-align moble menu items */

.et_mobile_menu li {
  text-align: center !important;
}

.et_mobile_menu li li,
.et_mobile_menu li ul {
  padding-left: 0 !important;
}

/* Make the mobile menu full height */

.et_mobile_menu {
  padding-top: 0px !important;
  overflow-y: scroll;
  border-top: 2px solid #663399;
  margin-top: 10px;
  min-width: 89vw;
  margin-left: -10vw;
  border-top: 0;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
  display: block !important;
  opacity: 1;
  height: 80vh !important;
  z-index: 555;
  visibility: visible;
}

.mobile_nav.closed .et_mobile_menu {
  visibility: hidden;
  /* display: block !important; */
  opacity: 0;
  min-height: 0 !important;
  z-index: 0;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {
  background: none;
}

/*** Hide Sidebar ***/
#sidebar {
  display: none;
}

/* / Chrome, Safari, Edge, Opera / */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* / Firefox / */
input[type="number"] {
  -moz-appearance: textfield;
}

.progress-bar {
  display: flex;
  border: 2px solid black;
  width: 930px;
  border-radius: 20px;
  height: 70px;
  align-items: center;
  padding: 0 30px;
  background-color: #7f54b3a1;
  margin: 30px auto;
  /* background: repeating-linear-gradient(135deg, #7f00fe 0 10px, #7f00fe 0 20px) 0 / 100% no-repeat, repeating-linear-gradient(135deg, #ccc 0 10px, #ccc 0 20px) 0 / 100%; */
  background: repeating-linear-gradient(
        135deg,
        #916db3 0 20px,
        #916db3 20px 40px,
        #b59cd3 40px 60px,
        #b59cd3 60px
      )
      0 / 100% no-repeat,
    repeating-linear-gradient(135deg, #916eb3 0 10px, #916eb3 0 20px) 0 / 100%;
  /* animation: p3 3s; */
  overflow: hidden;
  background-size: 100% !important;
  border-radius: 50px;
}

.animated {
  animation: p3 4s forwards;
}

div.status {
  border-right: none !important;
}

.progress-bar div {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 25px;
  border-right: 2px solid black;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  transform: skewX(-10deg);
  width: -webkit-fill-available;
}

.progress-bar p {
  font-size: 30px;
  color: #fff;
  letter-spacing: 1px;
  font-family: "Wix Madefor Text Bold";
}

.current-status p {
  font-size: 18px;
  font-family: "Wix Madefor Text Bold";
  color: #00000073;
}

.current-status {
  display: flex;
  max-width: 880px;
  justify-content: space-between;
  margin: 0 auto;
}

.current-status div {
  padding: 15px;
}

.current-status div.active-status {
  background-color: #000;
  border-radius: 50px;
}

.current-status div.active-status p {
  color: #fff;
}

form.repair-form label {
  font-size: 22px;
  font-family: "Wix Madefor Text Bold";
  padding-right: 10px;
}

form.repair-form input {
  border: 2px solid #663399;
  width: 250px;
  padding: 5px 10px;
  font-size: 16px;
  font-family: "Wix Madefor Text Regular";
  border-radius: 15px;
  text-transform: uppercase;
}

form.repair-form div {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

form.repair-form {
  width: 650px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0 auto;
}

form.repair-form input[type="submit"] {
  cursor: pointer;
  background: #663399;
  color: #fff;
  font-size: 18px;
  font-family: "Wix Madefor Text Bold";
  transition: 0.6s all;
}

form.repair-form input[type="submit"]:hover {
  background: #7f54b3;
}

.select-plan-shortcode .simpay-checkbox-wrap.simpay-field-wrap {
  align-items: baseline;
  gap: 5px;
}

.select-plan-shortcode .simpay-coupon-wrap.simpay-field-wrap input,
.select-plan-shortcode
  .simpay-plan-wrapper.simpay-field-wrap.simpay-dropdown-wrap
  select,
.select-plan-shortcode .simpay-text-wrap.simpay-field-wrap input[type="text"] {
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid #000;
}

.select-plan-shortcode .simpay-coupon-wrap.simpay-field-wrap {
  align-items: baseline;
}

.select-plan-shortcode
  .simpay-coupon-wrap.simpay-field-wrap
  button.simpay-apply-coupon.simpay-btn {
  border: none;
  background: none;
}

.select-plan-shortcode
  .simpay-coupon-wrap.simpay-field-wrap
  button.simpay-apply-coupon.simpay-btn
  span,
.select-plan-shortcode
  .simpay-form-control
  button.simpay-btn.simpay-payment-btn.stripe-button-el
  span {
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  background: #663399;
  color: #fff;
  border: 1px solid #663399;
  transition: all 0.5s ease-in-out;
}

.select-plan-shortcode
  .simpay-form-control
  button.simpay-btn.simpay-payment-btn.stripe-button-el {
  background: #663399;
}

.select-plan-shortcode
  .simpay-form-control
  button.simpay-btn.simpay-payment-btn.stripe-button-el
  span,
.select-plan-shortcode
  .simpay-coupon-wrap.simpay-field-wrap
  button.simpay-apply-coupon.simpay-btn
  span {
  height: auto;
  line-height: 1;
}

.select-plan-shortcode
  .simpay-coupon-wrap.simpay-field-wrap
  button.simpay-apply-coupon.simpay-btn
  span:hover,
.select-plan-shortcode
  .simpay-form-control
  button.simpay-btn.simpay-payment-btn.stripe-button-el
  span:hover {
  color: #663399;
  background: #fff;
  border-color: #663399;
}

.progress-bar,
.progress-bar.blur {
  position: relative;
}

.progress-bar.blur {
  filter: blur(4px);
}

.pause-icon {
  max-width: 90px;
  z-index: 999;
  margin-bottom: 25px;
  width: auto;
  margin-top: -111px;
  filter: blur(0px);
  display: none;
}

.pause-icon.block {
  display: block;
}

/* New Progress Div */

.repair-status-main p.text {
  text-align: center;
}
.progress-bar div {
  position: relative;
  z-index: 1;
  width: 100%;
}

.progress-bar div > span {
  width: 15px;
  height: 15px;
  background-color: white;
  border: 1px solid black;
  border-radius: 100%;
  position: absolute;
  transform: translateX(-50%) skew(10deg);
  display: none;
}

.in-repair {
  border-right: 0px !important;
}

.circle-1 {
  left: 50%;
}

.circle-2 {
  left: 23%;
}

.circle-3 {
  left: 50%;
}

.circle-4 {
  left: 80%;
}

.circle-5 {
  left: 20%;
}

/* .circle-6 {
  left: 40%;
}

.circle-7 {
  left: 60%;
} */

.circle-8 {
  left: 80%;
}

.circle-9 {
  left: 50%;
}

.progress-bar::after {
  content: "";
  width: 71%;
  height: 2px;
  background-color: black;
  top: 49%;
  left: 50%;
  right: 0px;
  position: absolute;
  transform: translate(-50%, 50%);
  z-index: 0;
  display: none;
}

.progress-bar::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  z-index: 0;
  /* background: repeating-linear-gradient(135deg, #7f00fe 0 10px, #7f00fe 0 20px) 0 / 100% no-repeat, repeating-linear-gradient(135deg, #ccc 0 10px, #ccc 0 20px) 0 / 100%; */
  /* background: repeating-linear-gradient(135deg, #5b2c86 0 20px, #5b2c86 20px 40px, black 40px 60px, black 60px) 0 / 100% no-repeat, repeating-linear-gradient(135deg, #916eb3 0 10px, #916eb3 0 20px) 0 / 100%; */
  background: repeating-linear-gradient(
        135deg,
        #5b2c86 0 20px,
        #5b2c86 20px 40px,
        black 40px 60px,
        black 60px
      )
      0 / 100% no-repeat,
    repeating-linear-gradient(135deg, transparent 0 10px, transparent 0 20px) 0 /
      100%;
  border-radius: 20px;
  transform: skewX(-10deg);
  animation: p3 4s forwards;
}

/* new CSS oct 24 */
div#productFilter .prd-filter-cus .wpf_item.wpf_item_title:nth-child(1) {
  margin-top: -6px !important;
  padding-top: 0;
}

div#productFilter .prd-filter-cus .wpf_item:not(:last-child) {
  padding-bottom: 4px;
}
div#productFilter .prd-filter-cus input.ui-autocomplete-input {
  border-radius: 15px;
  font-size: 14px;
  line-height: 14px;
  font-family: "Wix Madefor Text Regular";
  color: #000;
}

div#productFilter .prd-filter-cus .wpf_item:last-child {
  padding-bottom: 0;
}

div#productFilter .prd-filter-cus .wpf_item:nth-child(2) {
  margin-bottom: -6px;
  padding-bottom: 0;
}

div#productFilter .prd-filter-cus .wpf_slider.ui-slider {
  margin-top: 32px;
}

div#productFilter .prd-filter-cus label.wpf_item_name {
  margin-bottom: 26px;
}

form#category-filter select,
form.woocommerce-ordering select.orderby {
  border-radius: 15px;
  appearance: none;
  background-image: url(./img/caret-down-black-svg.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 12px !important;
  background-position: 95% !important;
  padding: 10px 10px;
  font-size: 14px;
  background: #f0f0f0;
  color: #000 !important;
  border: 1px solid #b1b1b1;
}

div#productFilter .prd-filter-cus .wpf_item.wpf_item_price label.wpf_item_name {
  border: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

div#productFilter .prd-filter-cus .wpf_item.wpf_item_title label.wpf_item_name {
  padding-bottom: 0 !important;
  border: none !important;
}
/* #shop-box  .outofstock {
  display: none;
} */

div#productFilter {
  background: #f0f0f0;
  border: 1px solid #a3a3a3;
} 
@media screen and (max-width: 1679px) {
  div#net-care-row,
  #net-care-section .et_pb_row {
    width: 100%;
  }
}

@media screen and (max-width: 1439px) {
  div#footer-top-row.et_pb_row::after {
    display: none;
  }

  .container {
    margin: 0 auto;
    max-width: 95% !important;
  }

  div#main-contact-form .et_pb_contact_field[data-type="select"]:after {
    border-top-color: #fff;
  }

  div#header-menu #menu-menu li a {
    padding: 15px 9px;
  }
}

@media screen and (min-width: 981px) and (max-width: 1439px) {
  #header-menu ul li a {
    font-size: 14px !important;
  }

  div#banner h1 {
    font-size: 70px;
  }

  div#banner p {
    font-size: 26px;
  }

  div#repair-row h3 {
    font-size: 40px;
  }

  div#repair-row p {
    font-size: 20px;
    line-height: 1.4;
  }

  div#pc-care p {
    text-align: center;
  }

  .pc-care-flex {
    padding: 35px 0px;
  }

  .pc-care-flex {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .questions-row h2 {
    font-size: 50px !important;
  }

  .questions-row p {
    font-size: 18px;
  }

  div#footer-top #footer-top-row .et_pb_column {
    padding: 0;
  }

  div#footer-top-row {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    flex-wrap: wrap;
  }

  div#apple-comp-btn {
    margin: -15px 0 0 30px !important;
  }
}

@media screen and (min-width: 981px) and (max-width: 1279px) {
  div#windows-heading {
    margin-bottom: 5px !important;
  }

  /* .login-icon-cart {
    padding-left: 15px !important;
  } 

  .login {
    padding-right: 15px;
  }*/

  div#windows-laptop {
    padding: 0;
  }

  div#shop-comp-heading {
    margin: 0 !important;
  }

  div#apple-comp {
    width: 100%;
    padding-left: 20px;
  }

  .care-img,
  div#products-row img,
  div#net-care .et_pb_column {
    width: 80%;
  }

  div#appointment-row p {
    font-size: 18px;
    text-align: left;
  }

  div#appointment-row .et_pb_button_module_wrapper {
    text-align: left;
  }

  div#products-row h2,
  div#appointment-row h2,
  div#shop-comp-row h3,
  div#windows-row h3 {
    font-size: 36px;
  }

  div#services-col {
    padding-left: 20px;
    padding-right: 20px;
  }

  div#net-care {
    width: 100%;
  }

  div#net-care-row {
    margin: 0 auto !important;
  }

  div#quick-help-row .et_pb_column {
    width: 80%;
  }

  div#net-care-img {
    text-align: center;
  }

  div#quick-help-row .et_pb_with_border {
    /* margin: 0 !important; */
    border-left-width: 0;
    border-right-width: 0;
  }

  div#productFilter {
    padding: 40px 15px;
  }

  .wpf_items_wrapper ul.wpf_column_vertical li {
    margin-right: 0 !important;
  }

  .wpf_item input[type="checkbox"] {
    height: 18px !important;
    margin: 0 0 0 0 !important;
    width: 18px !important;
  }

  ul.wpf_column_vertical li {
    margin-right: 0 !important;
  }

  ul.wpf_column_vertical li label,
  .wpf-slider-label {
    font-size: 14px;
  }

  .wpf_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    width: 90%;
    margin: 25px auto;
  }
}

@media screen and (max-width: 1280px) {
  .logged-in div#cart-wb-header {
    margin-top: 3px;
  }
  .login img,
  .logout img {
    width: 25px;
  }

  .uiwebview .login img {
    margin-top: 2px;
  }

  .cart-count img {
    width: 25px;
  }

  div#wb-header .login-icon-cart {
    padding-left: 40px;
  }
}

div#mb-header-row::after {
  display: none;
}

div#card-col {
  width: 23%;
}
div#card-col-home-personal {
  width: 18%;
}

div#help-cards {
  flex-wrap: wrap;
  justify-content: center;
}

/* div#net-care-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  } */

div#net-care-section .et_pb_row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
div#products-row {
  gap: 20px;
}
div#net-care-col,
div#net-care-col-2 {
  width: 99% !important;
  margin: 0 !important;
}

div#quick-help-row {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 auto !important;
}

.menu-toggle::before {
  content: "";
  background-image: url(../../uploads/2023/10/downward-arrow.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 45px;
  display: inline-block;
  background-size: 15px;
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 8;
  background-position: center;
}

.pc-care-flex,
#flex.questions-row {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

div#mb-header .et_pb_column {
  margin: 0;
}

#mb-header .mobile_nav ul {
  /* width: 240px; */
  left: auto !important;
  right: 0;
  white-space: nowrap;
  padding: 5px 0;
  transition: 0.3s all;
}

div#mb-header-row::after {
  display: none !important;
}

#mb-header .mobile_nav ul li {
  position: relative;
}

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex !important;
}

.lwp-hide-mobile-menu .et_pb_menu__wrap {
  justify-content: flex-start !important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu {
  display: none !important;
}

.lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
  width: 100%;
}

#footer-bot #footer-bot-row {
  display: flex;
}

#footer-bot #footer-bot-row .et_pb_column {
  margin-bottom: 0;
}

div#footer-top-row {
  justify-content: space-between;
  /* column-gap: 65px; */
}

div#footer-top-row .fit-content {
  width: 27% !important;
}

div#footer-top-row .fit-content.footer-col-5 {
  width: 64% !important;
}

div#header-blurb .et_pb_main_blurb_image {
  margin: 0 auto 2px !important;
}

.footer-copyright p {
  text-align: left;
}

@media screen and (max-width: 1025px) {
  div#wb-header-tablet li a {
    padding: 12px;
  }

  div#wb-header-tablet {
    padding: 12px 0px !important;
  }

  div#wb-header-tablet li a {
    padding: 10px;
  }

  /* .woocommerce-account .et_pb_section {
    padding-top: 130px !important;
  } */

  div#net-care-section .et_pb_row {
    flex-direction: column;
  }
  div#quick-help-row {
    flex-direction: column;
  }
}

@media screen and (max-width: 980px) {
  form#category-filter select,
  form.woocommerce-ordering select.orderby {
    border-radius: 6px;
    padding: 8px 20px;
  }

  div#card-col-home-personal {
    width: 36%;
  }
  div#header-menu ul li {
    width: auto !important;
  }

  div#price-cards .et_pb_button_module_wrapper {
    bottom: -10px;
  }

  div#wifi-router-col {
    background-position: center 90%;
    background-size: cover;
  }

  div#productFilter {
    display: none;
  }

  .wpf_item .wpf_item_name {
    display: none !important;
  }

  li.login_user,
  li.cart-menu {
    display: block !important;
  }

  li.user_detail {
    width: fit-content !important;
    margin: 0 auto;
  }

  .current-user-info {
    display: flex !important;
    flex-direction: column-reverse;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #7f54b3;
  }

  ul.sub-menu {
    opacity: 0;
    visibility: hidden !important;
    transition: opacity 0.6s ease-in-out, visibility 0s linear 0.6s;
    height: 0;
  }

  .menu-toggle.active ul.sub-menu {
    opacity: 1;
    visibility: visible !important;
    height: 100%;
    transition-delay: 0s;
  }

  div#header-menu ul li {
    width: unset;
  }

  #footer-bot #footer-bot-row {
    flex-direction: column;
  }
  .pause-icon {
    margin-top: -92px;
    max-width: 56px;
  }
  .current-status {
    max-width: 700px;
  }
  .progress-bar {
    width: 700px;
  }
}
@media screen and (max-width: 768px) {
  div#card-col-home-personal {
    width: 48%;
  }
  form.repair-form {
    width: 100%;
  }
  form.repair-form div {
    flex-direction: column;
    align-items: center;
  }
  form.repair-form label {
    font-size: 19px;
  }
  .current-status {
    flex-direction: column;
    align-items: center;
  }

  .progress-bar {
    width: 300px;
  }

  .progress-bar p {
    font-size: 20px;
  }

  div#net-care-section .et_pb_row {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .single-product ul.products {
    width: fit-content;
    margin: 0 auto;
  }

  div#card-col {
    width: 48%;
  }

  div#appointment-heading h2 {
    text-shadow: 1px 0px 0 #000, 0px 2px 0 #000, -1px -2px 0 #000,
      2px -1px 0 #000;
  }

  div#price-cards .et_pb_button_module_wrapper {
    bottom: -30px;
  }

  #main-contact-form .et-pb-contact-message p {
    font-size: 26px;
    line-height: 34px;
  }

  div#help-cards h5 {
    padding-bottom: 0;
  }

  .name-fields {
    display: flex;
    gap: 0;
    flex-direction: column;
  }

  ul.products span.et_shop_image {
    height: 250px;
  }

  .woocommerce-shop #shop-box li.product.type-product {
    width: 45% !important;
    margin: 0 auto !important;
    margin-bottom: 45px !important;
  }

  form#category-filter select,
  form.woocommerce-ordering select.orderby {
    font-size: 14px;
    margin-bottom: 15px;
    width: 100%;
  }

  form#category-filter input[type="submit"] {
    font-size: 14px;
  }

  form#category-filter {
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
  }

  p.woocommerce-result-count {
    font-size: 16px;
    text-align: center;
    float: unset !important;
  }

  form.woocommerce-ordering {
    float: unset !important;
  }

  #shop-box a.add_to_cart_button,
  #shop-box a.product_type_simple {
    font-size: 16px;
  }

  #related-single section.related ul.products li.product.type-product {
    min-width: 100% !important;
    text-align: center;
  }

  a.added_to_cart.wc-forward {
    font-size: 16px;
    padding: 5px 22px;
  }

  #shop-box ul.page-numbers::before {
    display: none;
  }

  #shop-box a.add_to_cart_button,
  #shop-box a.product_type_simple,
  #shop-box a.added_to_cart.wc-forward {
    font-size: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
  }

  .woocommerce-shop form.woocommerce-ordering {
    width: 260px;
    margin: 0 auto !important;
  }

  .single-product #product-cart .quantity {
    padding: 3px;
  }

  div#single-related-products .onsale {
    right: 14% !important;
  }

  div#header-blurb .et_pb_blurb_content {
    display: block !important;
  }

  p.stock.in-stock {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 580px) {
  div#footer-top-row .fit-content {
    width: 100% !important;
  }

  div#footer-top-row .fit-content.footer-col-5 {
    width: 100% !important;
  }

  .footer-col-5 {
    margin-left: 0 !important;
  }

  div#productFilter {
    padding: 40px 15px;
  }

  .wpf_items_wrapper ul.wpf_column_vertical li {
    margin-right: 0;
  }

  .wpf_item input[type="checkbox"] {
    height: 15px !important;
    margin: 0 0 0 0 !important;
    width: 15px !important;
  }

  ul.wpf_column_vertical li label,
  .wpf-slider-label {
    font-size: 14px;
  }

  .wpf_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    width: 90%;
    margin: 25px auto;
  }

  .wpf_hide_text li > input:checked + label > i:after,
  .wpf_item input[type="checkbox"]:checked:before {
    position: relative;
    top: -3px;
  }

  .quantity button.plus {
    margin-left: 20px;
  }

  .single-product .quantity button.plus {
    margin-left: 0;
  }

  div#shop-box ul.products li {
    min-width: 100%;
  }

  #shop-box li.product.type-product {
    width: 90% !important;
  }
}

@media screen and (max-width: 480px) {
  .select-plan-shortcode .simpay-coupon-wrap.simpay-field-wrap {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .select-plan-shortcode
    .simpay-coupon-wrap.simpay-field-wrap
    button.simpay-apply-coupon.simpay-btn {
    margin: 0;
    padding: 0;
    height: 38px;
  }

  .select-plan-shortcode
    .simpay-plan-wrapper.simpay-field-wrap.simpay-dropdown-wrap
    select,
  .select-plan-shortcode
    .simpay-plan-wrapper.simpay-field-wrap.simpay-dropdown-wrap
    select
    option {
    width: 100%;
  }
}

/* <<<<<<<<<<<<<<<<<<<media-query End>>>>>>>>>>>>>>>>>>>>>>> */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.schedule-an-appointment-section,
.support-portal-button,
.remote-support-button,
.repair-button-test {
  cursor: pointer;
}