/* product listing  */
.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;
}
.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;
}
.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;
}
/* search module  */
.searchResults {
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
}

.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;
}
.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 {
  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 {
  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 {
  background-color: var(--white);
  color: var(--purple-2);
}

.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 {
  display: inline-block;
}
.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: 10px;
  display: flex;
  gap: 15px;
  width: 100%;
}
.tabcontent-ecosystem .img-holder img {
  max-height: 400px;
}

.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: 50px;
}

.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 .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;
}

/* 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 {
  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: 0px;
  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;
}
.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: 100%;
  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-all;
  white-space: normal;
}
.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: 37px;
  min-width: 37px;
  height: 40px;
  background-color: transparent;
  border: none;
}
.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;
}
.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: 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;
}

.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;
}

/* 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 {
  background-color: var(--purple-2);
  color: var(--white);
  border: 1px solid var(--purple-2);
  padding: 20px;
  max-width: 155px;
  width: 100%;
  text-align: center;
  border-radius: 10px;
}

.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 .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;
  align-items: center;
  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);
  gap: 3px;
}

.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;
}
.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 {
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
}

.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 {
  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 {
  width: 100%;
  padding-bottom: 50px;
}
.woocommerce-cart
  #post-10
  .entry-content
  .woocommerce
  .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 {
  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 {
  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 {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
}
.woocommerce-cart #post-10 .entry-content .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 {
  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 {
  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 {
  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 {
  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 {
  border-spacing: 0 30px;
  border: none;
}
.woocommerce-cart #post-10 .entry-content .woocommerce table.shop_table td {
  border-top: none;
}

.woocommerce-cart #post-10 .entry-content .woocommerce 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 {
  border-top: none;
}
.woocommerce-cart
  #post-10
  .entry-content
  .woocommerce
  table.shop_table
  thead
  th:not(:first-child) {
  text-align: center;
}
.woocommerce-cart
  #post-10
  .entry-content
  .woocommerce
  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 {
  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 {
  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 {
  padding: 20px;
  padding-right: 0;
  display: flex;
  gap: 20px;
}
.woocommerce-cart
  #post-10
  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 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.woocommerce-cart
  #post-10
  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 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -1.1%;
  color: #000000b2;
}
.woocommerce-cart #post-10 .woocommerce 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 {
  padding: 0;
  margin-bottom: -30px;
}

.woocommerce-cart #post-10 .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 {
  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 {
  cursor: pointer;
}

.woocommerce-cart #post-10 .product-remove a.remove:hover {
  background: transparent;
}
.woocommerce-cart #post-10 .cart-massage {
  padding-top: 70px;
}
.woocommerce-cart #post-10 .cart-massage p {
  font-weight: 600;
  font-size: var(--text-14px);
  line-height: 100%;
  margin-bottom: 15px;
}

/* checkout woocommerce  */

.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 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"] {
  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);
}

/*////////////////////////////// responsive css/////////////////////// */
@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);
  }

  .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: 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) {
  .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: 20px;
    padding: 20px 0;
  }
  .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;
  }
  .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-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  #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;
  }
}
@media (max-width: 990px) {
  .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%;
  }
}
@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 {
    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 {
    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) {
  .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));
  }
}
@media screen and (max-width: 640px) {
  .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;
  }
  .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: 65% center;
  }
  .tabcontent-ecosystem .action-ecosystem {
    font-size: var(--text-12px);
    padding: 10px 5px;
  }
  .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;
  }
}
@media (max-width: 566px) {
  .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: 60px 0;
  }

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