/* product listing  */
.authSection .flex-warp .flex-right .form-col h2.full-width {
  white-space: nowrap;
}

.pagination-list {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 28px;
}

.pagination-list a {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: var(--radius-10px);
  border: 1px solid var(--grey-mid);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: 0px;
}

.pagination-list a:hover,
.pagination-list a.active {
  background-color: var(--purple-2);
  color: var(--white);
  border: 1px solid var(--purple-2);
}

.product-tab-content .grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.product-tab-content .grid-container .product-list {
  border: 1px solid var(--grey-mid);
  padding: 20px;
  border-radius: var(--radius-16px);
  display: flex;
  flex-direction: column;
}

.product-tab-content .grid-container .product-list .img-product {
  max-height: 280px;
  height: 280px;
  width: 100%;
  max-width: 100%;
}

.product-tab-content .grid-container .product-list .img-product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-12px);
}

.product-tab-content .grid-container .product-list .content-productlist {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 30px;
}

.product-tab-content .grid-container .product-list .content-productlist .category {
  display: flex;
  gap: 10px;
}

.product-tab-content .grid-container .product-list .content-productlist .category label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-tab-content .grid-container .product-list .content-productlist .category label img {
  padding: 5px;
  width: 36px;
  height: 36px;
  border: 2px solid transparent;
  border-radius: var(--radius-8px);
}

.product-tab-content .grid-container .product-list .content-productlist .category label input {
  appearance: none;
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.product-tab-content .grid-container .product-list .content-productlist .category label input[type="radio"]:checked~img {
  border: 2px solid var(--purple-2);
  border-radius: var(--radius-8px);
}

.product-tab-content .grid-container .product-list .content-productlist .title-top {
  font-weight: 700;
  font-size: var(--text-14px);
  line-height: 180%;
  letter-spacing: -1.1%;
  color: #868686;
}

.product-tab-content .grid-container .product-list .content-productlist h3,
.product-tab-content .grid-container .product-list .content-productlist h3 a {
  font-weight: 700;
  font-size: var(--text-18px);
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--purple-2);
  word-break: break-word;
  line-break: unset;
}

.product-tab-content .grid-container .product-list .content-productlist h3 a {
  text-decoration: none;
}

.product-tab-content .grid-container .product-list .content-productlist h3 a:hover {
  text-decoration: underline;
}

.product-tab-content .grid-container .product-list .content-productlist p {
  font-weight: 400;
  font-size: var(--text-14px);
  line-height: 180%;
  letter-spacing: -1.1%;
}

.product-tab-content .grid-container .product-list .price-detail {
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: -1.1%;
  padding-top: 23px;
  margin-top: auto;
}

.product-listing-sec .product-tab-links {
  margin-top: 5px;
  margin-bottom: 45px;
  display: flex;
  padding: 5px;
  box-shadow: 0px 4px 20px 0px #0000000d;
  border: 1px solid var(--grey-mid);
  border-radius: 100px;
  /* overflow-y: auto; */
}

.product-listing-sec .product-tab-links .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-flex;
  gap: 20px;
  width: fit-content;
}

.product-listing-sec .product-tab-links button.owl-dot.active {
  opacity: 1;
}

.product-listing-sec .product-tab-links .owl-nav .owl-prev,
.product-listing-sec .product-tab-links .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 30px;
  color: #000;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-listing-sec .product-tab-links .owl-nav .owl-prev:hover,
.product-listing-sec .product-tab-links .owl-nav .owl-next:hover {
  background-color: #7d5da51a;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.product-listing-sec .product-tab-links .owl-nav .owl-prev {
  left: -40px;
}

.product-listing-sec .product-tab-links .owl-nav .owl-next {
  right: -40px;
}

.product-listing-sec .product-tab-links button.owl-dot {
  background: var(--purple-2);
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 0.5;
}

.product-listing-sec .product-tab-links a {
  flex: 1 1 25%;
  font-weight: 400;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: var(--grey-dark);
  padding: 16px 0;
  border-radius: 100px;
  /* min-width: calc(100% / 4); */
  display: inline-block;
  width: 100%;
}

.product-listing-sec .product-tab-links a:hover,
.product-listing-sec .product-tab-links a.active {
  color: var(--white);
  font-weight: 700;
  background-color: var(--purple-2);
  /* box-shadow: 4px 4px 10px 0px #5400cf40; */
}

.wpforms-field-number-slider-hint {
  display: none;
}

/* search module  */
.searchResults {
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.searchResults .pagination {
  width: 100%;
  text-align: center;
}

.searchResults .pagination .nav-links {
  display: inline-flex;
  gap: 20px;
}

.searchResults .pagination .nav-links .page-numbers {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: var(--purple-2);
  border: 1px solid var(--purple-2);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.searchResults .pagination .nav-links .page-numbers.current,
.searchResults .pagination .nav-links .page-numbers:hover {
  color: var(--white);
  background: var(--purple-2);
}

.searchResults h1 {
  width: 100%;
  text-align: center;
}

.searchResults .serchresult-box {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 20px;
  background-color: var(--purple-bg-light);
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
  flex: 1 1 calc(33.33% - 30px);
}

.searchResults .serchresult-box .img-holder {
  width: 80px;
  height: 80px;
  min-width: 80px;
}

.searchResults .serchresult-box .img-holder img {
  border-radius: var(--radius-16px);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.searchResults .serchresult-box .search-desc {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
  height: 100%;
}

.searchResults .serchresult-box .search-desc .more-link {
  color: var(--purple-2);
  font-size: 16px;
  line-height: 120%;
  margin-top: auto;
}

.searchResults .serchresult-box .search-desc .more-link:hover {
  text-decoration: underline;
}

.searchResults .serchresult-box .search-desc h2 {
  font-size: var(--font-28);
  color: var(--purple-2);
  line-height: 100%;
  margin-bottom: 10px;
}

.searchResults .serchresult-box .search-desc p {
  color: var(--grey-dark);
  line-height: 120%;
  font-size: var(--text-18px);
}

.line-clamp-1 {
  line-clamp: 1;
  line-break: anywhere;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  line-clamp: 2;
  line-break: anywhere;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  line-clamp: 3;
  line-break: anywhere;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* //////////////// */

.rdy-grid-guest .guest-box p {
  word-break: break-word;
}

.home-banner .rdy-wrapper {
  position: relative;
}

.home-banner .hero-app {
  position: absolute;
  bottom: 0;
  right: 32px;
  max-width: 710px;
}

.overlay-modal {
  width: 100%;

  position: fixed;
  inset: 0;
  z-index: 998;
  background-color: #00000033;
}

.modal123,
.modal-container1 {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: fixed;
  width: 100%;
  inset: 0;
}

.modal123 .modalMain,
.modal-container1 .modalMAin1 {
  max-width: 690px;
  width: 90%;
  background-color: var(--purple-bg-light);
  padding: 40px;
  border-radius: var(--radius-16px);
  position: relative;
}

.modal123 .modalMain .modalBody {
  max-height: calc(100vh - 300px);
  height: 100%;
  overflow-y: auto;
}

.modal123 .closeBtn,
.modal-container1 .closeBtn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal123 .closeBtn:hover,
.modal-container1 .closeBtn:hover {
  filter: invert(20%);
}

.modal123 .modalhead {
  text-align: center;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.modal123 .modalhead h2 {
  color: var(--purple-2);
  font-size: var(--font-30);
}

.modal-container1 .modalMAin1 {
  max-width: 990px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-container1 .modalMAin1 iframe {
  aspect-ratio: 16 / 9;
}

.overlay-modal1 {
  position: fixed;
  inset: 0;
  z-index: 998;
  background-color: #00000033;
}

.hidden-modal,
.modal1-hidden {
  display: none;
}

.talkExpert.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
.talkExpert.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row {
  margin-right: 0px;
  margin-left: 0px;
}

.talkExpert.wpforms-container .wpforms-field,
.wp-core-ui .talkExpert.wpforms-container .wpforms-field {
  padding: 0 0 15px 0;
}

.talkExpert.wpforms-container .wpforms-form .wpforms-field-label,
.talkExpert.wpforms-container .wpforms-form .wpforms-field-sublabel,
.talkExpert.wpforms-container .wpforms-form .wpforms-field-description,
.talkExpert.wpforms-container .wpforms-form textarea,
.talkExpert.wpforms-container .wpforms-form li,
.talkExpert.wpforms-container .wpforms-form th {
  margin: 0 0 10px 0;
}

.talkExpert.wpforms-container-full .wpforms-field-label,
.wp-core-ui .talkExpert.wpforms-container-full .wpforms-field-label {
  font-size: 14px;
}

.talkExpert.wpforms-container-full input[type="date"],
.talkExpert.wpforms-container-full input[type="datetime"],
.talkExpert.wpforms-container-full input[type="datetime-local"],
.talkExpert.wpforms-container-full input[type="email"],
.talkExpert.wpforms-container-full input[type="month"],
.talkExpert.wpforms-container-full input[type="number"],
.talkExpert.wpforms-container-full input[type="password"],
.talkExpert.wpforms-container-full input[type="range"],
.talkExpert.wpforms-container-full input[type="search"],
.talkExpert.wpforms-container-full input[type="tel"],
.talkExpert.wpforms-container-full input[type="text"],
.talkExpert.wpforms-container-full input[type="time"],
.talkExpert.wpforms-container-full input[type="url"],
.talkExpert.wpforms-container-full input[type="week"],
.talkExpert.wpforms-container-full select,
.talkExpert.wpforms-container-full textarea,
.wp-core-ui .talkExpert.wpforms-container-full input[type="date"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="datetime"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="datetime-local"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="email"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="month"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="number"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="password"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="range"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="search"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="tel"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="text"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="time"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="url"],
.wp-core-ui .talkExpert.wpforms-container-full input[type="week"],
.wp-core-ui .talkExpert.wpforms-container-full select,
.wp-core-ui .talkExpert.wpforms-container-full textarea {
  border: none;
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

.talkExpert.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner {
  border: none;
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

.talkExpert.wpforms-container .wpforms-field-row.wpforms-field-medium {
  max-width: 100%;
}

.talkExpert .wpforms-field.wpforms-field-content .wpforms-field-row p {
  padding-left: 10px;
  padding-right: 10px;
}

.talkExpert .wpforms-submit-container {
  text-align: center;
}

.talkExpert.wpforms-container-full button[type="submit"] {
  max-width: 280px;
  width: 100%;
  outline: none;
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

.talkExpert.wpforms-container-full button[type="submit"]:focus {
  outline: none;
}

.talkExpert.wpforms-container-full button[type="submit"]:focus:after {
  border: none;
}

.talkExpert.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
  background-color: var(--purple-2);
  border: 1px solid var(--purple-2);
}

.talkExpert.wpforms-container-full button[type="submit"]:hover {
  background: var(--white);
  color: var(--purple-2);
  border: 1px solid var(--purple-2);
}

.talkExpert.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner,
.talkExpert.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner,
.talkExpert.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown {
  border: none;
}

.talkExpert.wpforms-container-full .wpforms-confirmation-container-full {
  background: var(--white);
  border: 1px solid var(--purple-2);
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

/*//////////////////// khushbu css 15 july 2025 /////////////////////////*/

.rdy-ecs.guest-solution {
  padding-left: 0px;
  padding-right: 0px;
}

.rdy-ecs.guest-solution .rdy-head-title {
  font-weight: 300;
  font-size: var(--h1-branded);
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--grey-dark);
  max-width: 760px;
}

.rdy-ecs.guest-solution .rdy-head-title span {
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 0;
  color: var(--purple-2);
  text-transform: lowercase;
}

.rdy-ecs.guest-solution .rdy-head-title span:after {
  position: absolute;
  content: "";
  left: 10px;
  right: 10px;
  bottom: 0;
  z-index: -1;
  height: 14px;
  background-color: #ede9f3;
  border-radius: var(--radius-22px);
}

.rdy-ecs.guest-solution .owl-nav {
  visibility: hidden;
  pointer-events: none;
}

.rdy-ecs.guest-solution .owl-dots {
  right: 0;
  justify-content: center;
}

.rdy-ecs.guest-solution .rdy-grid-guest {
  gap: 70px 45px;
}

.branded-banner-section {
  padding-top: 100px;
  position: relative;
  overflow-x: hidden;
  margin-top: -100px;
}

.branded-banner-section .left-bg,
.branded-banner-section .right-bg {
  position: absolute;
  z-index: -1;
}

.branded-banner-section .left-bg img,
.branded-banner-section .right-bg img {
  width: 100%;
  height: 100%;
}

.branded-banner-section .left-bg {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
}

.branded-banner-section .right-bg {
  right: 0;
  top: 0;
  max-width: 600px;
  max-height: 550px;
  border-bottom-right-radius: 80px;
  overflow: hidden;
}

.branded-banner-section .flex-wrap {
  display: flex;
  gap: 30px;
  padding-top: 52px;
  padding-left: 60px;
  padding-right: 60px;
  align-items: center;
}

.branded-banner-section .flex-wrap .left-flex,
.branded-banner-section .flex-wrap .right-flex {
  width: 100%;
}

.branded-banner-section .flex-wrap .left-flex {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 570px;
}

.branded-banner-section .flex-wrap .left-flex h1,
.talk-expert-right-section .talk-expert-bg .flex-wrap h2 {
  font-size: var(--h1-branded);
  font-weight: 300;
  color: var(--grey-dark);
}

.branded-banner-section .flex-wrap .left-flex h1 span,
.talk-expert-right-section .talk-expert-bg .flex-wrap h2 span {
  color: var(--purple-2);
  font-weight: 600;
}

.branded-banner-section .flex-wrap .left-flex .title-bottom {
  display: block;
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  color: var(--black);
}

.branded-banner-section .flex-wrap .left-flex p {
  font-size: var(--text-18px);
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.41px;
  color: var(--grey-dark);
}

.branded-banner-section .flex-wrap .left-flex p span {
  font-weight: 600;
}

.branded-banner-section .flex-wrap .action-btn-holder {
  display: none;
  flex-direction: column;
  max-width: 305px;
  gap: 20px;
  padding-bottom: 20px;
}

.branded-banner-section .flex-wrap .left-flex .action-btn-holder {
  display: flex;
}

.branded-banner-section .flex-wrap .right-flex .action-btn-holder {
  padding-top: 40px;
}

.branded-banner-section .flex-wrap .action-btn-holder .btn,
.butn,
.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a {
  padding: 20px;
  width: 100%;
  font-weight: 700;
  font-size: var(--text-18px);
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.branded-banner-section .flex-wrap .action-btn-holder .btn-purple,
.butn-purple,
.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a {
  box-shadow: 4px 4px 20px 0px #5400cf66;
  background-color: var(--purple-2);
  color: var(--white);
  border: 1px solid var(--purple-2);
}

.branded-banner-section .flex-wrap .action-btn-holder .btn-purple:hover,
.butn-purple:hover,
.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a:hover {
  background-color: var(--white);
  color: var(--purple-2);
}

.plan-section .plan-card .bottom-part .cptwooint-cart-btn-wrapper a {
  padding: 13px;
  font-size: 12px;
  line-height: 13px;
}

.branded-banner-section .flex-wrap .action-btn-holder .btn-white,
.butn-white {
  box-shadow: 4px 4px 20px 0px #00000026;
  border: 1px solid var(--white);
  background-color: var(--white);
  color: var(--purple-2);
}

.branded-banner-section .flex-wrap .action-btn-holder .btn-white:hover,
.butn-white:hover {
  background-color: var(--purple-2);
  color: var(--white);
}

.branded-banner-section .flex-wrap .action-btn-holder .btn-white:hover svg {
  fill: var(--grey-mid);
}

.branded-banner-section .flex-wrap .right-flex {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* branded-repeat-section */

.branded-repeat-section .grid-wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  position: relative;
}

.branded-repeat-section .grid-wrap .grid-child-wrap {
  padding: 54px 60px;
  display: flex;
  gap: 20px;
  align-items: center;
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
  min-height: 440px;
  position: sticky;
}

.branded-repeat-section .grid-wrap .grid-child-wrap:nth-child(1) {
  top: 20px;
}

.branded-repeat-section .grid-wrap .grid-child-wrap:nth-child(2) {
  top: 40px;
}

.branded-repeat-section .grid-wrap .grid-child-wrap:nth-child(3) {
  top: 60px;
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left,
.branded-repeat-section .grid-wrap .grid-child-wrap .flex-right {
  width: 50%;
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left h2 {
  font-size: var(--h1-branded);
  color: var(--grey-dark);
  font-weight: 300;
  line-height: 100%;
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left h2 span {
  position: relative;
  z-index: -1;
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left h2 span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  height: 14px;
  width: 140px;
  display: inline-block;
  background-color: #ede9f3;
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left .title-bottom {
  display: block;
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  color: var(--black);
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-left p {
  font-size: var(--text-18px);
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.41px;
  color: var(--grey-dark);
}

.branded-repeat-section .grid-wrap .grid-child-wrap:nth-child(even) {
  background-color: var(--grey-bg);
  flex-direction: row-reverse;
}

.branded-repeat-section .grid-wrap .grid-child-wrap:nth-child(odd) {
  background-color: var(--purple-bg-light);
}

.branded-repeat-section.color-swap-grey .grid-wrap .grid-child-wrap:nth-child(even) {
  flex-direction: row-reverse;
  background-color: var(--purple-bg-light);
}

.branded-repeat-section.color-swap-grey .grid-wrap .grid-child-wrap:nth-child(odd),
.branded-repeat-section .grid-wrap .grid-child-wrap.gray {
  background-color: var(--grey-bg);
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-right {
  text-align: center;
}

.branded-repeat-section .grid-wrap .grid-child-wrap .flex-right img {
  display: inline-block;
  max-height: 322px;
  max-width: 522px;
  object-fit: contain;
  width: 100%;
}

.branded-repeat-section .grid-wrap .grid-child-wrap.purple {
  background-color: var(--purple-bg-light);
}

.branded-repeat-section .action-btn {
  margin: 0 auto;
  max-width: 305px;
  padding-top: 148px;
  padding-bottom: var(--p-50px);
}

/* talk-expert-right-section */
.talk-expert-right-section.section-pt-50 {
  padding-top: var(--p-100px);
}

.talk-expert-right-section .talk-expert-bg {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  position: relative;
}

.talk-expert-right-section .talk-expert-bg .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
}

.talk-expert-right-section .talk-expert-bg .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.talk-expert-right-section .talk-expert-bg .bg-image:before {
  background: linear-gradient(90deg, #5400cf 0%, rgba(120, 13, 231, 0) 100%);
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.talk-expert-right-section .talk-expert-bg .flex-wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 510px;
  min-height: 366px;
  position: relative;
  z-index: 2;
  padding: 57px 20px 57px 88px;
}

.talk-expert-right-section .talk-expert-bg .flex-wrap .logo-radefy {
  max-width: 147px;
  height: auto;
}

.talk-expert-right-section .talk-expert-bg .flex-wrap h2,
.talk-expert-right-section .talk-expert-bg .flex-wrap h2 span {
  color: var(--white);
}

.talk-expert-right-section .talk-expert-bg .flex-wrap .butn {
  max-width: 305px;
  display: block;
  margin-top: auto;
}

/* integration page design starts */

.integration-flex-section {
  padding-bottom: 90px;
}

.integration-flex-section h2 {
  font-weight: 700;
  font-size: var(--h2-main);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
  padding-bottom: 30px;
}

.integration-flex-section .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background-color: var(--purple-bg-light);
  padding: 60px;
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
}

.integration-flex-section .flex-wrap .flex-child {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  background-color: var(--white);
  padding: 36px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 190px;
  max-width: 190px;
  text-align: center;
}

.integration-flex-section .flex-wrap .flex-child .badge {
  background-color: var(--grey-light);
  padding: 8px;
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
  color: var(--black);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
}

.integration-flex-section .flex-wrap .flex-child .img-holder {
  max-width: 113px;
  max-height: 90px;
  width: 100%;
  height: auto;
  text-align: center;
  display: flex;
  height: 90px;
  justify-content: center;
  align-items: center;
}

.integration-flex-section .flex-wrap .flex-child .img-holder img {
  max-width: 113px;
  max-height: 90px;
  width: 100%;
  text-align: center;
  display: flex;
  height: 90px;
  justify-content: center;
  object-fit: contain;
  align-items: center;
}

.integration-flex-section .flex-wrap .flex-child .link-normal {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--grey-dark);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
}

.integration-flex-section .flex-wrap .flex-child .link-normal:hover {
  text-decoration: underline;
}

.integration-flex-section .flex-wrap .flex-child .butn {
  font-size: var(--text-14px);
  font-weight: 600;
  text-transform: capitalize;
  padding: 11px;
  margin-top: auto;
}

.integration-flex-section.bgGrey .flex-wrap {
  background-color: var(--grey-bg);
}

/* integration banner */
.rdy-hero.hero-integration {
  padding-top: 0px;
  padding-bottom: 90px;
  padding-left: 0px;
  padding-right: 0px;
}

.rdy-hero.hero-integration .hero-block h1 {
  color: var(--purple-2);
  padding-bottom: 20px;
}

.rdy-hero.hero-integration .hero-block .hero-sub-text {
  font-weight: 400;
  font-size: var(--text-16px);
  line-height: 180%;
  letter-spacing: -1.1%;
}

.rdy-hero.hero-integration .rdy-btn-wraper {
  margin-top: auto;
}

.rdy-hero.hero-integration .rdy-btn-wraper .hero-btn {
  background-color: var(--purple-2);
  color: var(--white);
}

.rdy-hero.hero-integration .hero-bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-width: 708px;
  width: 100%;
  border-bottom-left-radius: var(--radius-16px);
  border-top-left-radius: var(--radius-16px);
  background: linear-gradient(-90deg,
      rgba(247, 247, 248, 0) 0%,
      #f7f7f8 36.42%);
  z-index: 0;
}

.smart-eco-dropdown .smart-eco-nav-link:hover img {
  filter: invert(100%);
}

.integrator-dropdown {
  padding: 40px 40px 0 40px;
}

.integrator-dropdown .ecosystem-titles {
  padding-bottom: 40px;
  display: flex;
  gap: 15px;
  width: 100%;
}

.tabcontent-ecosystem .img-holder img {
  max-height: 400px;
  min-height: 400px;
  object-fit: contain;
}

.integrator-dropdown .ecosystem-titles h2 {
  font-weight: 700;
  font-size: var(--text-32px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--black);
  max-width: 580px;
}

.tabcontent-ecosystem h3 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: -1.1%;
  line-height: 31px;
  display: none;
}

.integrator-dropdown .ecosystem-titles p {
  font-weight: 400;
  font-size: var(--text-16px);
  line-height: 180%;
  letter-spacing: -1.1%;
  color: var(--black-2);
  max-width: 450px;
}

/* tabs css ecosystem */
.integrator-dropdown .eco-tab-holder {
  display: flex;
  width: 100%;
  gap: 30px;
}

.integrator-dropdown .tab-ecosystem {
  background-color: var(--grey-bg2);
  max-width: 295px;
  width: 100%;
  padding: 20px 0 20px 20px;
  border-top-left-radius: var(--radius-16px);
  border-top-right-radius: var(--radius-16px);
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: space-between;
}

.integrator-dropdown .tab-ecosystem a {
  display: flex;
  gap: 12px;
  background-color: inherit;
  color: black;
  padding: 10px 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  border-top-left-radius: var(--radius-12px);
  border-bottom-left-radius: var(--radius-12px);
  font-weight: 600;
  font-size: var(--text-16px);
  line-height: 23px;
  letter-spacing: -1.9%;
  align-items: center;
}

.integrator-dropdown .tab-ecosystem a:hover {
  background-color: var(--purple-2);
  color: var(--white);
}

.integrator-dropdown .tab-ecosystem a.active,
.integrator-dropdown .tab-ecosystem a:hover {
  background-color: var(--purple-2);
  color: var(--white);
}

.integrator-dropdown .tab-ecosystem a.active img,
.integrator-dropdown .tab-ecosystem a:hover img {
  filter: invert(100%);
}

.integrator-dropdown .tabcontent-ecosystem {
  width: 100%;
  display: none;
  padding-bottom: 40px;
}

.tabcontent-ecosystem.active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tabcontent-ecosystem>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.tabcontent-ecosystem .action-tab-content {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  align-items: center;
}

.tabcontent-ecosystem .action-tab-content .butn-white {
  box-shadow: none;
  max-width: 92px;
  border: 1px solid var(--purple-2);
  font-weight: 700;
}

.tabcontent-ecosystem .action-tab-content .butn-white:hover {
  color: var(--white);
}

.tabcontent-ecosystem .tab-titles {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tabcontent-ecosystem .action-ecosystem {
  font-weight: 700;
  font-size: var(--text-14px);
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  background-color: var(--purple-2);
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
  padding: 13px 22px;
  color: var(--white);
  max-width: 227px;
  border: 1px solid var(--purple-2);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.tabcontent-ecosystem .action-ecosystem:hover {
  background-color: var(--white);
  color: var(--purple-2);
}

.tabcontent-ecosystem .action-tab-content .butn {
  display: none;
}

.tabcontent-ecosystem .ecosystem-titles {
  display: none;
}

.tabcontent-ecosystem .product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 45px;
  max-height: 410px;
  min-height: 410px;
  align-content: flex-start;
  overflow-y: auto;
  padding-right: 10px;
}

.tabcontent-ecosystem .product-grid .product-card {
  background-color: #f9f9f9;
  border-radius: 16px;
  padding: 13px 15px 16px;
}

.tabcontent-ecosystem .product-grid .product-card img {
  max-width: 70px;
}

.tabcontent-ecosystem .product-grid .product-card p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #1e1e1e;
  margin-bottom: 10px;
}

.tabcontent-ecosystem .product-grid .product-card h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #1e1e1e;
  margin: 0;
}

/* header wpml */
.wpml-ls-legacy-dropdown-click {
  width: inherit;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click a:hover {
  background-color: var(--grey-light);
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

.wpml-ls-legacy-dropdown-click a {
  border: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  border-top: none;
}

.resource-dropdown .grid-container-resource {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding: 40px;
  align-items: flex-start;
}

.resource-dropdown .grid-container-resource .res-title-top {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-nav);
}

.resource-dropdown .res-title-top p {
  font-weight: 600;
  font-size: var(--text-16px);
  line-height: 150%;
  letter-spacing: -1.9%;
  color: var(--black);
}

.resource-dropdown .grid-container-resource .grid-child {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.resource-dropdown .grid-container-resource .grid-child .res-title-nav-link {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  gap: 12px;
  padding: 8px;
  align-items: flex-start;
  color: var(--black);
  background-color: var(--white);
  border-radius: var(--radius-8px);
  -webkit-border-radius: var(--radius-8px);
  -moz-border-radius: var(--radius-8px);
  -ms-border-radius: var(--radius-8px);
  -o-border-radius: var(--radius-8px);
}

.resource-dropdown .grid-container-resource .grid-child .res-title-nav-link:hover {
  color: var(--white);
  background-color: var(--purple-2);
}

.resource-dropdown .res-title-nav-link:hover .icon-holder img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

.res-title-nav-link p {
  font-weight: 500;
  font-size: var(--text-16px);
  line-height: 150%;
  letter-spacing: -1.9%;
}

.res-title-nav-link span {
  font-weight: 400;
  font-size: var(--text-10px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.resource-dropdown .grid-container-resource .grid-child .link-normal a,
.resource-dropdown .grid-container-resource .grid-child .link-normal {
  font-weight: 700;
  font-size: var(--text-12px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
  margin-left: 42px;
}

/* policy terms css */
.policy-terms-main {
  display: flex;
  flex-direction: column;
  gap: 40px;
  font-size: var(--text-18px);
  line-height: 170%;
  padding-bottom: 30px;
}

.policy-terms-main h1 {
  color: var(--purple-2);
  line-height: 170%;
  font-size: clamp(1.75rem, 0.9872rem + 2.8718vw, 3.5rem);
  margin-bottom: -40px;
}

body .policy-terms-main h2 {
  margin-bottom: -40px;
  color: var(--black);
  line-height: 170%;
  font-size: clamp(1.625rem, 0.9712rem + 2.4615vw, 3.125rem);
}

.policy-terms-main h3 {
  margin-bottom: -40px;
  color: var(--black);
  line-height: 170%;
  font-size: clamp(1.5rem, 1.0096rem + 1.8462vw, 2.625rem);
}

.policy-terms-main h4 {
  margin-bottom: -40px;
  color: var(--black);
  line-height: 170%;
  font-size: clamp(1.375rem, 0.9391rem + 1.641vw, 2.375rem);
}

.policy-terms-main h5 {
  margin-bottom: -30px;
  color: var(--black);
  line-height: 170%;
  font-size: clamp(1.25rem, 0.9231rem + 1.2308vw, 2rem);
}

.policy-terms-main h6 {
  margin-bottom: -30px;
  color: var(--black);
  line-height: 170%;
  font-size: clamp(1.125rem, 0.8526rem + 1.0256vw, 1.75rem);
}

.policy-terms-main p,
.policy-terms-main ol,
.policy-terms-main li {
  color: var(--grey-dark);
  line-height: 170%;
  font-size: clamp(1.125rem, 1.234rem + -0.4103vw, 0.875rem);
}

.policy-terms-main a {
  color: var(--grey-dark);
  line-height: 170%;
  text-decoration: underline;
}

.policy-terms-main a:hover {
  text-decoration: none;
  line-height: 170%;
}

.policy-terms-main blockquote {
  color: var(--grey-dark);
  line-height: 170%;
  padding: 40px;
  border-left: 10px solid var(--black);
  background-color: var(--grey-light);
}

.policy-terms-main ol,
.policy-terms-main ul {
  line-height: 170%;
  list-style-position: outside;
}

.policy-terms-main li {
  padding-left: 10px;
  margin-left: 20px;
}

.policy-terms-main table {
  margin-bottom: 50px;
  width: 100% !important;
  border: 1px solid var(--grey-mid);
}

.policy-terms-main table tr:first-child td {
  white-space: nowrap !important;
}

.policy-terms-main table tr:first-child td p {
  text-align: -webkit-left !important;
}

.policy-terms-main table tr td {
  border-bottom: 1px solid var(--grey-mid) !important;
  border-right: 1px solid var(--grey-mid) !important;
  padding: 15px 10px !important;
}

.policy-terms-main table tr td:last-child {
  border-right: 0px solid var(--grey-mid) !important;
}

.policy-terms-main table tr:last-child td {
  border-bottom: 0px solid var(--grey-mid) !important;
}

.search-nav .search-small {
  display: none;
}

.search-nav .search-big {
  display: flex;
  position: relative;
  z-index: 10;
  height: 38px;
  margin-right: 38px;
}

.search-nav .search-big input {
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
  padding: 12px 12px 12px 28px;
  background-color: var(--grey-bg);
  border: none;
  outline: none;
  width: 100%;
  min-width: 38px;
  max-width: 38px;
  transition: width 0.3s ease;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.search-nav .search-big input:focus {
  outline: none;
  width: 220px;
  min-width: 220px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.search-nav .search-big .searchSvg {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  pointer-events: none;
}

.marquee-container-top {
  width: 100%;
  overflow: hidden;
  background: var(--grey-bg2);
  position: relative;
  padding: 12px 0;
  border-bottom-left-radius: var(--radius-10px);
  border-bottom-right-radius: var(--radius-10px);
}

.marquee-content-top {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation-name: scroll2;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  font-weight: 600;
  font-size: var(--text-14px);

  line-height: 100%;
  letter-spacing: -0.41px;
}

@keyframes scroll2 {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

.marquee-content-top a {
  text-decoration: underline;
}

/* ✅ Pause on hover */
.marquee-container-top:hover .marquee-content-top {
  animation-play-state: paused;
}

/* ✅ Pause on hover */

.policy-main {
  display: flex;
  gap: 66px;
  align-items: flex-start;
  padding-top: 20px;
  position: relative;
}

.policy-main .left-policy {
  width: 407px;
  min-width: 407px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  border-radius: var(--radius-16px);
  background-color: var(--grey-bg2);
  position: sticky;
  top: 20px;
}

.policy-main .left-policy p {
  font-weight: 700;
  font-size: var(--text-18px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--light-silver);
}

.policy-main .left-policy a {
  display: inline-block;
  padding: 10px;
  font-weight: 600;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -0.41px;
  color: var(--grey-dark);
  border-radius: var(--radius-10px);
}

.policy-main .left-policy a:hover,
.policy-main .left-policy a.active {
  background-color: var(--purple-2);
  color: var(--white);
}

.policy-main .right-policy {
  width: 100%;
}

.right-policy .policy-top-holder {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
}

.right-policy .policy-top-holder .badge-policy {
  padding: 10px 20px;
  color: var(--black);
  font-weight: 600;
  font-size: var(--text-14px);
  line-height: 100%;
  letter-spacing: -0.41px;
  border-radius: var(--radius-22px);
  background-color: var(--purple-bg-light);
}

.right-policy .policy-top-holder .badge-policy span {
  color: var(--purple-2);
}

.right-policy .policy-top-holder .search-policy {
  position: relative;
  z-index: 10;
}

.right-policy .policy-top-holder .search-policy .icon-holder {
  position: absolute;
  z-index: 4;
  top: 6px;
  left: 12px;
}

.right-policy .policy-top-holder .search-policy input {
  padding: 12px 12px 12px 35px;
  background-color: var(--grey-bg);
  border-radius: var(--radius-10px);
  outline: none;
  border: none;
}

.right-policy .policy-top-holder .search-policy input:focus {
  outline: none;
}

.policy-main>h2 {
  display: none;
}

.right-policy .policy-terms-main {
  display: none;
}

.right-policy .policy-terms-main.active {
  display: flex;
}

/* chat bot css */
.chatbotBig {
  z-index: 99;
  position: fixed;
  bottom: 20px;
  right: 20px;
  left: auto;
  max-width: 433px;
  width: 95%;
  max-height: 575px;
  background-color: #fefefe;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 10px #eee;
}

.top-head-chatbot {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  background-color: var(--purple-2);
  padding: 12px 56px 12px 31px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  align-items: center;
}

.top-head-chatbot .profile {
  display: flex;
  gap: 8px;
  align-items: center;
}

.top-head-chatbot .profile img {
  width: 100%;
  max-width: 100%;
  height: auto;
  width: 63px;
  height: 63px;
  min-width: 63px;
}

.top-head-chatbot .profile .status {
  display: flex;
  gap: 8px;
  align-items: center;

  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #43ee7d;
}

.top-head-chatbot .profile .online-dot {
  width: 7px;
  height: 7px;
  border-radius: 20px;
  background-color: #43ee7d;
}

.top-head-chatbot p {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  margin-bottom: 4px;
  /*word-break: break-all;*/
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.chat-history-main {
  max-height: 100%;
  overflow-y: auto;
  padding: 15px 15px 0 15px;
}

.chatbot-form-main {
  padding: 15px;
}

.chat-history-main .chatcommon {
  display: flex;
  gap: 0px;
  flex-direction: column;
}

.chat-history-main .bot-chat {
  align-items: start;
}

.chat-history-main .user-chat {
  align-items: end;
  margin-bottom: 10px;
}

.chat-history-main .chatcommon.user-chat .chat-box {
  background-color: #d9d9d9;
  border: 1px solid #d9d9d9;
  color: #888888;
}

.chat-history-main .user-chat .chat-box {
  margin-left: 32px;
  margin-right: 32px;
}

.chat-history-main .chat-box,
.chatbot-big-container:hover .hoverd-content .chat-box {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: end;
  padding: 12px;
  border: 1px solid #5400cf;
  border-radius: 24px;
  margin-left: 32px;
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #5d5d5d;
  max-width: 300px;
  background-color: #fff;
}

.chat-history-main .chat-box p,
.chatbot-big-container:hover .hoverd-content p {
  word-break: break-word;
  white-space: normal;
}

#wpforms-form-17 .wpforms-required-label {
  display: none;
}

.chat-history-main .time-stamp,
.time-stamp {
  color: #7b8188;
  font-size: 12px;
  min-width: 40px;
}

.chat-history-main .profile-circle {
  width: 42px;
  height: 42px;
  border-radius: 42px;
  max-width: 42px;
  max-width: 42px;
}

.chat-history-main .profile-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chatbot-form {
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
  max-width: 100%;
}

.chatbot-form .chat-btn {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.chatbot-form .chat-btn img {
  width: 22px;
  height: 22px;
}

.chatbot-form .chat-input {
  border: none;
  outline: none;
  padding: 18px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #5d5d5d;
  background-color: #f0f0f0;
  width: 100%;
  max-height: 50px;
  min-height: 50px;
}

.chatbot-form .chat-input::-webkit-scrollbar {
  display: none;
}

.chatbot-form .input-wrap {
  width: 100%;
  background-color: #f0f0f0;
}

.chatbot-form .input-wrap {
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}

.chatbot-form .input-wrap .left-bg {
  position: absolute;
  top: 0;
  left: -8px;
  bottom: 0;
}

.chatbot-form .input-wrap .right-bg {
  position: absolute;
  top: 0;
  right: -8px;
  bottom: 0;
}

.chatbot-form .input-wrap .right-bg svg {
  transform: rotate(180deg);
}

.chatbot-big-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  max-width: 77px;
  max-height: 77px;
  z-index: 99;
  transition: all 0.3s;
  cursor: pointer;
  border-radius: 100px;
}

.chatbot-big-container img {
  border-radius: 100px;
}

.chatbot-big-container .hoverd-content {
  display: none;
  position: fixed;
  width: 300px;
  right: 20px;
  bottom: 100px;
  transition: all 0.3s;
}

.chatbot-big-container:hover {
  transition: all 0.3s;
}

.chatbot-big-container:hover .hoverd-content {
  display: block;
  transition: all 0.3s;
  width: 300px;
}

.chat-hidden {
  display: none;
}

.navbar .search-nav .search-form-small {
  position: fixed;
  top: 66px;
  left: 10px;
  right: 10px;
  z-index: 102;
}

.navbar .search-nav .search-close-small {
  position: relative;
  z-index: 103;
}

.search-nav .search-form-small input[type="search"] {
  display: block;
  border: none;
  outline: none;
  background-color: var(--grey-bg);
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
  padding: 15px;
  width: 100%;
  max-width: 100%;
  box-shadow: 0 0 0 1px var(--grey-mid);
}

.search-nav .overlay-search-nav {
  position: fixed;
  z-index: 101;
  inset: 0;
  background-color: #00000026;
}

.search-form-small input[type="search"]:focus {
  outline: none;
}

.search-hidden {
  display: none !important;
}

.woocommerce-tabs.wc-tabs-wrapper {
  padding: 40px;
  background-color: var(--grey-bg);
  border-radius: var(--radius-16px);
}

.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs::before,
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
  border-bottom: 1px solid var(--light-silver);
  padding-left: 0px;
  display: flex;
  gap: 40px;
}

.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li {
  border-radius: 0px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid transparent;
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--grey-mid);
  padding: 0px 0px 0 0;
  display: flex;
  align-items: center;
}

.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a {
  padding: 0px 0 5px 7px;
}

.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active {
  border-bottom: 1px solid var(--purple-2);
  color: var(--purple-2);
}

.rental-property-section .flex-wrap {
  display: flex;
  gap: 40px;
}

.rental-property-section .flex-wrap .flex-left {
  width: 52%;
  display: flex;
  flex-direction: column;
  gap: 55px;
}

.rental-property-section .flex-wrap .flex-right {
  width: 45%;
}

.rental-property-section .features-rental {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.rental-property-section .flex-wrap .flex-left .img-holder-main {
  display: none;
}

.rental-property-section .features-rental .feat-list {
  display: flex;
  gap: 30px;
}

.rental-property-section .features-rental .feat-list .icon-holder {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-color: var(--purple-2);
  border-radius: var(--radius-12px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.rental-property-section h2 {
  color: var(--purple-2);
  font-weight: 700;
  font-size: var(--h2-main);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.rental-property-section h3 {
  font-size: var(--text-22px);
  color: var(--purple-2);
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 10px;
}

.rental-property-section p {
  line-height: 180%;
}

.rental-property-section .app-dw-store {
  padding: 20px;
  background-color: var(--grey-bg);
  border-radius: var(--radius-16px);
  display: flex;
  gap: 34px;
  align-items: center;
}

.rental-property-section .app-dw-store p {
  font-weight: 600;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -0.41px;
  padding-top: 10px;
}

.rental-property-section .app-dw-store .app-link-holder {
  display: flex;
  gap: 20px;
}

.select-subscription-product h2 {
  color: var(--purple-2);
  font-weight: 700;
  font-size: var(--h2-main);
  line-height: 100%;
  letter-spacing: -1.1%;
  padding-bottom: 10px;
}

.select-subscription-product .title-bottom {
  font-weight: 700;
  font-size: var(--text-22px);
  color: var(--black);
  line-height: 180%;
  letter-spacing: -1.1%;
}

/* pricing css */

.hero-pricing {
  margin: 0 0 100px 0;
}

.hero-pricing .hero-wrapper {
  width: 100%;
  border-radius: var(--radius-16px);
  min-height: 540px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.hero-pricing .content-box {
  width: 100%;
  max-width: 780px;
  flex-shrink: 0;
  padding: var(--font-40);
}

.hero-pricing .content-box .plan-text {
  width: 100%;
  font-weight: bold;
  margin-top: 27px;
}

.hero-pricing .content-box .plant-title {
  width: 100%;
  font-weight: bold;
  font-size: 48px;
}

.purple-tabs {
  width: fit-content;
  border: 1px solid var(--grey-mid);
  padding: 4px;
  gap: 4px;
  background-color: var(--white);
  box-shadow: var(--shadow-1);
  border-radius: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.purple-tab-item {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  min-width: 130px;
  border-radius: 40px;
  color: var(--grey-dark);
  font-size: var(--text-22px);
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 4px 30px;
}

.purple-tab-item:hover {
  background-color: var(--white-100);
}

.purple-tab-item.active {
  background-color: var(--purple-2);
  box-shadow: var(--grdnt-purple-light-dark);
  color: var(--white);
  font-weight: bold;
  box-shadow: var(--shadow-2);
}

.purple-tab-text {
  position: relative;
  top: 2px;
}

.currency-tabs {
  margin-top: 126px;
}

.locks-tab {
  margin-top: 27px;
}

.hero-pricing .image-box {
  width: 100%;
  padding: 60px;
  position: relative;
}

.hero-pricing .image-box .logo {
  max-width: 160px;
  position: absolute;
  top: 100px;
  right: 100px;
  filter: grayscale(1);
  z-index: 1;
}

.hero-pricing .image-box .leather-wallet-image {
  filter: drop-shadow(30px 30px 30px rgba(0, 0, 0, 0.5));
}

/* .plan-section {
  margin-bottom: 80px;
} */

.plan-section .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.plan-section .plan-card {
  position: relative;
  width: 100%;
  border-radius: var(--radius-16px);
  border: 4px solid var(--white);
  padding: 30px 30px 70px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

  &:nth-child(odd) {
    background-color: var(--purple-bg-light);
  }

  &:nth-child(even) {
    background-color: var(--grey-bg);
  }
}

.plan-section .plan-card .badge {
  position: absolute;
  width: fit-content;
  top: -26px;
  right: -4px;
  border: 4px solid var(--white);
  background-color: var(--purple-2);
  min-height: 44px;
  min-width: 142px;
  padding: 4px 16px;
  font-size: var(--text-18px);
  font-weight: 600;
  color: var(--white);
  border-radius: 30px 30px 0 30px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 30px;
}

.plan-section .plan-card .badge span,
.plan-section .plan-card .badge small {
  position: relative;
  top: 3px;
  text-transform: uppercase;
}

.plan-section .plan-card .badge small {
  font-size: 10px;
  top: 1px;
}

.plan-section .plan-card .plan-type {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.plan-section .plan-card .plan-type .icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan-section .plan-card .plan-type .title {
  font-weight: bold;
  font-size: 22px;
  color: var(--grey-dark);
  position: relative;
  top: 1px;
}

.plan-section .plan-card .plan-price {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  gap: 12px;
  align-items: end;
}

.plan-section .plan-card .plan-price span {
  font-size: 62px;
}

.plan-section .plan-card .plan-price small {
  font-size: 12px;
  position: relative;
  top: -13px;
}

.plan-section .plan-card .sparator {
  background-color: var(--light-silver);
  height: 1px;
  width: 100%;
}

.plan-section .plan-card .question-title {
  width: 100%;
  margin: 30px 0;
  font-size: var(--text-18px);
  font-weight: 700;
  color: var(--primary-purple);
}

.plan-section .plan-card .list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.plan-section .plan-card .list .list-item {
  width: 100%;
  padding-left: 24px;
  color: var(--grey-dark);
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.plan-section .plan-card .list .list-item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"><path d="M58.395 32.156 42.996 50.625l-5.39-6.463a5.995 5.995 0 1 0-9.212 7.676l9.997 12a5.99 5.99 0 0 0 9.21.006l20.005-24a5.999 5.999 0 1 0-9.211-7.688"/><path d="M48 0a48 48 0 1 0 48 48A48.05 48.05 0 0 0 48 0m0 84a36 36 0 1 1 36-36 36.04 36.04 0 0 1-36 36"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 1px;
  opacity: 0.45;
}

.plan-section .plan-card .bottom-part {
  display: flex;
  gap: 10px;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}

.plan-section .plan-card .cal-container {
  height: 40px;
  border: 1px solid var(--purple-2);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90px;
  border-radius: 10px;
  flex-shrink: 0;
  gap: 12px;
}

.plan-section .plan-card .cal-container button {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--purple-2);
  color: var(--white);
  outline: none;
  border: none;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 6px;
}

.plan-section .plan-card .cal-container button:hover {
  background-color: var(--black-2);
}

.plan-section .plan-card .cal-container .number {
  color: var(--purple-2);
  font-weight: bold;
  font-size: 12px;
}

@media (min-width: 768px) {

  .plan-section.leaseflex .container,
  .plan-section.geaflex .container {
    grid-template-columns: repeat(3, 1fr);
  }

  .plan-section.leaseflex .plan-card {
    grid-column: 2;
  }
}


/* product detail */
.product-detail-section {
  padding-top: 20px;
  padding-bottom: 50px;
}

.productTabs {
  padding-top: 50px;
  padding-bottom: 50px;
}

.product-detail-section .flex-wrap {
  display: flex;
  gap: 20px;
}

.product-detail-section .flex-wrap .flex-left,
.product-detail-section .flex-wrap .flex-right {
  width: 50%;
}

.product-detail-section .variations .value {
  display: flex;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 20px;
}

.product-detail-section .variations .value span {
  display: block;
  position: relative;
  width: 42px;
  height: 42px;
  z-index: 0;
}

.product-detail-section .variations .value span input {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.product-detail-section .variations .value span label {
  font-size: 0;
  width: 42px;
  height: 42px;
  border: 1px solid transparent;
  border-radius: var(--radius-10px);
}

.product-detail-section .variations .value span label img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 6px;
}

.woocommerce div.product form.cart .variations th {
  text-align: left;
  width: 92px;
  min-width: 92px;
  font-weight: 700;
  font-size: var(--text-14px);
  line-height: 180%;
  letter-spacing: -1.1%;
  padding-top: 13px;
}

.product-detail-section .variations .value span input:checked~label {
  border: 1px solid var(--purple-2);
  position: absolute;

  padding: 2px;
}

.product-detail-section .variations .value .reset_variations {
  order: 4;
}

.product-detail-section .variations .reset_variations {
  color: var(--white);
  background-color: var(--purple-2);
  border: 1px solid var(--purple-2);
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  display: inline-block;
  padding: 10px 15px;
  border-radius: var(--radius-10px);
  line-height: 20px;
}

.woocommerce div.product form.cart .single_variation_wrap .single_variation {
  margin-left: 92px;
  padding: 10px 0 20px 0;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: var(--purple-2);
  font-weight: 700;
}

.product-detail-section .woocommerce-variation-add-to-cart {
  display: flex;
  justify-content: center;
  max-width: 370px;
  margin: 0 auto;
  gap: 20px;
}

.woocommerce div.product form.cart div.quantity .qty-custom-wrapper {
  display: flex;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid var(--purple-2);
}

.woocommerce div.product form.cart div.quantity .qty-custom-wrapper .qty-btn {
  background-color: var(--purple-2);
  color: var(--white);
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 6px;
  font-size: 24px;
  cursor: pointer;
  line-height: 30px;
}

.woocommerce div.product form.cart div.quantity .qty-custom-wrapper input {
  color: var(--purple-2);
  font-weight: 700;
  font-size: var(--text-16px);
  width: 80px;
  border: none;
  outline: none;
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.desc-main .single_add_to_cart_button {
  background-color: var(--purple-2) !important;
  color: var(--white) !important;
  border: 1px solid var(--purple-2) !important;
  padding: 20px !important;
  max-width: 155px;
  width: 100%;
  text-align: center;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.woocommerce div.product form.cart div.quantity .qty-custom-wrapper input:focus {
  outline: none;
}

.woocommerce div.product form.cart div.quantity .qty-custom-wrapper input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}

.product-detail-section .productBig-slider .slide-big {
  background-color: var(--white);
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
  border: 1px solid #0000001a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 690px;
}

.product-detail-section .productBig-slider .slide-big img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product-detail-section .product-nav {
  padding-top: 20px;
}

.product-detail-section .product-nav .slide-nav-product {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  border: 1px solid #0000001a;
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
}

.slide-nav-product.slick-slide.slick-current {
  border: 1px solid var(--purple-2);
}

.product-detail-section .product-nav .slide-nav-product.slick-slide.slick-active:last-of-type {
  margin-right: 0px;
}

.product-detail-section .product-nav .slide-nav-product img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 113px;
  border-radius: var(--radius-16px);
  -webkit-border-radius: var(--radius-16px);
  -moz-border-radius: var(--radius-16px);
  -ms-border-radius: var(--radius-16px);
  -o-border-radius: var(--radius-16px);
  aspect-ratio: 1/1;
  margin: 0 auto;
}

.product-detail-section .desc-main {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-bottom: 20px;
}

.product-detail-section .desc-main h2 {
  color: var(--black);
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: -1.1%;
}

.product-detail-section .desc-main h3 {
  color: var(--purple-2);
}

.product-detail-section .desc-main .price-desc {
  color: var(--purple-2);
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -1.1%;
}

.product-detail-section .desc-main p {
  font-weight: 400;
  font-size: var(--text-16px);
  line-height: 180%;
  letter-spacing: -1.1%;
}

.product-detail-section .desc-main p strong {
  font-weight: 600;
}

.product-detail-section .specifications-desc h3 {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 180%;
  letter-spacing: -1.1%;
  text-transform: uppercase;
  color: var(--purple-2);
  padding-bottom: 20px;
}

.product-detail-section .spec-flex {
  display: flex;
  gap: 4px;
  align-items: start;
  padding-bottom: 20px;
}

.product-detail-section .spec-flex .spec-title {
  width: 92px;
  min-width: 92px;

  font-weight: 700;

  font-size: var(--text-14px);
  line-height: 180%;
  letter-spacing: -1.1%;
  padding-top: 13px;
}

.product-detail-section .spec-flex .spec-features {
  width: auto;
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  list-style-type: none;
}

.product-detail-section .spec-flex .spec-features li {
  display: flex;
  align-items: center;
  border: 1px solid var(--purple-2);
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
}

.product-detail-section .spec-flex .spec-features .img-holder {
  padding: 8px;

  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0px;
}

.product-detail-section .spec-flex .spec-features .img-holder img {
  width: 36px;
  height: 36px;
  min-width: 36px;
}

.product-detail-section .spec-flex .spec-features p {
  padding-right: 8px;
  color: var(--purple-2);
  font-weight: 600;
  font-size: var(--text-12px);
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  padding-left: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.product-detail-section .spec-flex .spec-features span {
  font-weight: 400;
  font-size: var(--text-10px);
}

/* product tabs ul  */

.woocommerce-Tabs-panel.entry-content ul {
  padding-left: 20px;
}

.woocommerce-Tabs-panel.entry-content ul li {
  padding-bottom: 18px;
  font-weight: 400;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: 0%;
}

#tab-tech_specs .tech-specification-tab {
  padding-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 30px;
}

#tab-tech_specs .tech-specification-tab h3 {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--black);
  padding-bottom: 4px;
}

#tab-tech_specs .tech-specification-tab p {
  font-weight: 400;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: 0%;
}

#tab-installation .installation-frame {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;

  border-radius: 6px;
  display: block;
}

#tab-installation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

#tab-installation .installation-frame iframe,
#tab-installation .installation-frame video,
#tab-installation .installation-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

#tab-installation .installation-desc {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 0;
}

#tab-installation .installation-desc h3 {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
}

#tab-installation .installation-desc .pdf-desc {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 700;
  font-size: var(--text-14px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

#tab-installation .installation-desc .butn {
  max-width: 350px;
  margin-top: auto;
}

.content-area .entry-content.cancel-overlay {
  position: relative;
}

.content-area .entry-content {
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
}

.content-area .entry-content.cancel-overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000096;
  z-index: 9;
  border-radius: 10px;
  backdrop-filter: blur(2px);
}

.content-area .entry-content.cancel-overlay::before {
  content: '';
  position: absolute;
  top: 350px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 32px;
  height: 32px;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  border: 4px solid rgb(255 255 255);
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: 1s circle-loader linear infinite;
  z-index: 99;
}

@keyframes circle-loader {
  0% {
    transform: rotate(0deg);
  }

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

.resource-dropdown .grid-container-resource .grid-child .res-title-nav-link .icon-holder {
  width: 22px;
  min-width: 22px;
  height: 22px;
}

/* woocommerce css */

.entry-header h1 {
  font-weight: 700;
  font-size: var(--h2-main);
  line-height: 100%;
  letter-spacing: -1.1%;
  text-transform: capitalize;
  color: var(--purple-2);
  padding-bottom: 32px;
}

.woocommerce-cart #post-10 .entry-content .woocommerce .flex-cart,
.flex-cart {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  min-height: 60vh;
  position: relative;
}

.flex-cart .collaterals-right td[data-title="Subtotal"] {
  text-align: right;
}

.woocommerce-cart #post-10 .entry-content .woocommerce .flex-cart .flex-cart-item,
.flex-cart .flex-cart-item {
  width: 100%;
  padding-bottom: 50px;
}

.woocommerce-cart #post-10 .entry-content .woocommerce .flex-cart .collaterals-right,
.flex-cart .collaterals-right {
  position: sticky;
  top: 144px;
  max-width: 335px;
  width: 100%;
  margin-top: 30px;
  padding: 30px;
  background: var(--purple-bg-light);
  border: 1px solid var(--purple-2);
  border-radius: var(--radius-16px);
  margin-bottom: 50px;
}

.woocommerce-cart #post-10 .entry-content .flex-cart .collaterals-right .cart_totals h2,
.flex-cart .collaterals-right .cart_totals h2 {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 180%;
  letter-spacing: -1.1%;
  text-transform: uppercase;
  color: var(--purple-2);
}

.woocommerce-cart #post-10 .entry-content .flex-cart .collaterals-right .cart_totals .shop_table,
.flex-cart .collaterals-right .cart_totals .shop_table {
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.woocommerce-cart #post-10 .entry-content .flex-cart .collaterals-right .cart_totals .shop_table tr,
.flex-cart .collaterals-right .cart_totals .shop_table tr {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
}

.woocommerce-cart #post-10 .entry-content .qty-custom-wrapper,
.flex-cart .qty-custom-wrapper {
  display: inline-flex;
  border: 1px solid var(--purple-2);
  padding: 8px;
  border-radius: var(--radius-10px);
}

.woocommerce-cart #post-10 .entry-content .qty-custom-wrapper .qty-btn,
.flex-cart .qty-custom-wrapper .qty-btn {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: var(--purple-2);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.woocommerce-cart #post-10 .entry-content .qty-custom-wrapper input,
.flex-cart .qty-custom-wrapper input {
  border: none;
  outline: none;
  font-size: var(--text-12px);
  font-weight: 700;
  color: var(--purple-2);
  background-color: transparent;
}

.woocommerce-cart #post-10 .entry-content .qty-custom-wrapper input[type="number"]::-webkit-inner-spin-button,
.woocommerce-cart #post-10 .entry-content .qty-custom-wrapper input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce-cart #post-10 .entry-content td.product-subtotal,
.flex-cart td.product-subtotal {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
}

.woocommerce-cart #post-10 .entry-content .product-price,
.flex-cart .product-price {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table,
.flex-cart table.shop_table {
  border-spacing: 0 30px;
  border: none;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table td,
.flex-cart table.shop_table td {
  border-top: none;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tbody tr,
.flex-cart table.shop_table tbody tr {
  position: relative;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tbody tr .qty-tooltip,
.flex-cart table.shop_table tbody tr .qty-tooltip {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 14px;
  color: #a00;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table thead,
.flex-cart table.shop_table thead {
  background-color: var(--purple-bg-light);
  color: #8b8b8b;
  border-radius: var(--radius-16px);
  overflow: hidden;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tbody th,
.flex-cart table.shop_table tbody th {
  border-top: none;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table thead th:not(:first-child),
.flex-cart table.shop_table thead th:not(:first-child) {
  text-align: center;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tbody tr,
.flex-cart table.shop_table tbody tr {
  background-color: var(--grey-bg);
  border-radius: var(--radius-16px) !important;
  overflow: hidden;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tr .product-remove,
.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table th .product-remove,
.flex-cart table.shop_table tr .product-remove,
.flex-cart table.shop_table th .product-remove {
  border-top-right-radius: var(--radius-16px) !important;
  border-bottom-right-radius: var(--radius-16px) !important;
  overflow: hidden !important;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tr .product-name,
.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table th .product-name,
.flex-cart table.shop_table tr .product-name,
.flex-cart table.shop_table th .product-name {
  border-top-left-radius: var(--radius-16px) !important;
  border-bottom-left-radius: var(--radius-16px) !important;
  overflow: hidden !important;
}

.woocommerce-cart #post-10 table.shop_table .cart-product-item,
.flex-cart table.shop_table .cart-product-item {
  padding: 20px;
  padding-right: 0;
  display: flex;
  gap: 20px;
}

.woocommerce-cart #post-10 table.shop_table .cart-product-item .cart-product-image,
.flex-cart table.shop_table .cart-product-item .cart-product-image {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: var(--radius-16px);
  border: 1px solid #0000001a;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
}

.woocommerce-cart #post-10 table.shop_table .cart-product-item .cart-product-image img,
.flex-cart table.shop_table .cart-product-item .cart-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.woocommerce-cart #post-10 table.shop_table .cart-product-item .cart-product-name,
.flex-cart table.shop_table .cart-product-item .cart-product-name {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  color: var(--black);
  padding-bottom: 12px;
  padding-top: 4px;
}

.woocommerce-cart #post-10 table.shop_table .cart-product-item .cart-product-description,
.flex-cart table.shop_table .cart-product-item .cart-product-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -1.1%;
  color: #000000b2;
}

.flex-cart table.shop_table .cart-product-item .cart-product-description ul {
  list-style-type: none;
}

.woocommerce-cart #post-10 .woocommerce table.shop_table th,
.flex-cart table.shop_table th {
  padding: 16px 20px;
}

.woocommerce-cart #post-10 table.shop_table .cart-subtotal th,
.woocommerce-cart #post-10 table.shop_table .cart-subtotal td,
.flex-cart table.shop_table .cart-subtotal th,
.flex-cart table.shop_table .cart-subtotal td {
  padding: 0;
  margin-bottom: -30px;
}

.woocommerce-cart #post-10 .flex-cart .collaterals-right table.shop_table,
.flex-cart .collaterals-right table.shop_table {
  border-spacing: 00px;
  padding-bottom: 10px;
  padding-top: 20px;
  margin: 0px;
}

.woocommerce-cart #post-10 .flex-cart .collaterals-right .checkout-button,
.woocommerce-cart .flex-cart .collaterals-right .checkout-button {
  font-weight: 700;
  font-size: var(--text-16px);
  background: var(--purple-2);
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--white);
  border-radius: var(--radius-10px);
}

.woocommerce-cart #post-10 .product-remove a.remove,
.flex-cart .product-remove a.remove {
  cursor: pointer;
}

.woocommerce-cart #post-10 .product-remove a.remove:hover,
.flex-cart .product-remove a.remove:hover {
  background: transparent;
}

.woocommerce-cart #post-10 .cart-massage,
.flex-cart .cart-massage {
  padding-top: 70px;
}

.woocommerce-cart #post-10 .cart-massage p,
.flex-cart .cart-massage p {
  font-weight: 600;
  font-size: var(--text-14px);
  line-height: 100%;
  margin-bottom: 15px;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table td.product-remove-3::before{
  display: none;
}

.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table td.product-remove-3 a{
  display: inline-block;
}

/* checkout woocommerce  */
form.checkout {
  width: 100%;
  max-width: 100%;
}

body .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
  display: block;
}

.entry-content .woocommerce .woocommerce-notices-wrapper {
  display: none;
}

.checkoutFlex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 90px;
}

.checkoutFlex .reviewOrder {
  padding: 30px;
  background: var(--purple-bg-light);
  border: 1px solid var(--purple-2);
  border-radius: var(--radius-16px);
}

.checkoutFlex .reviewOrder .disCount {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}

.checkoutFlex .reviewOrder .disCount button {
  border-radius: var(--radius-10px);
  min-width: 122px;
}

.checkoutFlex .reviewOrder .product-name>div {
  display: flex;
  gap: 20px;
  padding: 20px;
  background-color: var(--white);
  width: 100%;
  border-radius: var(--radius-16px);
  margin-bottom: 30px;
}

.checkoutFlex .reviewOrder .product-name>div .itemName {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.checkoutFlex .reviewOrder .product-name>div .itemconte {
  font-weight: 400;
  font-size: var(--text-12px);
  line-height: 17px;
  letter-spacing: -1.1%;
  padding-top: 12px;
}

.checkoutFlex .reviewOrder .product-name>div .itemCross {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
  margin-top: auto;
}

.checkoutFlex .reviewOrder .product-name>div .itemPrice {
  padding-top: 12px;
}

.checkoutFlex .reviewOrder .product-name>div .itemPrice span:first-child .amount {
  font-weight: 400;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
  text-decoration: line-through;
}

.checkoutFlex .reviewOrder .product-name>div .itemPrice span:last-child .amount {
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.checkoutFlex .reviewOrder .product-name .itemThumb {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: var(--radius-16px);
  border: 1px solid #0000001a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkoutFlex .reviewOrder .product-name .itemThumb img {
  padding: 2px;
}

.checkoutFlex .customerInfo {
  max-width: 690px;
  width: 100%;
}

.checkoutFlex .customerInfo .woocommerce-billing-fields #billing_city_field,
.checkoutFlex .customerInfo .woocommerce-billing-fields #billing_state_field,
.checkoutFlex .customerInfo .woocommerce-billing-fields #billing_postcode_field {
  width: 33.33%;
  display: inline-flex;
  flex-direction: column;
}

.checkoutFlex .customerInfo .woocommerce-billing-fields #billing_city_field {
  padding-right: 10px;
}

.woocommerce-billing-fields .select2-container,
#new_address_conditional_shipping_fields_wrapper .select2-container,
#invoice_fields .select2-container {
  display: none;
}

.woocommerce-billing-fields #billing_country {
  margin-bottom: 18px;
}

.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
  content: "";
  display: none;
}

.checkoutFlex .customerInfo .woocommerce-billing-fields #billing_postcode_field {
  padding-left: 10px;
}

.checkoutFlex .customerInfo .woocommerce-billing-fields #billing_state_field {
  padding-left: 10px;
  padding-right: 10px;
}

.checkoutFlex .customerInfo .woocommerce-billing-fields .woocommerce-input-wrapper {
  width: 100%;
}

.checkoutFlex .customerInfo .custom-contact-section label {
  color: var(--black);
  font-weight: 400;
  font-size: var(--text-14px);
  line-height: 100%;
  letter-spacing: -1.1%;
  display: inline-flex;
  gap: 12px;
  align-items: center;
}

.checkoutFlex .customerInfo input[type="text"],
.checkoutFlex .customerInfo input[type="tel"],
.checkoutFlex .customerInfo .select2-selection__rendered,
.checkoutFlex .customerInfo input[type="email"],
.checkoutFlex .reviewOrder input[type="text"],
.checkout .checkoutFlex input[type="text"],
.checkout .checkoutFlex input[type="email"] {
  border: 1px solid #bebebe;
  border-radius: var(--radius-10px);
  padding: 17px 20px;
  color: #878787;
  outline: none;
  margin-bottom: 18px;
  width: 100%;
  font-weight: 400;
  font-size: var(--text-18px);
  letter-spacing: -1.1%;
}

.checkoutFlex .customerInfo input[type="checkbox"] {
  display: inline-block;
  width: 18px;
  height: 18px;
  accent-color: var(--purple-2);
}

.checkoutFlex .customerInfo .select2-selection {
  border: none;
}

.checkoutFlex .customerInfo #payment {
  background: transparent;
}

.checkoutFlex .customerInfo #payment .card-details {
  background-color: var(--grey-bg);
  padding: 20px;
  border-radius: var(--radius-16px);
  margin-top: 30px;
  margin-bottom: 30px;
}

.checkoutFlex .customerInfo #payment .card-details .shop-pay-note {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 30px;
  font-family: Inter;
  font-weight: 400;
  font-size: var(--text-14px);
  line-height: 100%;
  letter-spacing: -1.1%;
  flex-wrap: wrap;
}

.checkoutFlex .customerInfo .payments h3 {
  margin-bottom: 6px;
}

.checkoutFlex .customerInfo .payments .after-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.checkoutFlex .customerInfo .payments .after-card label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 400;
  font-size: var(--text-14px);
  line-height: 100%;
  letter-spacing: -1.1%;
}

.checkoutFlex .customerInfo .payments .after-card button {
  padding: 18px;
  background-color: var(--purple-2);
  border-radius: var(--radius-10px);
}

.checkoutFlex .customerInfo h3 {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: -1.1%;
  text-transform: capitalize;
  color: var(--purple-2);
  margin-top: 30px;
  margin-bottom: 30px;
}

.checkoutFlex .customerInfo .woocommerce-additional-fields .invoice-toggle .woocommerce-input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkoutFlex .customerInfo input[type="radio"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  accent-color: var(--purple-2);
}

.checkoutFlex .customerInfo .woocommerce-billing-fields h3 {
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: -1.1%;
  text-transform: capitalize;
  color: var(--purple-2);
  margin-top: 30px;
  margin-bottom: 30px;
}

.checkoutFlex .customerInfo .custom-contact-section h3 a {
  text-decoration: underline;
  font-weight: 700;
  font-size: var(--text-16px);
  line-height: 100%;
  letter-spacing: -1.1%;
  text-transform: capitalize;
  color: var(--purple-2);
}

.checkoutFlex .customerInfo .col2-set .col-1 {
  width: 100%;
}

.checkoutFlex .reviewOrder {
  max-width: 571px;
  width: 100%;
}

.checkoutFlex .reviewOrder table.shop_table td {
  padding: 0;
}

.checkoutFlex .reviewOrder .disCount input[type="text"] {
  margin-bottom: 0;
}

.checkoutFlex .reviewOrder .shop_table {
  border: none;
}

.checkoutFlex .reviewOrder .shop_table td,
.checkoutFlex .reviewOrder .cart-subtotal th,
.checkoutFlex .reviewOrder .order-total th {
  border-top: none;
}

.checkoutFlex .reviewOrder .cart-subtotal td,
.checkoutFlex .reviewOrder .order-total td {
  text-align: right;
}

.checkoutFlex .reviewOrder .order-total td,
.checkoutFlex .reviewOrder .order-total th {
  font-weight: 700;
  font-size: var(--text-22px);
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--purple-2);
}

/* faq ul ol */

.edy-faq-wrapper .faq-des ol,
.edy-faq-wrapper .faq-des ul {
  padding-left: 40px;
  list-style-position: outside;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--black-2);
  font-size: var(--font-h3);
  font-weight: 400;
  line-height: 1.4;
}

/* popup form success */
#wpforms-confirmation-17 {
  background-color: var(--purple-bg-light);
  border: 1px solid var(--grey-bg2);
  border-radius: var(--radius-10px);
  -webkit-border-radius: var(--radius-10px);
  -moz-border-radius: var(--radius-10px);
  -ms-border-radius: var(--radius-10px);
  -o-border-radius: var(--radius-10px);
  text-align: center;
  min-height: 80vh;
  padding-top: 15vh;
}

#wpforms-confirmation-17 .custom-popup-content {
  text-align: center;
}

#wpforms-confirmation-17 .custom-popup-content h2 {
  text-align: center;
  color: var(--purple-2);
  font-size: var(--h2-main);
}

#wpforms-confirmation-17 .custom-popup-content .popup-buttons {
  display: inline-flex;
  gap: 50px;
  padding-top: 50px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#wpforms-confirmation-17 .custom-popup-content .popup-buttons br {
  display: none;
}

#wpforms-confirmation-17 .custom-popup-content .popup-buttons .meeting-btn,
#wpforms-confirmation-17 .custom-popup-content .popup-buttons .exit-btn {
  border-radius: 10px;
  background-color: var(--white);
  padding: 18px 22px;
  display: inline-block;
  font-weight: 700;
  font-size: var(--font-h3);
  background-color: var(--purple-2);
  color: var(--white);
  border: 1px solid var(--purple-2);
  min-width: 150px;
}

#wpforms-confirmation-17 .custom-popup-content .popup-buttons .meeting-btn:hover,
#wpforms-confirmation-17 .custom-popup-content .popup-buttons .exit-btn:hover {
  background-color: var(--white);
  color: var(--purple-2);
}

.my-dynamic-modal,
.remove-dynamic-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-dynamic-modal p,
.remove-dynamic-modal p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  max-width: 425px;
  width: 90%;
  height: 25vh;
  padding: 20px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  text-align: center;
  line-height: 180%;
}

.my-dynamic-modal span.close-icon,
.remove-dynamic-modal span.close-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  position: absolute;
  color: var(--purple-2);
  background-color: var(--purple-bg-light);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  top: 35%;
  cursor: pointer;
}

.bgModalOverlay {
  position: fixed;
  background-color: #00000050;
  inset: 0;
  z-index: 999998;
}

.hero-pricing .planTab {
  display: flex;
  align-items: baseline;
  gap: 15px;
}

.hero-pricing .purple-tabs.locks-tab {
  margin-bottom: 20px;
}

.hero-pricing .planCont strong {
  padding-top: 10px;
  display: block;
}

/* checkout new css */
#new_address_conditional_shipping_fields_wrapper,
.woocommerce-billing-fields__field-wrapper,
#invoice_fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 18px;
}

#new_address_conditional_shipping_fields_wrapper #shipping_country_field,
#new_address_conditional_shipping_fields_wrapper #shipping_address_1_field,
#new_address_conditional_shipping_fields_wrapper #shipping_phone_field,
#billing_company_name_field,
#billing_country_field,
#billing_address_1_field,
#billing_phone_field,
#vat_invoice_country_field,
#vat_invoice_company_name_field,
#billing_company_field {
  grid-column: span 2 / span 2;
}

.checkoutFlex .customerInfo .form-row {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
}

.checkoutFlex .gridWrap3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  grid-column: span 2 / span 2;
}

.checkoutFlex #invoice_fields .gridWrap3 {
  grid-template-columns: repeat(2, 1fr);
  gap: 0 18px;
}

#new_address_conditional_shipping_fields_wrapper #shipping_country_field,
#vat_invoice_country_field {
  margin-bottom: 18px !important;
}

#vat_fields {
  width: 100%;
  display: flex;
  gap: 18px;
  align-items: center;
  grid-column: span 2 / span 2;
}

.woocommerce form .form-row select {
  font-size: 18px;
  color: #878787;
}

.gridWrap3 #billing_state_field .select2-container {
  margin-top: 8px;
}

.gridWrap3 #billing_state_field .select2-container .select2-selection__rendered {
  padding: 17px 20px;
}

#tab-description .p1 {
  padding-bottom: 5px;
  padding-top: 15px;
}

#tab-description .p2 span {
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
}

#tab-description p strong {
  margin-bottom: 10px;
  display: inline-block;
}

#tab-description .resTable {
  width: 100%;
  overflow-y: auto;
}

#tab-description .resTable table {
  width: 100%;
  min-width: 500px;
  border: 1px solid var(--purple-2);
  border-bottom: none;
}

#tab-description .resTable table td {
  padding: 10px;
  border-right: 1px solid var(--purple-2);
  border-bottom: 1px solid var(--purple-2);
}

#tab-description .resTable table td:last-child {
  border-right: none;
}

.hero-pricing.shop-pricing {
  margin-bottom: 70px;
}

.hero-pricing.shop-pricing .content-box {
  padding: 0px;
}

.solution-forevery .tabs-container .card .card-title {
  width: 100%;
}

.CommunicationPage {
  position: relative;
}

.CommunicationPage .Communication-info .policy-top-holder {
  display: none;
}

.CommunicationPage .Communication-info .policy-terms-main h1 {
  font-weight: 300;
  font-size: var(--h2-main);
  line-height: 100%;
  color: #000;
  margin-bottom: 0;
}

.CommunicationPage .Communication-info .left-policy .policy-titles {
  display: none;
}

.CommunicationPage .Communication-info.policy-main .left-policy {
  width: 430px;
  min-width: 430px;
  padding: 0;
  background-color: transparent;
}

.CommunicationPage .Communication-info.policy-main .left-policy a {
  padding-left: 120px;
  color: #5d5d5d;
  font-weight: 400;
}

.CommunicationPage .Communication-info.policy-main .left-policy a.active,
.CommunicationPage .Communication-info.policy-main .left-policy a:hover {
  color: var(--purple-2);
  font-weight: 700;
  position: relative;
  background-color: transparent;
}

.CommunicationPage .Communication-info.policy-main .left-policy a.active:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 20px;
  z-index: 0;
  background-size: 100%;
  width: 60px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg width="62" height="23" viewBox="0 0 62 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M61.0607 12.1075C61.6465 11.5217 61.6465 10.572 61.0607 9.98621L51.5147 0.440273C50.9289 -0.145513 49.9792 -0.145513 49.3934 0.440273C48.8076 1.02606 48.8076 1.97581 49.3934 2.56159L57.8787 11.0469L49.3934 19.5322C48.8076 20.1179 48.8076 21.0677 49.3934 21.6535C49.9792 22.2393 50.9289 22.2393 51.5147 21.6535L61.0607 12.1075ZM0 11.0469V12.5469H60V11.0469V9.54688H0V11.0469Z" fill="%235400CF"/><path d="M61.0607 12.1075C61.6465 11.5217 61.6465 10.572 61.0607 9.98621L51.5147 0.440273C50.9289 -0.145513 49.9792 -0.145513 49.3934 0.440273C48.8076 1.02606 48.8076 1.97581 49.3934 2.56159L57.8787 11.0469L49.3934 19.5322C48.8076 20.1179 48.8076 21.0677 49.3934 21.6535C49.9792 22.2393 50.9289 22.2393 51.5147 21.6535L61.0607 12.1075ZM0 11.0469V12.5469H60V11.0469V9.54688H0V11.0469Z" fill="black" fill-opacity="0.2"/></svg>');
}

.CommunicationPage:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0;
  max-width: 767px;
  max-height: 390px;
  height: 100%;
  width: 100%;
  background-image: url('data:image/svg+xml,<svg width="767" height="390" viewBox="0 0 767 390" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.03"><path d="M766.514 68.0898H262.539V178.912H766.514V68.0898Z" fill="%235400CF"/><path d="M766.514 68.0898H262.539V178.912H766.514V68.0898Z" fill="black" fill-opacity="0.2"/><path d="M451.449 -65.048C348.287 -168.984 180.534 -168.984 77.3726 -65.048C25.7595 -13.0487 -0.0322599 55.2244 3.02815e-05 123.5C0.00810282 143.67 2.2711 163.85 6.78635 183.597C17.539 230.616 41.0677 275.253 77.3726 311.826L77.4695 311.729C125.383 360.055 191.556 390 264.521 390C410.338 390 529.042 270.408 529.042 123.5C529.042 123.427 529.042 123.351 529.042 123.278C529.042 104.179 526.949 85.6362 523.2 67.6461H408.465C415.077 84.9693 418.825 103.623 418.825 123.278C418.825 209.002 349.608 278.736 264.521 278.736V278.958C179.434 278.958 110.217 209.224 110.217 123.5H110.161C110.134 83.6544 125.178 43.8004 155.297 13.4592C215.475 -47.1718 313.346 -47.1718 373.525 13.4592L451.449 -65.048Z" fill="%235400CF"/><path d="M451.449 -65.048C348.287 -168.984 180.534 -168.984 77.3726 -65.048C25.7595 -13.0487 -0.0322599 55.2244 3.02815e-05 123.5C0.00810282 143.67 2.2711 163.85 6.78635 183.597C17.539 230.616 41.0677 275.253 77.3726 311.826L77.4695 311.729C125.383 360.055 191.556 390 264.521 390C410.338 390 529.042 270.408 529.042 123.5C529.042 123.427 529.042 123.351 529.042 123.278C529.042 104.179 526.949 85.6362 523.2 67.6461H408.465C415.077 84.9693 418.825 103.623 418.825 123.278C418.825 209.002 349.608 278.736 264.521 278.736V278.958C179.434 278.958 110.217 209.224 110.217 123.5H110.161C110.134 83.6544 125.178 43.8004 155.297 13.4592C215.475 -47.1718 313.346 -47.1718 373.525 13.4592L451.449 -65.048Z" fill="black" fill-opacity="0.2"/></g></svg>');
}

.CommunicationPage:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0px;
  right: 0;
  max-width: 315px;
  max-height: 698px;
  height: 100%;
  width: 100%;
  background-image: url('data:image/svg+xml,<svg width="315" height="698" viewBox="0 0 315 698" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.05"><circle cx="315" cy="315" r="315" fill="%235400CF"/><circle cx="315" cy="315" r="315" fill="black" fill-opacity="0.2"/></g><g opacity="0.05"><circle cx="225.5" cy="615.5" r="82.5" fill="%235400CF"/><circle cx="225.5" cy="615.5" r="82.5" fill="black" fill-opacity="0.2"/></g></svg>');
}

.woocommerce a.remove:hover {
  background: #fff !important;
}

.productsMobContent {
  display: none;
}

/*////////////////////////////// responsive css/////////////////////// */
@media (min-width: 641px) {
  .login-button a img {
    display: none;
  }

  .login-button a {
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    line-height: 14px;
    background-color: var(--purple-2);
    box-shadow: 4px 4px 20px 0px #00000026;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .login-button a {
    color: #fff;
  }

  .login-button a:hover {
    background-color: #32007c;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
}

@media (max-width: 1439px) {
  .hero-pricing .content-box {
    max-width: 700px;
    padding: var(--font-30);
  }

  .hero-pricing .content-box .plant-title {
    font-size: 43px;
  }

  .purple-tab-item {
    min-height: 50px;
    min-width: 110px;
    font-size: var(--text-18px);
    padding: 4px 20px;
  }

  .hero-pricing .hero-wrapper {
    min-height: 500px;
  }

  .hero-pricing .image-box {
    padding: 40px;
  }

  .currency-tabs {
    margin-top: 90px;
  }

  .hero-pricing .image-box .logo {
    max-width: 130px;
    top: 80px;
    right: 80px;
  }

  .plan-section .plan-card {
    border: 2px solid var(--white);
    padding: 20px 20px 110px;
  }

  .plan-section .plan-card .badge {
    border: 2px solid var(--white);
    min-height: 40px;
    min-width: 122px;
    font-size: var(--text-16px);
    line-height: 30px;
  }

  .plan-section .plan-card .badge small {
    top: 2px;
  }

  .plan-section .plan-card .plan-type .icon {
    width: 28px;
    height: 28px;
  }

  .plan-section .plan-card .plan-type .title {
    font-size: 18px;
  }

  .plan-section .plan-card .plan-price span {
    font-size: 54px;
  }

  .plan-section .plan-card .plan-price small {
    top: -11px;
  }

  .plan-section .plan-card .question-title {
    margin: 24px 0;
    font-size: var(--text-16px);
  }

  .plan-section .plan-card .list .list-item {
    padding-left: 20px;
    font-size: 12px;
  }

  .plan-section .plan-card .list .list-item::before {
    width: 14px;
    height: 14px;
    top: 0px;
  }

  .plan-section .plan-card .list {
    gap: 10px;
    margin-bottom: 24px;
  }

  .plan-section .plan-card .bottom-part {
    display: flex;

    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}

@media screen and (max-width: 1400px) {
  .talk-expert-right-section .talk-expert-bg {
    margin-left: 188px;
  }
}

@media screen and (max-width: 1300px) {
  .home-banner .hero-app {
    position: static;
  }
}

@media (max-width: 1279px) {
  .hero-pricing .content-box {
    max-width: 100%;
  }

  .hero-pricing .content-box .plant-title {
    font-size: 36px;
  }

  .hero-pricing .hero-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .hero-pricing .image-box {
    padding: var(--font-30);
    max-width: 576px;
  }

  .hero-pricing .image-box .logo {
    max-width: 110px;
    top: 70px;
    right: 70px;
  }

  .plan-section .container {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }

  .hero-pricing {
    margin: 0 0 80px 0;
  }

  /* .plan-section {
      margin-bottom: 60px;
    } */

  .hero-pricing .image-box .leather-wallet-image {
    filter: drop-shadow(20px 20px 20px rgba(0, 0, 0, 0.5));
  }
}

@media screen and (max-width: 1200px) {
  #ecosystemPopupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
  }

  #ecosystemPopupContent {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-height: 90vh;
    overflow-y: auto;
    width: 100%;
    max-width: 600px;
    position: relative;
  }

  .CommunicationPage:before,
  .CommunicationPage:after {
    display: none;
  }

  .checkoutFlex .customerInfo input[type="text"],
  .checkoutFlex .customerInfo input[type="tel"],
  .checkoutFlex .customerInfo .select2-selection__rendered,
  .checkoutFlex .customerInfo input[type="email"],
  .checkoutFlex .reviewOrder input[type="text"] {
    padding: 13px 20px;
  }

  .checkoutFlex .customerInfo #payment .card-details {
    padding: 0;
  }

  .checkoutFlex .reviewOrder .product-name .itemThumb {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }

  .checkoutFlex .reviewOrder,
  .checkoutFlex .reviewOrder .product-name>div {
    padding: 16px;
  }

  .checkoutFlex {
    flex-direction: column-reverse;
  }

  .checkoutFlex .customerInfo,
  .checkoutFlex .reviewOrder {
    max-width: 100%;
  }

  .resource-dropdown .grid-container-resource .grid-child {
    gap: 0px;
  }

  .resource-dropdown .grid-container-resource .grid-child .res-title-nav-link {
    background-color: transparent;
  }

  .resource-dropdown .grid-container-resource {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
    padding: 0px;
  }

  .resource-dropdown .grid-container-resource .res-title-top {
    display: none;
  }

  .branded-banner-section .flex-wrap {
    flex-direction: column;
  }

  .branded-banner-section .flex-wrap .left-flex {
    max-width: 100%;
  }

  .branded-banner-section .right-bg {
    top: 35%;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap {
    gap: 30px;
  }

  .branded-banner-section .flex-wrap .action-btn-holder .btn,
  .butn {
    padding: 14px;
  }

  .integrator-dropdown {
    padding: 0px;
  }

  .integrator-dropdown .ecosystem-titles {
    display: none;
  }

  .eco-tab-holder .tabcontent-ecosystem {
    display: none !important;
  }

  .integrator-dropdown .tab-ecosystem {
    max-width: 100%;
    background-color: transparent;
    gap: 7px;
    padding: 20px 0;
    justify-content: space-between;
  }

  .integrator-dropdown .tab-ecosystem a {
    border-bottom-right-radius: var(--radius-12px);
    border-top-right-radius: var(--radius-12px);
  }

  .tabcontent-ecosystem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
  }

  .tabcontent-ecosystem .action-tab-content .butn {
    display: block;
  }

  .tabcontent-ecosystem .action-tab-content {
    justify-content: space-between;
  }

  .tabcontent-ecosystem .ecosystem-titles {
    border-bottom: 1px solid var(--light-silver);
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

  .tabcontent-ecosystem .ecosystem-titles {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .tabcontent-ecosystem h3 {
    display: flex;
  }

  .tabcontent-ecosystem h3 img {
    width: 28px;
    height: 28px;
    filter: invert(8%) sepia(52%) saturate(4666%) hue-rotate(265deg) brightness(162%) contrast(151%);
  }

  .policy-main .left-policy {
    width: 300px;
    min-width: 300px;
  }

  .woocommerce-cart #post-10 .entry-content .woocommerce .flex-cart,
  .flex-cart {
    flex-direction: column;
  }

  .tabcontent-ecosystem .img-holder img {
    min-height: inherit;
    object-fit: inherit;
  }

  .nav-links a,
  .dropdown-toggle {
    font-weight: 400;
  }

  .integrator-dropdown.mobileHide {
    display: none;
  }

  .productsMobContent {
    display: block;
  }

  .productsMobContent .flexCol {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: transparent;
    gap: 7px;
    padding: 20px 0;
  }

  .productsMobContent .flexCol .productName {
    display: flex;
    gap: 12px;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    padding: 10px 10px;
  }

  .productsMobContent .flexCol .productLinks.active .productName,
  .productsMobContent .flexCol .productLinks .productName:hover {
    background-color: var(--purple-2);
    color: var(--white);

    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }

  .productsMobContent .flexCol .productLinks.active .productName img,
  .productsMobContent .flexCol .productLinks .productName:hover img {
    filter: invert(100%);
  }

  .productsMobContent .flexCol .productLinks .productListDetail {
    display: none;
  }

  .productsMobContent .flexCol .productLinks .productListDetail::-webkit-scrollbar {
    width: 0px;
    height: 0;
  }

  /* Track */
  .productsMobContent .flexCol .productLinks .productListDetail::-webkit-scrollbar-track {
    background: transparent;
  }

  /* Handle */
  .productsMobContent .flexCol .productLinks .productListDetail::-webkit-scrollbar-thumb {
    background: transparent;
  }

  /* Handle on hover */
  .productsMobContent .flexCol .productLinks .productListDetail::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }

  .productsMobContent .flexCol .productLinks .productListDetail {
    gap: 15px;

    overflow-x: auto;
    padding: 10px 10px;
  }

  .productsMobContent .flexCol .productLinks.active .productListDetail {
    display: flex;
  }

  .productsMobContent .flexCol .productLinks.active .productListDetail {
    margin-top: -17px;
    padding-top: 20px;
    background-color: var(--purple-2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }

  .productsMobContent .flexCol .productListDetail .img-div {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .productsMobContent .flexCol .productListDetail p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: rgb(30, 30, 30);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .productsMobContent .flexCol .productListDetail h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: rgb(30, 30, 30);
    margin: 0px;
    margin-top: auto;
    padding-bottom: 5px;
  }

  .productsMobContent .flexCol .productListDetail .img-div img {
    max-width: 70px;
    max-height: 60px;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .productsMobContent .flexCol .productListDetail .flexChild {
    width: 104px;
    min-width: 104px;
    height: auto;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }

  .productsMobContent .flexCol .productListDetail .flexChild>div {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .CommunicationPage .Communication-info.policy-main .left-policy a.active:before {
    display: none;
  }

  #tab-installation {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }

  .product-detail-section .productBig-slider .slide-big {
    height: 400px;
  }

  .product-detail-section .desc-main h2 {
    font-size: var(--font-28);
  }

  .product-detail-section .desc-main .price-desc {
    font-size: var(--font-40);
  }

  .rental-property-section .flex-wrap .flex-left .img-holder-main {
    display: block;
    max-width: 650px;
    margin: 0 auto;
  }

  .rental-property-section .flex-wrap .flex-left {
    width: 100%;
    gap: 30px;
  }

  .rental-property-section .flex-wrap .flex-right {
    display: none;
  }

  .product-tab-content .grid-container {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-listing-sec .product-tab-links a {
    font-size: var(--text-14px);
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-left h2 span:before {
    width: 66px;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap,
  .branded-repeat-section .grid-wrap .grid-child-wrap:nth-child(even),
  .branded-repeat-section.color-swap-grey .grid-wrap .grid-child-wrap:nth-child(even) {
    flex-direction: column;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-left,
  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-right {
    width: 100%;
  }

  .policy-terms-main {
    gap: 24px;
  }

  .policy-main .left-policy p {
    display: none;
  }

  .policy-main .left-policy {
    flex-direction: row;
    width: 100%;
    position: static;
  }

  .policy-main>h2 {
    display: block;
    font-weight: 700;
    font-size: var(--font-28px);
    line-height: 100%;
    letter-spacing: -1.1%;
    text-transform: capitalize;
    color: var(--purple-2);
  }

  .right-policy .policy-top-holder {
    flex-direction: column-reverse;
  }

  .policy-main {
    flex-direction: column;
    gap: 25px;
  }

  .CommunicationPage .Communication-info.policy-main .left-policy a {
    padding-left: 10px;
  }

  .CommunicationPage .Communication-info.policy-main .left-policy {
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
    align-items: center;
    box-shadow: 0px 4px 20px 0px #0000000d;
    border: 1px solid var(--grey-mid);
  }
}

@media (max-width: 990px) {
  .policy-terms-main table {
    display: block;
    overflow-x: auto;
  }

  .hero-pricing .content-box {
    padding: var(--font-30);
  }

  .product-detail-section .flex-wrap {
    flex-direction: column;
  }

  .product-detail-section .flex-wrap .flex-left,
  .product-detail-section .flex-wrap .flex-right {
    width: 100%;
  }

  .product-listing-sec .product-tab-links .owl-nav .owl-next {
    right: 10px;
  }

  .product-listing-sec .product-tab-links .owl-nav .owl-prev {
    left: 10px;
  }
}

@media screen and (max-width: 768px) {

  .checkoutFlex .customerInfo .woocommerce-billing-fields #billing_city_field,
  .checkoutFlex .customerInfo .woocommerce-billing-fields #billing_state_field,
  .checkoutFlex .customerInfo .woocommerce-billing-fields #billing_postcode_field {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .woocommerce-cart .flex-cart-item table.shop_table_responsive tbody th,
  .flex-cart-item table.shop_table_responsive tbody th {
    display: block;
  }

  .woocommerce-cart #post-10 .collaterals-right .woocommerce table.shop_table tbody .cart-subtotal th {
    display: none;
  }

  .woocommerce-cart #post-10 table.shop_table .cart-product-item .cart-product-image {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }

  .woocommerce-cart #post-10 table.shop_table .cart-product-item,
  .flex-cart .shop_table .cart-product-item {
    padding: 0;
  }

  .woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tr .product-remove a {
    display: inline-flex;
    justify-content: flex-end;
  }

  .woocommerce-cart .entry-content .woocommerce table.shop_table_responsive tbody th,
  .woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table tbody tr {
    margin-bottom: 24px;
  }

  #tab-tech_specs .tech-specification-tab {
    grid-template-columns: repeat(2, auto);
  }

  .product-tab-content .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .searchResults {
    gap: 20px;
  }

  .searchResults .serchresult-box {
    flex: 1 1 calc(50% - 10px);
    flex-direction: column;
  }

  body .rdy-hero.home-banner {
    padding-bottom: 85px;
  }

  .branded-banner-section {
    padding-top: 66px;
    margin-top: -66px;
    overflow: hidden;
  }

  .branded-banner-section .left-bg {
    width: 412px;
    height: 315px;
  }

  .branded-banner-section .right-bg {
    max-width: 300px;
    max-height: 350px;
    top: inherit;
    bottom: 25%;
    border-bottom-right-radius: 0px;
  }

  .branded-banner-section .flex-wrap .left-flex .action-btn-holder {
    width: 100%;
    display: none;
  }

  .branded-banner-section .flex-wrap .right-flex .action-btn-holder {
    display: flex;
    max-width: 100%;
  }

  .branded-banner-section .flex-wrap .left-flex .title-bottom {
    font-size: var(--text-16px);
  }

  .branded-banner-section .flex-wrap .left-flex p {
    font-size: var(--text-16px);
    font-weight: 400;
    line-height: 23px;
  }

  .branded-banner-section .flex-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap {
    padding: 20px;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-left .title-bottom {
    font-size: var(--text-16px);
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-left p {
    font-size: var(--text-16px);
    line-height: 23px;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-left {
    gap: 18px;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap {
    gap: 20px;
  }

  .branded-repeat-section .action-btn {
    padding-top: 80px;
  }

  .talk-expert-right-section .talk-expert-bg {
    margin-left: 32px;
  }

  .talk-expert-right-section .talk-expert-bg .flex-wrap {
    padding: 40px;
  }
}

@media (max-width: 767px) {
  .product-listing-sec .product-tab-links .owl-nav .owl-prev {
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--purple-bg-light);
    font-size: 23px;
  }

  .product-listing-sec .product-tab-links .owl-nav .owl-next {
    right: 10px;
    width: 26px;
    height: 26px;
    background-color: var(--purple-bg-light);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size: 23px;
  }

  .productsMobContent .flexCol .productName {
    font-size: 12px;
  }

  .tabcontent-ecosystem .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero-pricing .hero-wrapper {
    min-height: fit-content;
  }

  .plan-section .container {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }

  .hero-pricing .image-box .leather-wallet-image {
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
  }

  .checkoutFlex #invoice_fields .gridWrap3 {
    gap: 0 10px;
  }
}

@media screen and (max-width: 640px) {
  .account-menu ul {
    padding-top: 20px;
  }

  #ecosystemPopupOverlay {
    background-color: transparent;
    padding: 0;
    top: 60px;
    z-index: 99;
    height: calc(100svh - 60px);
  }

  #ecosystemPopupContent {
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 10px;
    max-width: 100%;
    max-height: 100%;
  }

  #ecosystemPopupContent .tabcontent-ecosystem>div .action-tab-content {
    margin-top: auto;
  }

  #ecosystemPopupContent .tabcontent-ecosystem {
    height: 100%;
  }

  #ecosystemPopupContent .tabcontent-ecosystem>div {
    height: 100%;
    gap: 30px;
  }

  #ecosystemPopupContent .tabcontent-ecosystem>div .ecosystem-titles {
    margin-bottom: 0;
  }

  .chatbot-big-container .hoverd-content {
    bottom: 60px;
  }

  .rental-property-section h3,
  .rental-property-section p {
    font-size: var(--text-14px);
  }

  .rental-property-section .features-rental .feat-list {
    gap: 24px;
  }

  .product-detail-section .product-nav .slide-nav-product,
  .product-detail-section .product-nav .slide-nav-product img {
    border-radius: var(--radius-12px);
  }

  .chat-history-main .time-stamp,
  .time-stamp {
    font-size: var(--text-10px);
  }

  .chat-history-main .chat-box,
  .chatbot-big-container:hover .hoverd-content .chat-box {
    font-size: var(--text-12px);
  }

  .chatbot-form .chat-input {
    font-size: var(--text-12px);
  }

  .chatbot-big-container {
    width: 45px;
    height: 45px;
    bottom: 10px;
    right: 10px;
  }

  .chatbotBig {
    right: 10px;
  }

  .product-detail-section .productBig-slider .slide-big {
    height: 343px;
  }

  .product-detail-section {
    padding-bottom: 20px;
  }

  .productTabs {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .rental-property-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .select-subscription-product {
    padding-top: 40px;
  }

  .product-detail-section .desc-main .price-desc {
    font-size: 38px;
  }

  #tab-tech_specs .tech-specification-tab {
    grid-template-columns: repeat(1, auto);
    gap: 24px;
  }

  #tab-tech_specs .tech-specification-tab .flex-wrap {
    display: flex;
    gap: 20px;
  }

  #tab-tech_specs .tech-specification-tab .flex-wrap h3 {
    font-size: var(--text-14px);
    flex-basis: 160px;
    min-width: 160px;
  }

  #tab-tech_specs .tech-specification-tab .flex-wrap p {
    font-size: var(--text-14px);
  }

  .select-subscription-product .title-bottom {
    font-size: var(--text-16px);
    line-height: 100%;
  }

  .rental-property-section .app-dw-store {
    flex-direction: column;
    align-items: flex-start;
  }

  .woocommerce-tabs.wc-tabs-wrapper {
    padding: 20px;
  }

  .woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
    gap: 20px;
  }

  .product-tab-content .grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .product-listing-sec .product-tab-links {
    border-radius: var(--radius-22px);
  }

  .product-listing-sec .product-tab-links a {
    padding: 16px 20px;
    border-radius: var(--radius-16px);
    display: flex;
    align-items: center;
    min-width: auto;
    justify-content: center;
  }

  .searchResults h1 {
    font-size: var(--font-24);
  }

  .searchResults .serchresult-box .search-desc p {
    font-size: var(--text-16px);
  }

  .searchResults .serchresult-box .search-desc h2 {
    font-size: var(--text-20px);
  }

  .searchResults {
    gap: 10px;
  }

  .searchResults .serchresult-box {
    flex: 1 1 100%;
  }

  .home-banner .hero-block {
    max-height: 400px;
  }

  body .rdy-hero.home-banner {
    padding-bottom: 140px;
  }

  body .home-banner .hero-app {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0px;
    width: 400px;
    max-width: 100%;
    height: 300px;
    margin: 0 auto -200px auto;
  }

  .modal123 .modalhead h2 {
    font-size: var(--font-28);
  }

  .modal123 .modalMain {
    padding: 20px;
  }

  .branded-repeat-section .action-btn {
    padding-bottom: 0px;
  }

  .branded-repeat-section .grid-wrap {
    gap: 16px;
  }

  .talk-expert-right-section .talk-expert-bg .bg-image img {
    object-position: 74% center;
  }

  .talk-expert-right-section .talk-expert-bg .bg-image:before {
    background: linear-gradient(180deg,
        #5400cf 26.78%,
        rgba(120, 13, 231, 0) 94.07%);

    max-height: 323px;
  }

  .talk-expert-right-section .talk-expert-bg .flex-wrap {
    min-height: 560px;
  }

  .talk-expert-right-section.section-pt-50 {
    padding-top: 40px;
  }

  body .talk-expert-right-section {
    padding-bottom: 80px;
  }

  .branded-repeat-section {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .branded-banner-section {
    padding-bottom: 20px;
  }

  .integration-flex-section h2 {
    padding-bottom: 24px;
  }

  .integration-flex-section .flex-wrap {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .integration-flex-section {
    padding-bottom: 40px;
  }

  .integration-flex-section .flex-wrap {
    padding: 20px;
  }

  .branded-repeat-section .grid-wrap .grid-child-wrap .flex-right img {
    max-height: 151px;
  }

  .rdy-hero.hero-integration .hero-block h1 {
    text-transform: uppercase;
  }

  .rdy-hero.hero-integration .hero-block .hero-sub-text {
    font-weight: 700;
  }

  .rdy-hero.hero-integration .hero-bg:before {
    background: linear-gradient(0deg,
        rgba(247, 247, 248, 0) 0%,
        #f7f7f8 34.74%);
    max-height: 320px;
    height: 100%;
    border-top-right-radius: var(--radius-16px);
  }

  .rdy-hero.hero-integration .rdy-wrapper {
    min-height: 600px;
  }

  .rdy-hero.hero-integration .hero-bg img {
    object-position: 85% center;
  }

  .tabcontent-ecosystem .action-ecosystem {
    font-size: 14px;
    padding: 10px 5px;
    height: 50px;
  }

  .tabcontent-ecosystem .butn.butn-white {
    font-size: 14px;
    height: 50px;
    line-height: 22px;
  }

  .tabcontent-ecosystem .ecosystem-titles h2 {
    font-size: var(--text-18px);
  }

  .tabcontent-ecosystem .ecosystem-titles p,
  .tabcontent-ecosystem .tab-titles h4,
  .tabcontent-ecosystem .tab-titles p {
    font-size: var(--text-14px);
  }

  .menu-right-actions .cart-nav img {
    width: 24px;
    height: 24px;
  }

  .search-nav .search-small {
    display: flex;
  }

  .search-nav .search-big {
    display: none;
  }

  .policy-main .left-policy a {
    font-size: var(--text-13px);
    text-align: center;
    padding: 12px 8px;
    font-weight: 400;
  }

  .policy-main .left-policy {
    padding: 5px;
    box-shadow: 0px 4px 20px 0px #0000000d;
    background-color: var(--white);
    border: 1px solid var(--grey-mid);
    gap: 1px;
  }

  .policy-terms-main p,
  .policy-terms-main ol,
  .policy-terms-main li {
    font-size: var(--text-14px);
  }

  .right-policy .policy-top-holder .search-policy input,
  .right-policy .policy-top-holder .search-policy {
    width: 100%;
  }

  .branded-banner-section .right-bg {
    width: 150px;
    height: 350px;
  }

  .checkoutFlex .reviewOrder .product-name>div {
    padding: 5px;
    gap: 5px;
  }

  .checkoutFlex .reviewOrder {
    padding: 5px;
  }
}

@media (max-width: 566px) {
  .account-menu:before {
    content: "";
    position: absolute;
    z-index: 00;
    top: 0;
    left: 0;
    width: 109px;
    height: 109px;
    background-image: url('data:image/svg+xml,<svg width="109" height="109" viewBox="0 0 109 109" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.05" d="M-3.8147e-06 -63.5833C-35.0617 -63.5833 -63.5833 -35.0617 -63.5833 -3.8147e-06C-63.5833 35.0617 -35.0617 63.5833 -3.8147e-06 63.5833C35.0617 63.5833 63.5833 35.0617 63.5833 -3.8147e-06C63.5833 -35.0617 35.0617 -63.5833 -3.8147e-06 -63.5833ZM-3.8147e-06 109C-60.0862 109 -109 60.0862 -109 -3.8147e-06C-109 -60.0862 -60.0862 -109 -3.8147e-06 -109C60.0862 -109 109 -60.0862 109 -3.8147e-06C109 60.0862 60.1317 109 -3.8147e-06 109Z" fill="%235400CF"/></svg>');
  }

  .account-menu:after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    width: 170px;
    height: 170px;
    background-image: url('data:image/svg+xml,<svg width="170" height="170" viewBox="0 0 170 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.05" d="M170 70.8333C115.317 70.8333 70.8333 115.317 70.8333 170C70.8333 224.683 115.317 269.167 170 269.167C224.683 269.167 269.167 224.683 269.167 170C269.167 115.317 224.683 70.8333 170 70.8333ZM170 340C76.2875 340 0 263.713 0 170C0 76.2875 76.2875 0 170 0C263.713 0 340 76.2875 340 170C340 263.713 263.783 340 170 340Z" fill="%235400CF"/></svg>');
  }

  .hero-pricing .hero-wrapper {
    border-radius: 10px;
  }

  .hero-pricing .content-box {
    padding: 20px;
  }

  .hero-pricing .content-box .plant-title {
    font-size: 28px;
  }

  .purple-tabs {
    border-radius: 10px;
  }

  .purple-tab-item {
    min-height: 40px;
    min-width: 90px;
    font-size: var(--text-16px);
    padding: 4px 12px;
    width: 100%;
    border-radius: 10px;
  }

  .hero-pricing .image-box {
    padding: 20px;
  }

  .currency-tabs {
    margin-top: 27px;
  }

  .purple-tab-text {
    top: 1px;
  }

  .hero-pricing .image-box .logo {
    max-width: 85px;
    top: 45px;
    right: 45px;
  }

  .plan-section .plan-card .badge {
    min-height: 35px;
    min-width: 100px;
    font-size: 14px;
    top: -20px;
  }

  .hero-pricing {
    margin: 0 0 60px 0;
  }

  .checkoutFlex .reviewOrder .product-name>div {
    padding: 5px;
    gap: 5px;
  }

  .checkoutFlex .reviewOrder {
    padding: 5px;
  }

  /* .plan-section {
      margin-bottom: 40px;
    } */
  .checkoutFlex .customerInfo input[type="text"],
  .checkoutFlex .customerInfo input[type="tel"],
  .checkoutFlex .customerInfo .select2-selection__rendered,
  .checkoutFlex .customerInfo input[type="email"],
  .checkoutFlex .reviewOrder input[type="text"],
  .woocommerce-MyAccount-content .form-group input[type="text"],
  .woocommerce-MyAccount-content .form-group select,
  .woocommerce-MyAccount-content .form-group input[type="email"],
  .woocommerce form .form-row .input-text,
  .woocommerce-MyAccount-content .form-group textarea {
    padding: 10px 10px;
    font-size: 14px;
  }

  /* .checkoutFlex .customerInfo input[type="text"],
    .checkoutFlex .customerInfo input[type="tel"],
    .checkoutFlex .customerInfo .select2-selection__rendered,
    .checkoutFlex .customerInfo input[type="email"],
    .checkoutFlex .reviewOrder input[type="text"],
    .checkout .checkoutFlex input[type="text"],
    .checkout .checkoutFlex input[type="email"] {
      margin-bottom: 10px;
      margin-top: 0px;
    } */
  .woocommerce-MyAccount-content .form-group input[type="text"],
  .woocommerce form .form-row .input-text,
  .woocommerce form .form-row select,
  .woocommerce-MyAccount-content .form-group input[type="email"] {
    margin-top: 0px;
  }

  #new_address_conditional_shipping_fields_wrapper,
  .woocommerce-billing-fields__field-wrapper,
  #invoice_fields {
    gap: 0 10px;
  }

  #vat_fields {
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
  }

  .woocommerce .form-row select {
    padding: 13px 20px;
  }
}

@media screen and (min-width: 1401px) {
  .talk-expert-right-section .talk-expert-bg {
    margin-left: calc(100vw / 4);
  }
}

.my-account-dropdown {
  position: relative;
}

.my-account-dropdown button {
  display: flex;
  gap: 5px;
  align-items: center;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.41px;
  vertical-align: middle;
  color: #5d5d5d;
}

.mini-cart-icon {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.41px;
  vertical-align: middle;
  color: #5d5d5d;
  display: flex;
  align-items: center;
  gap: 5px;
}

.account-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--white);
  padding: 20px 0 20px 20px;
  min-width: 280px;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -1.9%;
  color: var(--black);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  box-shadow: 0px 20px 20px 0px #00000014;
}

.account-menu.active {
  align-items: stretch;
}

.account-menu ul {
  list-style-type: none;
  line-height: 44px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
}

.account-menu ul li:last-child,
.account-menu ul li:nth-child(8) {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 15px;
}

.account-menu .aboutUser {
  padding-right: 10px;
}

#accountMenu .userInfo .aboutUser {
  gap: 0px;
}

.account-menu ul li a {
  margin-bottom: 10px;
  padding: 0 10px;
}

.account-menu ul li a img {
  filter: invert(100%) sepia(1%) saturate(7477%) hue-rotate(320deg) brightness(92%) contrast(99%);
  -webkit-filter: invert(100%) sepia(1%) saturate(7477%) hue-rotate(320deg) brightness(92%) contrast(99%);
}

.account-menu ul li a.active,
.account-menu ul li a:hover {
  background-color: var(--purple-2);
  border-radius: 12px 0 0 12px;
  -webkit-border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -ms-border-radius: 12px 0 0 12px;
  -o-border-radius: 12px 0 0 12px;
  color: var(--white) !important;
}

.account-menu ul li a.active img,
.account-menu ul li a:hover img {
  filter: invert(0%);
  -webkit-filter: invert(0%);
}

/* my account  pages */

.entry-content .woocommerce:before,
.entry-content .woocommerce:after {
  display: none;
}

.entry-content .woocommerce {
  display: flex;
  gap: 40px;
  padding-bottom: 20px;
}

.entry-content .woocommerce .woocommerce-MyAccount-navigation {
  max-width: 280px;
  min-width: 280px;
  width: 100%;
  padding: 40px 0 40px 40px;
  display: flex;
  flex-direction: column;
  height: auto;
  background: #5400cf;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  position: relative;
  z-index: 1;
}

.entry-content .woocommerce .woocommerce-MyAccount-navigation:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
  height: 210px;
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg width="190" height="210" viewBox="0 0 190 210" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_218_2935)"><path opacity="0.1" d="M20 -59.1667C-34.6833 -59.1667 -79.1667 -14.6833 -79.1667 40C-79.1667 94.6833 -34.6833 139.167 20 139.167C74.6833 139.167 119.167 94.6833 119.167 40C119.167 -14.6833 74.6833 -59.1667 20 -59.1667ZM20 210C-73.7125 210 -150 133.712 -150 40C-150 -53.7125 -73.7125 -130 20 -130C113.712 -130 190 -53.7125 190 40C190 133.712 113.783 210 20 210Z" fill="black"/></g><defs><clipPath id="clip0_218_2935"><rect width="190" height="210" fill="white"/></clipPath></defs></svg>');
}

.entry-content .woocommerce .woocommerce-MyAccount-navigation:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 176px;
  height: 184px;
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg width="176" height="184" viewBox="0 0 176 184" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_218_3010)"><path opacity="0.1" d="M170 70.8333C115.317 70.8333 70.8333 115.317 70.8333 170C70.8333 224.683 115.317 269.167 170 269.167C224.683 269.167 269.167 224.683 269.167 170C269.167 115.317 224.683 70.8333 170 70.8333ZM170 340C76.2875 340 0 263.712 0 170C0 76.2875 76.2875 0 170 0C263.712 0 340 76.2875 340 170C340 263.712 263.783 340 170 340Z" fill="black"/></g><defs><clipPath id="clip0_218_3010"><rect width="176" height="184" fill="white"/></clipPath></defs></svg>');
}

.entry-content .woocommerce .woocommerce-MyAccount-navigation ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  background: none;
  height: 100%;
}

.entry-content .woocommerce .woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: auto;
}

/* .entry-content
  .woocommerce
  .woocommerce-MyAccount-navigation
  ul
  .woocommerce-MyAccount-navigation-link--support {
  border-top: 2px solid #ffffff80;
} */

.entry-content .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.entry-content .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  background: #32007c;
}

.entry-content .woocommerce .woocommerce-MyAccount-content {
  width: 100%;
}

.content-area .entry-header {
  display: none;
}

.woocommerce-MyAccount-content .radefy-account-wrapper {
  background: transparent;
  padding: 0;
}

.woocommerce-MyAccount-content .radefy-account-wrapper .tabTitle {
  padding: 40px 40px 20px 40px;
  background: var(--purple-bg-light);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.woocommerce-MyAccount-content .radefy-account-wrapper .account-body,
.woocommerce-MyAccount-content .radefy-account-wrapper .invoiceTable,
.woocommerce-MyAccount-content .radefy-account-wrapper .orderTable,
.woocommerce-MyAccount-content .radefy-account-wrapper .company-body,
.woocommerce-MyAccount-content .edit-account {
  background: var(--purple-bg-light);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 0 40px;
  padding-bottom: 15px;
}

.woocommerce-MyAccount-content #support-request-form {
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.woocommerce-MyAccount-content .edit-account .form-row {
  gap: 0px;
}

.woocommerce-MyAccount-content .edit-account .form-row #account_display_name_description {
  margin-top: 5px;
  color: #5d5d5d;
  display: block;
}

.woocommerce-MyAccount-content .edit-account {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form,
.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form {
  gap: 18px 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form button[type="submit"],
.woocommerce-MyAccount-content button[type="submit"] {
  border-radius: 10px;
  padding: 18px 22px;
  display: inline-block;
  font-weight: 700;
  font-size: var(--font-h3);
  background-color: var(--purple-2);
  color: var(--white);
  cursor: pointer;
  border: 1px solid var(--purple-2);
  min-width: 260px;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form button[type="submit"]:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover {
  color: var(--purple-2);
  background-color: var(--white) !important;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form button.btn-ai {
  min-width: 260px;
  padding: 18px 22px;
  cursor: pointer;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .contryWrap,
.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .contryWrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .contryWrap .form-group:first-child,
.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .contryWrap .form-group:first-child {
  grid-column: span 3;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .contryWrap .form-group:last-child,
.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .contryWrap .form-group:last-child {
  grid-column: span 2;
}

.woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .subButton,
.woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .subButton {
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 40px;
}

.woocommerce-MyAccount-content .form-group input[type="text"],
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce-MyAccount-content .form-group input[type="email"],
.woocommerce-MyAccount-content .form-group textarea {
  padding: 17px 20px;
  margin-top: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  font-family: "Inter";
  border: none;
}

.woocommerce-MyAccount-content .form-group select {
  border: none;
  outline: none;
  padding: 17px 20px;
  background-color: #fff;
  margin-top: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.woocommerce form .form-row .input-text {
  border: 1px solid #bebebe;
}

.woocommerce form .form-row.woocommerce-validated select,
.woocommerce form .form-row select,
.woocommerce form .form-row.woocommerce-validated input.input-text {
  border: 1px solid #bebebe;
}

.woocommerce-MyAccount-content .form-group label {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--black);
}

.account-header .account-avatar img,
.account-header .account-avatar {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.account-header .account-info h2 {
  color: #4300a6;
}

.account-header .account-info .edit-photo {
  color: #4300a6;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.41px;
  margin-top: 0;
}

.woocommerce-MyAccount-content .radefy-account-wrapper .tabTitle h3 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 22px;
  line-height: 180%;
  letter-spacing: -1.1%;
  text-transform: uppercase;
  color: var(--black);
}

.woocommerce-MyAccount-content fieldset {
  margin-top: 50px;
  margin-bottom: 20px;
  border-style: none;
}

.woocommerce-MyAccount-content fieldset .form-row {
  display: block;
}

.woocommerce-MyAccount-content fieldset legend {
  color: #4300a6;
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.41px;
  padding-bottom: 20px;
}

.woocommerce-MyAccount-content #my-company-account-form {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.woocommerce-MyAccount-content .tableWrap table {
  background: var(--white);
  border: none;
}

.woocommerce-MyAccount-content .tableWrap table thead th {
  line-height: 50px;
  font-size: 16px;
}

.woocommerce-MyAccount-content .tableWrap table tbody td {
  padding: 8px;
}

.woocommerce-MyAccount-content .tableWrap table tbody td.noOrder {
  padding: 20px 10px;
  font-size: 15px;
}

.woocommerce-MyAccount-content .tableWrap table td[data-title="Download All"] .button {
  background-color: white;
  color: #4300a6;
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -1.1%;
  text-decoration: underline;
}

.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers {
  display: flex;
  gap: 20px;
  border: 0px;
}

.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers li {
  border: 0;
}

.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers span,
.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers a {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #bfbfbf;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers span.current,
.woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers a:hover {
  background: #4300a6;
  border: 1px solid #4300a6;
  color: #fff;
}

.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .entry-content .woocommerce .woocommerce-MyAccount-navigation {
    display: none;
  }
}

@media screen and (max-width: 1024px) {

  .woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form,
  .woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form {
    grid-template-columns: repeat(1, 1fr);
  }

  .woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .subButton,
  .woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .subButton {
    grid-column: inherit;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {

  .nav-links a,
  .dropdown-toggle {
    font-size: 16px;
  }

  .integrator-dropdown .tab-ecosystem a {
    font-size: 12px;
  }

  .woocommerce form .form-row select {
    font-size: 14px;
    padding: 13px 20px;
  }

  .woocommerce-MyAccount-content .form-group input[type="text"],
  .woocommerce form .form-row .input-text,
  .woocommerce form .form-row select,
  .woocommerce-MyAccount-content .form-group input[type="email"] {
    margin-top: 0px;
  }

  .woocommerce-MyAccount-content .tableWrap table {
    min-width: 990px;
    max-width: 100%;
    width: 100%;
  }

  .woocommerce-MyAccount-content .tableWrap {
    overflow-y: auto;
    width: 100%;
  }

  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background: transparent;
  }

  .tableWrap .account-orders-table thead tr {
    display: table-row !important;
  }

  .tableWrap .account-orders-table thead {
    display: table !important;
    width: 100%;
  }

  .tableWrap .account-orders-table tbody tr td {
    display: table-cell;
    text-align: center !important;
  }

  .tableWrap .account-orders-table tbody tr {
    display: table;
    width: 100%;
  }

  .tableWrap .account-orders-table tbody {
    width: 100%;
  }

  .tableWrap .account-orders-table tbody tr td:before {
    display: none;
  }

  .tableWrap .account-orders-table {
    white-space: nowrap;
  }

  .woocommerce-MyAccount-content .tableWrap .woocommerce-pagination .page-numbers {
    gap: 10px;
  }

  .my-account-dropdown button .user-name {
    display: none;
  }

  .mini-cart-icon .mini-cart-count {
    display: none;
  }

  .entry-content .woocommerce .woocommerce-MyAccount-navigation {
    display: none;
  }

  .woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .contryWrap,
  .woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .contryWrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 18px;
  }

  .woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .contryWrap .form-group,
  .woocommerce-MyAccount-content .radefy-account-wrapper #my-account-form .contryWrap .form-group:last-child,
  .woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .contryWrap .form-group,
  .woocommerce-MyAccount-content .radefy-account-wrapper #my-company-account-form .contryWrap .form-group:last-child {
    grid-column: initial !important;
  }

  .woocommerce-MyAccount-content .radefy-account-wrapper .tabTitle {
    padding: 20px;
  }

  .woocommerce-MyAccount-content .radefy-account-wrapper .account-body,
  .woocommerce-MyAccount-content .radefy-account-wrapper .invoiceTable,
  .woocommerce-MyAccount-content .radefy-account-wrapper .orderTable,
  .woocommerce-MyAccount-content .radefy-account-wrapper .company-body,
  .woocommerce-MyAccount-content .edit-account {
    padding: 0 20px;
  }

  .woocommerce-MyAccount-content .edit-account {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .woocommerce-MyAccount-content .form-group input[type="text"],
  .woocommerce-MyAccount-content .form-group select,
  .woocommerce-MyAccount-content .form-group input[type="email"],
  .woocommerce form .form-row .input-text {
    padding: 13px 20px;
  }

  .account-header .account-avatar {
    width: 60px;
    height: 60px;
  }

  .account-header .account-info h2 {
    font-size: 18px;
  }

  .account-header .account-info .email,
  .account-header .account-info .edit-photo {
    font-size: 14px;
  }

  .woocommerce-MyAccount-content .radefy-account-wrapper .tabTitle h3 {
    font-size: 18px;
  }

  .checkoutFlex .gridWrap3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}

/*// chatbot css -Tulsi (2025-11-13)*/
.radbot-typing-box {
  padding: 6px 15px;
  font-size: 14px;
  color: #666;
  display: flex;
  align-items: center;
}

.typing-dots {
  display: flex;
  gap: 4px;
}

.typing-dots span {
  width: 8px;
  height: 8px;
  background: #7a62d3;
  /* Purple like Radbot theme */
  border-radius: 50%;
  display: inline-block;

  animation: typingBounce 1.4s infinite ease-in-out;
}

.typing-dots span:nth-child(1) {
  animation-delay: 0s;
}

.typing-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typingBounce {

  0%,
  80%,
  100% {
    transform: translateY(0);
    opacity: 0.5;
  }

  40% {
    transform: translateY(-6px);
    opacity: 1;
  }
}

section.error-404.not-found {
  text-align: center;
  min-height: 50vh;
  margin-top: 20vh;
}

section.error-404.not-found .page-content {
  display: none;
}

section.error-404.not-found .page-title {
  font-size: var(--h2-main);
}

.support-page-wrapper {
  max-width: 1400px;
  width: 95%;
  margin: 0 auto;
  padding: 40px;
  background-color: var(--purple-bg-light);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.support-page-wrapper h3 {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 22px;
  line-height: 180%;
  letter-spacing: -1.1%;
  text-transform: uppercase;
  color: var(--black);
  padding-bottom: 20px;
}

.support-page-wrapper form {
  gap: 18px 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.support-page-wrapper form .form-group label {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -1.1%;
  color: var(--black);
}

.support-page-wrapper form .form-group input,
.support-page-wrapper form .form-group textarea {
  padding: 17px 20px;
  margin-top: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  font-family: "Inter";
}

.support-page-wrapper form button {
  border-radius: 10px;
  padding: 18px 22px;
  display: inline-block;
  font-weight: 700;
  font-size: var(--font-h3);
  background-color: var(--purple-2);
  color: var(--white);
  cursor: pointer;
  border: 1px solid var(--purple-2);
  min-width: 260px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.support-page-wrapper form button:hover {
  transition: all 0.3s;
  color: var(--purple-2);
  background-color: var(--white) !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

@media (max-width: 767px) {
  .support-page-wrapper {
    padding: 20px;
  }

  .support-page-wrapper form .form-group input,
  .support-page-wrapper form .form-group textarea {
    padding: 13px 20px;
    margin-top: 0px;
  }

  .product-listing-sec .product-tab-links .owl-dots {
    gap: 10px;
  }
}

.page-id-10 .woocommerce,
.page-id-1132 .woocommerce {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
}

.wc-empty-cart-message {
  width: 100%;
  display: block;
}

.page-id-10 .woocommerce .cart-empty.woocommerce-info:before,
.page-id-1132 .woocommerce .cart-empty.woocommerce-info:before {
  display: none;
}

.page-id-10 .woocommerce .cart-empty.woocommerce-info,
.page-id-1132 .woocommerce .cart-empty.woocommerce-info {
  border-top: none;
  background-color: transparent;
  text-align: center;
  color: #000;
  font-size: var(--h2-main);
  padding: 0;
  margin: 0;
}

.page-id-10 .woocommerce .return-to-shop .button,
.page-id-1132 .woocommerce .return-to-shop .button {
  color: var(--purple-2);
  font-weight: 700;
  font-style: 26px;
  border-radius: 10px;
  padding: 18px 22px;
  display: inline-block;
  font-weight: 700;
  font-size: var(--font-h3);
  background-color: var(--purple-2);
  color: var(--white);
  cursor: pointer;
  border: 1px solid var(--purple-2);
  min-width: 170px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  text-align: center;
}

.page-id-10 .woocommerce .return-to-shop .button:hover,
.page-id-1132 .woocommerce .return-to-shop .button:hover {
  transition: all 0.3s;
  color: var(--purple-2);
  background-color: var(--white) !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.myAccount-PaymentMethods .saved-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.myAccount-PaymentMethods .payment-card {
  width: 320px;
  padding: 20px;
  border-radius: 16px;
  /*background: linear-gradient(135deg, #4126b8, #7f2dd1);
  */
  background: linear-gradient(111.25deg, #5400cf 0.39%, #2b006a 100%);
  color: #fff;
  position: relative;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.myAccount-PaymentMethods .payment-card.active {
  border: 3px solid lightgreen;
}

.myAccount-PaymentMethods .card-header,
.myAccount-PaymentMethods .card-number,
.myAccount-PaymentMethods .card-footer {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  align-items: center;
}

.myAccount-PaymentMethods .card-footer .exp {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  padding-bottom: 8px;
}

.myAccount-PaymentMethods .card-footer .holder {
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}

.myAccount-PaymentMethods .card-number {
  font-family: Inter;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: -0.41px;
}

.myAccount-PaymentMethods .card-number {
  font-size: 1.1rem;
  margin: 30px 0;
}

.myAccount-PaymentMethods .default-selector {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: #fff;
  font-size: 0.8rem;
}

.myAccount-PaymentMethods .card-actions {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.myAccount-PaymentMethods .payment-actions {
  display: flex;
  flex-direction: column;
  width: 260px;
  gap: 15px;
}

.myAccount-PaymentMethods .add-card-btn,
.myAccount-PaymentMethods .upgrade-btn {
  font-size: 16px;
  text-transform: capitalize;
  padding: 15px;
  box-shadow: none;
}

.myAccount-PaymentMethods .add-card-btn {
  border: 1px solid var(--purple-2);
  background-color: transparent;
}

.myAccount-PaymentMethods .add-card-btn:hover {
  color: var(--purple-2);
  background-color: var(--white);
}

.myAccount-PaymentMethods {
  background: #f6f2fb;
  border-radius: 16px;
  padding: 40px;
}

.myAccount-PaymentMethods h3 {
  font-family: Inter;
  font-weight: 700;
  font-size: 22px;
  line-height: 180%;
  text-transform: uppercase;
  color: var(--black);
  padding-bottom: 20px;
}

.myAccount-PaymentMethods .flex-col {
  display: flex;
  width: 100%;
}

.myAccount-PaymentMethods .flex-col .saved-cards {
  width: 100%;
}

.myAccount-PaymentMethods .flex-col .payment-actions {
  max-width: 250px;
  min-width: 250px;
  width: 100%;
  border-right: 1px solid #5400cf;
  padding-right: 20px;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .myAccount-PaymentMethods {
    padding: 20px;
  }

  .myAccount-PaymentMethods .flex-col {
    flex-direction: column;
    gap: 40px;
  }

  .myAccount-PaymentMethods .flex-col .payment-actions {
    border-right: 0px;
  }

  .myAccount-PaymentMethods h3 {
    font-size: 18px;
  }

  .myAccount-PaymentMethods .saved-cards {
    gap: 10px;
  }
}

@media (max-width: 640px) {
  .myAccount-PaymentMethods .saved-cards {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .myAccount-PaymentMethods .payment-card {
    min-width: 320px;
  }
}

#lock-avaton-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

#lock-avaton-popup #buy-avatons,
#lock-avaton-popup #continue-checkout:hover {
  border-radius: 10px;
  padding: 15px;
  display: block;
  font-weight: 700;
  font-size: var(--font-h3);
  background-color: var(--purple-2);
  color: var(--white);
  cursor: pointer;
  border: 1px solid var(--purple-2);
  min-width: 200px;
  color: var(--purple-2);
  background-color: var(--white);
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#lock-avaton-popup #continue-checkout,
#lock-avaton-popup #buy-avatons:hover {
  border-radius: 10px;
  padding: 15px;
  display: block;
  font-weight: 700;
  font-size: var(--font-h3);
  background-color: var(--purple-2);
  color: var(--white);
  cursor: pointer;
  border: 1px solid var(--purple-2);
  min-width: 200px;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#lock-avaton-popup .avaton-popup {
  background: #fff;
  padding: 40px;
  border-radius: 14px;
  max-width: 500px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px !important;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  z-index: 99999999;
}

#lock-avaton-popup .avaton-popup h2 {
  color: var(--purple-2);
}

#lock-avaton-popup .avaton-popup .flexWrap {
  display: inline-flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.add-to-cart-wrapper {
  width: 100%;
}

.woocommerce-MyAccount-content .radefy-account-wrapper .invoiceTable {
  padding-bottom: 15px;
}

.productNav {
  padding: 30px 0;
  text-align: center;
}

.productNav .pronavTab {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.productNav .pronavTab .productnav-tab-item {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  min-width: 130px;
  border-radius: 40px;
  color: var(--grey-dark);
  font-size: var(--text-22px);
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 4px 30px;
}

.productNav .pronavTab .productnav-tab-item:hover {
  background-color: var(--white-100);
}

.productNav .pronavTab .productnav-tab-item.active {
  background-color: var(--purple-2);
  color: var(--white);
  font-weight: bold;
}

@media (max-width: 566px) {
  .productNav .pronavTab .productnav-tab-item {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 18px;
    min-height: 44px;
  }
}

.product-tab-content .grid-container .product-list {
  position: relative;
}

.product-tab-content .grid-container .product-list a {
  position: absolute;
  inset: 0;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a.upgradePlan {
  align-self: center;
  width: auto;
  display: block;
  font-weight: 700;
  font-size: var(--text-16px);
  background: var(--purple-2);
  line-height: 100%;
  letter-spacing: 0px;
  padding: 10px 16px;
  color: var(--white) !important;
  border-radius: var(--radius-10px);
  text-align: center;
  border: 1px solid var(--purple-2);
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a.upgradePlan:hover {
  background-color: var(--white) !important;
  color: var(--purple-2) !important;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item .planGet{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .minicartWrap .ProductUp {
  display: inline-flex;
  width: 100%;
  align-items: center;
}

#mini-cart-sidebar .mini-cart-content .product_list_widget .minicartWrap .ProductUp a {
  margin-bottom: 0px;
}

@media (max-width:767px) {
  #mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item {
    /* flex-wrap: wrap; */
  }

  #mini-cart-sidebar .mini-cart-content .product_list_widget .minicartWrap {
    flex-direction: column;
    align-items: flex-start;
  }

  #mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a.upgradePlan {
    padding: 8px;
    font-size: 14px;
    margin-left: 0px;
  }

  #mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a[role="button"] {
    margin-top: 5px;
  }
  #mini-cart-sidebar .mini-cart-content .product_list_widget .mini_cart_item a.upgradePlan {
    align-self: unset;
  }
  .woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after{
    display: none;
  }
}