.-single-top-head-bar {
  display: block;
  padding: 80px 0 60px;
  position: relative;
  background: linear-gradient(180deg, #fff, #fdfdfd);
}
.-single-top-head-container {
  display: block;
  margin: 0;
  position: relative;
}
.top-category-area {
  display: flex;
  align-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.-parent-icon-category {
  display: flex;
  position: relative;
  margin-bottom: 15px;
  border-radius: 50%;
  font-size: 60px;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  color: var(--categoryuicolor);
}
.-parent-icon-category > i {
  font-weight: 300;
}
.-parent-icon-category > svg,
.Context-Comments > p > a > .showbox > svg {
  width: 100%;
  height: 100%;
}
.-Rate-Average-element > span,
.-YourColor-sticky-TocList,
.-categoet-top-info,
.-chevron-scroller-single.stop-reading > i.fa-play,
.-chevron-scroller-single > i.fa-pause,
.-single-post-user-area > .-user-social-links,
.-single-post-user-area > a,
.CommentsList,
ul.CommentsListInner {
  display: block;
}
.-categoet-top-info > a {
  display: block;
  font-size: 20px;
  color: var(--categoryuicolor);
}
.single-post-title {
  display: block;
  margin-bottom: 25px;
}
.single-post-title > h1 {
  color: var(--primary-text);
  font-size: 37px;
  line-height: 1.6;
  text-transform: capitalize;
}
.-single-bottom-title-list {
  display: block;
  margin-bottom: 15px;
}
.-single-bottom-title-list > ul {
  display: flex;
  list-style: none;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.-single-bottom-title-list>ul>li>span {
    margin-inline-start: 10px;
}
.-single-bottom-title-list > ul > li {
  margin: 0 20px;
  color: var(--secondarytext);
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.-single-bottom-title-list > ul > li:before {
  content: "";
  --w-h: 8px;
  position: absolute;
  right: -24px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  background: var(--secondarytext);
  width: var(--w-h);
  height: var(--w-h);
  border-radius: 38%;
}
.-chevron-scroller-single.stop-reading > i.fa-pause,
.-chevron-scroller-single > i.fa-play,
.-first-single-post-bar:empty,
.-itemslist-share-icons-list .owl-next,
.-itemslist-share-icons-list .owl-next.disabled,
.-itemslist-share-icons-list .owl-prev,
.-itemslist-share-icons-list .owl-prev.disabled,
.-single-bottom-title-list > ul > li:last-child:before {
  display: none;
}
.-single-bottom-title-list > ul > li > a {
  color: var(--secondarytext);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}
.-single-bottom-title-list > ul > li.-single-bottom-list-Rate > a > i {
  color: #ffa700;
  font-weight: 500;
}
.-single-bottom-title-list > ul > li.-single-bottom-list-Rate > a {
  display: flex;
  color: var(--primary-text);
  font-size: 20px;
  font-weight: 500;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.-YourColor-sticky-TocList > ul > li:not(.selected) > a:hover,
.-YourColor-sticky-TocList > ul > li > ul > li > a:hover,
.-single-bottom-title-list > ul > li > a:hover,
.-single-more-read-btn > a:hover p,
.-single-post-user-area > .-user-social-links > ul > li > a:hover {
  color: var(--primary-text);
}
.-single-bottom-title-list > ul > li.-single-bottom-list-user-area > a {
  text-transform: capitalize;
}
.-single-bottom-title-list > ul > li > a > i {
  margin-inline-end: 10px;
  font-weight: 600;
}
.-secodary-single-post-bar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
  padding: 40px;
  position: relative;
  border-radius: var(--largeradius);
  margin-bottom: 40px;
  background: #ffffff0d;
  color: var(--primary-text);
}
.-Rate-Average-element:last-child, .-YC-FaqsSimple-vsingle-Item-v2:last-child, .-sidebar-related-Single:last-child, .single-post-parent-container-comments > form > .alerts > .alert.alert-danger:empty, ul.CommentsListInner .ChildComments:last-child, ul.CommentsListInner > li:last-child {
  margin-bottom: 0;
}
.-secodary-single-post-bar:after,
.-secodary-single-post-bar:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -1px;
  top: 0;
  background: linear-gradient(0deg, transparent, var(--diver), transparent);
  opacity: 0;
  visibility: hidden;
}
.-secodary-single-post-bar:after {
  left: auto;
  right: -1px;
}
.-Yc-single-main.-YC-singleType-post {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 50px;
  justify-content: center;
  gap: 30px;
}
.-third-single-post-bar:before {
  content: "";
  position: absolute;
  right: -40px;
  height: 100%;
  top: 0;
  background: var(--diver);
  width: 1px;
}
.-third-single-post-bar {
  position: sticky;
  top: 140px;
  min-width: 240px;
  min-height: 400px;
  transition: 180ms;
  max-width: 240px;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  overflow-y: scroll;
  padding-inline-end: 10px;
}
.-third-single-post-bar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.-third-single-post-bar::-webkit-scrollbar-thumb {
  background: linear-gradient(
    0deg,
    transparent 10%,
    transparent 0,
    transparent 90%,
    transparent 0
  );
}
.-third-single-post-bar::-webkit-scrollbar-track {
  background: 0 0;
}
.-third-single-post-bar:hover::-webkit-scrollbar-thumb {
  background: linear-gradient(
    0deg,
    transparent 10%,
    #00000008 0,
    #00000008 90%,
    transparent 0
  );
}
.hidemenu .-products-right-poster,
.hidemenu .buy--elements--content,
.hidemenu .single-content-context-products,
body.hidemenu .-first-single-post-bar,
body.hidemenu .-third-single-post-bar {
  top: 60px;
}
.-first-single-post-bar {
  display: block;
  min-width: 420px;
  max-width: 380px;
  position: sticky;
  top: 110px;
  transition: 180ms;
}
.-single-post-user-area {
  display: block;
  margin-bottom: 40px;
}
.-single-post-user-area > .-user-avatar {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  margin-bottom: 25px;
}
.-single-post-user-area > .-user-avatar > verified {
  margin-top: -23px;
  float: left;
  z-index: 1;
  position: relative;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  font-size: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #2c86fd;
  background: #fff;
}
.-single-post-user-area > .-user-avatar > verified > i {
  font-weight: 900;
}
.-single-post-user-area > .-user-context {
  display: block;
  margin-bottom: 5px;
}
.-single-post-user-area > .-user-context > h4 {
  font-size: 27px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 1.4;
  overflow: hidden;
}
.-single-post-user-area > .-user-context > h4 > a {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.-single-post-user-area > .-user-avatar > a {
  display: flex;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: 0 5px 3px -3px #041c3624, 0 5px 10px -3px #041c3614;
  border: 3px solid #ffffff05;
}
.-YourColor-sticky-TocList > ul > li > a,
.-YourColor-sticky-TocList > ul > li > ul > li > a {
  border-radius: var(--miniradius);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.-single-post-user-area > .-user-avatar > a > img {
  min-height: 100%;
  max-width: inherit;
  max-height: 100%;
  margin: 0 auto;
}
ul.-single-other-lists-UL {
  display: block;
  list-style: none;
}
ul.-single-other-lists-UL > li {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
  padding: 10px 0;
}
ul.-single-other-lists-UL > li > i {
  margin-inline-end: 12px;
  width: 26px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}
ul.-single-other-lists-UL > li > strong {
  flex: 1;
  font-size: 16px;
  color: var(--primary-text);
  font-weight: 300;
}
ul.-single-other-lists-UL > li > span {
  color: var(--primary-text);
  font-family: var(--f-number);
  font-weight: 600;
  font-size: 16px;
}
.-single-post-user-area > .-user-list-info {
  font-size: 15px;
  line-height: 1.5;
  color: var(--secondarytext);
  font-weight: 300;
  margin-bottom: 10px;
}
.-single-post-user-area > .-user-social-links > ul,
.-single-title-top-bar > ul {
  display: flex;
  list-style: none;
}
.-single-post-user-area > .-user-social-links > ul > li {
  display: block;
  margin-inline-end: 17px;
  position: relative;
}
.-single-post-user-area > .-user-social-links > ul > li > a {
  display: flex;
  padding: 10px 0;
  position: relative;
  border-radius: 50%;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 18px;
  color: var(--secondarytext);
}
.-single-post-content {
  max-width: 100%;
  font-size: 20px;
  line-height: 2;
  font-weight: 300;
  margin-bottom: 30px;
  color: var(--primary-text);
}

.-single-post-content.single-page-post-content img {
    height: 500px;
    margin-inline: auto;
    border-radius: 20px;
    width: auto;
}
.-single-post-content table {
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: rgba(0, 0, 0, 0);
  border-collapse: collapse;
  width: 100% !important;
  border-right: 1px solid var(--diver);
}
.-single-post-content table > tbody > tr > td:first-child {
  background: #1c1d22 !important;
  max-width: 250px;
}

body[mode=light] .-single-post-content table > tbody > tr > td:first-child {
    background: #f9faff !important;
}
.-single-post-content table > tbody > tr > :first-child {
  background: #1c1d22 !important;
}
.-sidebar-related-Single {
    margin-bottom: 40px;
    padding: 23px;
    border-radius: var(--largeradius);
    background: var(--bgcolor);
    border: var(--border-defult);
}
.-single-post-content table td,
.-single-post-content table th {
  vertical-align: top;
  font-size: 14px;
  padding: 0.65rem !important;
}
.-single-post-content table tr {
  border-top: 1px solid var(--diver);
}
.-single-post-content table tbody tr td,
.-single-post-content table thead tr th {
  border-left: 1px solid var(--diver);
}
.-chevron-scroller-single > i,
.-single-post-content table tr:first-child,
.-single-share-header .-YC-owl-navs-items > div > i,
toggle-toc > span {
  font-weight: 400;
}
.-single-post-content table tr:last-child {
  border-bottom: 1px solid var(--diver);
}
.-single-post-content > h1,
.-single-post-content > h2,
.-single-post-content > h3,
.-single-post-content > h4,
.-single-post-content > h5,
.-single-post-content > h6 {
  padding: 16px 0 !important;
  line-height: 1.4;
}
.-single-post-content > h2 {
  /* color: var(--uicolor); */
  font-size: 26px;
}
.-single-post-content > h3 {
  font-size: 21px;
}
.-single-post-content * {
  margin: revert;
  padding: revert;
  max-width: 100%;
}
.-single-post-content * img {
  height: auto;
}
.-ThankYou-SendFeedBack,
.-single-post-content > p > img.aligncenter {
  margin: 0 auto;
  display: block;
}
.-YourColor-sticky-TocList > h2 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 500;
  position: sticky;
  top: 0;
  background: var(--bgcolor);
  padding: 10px 0;
}
.-YourColor-sticky-TocList > ul {
  display: flex;
  list-style: none;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.-YourColor-sticky-TocList > ul > li {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.-YourColor-sticky-TocList > ul > li.active-now > a {
  background: var(--uicolor2);
  color: #fff;
}
.-YourColor-sticky-TocList > ul > li > ul {
  display: block;
  list-style: none;
  width: 100%;
  padding: 5px 15px;
}
.-YourColor-sticky-TocList > ul > li > ul > li {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.-YourColor-sticky-TocList > ul > li > ul > li > a {
  display: inline-block;
  padding: 8px 0;
  color: var(--secondarytext);
  max-width: 100%;
  font-size: 15px;
}
.-TitleContent-section > a:hover,
.-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title > h2 > a,
.-YourColor-sticky-TocList > ul > li.selected > a,
.-YourColor-sticky-TocList > ul > li > ul > li.selected > a,
.-references-post ul > li a:hover > em,
.-single-more-read-btn > a:hover,
.Bottom-comment-bar > ul > li.active {
  color: var(--uicolor);
}
.-YourColor-sticky-TocList > ul > li > a {
  display: inline-block;
  font-size: 15px;
  padding: 10px 0;
  font-weight: 400;
  width: 100%;
  color: var(--secondarytext);
}
.-YourColor-sticky-TocList > ul > li > a > .-em-toc__number {
  margin-inline-end: 8px;
  font-size: 16px;
  display: inline-block;
  font-weight: 700;
}
.-YourColor-sticky-TocList > ul > li > ul > li > a > .-em-toc__number {
  margin-inline-end: 6px;
  font-size: 18px;
  display: inline-block;
}
.-single-title-top-bar {
  display: block;
  margin-bottom: 30px;
  max-width: 100%;
  overflow: hidden;
}
.-single-title-top-bar > ul > li > a {
  display: block;
  padding: 10px;
  min-width: max-content;
  color: var(--secondarytext);
  font-size: 16px;
}
.-single-post-thumb {
  display: block;
  width: 100%;
  background: #031a32;
  box-shadow: 0 6px 3px -4px #09234036, 0 13px 32px -14px #09234024,
    0 14px 70px -50px #09234029;
  border-radius: var(--largeradius);
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: -90px;
  border: 1px solid #bbc2cb;
  position: relative;
  padding-bottom: 70%;
}
.-Chevrons--NextPrev > a,
.-single-more-read-btn > a {
  border-radius: var(--largeradius);
  align-content: center;
}
.-single-thumb-image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.-single-thumb-image > a {
  display: block;
  position: relative;
  height: 100%;
}
.-single-thumb-image > a > img {
  min-height: 100%;
  max-height: 100%;
  max-width: inherit;
  margin: 0 auto;
  display: block;
}
h2.-span-h2-title {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 500;
}
.-single-top-svg {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent, white);
  mask-image: linear-gradient(to bottom, transparent, white);
  color: #1f1e87;
  transform: rotate(180deg);
  height: 300px;
  opacity: 0.02;
}
.-single-thumb-bg-cover,
.-single-top-svg > svg {
  width: 100%;
  height: 100%;
  position: absolute;
}
body {
  background: #fff;
}
.-single-thumb-bg-cover {
  background-image: var(--background-image);
  top: 0;
  right: 0;
  background-size: cover;
  background-position: center center;
  z-index: 0;
  filter: blur(10px) grayscale(0.5);
}
.-single-more-read-btn {
  display: flex;
  margin: 0 auto 30px;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.-single-more-read-btn > a {
  display: flex;
  font-size: 20px;
  flex-wrap: wrap;
  color: var(--primary-text);
  align-items: center;
  font-weight: 400;
  flex-direction: column;
  position: relative;
  padding-top: 60px;
}
.-single-more-read-btn > a > i {
  font-size: 34px;
  margin-inline-start: 20px;
  font-weight: 300;
}
.-single-more-read-btn > a > span {
  line-height: 1.4;
  margin-bottom: 4px;
  display: block;
}
.-single-more-read-btn > a .-YC-Icon-Buttons {
  margin-inline-start: 40px;
}
.-single-more-read-btn > a p {
  display: flex;
  font-size: 13px;
  font-weight: 200;
  color: var(--secondarytext);
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  transition: 180ms;
}
.-single-more-read-btn > a p > em {
  font-weight: 400;
  font-style: normal;
  margin-inline-end: 4px;
}
.-single-more-read-btn > a:hover .-YC-Icon-Buttons {
  --uicolor2: #2c86fd;
}
.-single-post-user-area > .-user-context > .-user-role {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: var(--uicolor2);
  text-transform: capitalize;
  max-width: max-content;
  margin-bottom: 3px;
}
.-mouse-scroller {
  --secrolluicolor: var(--primary-text);
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid var(--secrolluicolor);
  border-radius: 50px;
  box-sizing: border-box;
  background: #fff;
}
.-single-more-read-btn > a:hover .-mouse-scroller {
  --secrolluicolor: var(--uicolor2);
}
.-mouse-scroller:before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: var(--secrolluicolor);
  border-radius: 100%;
  -webkit-animation: 2s infinite sdb10;
  animation: 2s infinite sdb10;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.-chevron-scroller-single {
  position: fixed;
  --cust-w: 90px;
  z-index: 1;
  width: var(--cust-w);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: var(--cust-w);
  cursor: pointer;
  border-radius: 50%;
  bottom: 40px;
  right: 40px;
  color: var(--uicolor2);
  font-size: 40px;
  text-align: center;
  transform: translateY(200px);
  opacity: 0;
  visibility: hidden;
  transition: 180ms;
}
.-chevron-scroller-single:hover:before {
  box-shadow: 0 3px 3px -1px #0f26480f, 0 15px 30px -10px #0f264812;
}
.-chevron-scroller-single:before {
  content: "";
  position: absolute;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background: #fff;
  z-index: -1;
  border-radius: 50%;
  box-shadow: 0 3px 3px -1px #0f26480f, 0 5px 30px -10px #0f264812;
  border: 1px solid #fff;
  transition: 180ms;
}
#ez-toc-container.showin::before,
.-Chevrons--NextPrev:hover > a,
.-YC-FaqsSimple-vsingle-Item-v2.active,
.-comments-head-area > .UserAvatar {
  box-shadow: var(--box-shadow-hover);
}
.-chevron-scroller-single.show {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.-chevron-scroller-single:hover {
  transform: translateY(-1px);
}
.-singular-scroll-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  --stroke-width: 4px;
  --progress-color: var(--uicolor2);
}
.-singular-scroll-progress > svg {
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
  display: block;
  --tranform-inner: scale(0.91) translate(5px, 5px);
}
.-singular-scroll-progress > svg > text tspan {
  font-size: 0;
}
.-singular-scroll-progress > svg circle {
  stroke-width: var(--stroke-width);
  transform: var(--tranform-inner);
  stroke: #f9f9f900;
}
.-singular-scroll-progress > svg path {
  stroke-width: var(--stroke-width);
  stroke: var(--progress-color);
  transform: var(--tranform-inner);
}
.-next-prev-singular-posts {
  display: flex;
  margin: 40px 0;
  gap: 40px;
}
.-Chevrons--NextPrev {
  display: block;
  flex: 1;
}
.-Chevrons--NextPrev > a {
  display: flex;
  padding: 40px;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  transition: 0.3s;
  background: #ffffff0d;
}
.-Chevrons--NextPrev:hover > a {
  border-color: var(--border-defult-hover);
  transform: translateY(-1px);
  transition: ll 180ms;
}
.-Chevrons--NextPrev > a > i {
  --sh-color: #0000000d;
  font-size: 45px;
  font-weight: 300;
  color: var(--secondarytext);
  background: #fdfdfd;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  transition: 180ms;
  margin-inline-start: 30px;
}
.-Chevrons--NextPrev:hover > a > i {
  color: var(--uicolor);
  transform: scale(1.1);
}
.-Chevrons--NextPrev.-chevron--prevPost > a > i {
  margin-inline-end: 30px;
  margin-inline-start: 0;
}
.-Chevrons--NextPrev > a > .inbox-pos {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
}
.-Chevrons--NextPrev > a > .inbox-pos > span {
  font-size: 16px;
  color: var(--secondarytext);
  display: block;
  margin-bottom: 15px;
  transition: 180ms;
}
.-Chevrons--NextPrev > a > .inbox-pos > h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  transition: 180ms;
}
.-Chevrons--NextPrev:hover > a > .inbox-pos > h3,
.-post-tag-items > a:hover:before,
ul.ez-toc-list li:hover > a:before {
  color: var(--uicolor);
}
.-BackToClean:hover, .-Chevrons--NextPrev:hover > a > .inbox-pos > span, .-YC-FaqsSimple-vsingle-Item-v2:not(.active):hover .-YC-FaqsSimple-vsingle-Title > h2 > a, .-YC-FaqsSimple-vsingle-Item-v2:not(.active):hover .-YC-FaqsSimple-vsingle-Title > i, .Bottom-comment-bar > .replay-comment-button:hover, .Bottom-comment-bar > ul > li:not(.active):hover, .showin toggle-toc {
  color: var(--primary-text);
}
.single-post-parent-container-comments {
  display: block;
  border-radius: var(--largeradius);
}
.single-post-parent-container-comments > form > input {
  max-width: 300px;
}
.single-post-parent-container-comments > form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 15px;
}
.Bottom-comment-bar > ul > li > i {
  margin-inline-end: 5px;
}
.single-post-parent-container-comments > form > .alerts {
  min-width: 100%;
  flex: 1;
  margin: 0 0 30px;
}
.single-post-parent-container-comments > form > .alerts > .alert {
  font-weight: 300;
  font-size: 15px;
}
.single-post-parent-container-comments > form > .alerts > .alert.alert-danger {
  color: #b50221;
  background: #f0284a08;
  margin: 0 15px;
  width: auto;
}
.single-post-parent-container-comments > h4 {
  display: block;
  font-size: 21px;
  margin-bottom: 20px;
}
.-comments-form-inputs-area {
  flex: 1;
  display: flex;
  margin: 0 15px 30px;
  min-width: 280px;
}
.-comments-form-inputs-area.necessary > input,
.-comments-form-inputs-area.necessary > textarea {
  border-color: var(--negative);
}
.-comments-form-inputs-area.-comments--textarea > textarea {
  min-height: 160px;
}
.-comments-form-inputs-area.-comments--textarea {
  min-width: 350px;
  margin: 0 15px;
}
.-comments-form-Button-area {
  min-width: 500px;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  margin: 0 15px;
}
.-comments-form-Button-area > button {
  display: flex;
  justify-content: space-between;
  padding: 13px;
  border-radius: var(--miniradius);
  background: var(--uicolor);
  border: 2px solid var(--uicolor);
  color: var(--bgcolor);
  font-size: 15px;
  align-items: center;
}
.-YC-FaqsSimple-vsingle-Title,
.-post-tag-items > a,
.-singular-comments-post,
.ReplyCommentPreview > h2 {
  display: flex;
  align-items: center;
  align-content: center;
}
.-comments-form-Button-area > button > i {
  margin-inline-start: 10px;
}
.-YC-Forms-FeedBack > button:hover,
.-comments-form-Button-area > button:hover {
  background: var(--primary-text);
  color: var(--bgcolor);
}
.-YC-Forms-FeedBack > button > .-YC-Icon-Buttons,
.-comments-form-Button-area > button > btn-icon {
  --inset-uicolor: white;
}
.-TitleContent-section > a:hover .-YC-Icon-Buttons,
.-YC-Forms-FeedBack > button:hover > .-YC-Icon-Buttons,
.-comments-form-Button-area > button:hover > btn-icon {
  --inset-uicolor: var(--uicolor2);
}
.-singular-comments-post {
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.-comment-user-area,
.-comments-titlecontext-inner {
  display: block;
  flex: 1;
}
.-insert-custom-comments .-comments-titlecontext-inner {
  margin-bottom: 40px;
}
.-comments-titlecontext-inner > .comments-title-h4 {
  display: block;
  font-size: 21px;
  line-height: 1.5;
  margin-bottom: 7px;
  font-weight: 500;
}
.-PostFeedBack-Rateing-Box .RatingReview > i, .Context-Comments > p {
  font-weight: 200;
}
.-comments-titlecontext-inner > p {
  font-weight: 200;
  color: var(--secondarytext);
  font-size: 17px;
  line-height: 1.5;
}
comment-counter {
  display: block;
  font-size: 18px;
}
.-Rate-Average-element > em,
comment-counter > em {
  font-style: normal;
}
.CommentsList__Title {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
}
ul.CommentsListInner .ChildComments {
  display: flex;
  flex-direction: column;
  list-style: none;
}
ul.CommentsListInner > .ChildComments {
  margin: 30px 30px 30px 0;
}
.ChildComments > li,
ul.CommentsListInner > li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
  flex-direction: column;
}
.NoComments {
  display: flex !important;
  font-size: 19px;
  color: var(--secondarytext);
  flex-direction: row !important;
  align-items: center;
  font-weight: 400;
}
.NoComments > i {
  font-size: 25px;
  margin-inline-end: 15px;
}
.single-content-context-elements > *:last-child {
    margin-bottom: 0;
}
.Context-Comments > p,
.ReplyCommentPreview > h2 {
  font-size: 18px;
  color: var(--primary-text);
  line-height: 1.5;
}
.Bottom-comment-bar > .replay-comment-button,
.Bottom-comment-bar > ul > li,
.ReplyCommentPreview,
.ReplyCommentPreview > p,
.comment-status {
  color: var(--secondarytext);
}
.Context-Comments > p > a {
  font-weight: 300;
  position: relative;
  display: inline;
  font-size: 15px;
}
.Context-Comments > p > a > .showbox {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: -4px;
  margin-inline-start: 5px;
}
.Context-Comments > p > a > .showbox svg path {
  fill: var(--uicolor2);
}
.ReplyCommentPreview {
  display: block;
  min-width: 500px;
  margin: 0 15px 20px;
  flex: 1;
  position: relative;
  padding: 20px;
  padding-inline-start: 75px;
  border: 1px solid var(--diver);
  border-radius: var(--largeradius);
  background: #fff;
  overflow: hidden;
  max-width: 100%;
}
.ReplyCommentPreview > h2 {
  flex-wrap: wrap;
  font-weight: 400;
  margin-bottom: 5px;
}
.ReplyCommentPreview > p {
  font-size: 15px;
  font-weight: 200;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ReplyCommentPreview > h2 > span {
  font-weight: 500;
}
.ReplyCommentPreview > h2 > i {
  margin-left: 10px;
  font-weight: 300;
  font-size: 35px;
  position: absolute;
  right: 21px;
  top: 23px;
}
.ReplyCommentPreview > h2 > em {
  font-style: normal;
  margin-inline-end: 5px;
}
.Context-Comments {
  position: relative;
  margin-top: 10px;
  display: block;
}
.CommentContent {
  display: block;
  padding: 30px;
  border: 1px solid var(--diver);
  border-radius: var(--largeradius);
}
.-comments-head-area {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.-comments-head-area > .UserAvatar {
  border-radius: 50%;
  width: 54px;
  height: 54px;
  overflow: hidden;
  position: relative;
  margin-inline-end: 15px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 25px;
  border: 1px var(--border-defult-hover);
  color: var(--secondarytext);
}
.-comments-head-area > .UserAvatar > img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  height: auto;
  max-width: unset;
  max-height: 100%;
}
.-comment-user-area > .NameArea {
  display: flex;
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 1px;
  font-weight: 400;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  text-transform: capitalize;
  flex: 1;
}
.-comment-user-area > .NameArea > verified {
  line-height: 14px;
}
.comment-status {
  display: block;
  font-weight: 200;
  font-size: 13px;
}
.Bottom-comment-bar {
  display: flex;
  padding-inline-start: 20px;
  font-size: 14px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.Bottom-comment-bar > ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.Bottom-comment-bar > ul > li {
  margin-inline-end: 0;
  position: relative;
  transition: 180ms;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.Bottom-comment-bar > ul > li > .comment-like-counter {
  display: block;
  letter-spacing: 1px;
  margin-inline-start: 3px;
}
.Bottom-comment-bar > ul > li.disliked-multibuttons.active {
  color: var(--negative);
}
grap-dots {
  --dot-width: 4px;
  width: var(--dot-width);
  height: var(--dot-width);
  background: var(--secondarytext);
  border-radius: 50%;
  margin: 0 10px;
}
.-singular-pages-container {
  background: var(--bgcolor);
  margin-top: 130px;
}
.-TitleContent-section {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 40px;
  align-items: center;
  color: var(--primary-text);
  font-weight: 500;
  font-size: 23px;
}
h2.-TitleContent-section > span {
  display: flex;
  align-items: center;
  font-size: 25px;
  color: var(--secondarytext);
  font-weight: 500;
}
.-TitleContent-section > a {
  display: flex;
  color: var(--primary-text);
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  margin-inline-start: auto;
}
.-Title-references,
.-references-post ul > li a {
  display: flex;
  align-content: center;
  align-items: center;
}
.-Posts-RelatedBoxes > .-YC-Post-box {
  min-width: 420px;
  max-width: 440px;
}
.-Title-references {
  font-size: 20px;
  flex-wrap: wrap;
  margin: 0;
  position: relative;
  font-weight: 500;
}
.-Title-references > i {
  display: block;
  margin-inline-end: 15px;
  color: #041c367a;
  font-size: 33px;
  font-weight: 300;
}
.-references-title-context {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  flex: 1;
}
.-BackToClean > i,
.-references-title-context > span {
  margin-inline-end: 10px;
}
.-references-title-context > p {
  margin: 0;
  font-size: 13px;
  color: var(--secondarytext);
  font-weight: 300;
  border-inline-start: 1px solid var(--diver);
  padding-inline-start: 10px;
  line-height: normal;
}
.-references-post {
  padding: 25px;
  display: block;
  border-radius: var(--largeradius);
  position: relative;
  margin: 0 0 30px;
  box-shadow: var(--box-shadow-defult);
  border: var(--border-defult);
}
.-references-post.showin btn-icon.-YC-Icon-Buttons > span {
  width: 50px;
}
.-references-post.showin btn-icon.-YC-Icon-Buttons > em {
  opacity: 0;
}
#ez-toc-container.showin,
.-references-post.showin {
  height: var(--tableofcontentH);
}
.ThankYou-svg-wrap #button,
.ThankYou-svg-wrap #check,
.ThankYou-svg-wrap #circle {
  fill: none;
  height: inherit;
  stroke-linecap: round;
}
.-references-post > ul {
  color: var(--uicolor);
  padding: 30px !important;
  list-style: none;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  z-index: 1;
  transition: 50ms;
  right: 0;
  margin: 0 !important;
}
#ez-toc-container.showin nav,
.-references-post.showin > ul {
  visibility: visible;
  opacity: 1;
  transition: 180ms;
}
#ez-toc-container ul.ez-toc-list > li,
.-references-post ul > li {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9);
  transition: 50ms;
}
#ez-toc-container.showin ul.ez-toc-list > li,
.-references-post.showin ul > li {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition-duration: 180ms;
  transition-timing-function: ease;
  transition-property: all;
  transition-delay: var(--trans-delay);
}
.-references-post ul > li a {
  font-weight: 400;
  font-size: 15px;
  padding: 15px !important;
  border-radius: var(--largeradius);
  color: var(--primary-text);
  flex-wrap: wrap;
  justify-content: flex-end;
}
#ez-toc-container a:hover,
.-references-post ul > li a:hover {
  text-decoration: unset;
  color: var(--primary-text) !important;
}
.-references-post ul > li a > em {
  font-size: 24px;
  min-width: 35px;
  font-weight: 600;
  text-align: center;
  color: var(--secondarytext);
  transition: 180ms;
  font-style: normal;
  margin-left: 10px !important;
  display: block;
}
.-post-tag-items {
  display: flex;
  margin-bottom: 30px;
}
.-post-tag-items > a {
  padding: 10px;
  position: relative;
  flex-wrap: wrap;
  font-size: 17px;
  color: var(--uicolor);
  font-weight: 300;
  border-radius: var(--largeradius);
}
.-post-tag-items > a:before {
  content: "\23";
  position: relative;
  display: block;
  margin-inline-end: 7px;
  font-weight: 200;
  font-size: 20px;
  height: 22px;
  color: var(--secondarytext);
  transition: 180ms;
}
.-YC-FaqsSimple-vsingle-Item-v2 {
  display: block;
  margin-bottom: 20px;
  border-radius: var(--largeradius);
  border: var(--border-defult);
  background: #ffffff03;
  transition: 180ms;
  box-shadow: var(--box-shadow-defult);
}
.-YC-FaqsSimple-vsingle-Item-v2:hover {
  border-color: var(--border-defult-hover);
  box-shadow: var(--box-shadow-hover);
}
.-YC-FaqsSimple-vsingle-Title {
  display: flex;
  padding: 30px;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  flex-wrap: wrap;
}

.-YC-FaqsSimple-vsingle-Title > h2 {
    color: var(--secondarytext);
    font-weight: 400;
    font-size: 22px;
}

.-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title > h2 {
    color: var(--uicolor);
}
.-YC-FaqsSimple-vsingle-Title > i {
  font-size: 23px;
  color: var(--secondarytext);
  transition: 180ms;
  font-weight: 400;
}
.-YC-FaqsSimple-vsingle-Item-v2.active .-YC-FaqsSimple-vsingle-Title > i {
  color: var(--uicolor);
  transform: rotate(45deg);
}

.-YC-FaqsSimple-vsingle-Title > h2 > a > em {
  margin-inline-end: 10px;
  font-style: normal;
  font-family: var(--f-number);
  font-weight: 400;
  font-size: 30px;
}
.-YC-FaqsSimple-vsingle-Item-v2.active .-FaqsSimple-vsingle-Content-Row-v1 {
  display: block;
  height: var(--pin-height);
}
.-FaqsSimple-vsingle-Content-Row-v1 {
  display: block;
  height: 0;
  --pin-height: auto;
  overflow: hidden;
  transition: 180ms;
}
.-p-FaqsSimple-vsingle-ContentValue-v1 {
    padding: 10px 40px 40px;
    display: block;
    line-height: 1.8;
    font-size: 19px;
    color: var(--secondarytext);
    font-weight: 400;
}
.-YC-FaqsSimple-vsingle {
  margin-bottom: 30px;
  display: block;
}
.-post-reviews-area {
  display: flex;
  padding: 40px;
  border: 1px solid var(--diver);
  margin-bottom: 40px;
  border-radius: var(--largeradius);
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
}
.-post-reviews-area > h2 {
  font-size: 26px;
  color: var(--primary-text);
  font-weight: 400;
}
.-itemslist-share-icons-list .owl-stage,
.-post-reviews-buttons,
.-single-share-header .-YC-owl-navs-items {
  display: flex;
}
.-post-button-rev-item {
  display: block;
  padding: 13px 23px;
  border-radius: var(--largeradius);
  min-width: 60px;
  text-align: center;
  margin: 0 5px;
  font-size: 15px;
  font-weight: 400;
  transition: 180ms;
  cursor: pointer;
}
.-YC-post-reviews-info,
.-post-reviews-area > form .-fix-inputs-area:first-of-type {
  margin-inline-end: 30px;
}
.-post-button-rev-item.-button-negative {
  border: 2px solid var(--negative);
  color: var(--negative);
}
.-post-button-rev-item.-button-positive {
  border: 2px solid var(--positive);
  color: #fff;
  background: var(--positive);
}
.-post-button-rev-item.-button-positive:hover {
  background: #fff;
  color: var(--positive);
}
.-post-button-rev-item.-button-negative:hover {
  background: var(--negative);
}
.-post-button-rev-item:hover {
  color: #fff;
}
.-FeedBack-Rating > .RatingReview {
  direction: ltr;
  font-size: 45px;
  color: #e1e1e1;
  cursor: pointer;
  display: flex;
}
.-FeedBack-Rating > .RatingReview > i.active,
.-FeedBack-Rating > .RatingReview > i.fixedactive {
  color: #ffa700;
}
.-PostFeedBack-Rateing-Box {
  padding: 40px;
  border: 1px solid var(--diver);
  border-radius: var(--largeradius);
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.-YC-post-reviews-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  background: #ffff;
}
.-YC-post-reviews-info .product-item-info-stats-ratings {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  min-width: 250px;
}
.product-item-info-stats-ratings > .-icon-info-stats-ratings > i {
  display: block;
  font-size: 145px;
  font-weight: 100;
  color: #ffa700;
  text-shadow: -4px 2px 0 #00000005, -6px 3px 0 #00000005;
}
.-YC-post-reviews-info .product-item-info-stats-ratings > p {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
.-YC-post-reviews-info
  .product-item-info-stats-ratings
  > p
  > .-rating-suptitle {
  min-width: 100%;
  color: var(--secondarytext);
  font-size: 14px;
  font-weight: 300;
}
.product-item-info-stats-ratings > p > .-rating-suptitle > em {
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  color: var(--primary-text);
  font-family: var(--f-number);
}
.-BackToClean,
.-Rate-Average-element,
.-itemslist-share-icons-list .owl-item > li > a {
  color: var(--secondarytext);
  align-content: center;
}
.-YC-post-reviews-info
  .product-item-info-stats-ratings
  > p
  > span.-rating-label {
  display: block;
  color: var(--primary-text);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 4px;
}
.product-item-info-stats-ratings
  > .-icon-info-stats-ratings
  > span.-rating-value {
  color: var(--primary-text);
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 60px;
  font-weight: 500;
  transform: translate(-50%, 0);
  font-family: var(--f-number);
}
.-PostFeedBack-Rateing-Box .RatingReview {
  direction: ltr;
  font-size: 48px;
  color: #e1e1e1;
  cursor: pointer;
}
.-PostFeedBack-Rateing-Box .RatingReview > i.fixedactive {
  color: #ffa700;
  font-weight: 600;
}
.-Rate-Average-Items {
  display: block;
  flex: 1;
  padding-inline-start: 40px;
  position: relative;
}
.-Rate-Average-Items:before {
  content: "";
  height: 100%;
  right: 0;
  width: 1px;
  background: linear-gradient(0deg, transparent, #f5f5f5, transparent);
  position: absolute;
}
.-Rate-Average-element {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  padding-bottom: 10px;
  font-family: var(--f-number);
  font-size: 14px;
}
.-Rate-Average-Label {
  flex: 1;
  background: #eee;
  border-radius: var(--largeradius);
  height: 6px;
  margin: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.-Average--progress {
  background: #ffcf00;
  height: 100%;
  width: 0;
  border-radius: var(--largeradius);
  transition: 0.7s;
}
.ThankYou-svg-wrap {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 200px;
  margin: 0 auto;
}
.ThankYou-svg-wrap #circle {
  position: absolute;
  opacity: 1;
  transform: rotate(-33deg);
  -webkit-animation: 1.8s ease-in 2s infinite alternate circle;
  animation: 1.8s ease-in 2s infinite alternate circle;
  stroke-dasharray: 291, 943;
  stroke-dashoffset: -943;
}
.ThankYou-svg-wrap #circle .st0 {
  stroke: var(--positive);
  -webkit-animation: 1.8s ease-in-out 2s infinite fill;
  animation: 1.8s ease-in-out 2s infinite fill;
  stroke-width: 8px;
}
.ThankYou-svg-wrap #check {
  position: absolute;
  opacity: 0;
  stroke-dasharray: 290, 9000;
  stroke-dashoffset: -290;
  -webkit-animation: 1.8s ease-out 2s infinite alternate check;
  animation: 1.8s ease-out 2s infinite alternate check;
}
.ThankYou-svg-wrap #button circle,
.ThankYou-svg-wrap #check path {
  stroke: var(--positive);
  stroke-width: 8px;
}
.ThankYou-svg-wrap #button {
  position: absolute;
  opacity: 1;
  stroke-dasharray: 943, 9000;
  stroke-dashoffset: 0;
  -webkit-animation: 1.8s ease-in-out 2s infinite alternate button;
  animation: 1.8s ease-in-out 2s infinite alternate button;
  stroke: green;
  transform: scale(1);
}
@-webkit-keyframes circle {
  0% {
    opacity: 0;
    stroke-dasharray: 40, 943;
    stroke-dashoffset: 0;
    transform: rotate(-73deg);
  }
  40% {
    opacity: 0.5;
  }
  50% {
    stroke-dasharray: 200, 943;
    transform: rotate(-33deg);
  }
  51% {
    opacity: 1;
  }
  58% {
    stroke-dasharray: 0, 943;
    stroke-dashoffset: -943;
    opacity: 1;
  }
  100%,
  59% {
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 0;
    stroke-dasharray: 40, 943;
    stroke-dashoffset: 0;
    transform: rotate(-73deg);
  }
  40% {
    opacity: 0.5;
  }
  50% {
    stroke-dasharray: 200, 943;
    transform: rotate(-33deg);
  }
  51% {
    opacity: 1;
  }
  58% {
    stroke-dasharray: 0, 943;
    stroke-dashoffset: -943;
    opacity: 1;
  }
  100%,
  59% {
    opacity: 0;
  }
}
@-webkit-keyframes check {
  0%,
  50% {
    stroke-dasharray: 290, 9000;
    stroke-dashoffset: -294;
    opacity: 0;
  }
  50%,
  63% {
    opacity: 1;
  }
  63% {
    stroke-dasharray: 291, 9000;
    stroke-dashoffset: 55;
    opacity: 1;
  }
  100% {
    stroke-dasharray: 291, 9000;
    stroke-dashoffset: 43;
    opacity: 1;
  }
}
@keyframes check {
  0%,
  50% {
    stroke-dasharray: 290, 9000;
    stroke-dashoffset: -294;
    opacity: 0;
  }
  50%,
  63% {
    opacity: 1;
  }
  63% {
    stroke-dasharray: 291, 9000;
    stroke-dashoffset: 55;
    opacity: 1;
  }
  100% {
    stroke-dasharray: 291, 9000;
    stroke-dashoffset: 43;
    opacity: 1;
  }
}
@-webkit-keyframes button {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes button {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.-ThankYou-SendFeedBack > h2 {
  font-weight: 400;
  color: var(--primary-text);
  font-size: 24px;
}
.ThankYou-for-rating {
  display: block;
  margin-bottom: 30px;
}
.-post-reviews-area > form {
  flex: 1;
  min-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.-YC-Forms-FeedBack {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-wrap: wrap;
  flex: 1;
}
.-YC-Forms-FeedBack > button {
  display: flex;
  justify-content: space-between;
  padding: 13px;
  border-radius: var(--miniradius);
  background: var(--uicolor2);
  border: 2px solid var(--uicolor2);
  color: #fff;
  font-size: 15px;
}
.-post-reviews-area > form textarea {
  min-height: 140px;
}
.-post-reviews-area > form .-fix-inputs-area {
  margin-bottom: 30px;
  max-width: 320px;
  flex: 1;
}
.-itemslist-share-icons-list .owl-item > li,
.-post-reviews-area
  > form
  .-fix-inputs-area[data-field-id="feedback__content"] {
  min-width: 100%;
}
.-post-reviews-area > form .-fix-forms-field-title {
  margin-bottom: 30px;
  position: relative;
  padding-inline: 20px;
}
.-post-reviews-area > form .-fix-forms-field-title:before {
  content: "";
  position: absolute;
  width: 9px;
  background: var(--secondarytext);
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  right: 0;
  border-radius: 50px;
  opacity: 0.4;
}
.-BackToClean {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  flex-wrap: wrap;
  min-width: 100%;
  font-size: 18px;
  transition: 180ms;
}
.-FeedBack-Rating-MasterArea {
  display: flex;
  flex: 1;
  min-width: 100%;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.-FeedBack-Rating-MasterArea > h2 {
  max-width: 310px;
  line-height: 1.5;
  font-size: 26px;
  font-weight: 400;
}
.-FeedBack-Rating.-Rating-Master-Area {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.-form-title-PostFeedBack {
  display: flex;
  padding: 20px;
  flex: 1;
  margin-bottom: 40px;
  border-right: 4px solid #ffa700;
  font-size: 18px;
  line-height: 1.6;
  background: linear-gradient(270deg, #ffa70005, transparent);
}
.-single-share-header .-YC-owl-navs-items > div:hover {
  border-color: var(--primary-text);
}
.-icon-info-stats-ratings {
  position: relative;
  margin-bottom: 10px;
  min-height: 145px;
}
.-share-icons-list {
  margin-bottom: 40px;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: wrap;
  display: flex;
}
.-itemslist-share-icons-list {
  list-style: none;
  position: relative;
  width: 64px;
  direction: rtl;
  opacity: 0;
}
.-itemslist-share-icons-list .owl-item {
  display: inline-block;
  vertical-align: top;
}
.-itemslist-share-icons-list .owl-item > li > a {
  transition: 180ms;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.-itemslist-share-icons-list .owl-item > li:hover > a {
  color: var(--sociaColor);
}
.-itemslist-share-icons-list .owl-item > li > a > i {
  display: flex;
  height: 60px;
  border-radius: 70px;
  color: var(--sociaTextColor);
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 10px;
  width: 60px;
  border: 2px solid var(--sociaColor);
  transition: 180ms;
  background: var(--sociaColor);
}
.-itemslist-share-icons-list .owl-item > li:hover > a > i {
  background: #fff;
  color: var(--sociaColor);
}
.-itemslist-share-icons-list .owl-item > li > a > span {
  white-space: nowrap;
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  text-transform: capitalize;
  transition: 180ms;
}
.-single-share-posts-area {
  display: block;
  padding: 40px;
  border-radius: var(--largeradius);
  overflow: hidden;
  background: #ffffff0d;
}
.-share-popover-boxed-copy.active > button {
  background: var(--success-color);
  border-color: var(--success-color);
  background: var(--positive);
  border-color: var(--positive);
}
.-share-popover-boxed-copy:not(.active) > button:hover {
  color: var(--primary-text);
  background: var(--uicolor);
  border-color: var(--uicolor);
}
.-share-popover-boxed-copy {
  display: flex;
  border-radius: var(--miniradius);
  overflow: hidden;
  align-items: center;
}
.-share-popover-boxed-copy > input {
  direction: ltr;
  border: 0 !important;
  background: #ffffff0a !important;
  text-transform: lowercase !important;
}
.-single-share-header .-YC-owl-navs-items > div {
  padding: 10px;
  display: flex;
  color: var(--secondarytext);
  transition: 180ms;
  align-content: center;
}
.-share-popover-boxed-copy > button {
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  border-radius: var(--miniradius);
  margin-inline-start: 20px;
  font-weight: 400;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border: 2px solid var(--secondarytext);
  overflow: hidden;
  position: relative;
  padding: 13px 20px;
  color: var(--secondarytext);
  display: flex;
}
.-share-popover-boxed-copy > button > em {
  position: relative;
  display: block;
  visibility: visible;
  transition: 180ms;
  opacity: 1;
  font-style: normal;
  transform: translateX(0);
}
.-share-popover-boxed-copy.active > button > em {
  visibility: hidden;
  opacity: 0;
  transform: translateX(100px);
}
.-share-popover-boxed-copy > button > span {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: 180ms;
  color: #fff;
  transform: translateX(-100px);
}
.-share-popover-boxed-copy.active > button > span {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
title--tooltip.socialTips {
  padding: 10px 15px;
}
.-single-share-header {
}
.-single-share-header > h2 {
  font-size: 26px;
  font-weight: 400;
}
.-single-share-header .-YC-owl-navs-items > div {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-width: 44px;
  font-size: 22px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--diver);
  margin-inline-start: 10px;
}
.-single-share-header .-YC-owl-navs-items > div:hover {
  color: var(--primary-text);
}
.-single-like-article {
  display: flex;
  padding: 40px;
  border: 1px solid var(--diver);
  margin-bottom: 40px;
  border-radius: var(--largeradius);
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.-likes-progress-undershots {
  flex: 1;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 20px;
  background: #f5f5f5;
  justify-content: center;
}
.-article-buttons-likes {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 55px;
  height: 55px;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  font-size: 20px;
  color: var(--secondarytext);
  transition: 180ms;
  border: 2px solid var(--secondarytext);
  --hoverbg: var(--positive);
}
.-article-buttons-likes > i {
  position: relative;
  z-index: 1;
  transform-origin: bottom;
}
.-article-buttons-likes:not(.active):hover > i {
  animation: 0.3s ease-in-out shakeIt;
}
@keyframes shakeIt {
  0%,
  100% {
    transform: rotate(0);
  }
  10%,
  50% {
    transform: rotate(10deg);
  }
  25%,
  75% {
    transform: rotate(-10deg);
  }
}
.-article-buttons-likes.-ar-b-dislikes {
  --hoverbg: var(--primary-text);
}
.-article-buttons-likes:before {
  content: "";
  opacity: 0;
  z-index: -99;
  position: absolute;
  width: 90%;
  height: 90%;
  border-radius: 100%;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 255, 255, 0) 0,
    var(--hoverbg) 100%
  );
}
.-article-buttons-likes.active:before {
  animation: 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards bubbleMotion;
  opacity: 0.2;
}
@keyframes bubbleMotion {
  to {
    transform: scale(2.6);
    opacity: 0;
  }
}
.-article-buttons-likes.active {
  background: var(--hoverbg);
  color: #fff;
  border-color: var(--hoverbg);
}
.-article-buttons-likes.-ar-b-likes.active {
  background: var(--positive);
  color: #fff;
}
.article-like-button-area .-article-like-counter {
  font-family: var(--f-number);
  color: var(--secondarytext);
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}
.article-like-button-area .-article-like-counter.liked-counter {
  margin-inline-start: 20px;
}
.article-like-button-area .-article-like-counter.disliked-counter {
  margin-inline-end: 20px;
}
.-article-buttons-likes:not(.active):hover {
  box-shadow: 0 0 2px -1px rgb(4 28 54 / 18%), 0 10px 30px rgb(7 34 64 / 7%);
  border-color: var(--hoverbg);
  transform: translateY(-1px);
  color: var(--hoverbg);
}
.-like-progress-element {
  display: block;
  width: var(--progress-width);
  background: var(--primary-text);
  height: 9px;
  transition: 0.3s;
  border-inline-start: 2px solid #ffffff;
}
.-like-progress-element.progress-empty {
  border-inline-start: 0 !important;
  border-inline-end: 0 !important;
}
.-like-progress-element.-like-progress-positive {
  background: var(--positive);
  border-inline-start: 0;
  border-inline-end: 2px solid #ffffff;
}
.-article-buttons-likes .comment-like-counter {
  position: absolute;
  top: calc(100% + 5px);
  font-weight: 400;
  color: var(--secondarytext);
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  font-family: var(--f-number);
}
.-article-buttons-likes .particles {
  --color-bg: #fdf1f2;
  --color-heart: #ea442b;
  --easing: cubic-bezier(0.7, 0, 0.3, 1);
  --duration: 0.5s;
  width: 1px;
  height: 1px;
  margin: auto;
  position: absolute;
}
.-article-buttons-likes.active .particles .particle {
  -webkit-animation: particles-out calc(var(--duration) * 1.2) var(--easing)
    forwards;
  animation: particles-out calc(var(--duration) * 1.2) var(--easing) forwards;
}
@-webkit-keyframes heart-bounce {
  40% {
    transform: scale(0.7);
  }
  0%,
  100%,
  80% {
    transform: scale(1);
  }
}
@keyframes heart-bounce {
  40% {
    transform: scale(0.7);
  }
  0%,
  100%,
  80% {
    transform: scale(1);
  }
}
@-webkit-keyframes ripple-out {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(5);
  }
}
@keyframes ripple-out {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(5);
  }
}
.article-like-button-area {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.-sidebar-related-Single {
  margin-bottom: 50px;
}

.-Post-sidebar-box-single-item:last-child {
    margin-bottom: 0;
}
.-sidebar-related-title-section {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 5px 10px;
}
.-sidebar-related-title-section > span {
  font-size: 22px;
  font-weight: 400;
}
.-sidebar-related-title-section > p {
  display: block;
  margin-inline-start: 5px;
}
.-sidebar-related-title-section > p > a {
  display: block;
  color: var(--uicolor);
}
.-sidebar-related-title-section > i {
  margin-inline-end: 15px;
  font-weight: 900;
  color: var(--secondarytext);
  font-size: 22px;
  width: 44px;
  height: 44px;
  border: 2px solid var(--diver);
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.-secodary-single-products-bar:empty,
span.ez-toc-title-toggle {
  display: none;
}
.-sidebar-related-title-posts-items .-Post-box-single-item {
  margin: 0 0 20px;
  padding: 15px;
}
.YC-BreadCrumb.-BreadCrumb-PT-post {
  margin-bottom: 25px;
}
.-single-parent-flexes--content-inner-thumb--inner {
  display: block;
  overflow: hidden;
  border-radius: var(--largeradius);
  position: relative;
  padding-bottom: 60%;
  background: var(--bgcolor);
}
.-single-parent-flexes--content-inner-thumb--inner > img {
  position: absolute;
  max-height: 100%;
  max-width: unset;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.-single-parent-flexes--content-inner-thumb {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 40px;
}
.-single-post-content #ez-toc-container {
  border: 0;
  background: rgba(6, 6, 50, 0);
  border-radius: var(--largeradius);
  padding: 0px 0 !important;
  min-width: 100%;
  transition: 180ms;
  position: relative;
  max-width: 100%;
  direction: rtl;
  float: none !important;
  box-shadow: 0 0 0;
  margin-bottom: 30px;
}
#ez-toc-container.showin::before {
  height: var(--tableofcontentH);
  transition-delay: 0.1s;
}
#ez-toc-container::before {
  content: "";
  position: absolute;
  width: calc(100% - 6px);
  height: 103px;
  border-radius: var(--largeradius);
  top: 0;
  left: 50%;
  transition: 180ms;
  background: rgb(255 255 255 / 3%);
  z-index: 0;
  transform: translateX(-50%);
}
.-Chevrons--NextPrev-poster {
  border-radius: var(--largeradius);
}
#ez-toc-container .ez-toc-title-container {
  display: flex !important;
  place-content: center space-between;
  align-items: center;
  position: relative;
  font-weight: 400;
  font-size: 23px;
  margin: 0;
  justify-content: space-between;
  padding: 30px;
}

#ez-toc-container.showin .ez-toc-title-container {}
toggle-toc {
  color: var(--secondarytext);
  font-size: 16px;
  cursor: pointer;
  padding: 8px 15px !important;
  vertical-align: bottom;
  background: #2144f000;
  transition: 0.3s;
  position: relative;
  font-weight: 500;
  display: flex !important;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 43px;
  border-radius: var(--miniradius);
}

toggle-toc:hover {
    color: var(--uicolor);
}
.showin toggle-toc > i {
  transform: rotate(180deg);
}
toggle-toc > i {
  margin-inline-start: 10px !important;
  font-size: 18px;
  display: block;
  transition: 180ms;
}
#ez-toc-container nav {
  margin-bottom: -8px;
  color: var(--uicolor);
  margin-right: 0;
  padding: 0px 30px 0;
  list-style: none;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  z-index: 1;
  transition: 50ms;
  right: 0;
  margin-top: 0px !important;
}
#ez-toc-container nav > ul {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
#ez-toc-container ul.ez-toc-list > li > ul {
  display: block;
  margin: 0 !important;
}
#ez-toc-container ul.ez-toc-list > li > a,
#ez-toc-container.showin ul.ez-toc-list > li ul > li > a {
  display: flex;
  padding: 10px 15px;
  color: var(--secondarytext);
  align-content: center;
  border-radius: var(--miniradius);
  font-weight: 400;
}
#ez-toc-container ul.ez-toc-list > li > a {
  font-size: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.ez-toc-counter nav ul li a::before {
  font-family: var(--f-number);
  font-weight: 700;
  color: var(--secondarytext);
  font-size: 20px;
  margin-inline-end: 4px;
  transition: 180ms;
}
#ez-toc-container ul.ez-toc-list > li > a > span {
  font-size: 23px;
  font-family: var(--numberffont);
  width: 25px;
  font-weight: 600;
  text-align: center;
  margin-left: 8px;
  color: var(--placeholder);
  transition: 180ms;
}
#ez-toc-container.showin ul.ez-toc-list > li ul {
  display: block;
  list-style: none;
  margin: 15px 0 !important;
  overflow: auto;
  margin-inline-start: 20px !important;
  padding: 0 15px;
  border-inline-start: 2px solid;
  border-color: var(--diver);
}
#ez-toc-container.showin ul.ez-toc-list > li ul > li {
  list-style: none;
  opacity: 0;
  transition: 180ms;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition-delay: var(--trans-delay);
}
#ez-toc-container.showin ul.ez-toc-list > li ul > li > a {
  font-size: 17px;
  align-items: center;
}
div#ez-toc-container p.ez-toc-title {
  display: block;
  text-align: start;
  margin: 0 !important;
}
.-Chevrons--NextPrev-poster {
  display: block;
  max-width: 150px;
  min-width: 150px;
  overflow: hidden;
  position: relative;
  padding-bottom: 12%;
  margin-inline-end: 25px;
}
.-Chevrons--NextPrev.-chevron--nextPost .-Chevrons--NextPrev-poster {
  margin-inline-start: 25px;
  margin-inline-end: 0;
}
.-Chevrons--NextPrev-poster > img {
  position: absolute;
  max-width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.single-content-context-elements {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.single-content-context-elements.-YC-single-page {
  margin-inline-end: 0;
  margin-bottom: 40px;
}
.--secondary-products-context-info {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 30px 0;
  margin-bottom: 50px;
  justify-content: center;
}
.single-content-context-products {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
  position: sticky;
  top: 110px;
  transition: 180ms;
  /* max-width: calc(100% - 400px); */
}
.-secodary-single-products-bar {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
  padding: 50px;
  position: relative;
  border-radius: var(--largeradius);
  margin-bottom: 40px;
  background: #ffffff0d;
  color: var(--primary-text);
}
.-secodary-single-products-bar:last-child {
  margin-bottom: 0;
}
.top-singular-products-cover {
  display: flex;
  align-items: flex-start;
  flex: 1;
  position: sticky;
  top: 125px;
  flex-direction: column;
}
.-products-right-poster {
  display: block;
  --element--width: 480px;
  max-width: var(--element--width);
  min-width: var(--element--width);
  overflow: hidden;
  /* box-shadow: var(--box-shadow-defult); */
  /* border: var(--border-defult-hover); */
  position: sticky;
  top: 125px;
  transition: 180ms;
  margin-inline-end: 40px;
}
.-prodct-poster-src {
  border-radius: var(--largeradius);
  overflow: hidden;
}
product-image {
  display: flex;
  cursor: pointer;
  margin: auto;
  max-width: 100%;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
product-image img {
  display: block;
}

.-products-action-button-area {
    display: flex;
}
.-prducts-context-info {
  display: block;
  flex: 1;
  margin-inline: 25px;
  padding: 0 15px;
  max-width: 650px;
}
.buy--elements--content {
  display: flex;
  /* --element-width: 320px; */
  min-width: var(--element-width);
  /* position: sticky; */
  top: 110px;
  /* background: #fff; */
  /* border-radius: var(--largeradius); */
  /* padding: 20px; */
  /* box-shadow: var(--box-shadow-hover); */
  /* border: 1px solid var(--border-defult-hover); */
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 40px;
}
.-singular-products-price-area {
  font-size: 32px;
  font-family: var(--f-number);
  display: none;
}
.-singular-products-price-area > strong {
  font-family: var(--f-number);
  font-weight: 500;
  font-size: 36px;
  color: var(--alinks);
}
.product-top-title {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.product-top-title > h1 {
  font-size: 33px;
  line-height: 1.5;
  margin-inline-end: 20px;
  flex: 1;
}
.-context-products-list-items {
  display: block;
  margin: 40px 0 25px;
}
.-context-products-list-items > ul {
  display: flex;
  list-style: none;
  flex-direction: column;
}
.-context-products-list-items > ul > li {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-start;
  /* margin: 8px; */
  min-width: max-content;
  position: relative;
  /* padding: 16px; */
  border-radius: var(--miniradius);
  /* border: 1px solid var(--border-defult-hover); */
  box-shadow: var(--box-shadow-hover);
  cursor: pointer;
  margin-bottom: 20px;
}
.-context-products-list-items > ul > li > p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.-context-products-list-items > ul > li > p > span {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  /* min-width: 80px; */
  justify-content: space-between;
}

.-context-products-list-items > ul > li:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    background: #e2e4e41a;
    margin-inline-end: 20px;
    flex: 1;
    border-radius: 50px;
    width: 50px;
    left: calc(100% - 10px);
}
.-context-products-list-items > ul > li > p > strong {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-family: var(--f-number);
  margin-inline-start: 10px;
}
.-context-products-list-items > ul > li > p > strong > em {
  font-style: normal;
  color: var(--secondarytext);
  font-size: 13px;
  margin-inline-start: 7px;
  font-weight: 200;
  font-family: var(--ffamily);
}
.-context-products-list-items > ul > li > i {
  font-size: 13px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 800;
  margin-inline-end: 15px;
  --el-w: 40px;
  width: var(--el-w);
  height: var(--el-w);
  border-radius: 50%;
  position: relative;
}

.-context-products-list-items > ul > li > i:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: 0.2;
    border-radius: inherit;
}
.-context-products-list-items > ul > li.for-stars-status > i {
  color: #ffa11b;
  font-weight: 600;
}
.mini-content-single-products {
  display: block;
  font-size: 18px;
  line-height: 1.9;
  color: var(--secondarytext);
  font-weight: 300;
  max-width: calc(100% - 80px);
}
.buy--elements--content .price-bx {
  position: relative;
  display: flex;
  margin: 0;
  justify-content: flex-start;
  flex: 1;
  align-items: flex-end;
}
.buy--elements--content .price-bx > span {
  color: var(--secondarytext);
}
.buy--elements--content .price-bx > span.price-value {
  font-size: 55px;
  font-family: var(--f-number);
  font-weight: 600;
  line-height: 0.8;
  margin-inline-end: 7px;
  color: var(--primary-text);
  min-width: max-content;
}
.in-punber-title {
  font-size: 14px;
  font-weight: 400;
  color: var(--secondarytext);
  line-height: 1.7;
  text-align: start;
  max-width: 120px;
  margin-inline-end: 20px;
}
.-products-action-btn {
  display: block;
  flex: 1;
}
.-products-action-btn:not(:last-child) {
  margin-inline-end: 20px;
}
.-products-action-btn > a {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--miniradius);
  flex-wrap: wrap;
  padding: 20px 20px;
  font-size: 18px;
  color: #fff;
  background: var(--uicolor);
  border: 2px solid var(--uicolor);
  transition: 180ms;
  flex-direction: row-reverse;
  transition: 180ms all ease;
}
.-products-action-btn:hover > a {
  color: var(--uicolor);
  background: 0 0;
}
.-products-action-btn.-btn-show-demo > a {
  border-color: var(--secondarytext);
  color: var(--secondarytext);
  background: var(--bgcolor);
}
.-products-action-btn.-btn-show-demo:hover > a {
  color: white;
  background: var(--uicolor2);
  border-color: var(--uicolor2);
}
.-products-action-btn > a > i {
  margin-inline-start: 25px;
  transition: 180ms all ease;
}
.-products-action-btn:hover > a > i {
  transform: scale(1.4);
}
.-top--products-cover {
  display: flex;
  padding: 200px 0 0;
  margin-bottom: 30px;
  --bx-shadow: #01101c3b;
  position: relative;
}
.-top--products-cover > .container {
  min-width: var(--container-width);
}
.select-option-product {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.RateComment,
.priced-to-area {
  align-items: center;
  display: flex;
}
.priced-to-area {
  font-size: 23px;
}
.priced-to-area > span {
  max-width: 90px;
}
.-sidebar-related-title-posts-items .-Product-Post-Box {
  margin: 0 0 20px;
  --box-width: 100%;
}
.-comment-contentarea {
  position: relative;
  min-width: 100%;
  margin-bottom: 30px;
}
.RateComment {
  position: absolute;
  bottom: 15px;
  left: 30px;
  padding: 10px;
}
.RateComment > .RatingReview {
  direction: ltr;
  font-size: 21px;
  color: #e1e1e1;
  cursor: pointer;
  margin-inline-start: 10px;
  margin-top: -4px;
}
.RateComment > .RatingReview > i.fixedactive {
  color: #ffa700;
  font-weight: 600;
}
.RateComment > .RatingReview > i.active {
  color: #ffa700;
}
.RateComment .product-item-info-stats-ratings > p {
  margin: 0;
}
.RateComment .product-item-info-stats-ratings > p > span.-rating-value {
  font-weight: 700;
  font-family: var(--f-number);
  font-size: 22px;
  margin-inline-start: 5px;
}
.-comments-head-area .stars-avg {
  font-size: 20px;
}
.YC-BreadCrumb.-BreadCrumb-PT-products {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.-singular-products-fav-area {
  display: flex;
  align-items: center;
}
.-singular-products-fav-area > .singular-item-elem-Button {
  display: flex;
  background: transparent;
  justify-content: center;
  align-items: center;
  border-radius: calc(var(--miniradius) - 7px);
  font-size: 13px;
  transition: 180ms;
  --button-uicolor: (--negative);
  --botton-uitext: 1px solid var(--secondarytext);
  margin-inline-end: 15px;
  padding: 8px 14px;
  color: var(--secondarytext);
}

.-singular-products-fav-area > .singular-item-elem-Button.singular-item-rate-Button {
    background: none;
    padding: 0;
    border: 0;
    padding-inline-end: 20px;
    position: relative;
    margin-inline-end: 25px;
}

.-singular-products-fav-area > .singular-item-elem-Button.singular-item-rate-Button:before {
    content: '';
    left: -9px;
    height: 22px;
    width: 9px;
    top: 50%;
    background: #ffffff26;
    border-radius: 13px;
    position: absolute;
    transform: rotate(19deg) translateY(-50%);
}

.-singular-products-fav-area > .singular-item-elem-Button.singular-item-rate-Button > strong {
    font-size: 22px;
    font-family: var(--f-number);
}

.-singular-products-fav-area > .singular-item-elem-Button.singular-item-rate-Button > strong > em {
    font-family: var(--ffamily);
    font-size: 14px;
    font-style: normal;
    margin-inline-start: 10px;
    font-weight: 400;
}
.-singular-products-fav-area > .singular-item-elem-Button:hover {
  color: var(--button-uicolor);
}
.-singular-products-fav-area
  > .singular-item-elem-Button.singular-item-favourite-Button {
  --button-uicolor: #ffc107;
  --botton-uitext: var(--bgcolor);
}
.-singular-products-fav-area > .singular-item-elem-Button.active {
  background: var(--button-uicolor);
  color: var(--botton-uitext);
  border-color: var(--button-uicolor);
}
.-singular-products-fav-area > .singular-item-elem-Button > i {
  font-weight: 500;
  margin-inline-end: 10px;
}

.-singular-products-fav-area > .singular-item-elem-Button.singular-item-rate-Button > i {
    font-weight: 700;
    color: var(--ratingColor);
    font-size: 20px;
}
.-singular-products-fav-area > .singular-item-elem-Button.active > i {
  font-weight: 900;
}
.-singular-products-fav-area
  > .singular-item-elem-Button.singular-item-like-Button {
  --button-uicolor: var(--uicolor2);
  --botton-uitext: white;
}
.-singular-products-fav-area > .singular-item-elem-Button:last-child {
  margin-inline-end: 0;
}
span.is-sale-product {
  padding: 5px 10px;
  background: var(--positive);
  color: var(--primary-text);
  border-radius: calc( var(--miniradius) - 5px);
  font-size: 13px;
  margin-inline-start: 10px;
}
.-Related-Single {
  display: block;
  position: relative;
}
.-Related-Single.--related--singular-insert .shape-divider .shape-fill {
  fill: white;
}
.-Related-Single .shape-divider .shape-fill {
  fill: #f3f4fb;
}
.-YC-related-posts {
  --bgcolor: #fff;
}
.--widget--sidebar--title.-TitleContent-section {
  margin-bottom: 40px;
  font-size: 23px;
}
.-TitleContent-section > p {
  margin-inline-start: 8px;
  color: var(--uicolor);
  font-size: 28px;
  font-weight: 500;
}
.-TitleContent-section > i {
  margin-inline-end: 15px;
}
.-TitleContent-section > a > i {
  font-weight: 600;
  margin-inline-start: 9px;
}
.-TitleContent-section > a:hover > i {
  left: 20px;
}
.-TitleContent-section > a:hover {
  color: var(--uicolor);
}
.-TitleContent-section > a > .-YC-Icon-Buttons {
  --inset-uicolor: var(--primary-text);
}
h2.-TitleContent-section > .seccontent {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: var(--uicolor);
  font-size: 24px;
  flex: 1;
}

.seccontent > p {
    background: linear-gradient(90deg, var(--uicolor) 30%, #ff9d59 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: baseline;
    display: inline;
    font-weight: 400;
}
h2.-TitleContent-section > .seccontent > span {
  font-weight: 300;
  margin-inline-end: 10px;
  color: var(--secondarytext);
}
h2.-TitleContent-section > .seccontent > i {
  font-size: 29px;
  margin-inline-end: 20px;
  font-weight: 300;
  color: var(--secondarytext);
}
.-Posts-RelatedBoxes {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
product-image > img {
    height: auto;
}

.products--top-singular-products-cover {
    display: flex;
    align-items: flex-start;
}

.top-singular-products-cover > h1 {
    font-size: 45px;
    font-weight: 600;
    line-height: 1.6;
    text-align: start;
    color: var(--primary-text);
    white-space: break-spaces;
}

.-single-Text-list-info {
    padding-inline-start: 60px;
    padding-top: 40px;
    border-inline-start: 2px solid #e2e4e41a;
}
.container-pages-top-info.container-pages-postType-post h1 {
    font-size: 36px;
    margin-bottom: 30px;
}

.-YC-WidgetType-service_request{background: #0d0d0d;border: 1px solid #3a3333;padding:40px;position:relative;box-shadow:0 0 0;border-radius: 20px;margin-top: 20px;}

body[mode=light] .-YC-WidgetType-service_request {
    background: var(--border-defult-hover);
    border-color: var(--border-defult-hover);
}.-YC-WidgetType-service_request:before{content:'';position:absolute;--border-w:20px;--el-w:calc(100% - var(--border-w));width:var(--el-w);height:var(--el-w);top:calc(var(--border-w)/ 2);right:calc(var(--border-w)/ 2);border-radius:var(--miniradius)}.widget--sidebar--orders-UI--area{display:flex;align-items:center;flex-direction:column;align-content:center;flex-wrap:wrap;position:relative}.widget--sidebar--orders-icon{font-size: 65px;margin-bottom: 40px;--el-w: 120px;width:var(--el-w);height:var(--el-w);display:flex;justify-content:center;align-items:center;border-radius:50%;color: white;background: #514646;padding:15px;position:relative;margin-top: 20px;}.widget--sidebar--orders-icon>i{font-weight: 200;}.widget--sidebar--orders-icon:before{content:"";}.widget--sidebar--orders-info{display:block;text-align:center;margin-bottom:30px}.widget--sidebar--orders-title{font-size:23px;margin-bottom:20px;color: var(--primary-text);line-height:1.6;font-weight:500}.widget--sidebar--orders-content{display:block;font-size:17px;font-weight:400;color: var(--secondarytext-bold);line-height: 1.6;}.widget--sidebar--orders--phone-number{display:flex}.widget--sidebar--orders--phone-number>a{padding: 15px 20px;border: 2px solid var(--uicolor);border-radius:var(--largeradius);font-size: 18px;color: white;font-family:var(--f-number);font-weight:700;background: var(--uicolor);line-height: 1;display: flex;align-items: center;}.widget--sidebar--orders--phone-number>a:hover{background: var(--primary-text);color: white;border-color: white;}

ol.BreadcrumbsFilters>li i {
    font-weight: 500;
    font-size: 18px;
    margin-inline-end: 10px;
    display: flex;
    align-items: center;
}
.YC-BreadCrumb-post.-BreadCrumb-PT-post {
    margin-bottom: 15px;
}

ol.BreadcrumbsFilters, ol.BreadcrumbsFilters>li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
ol.BreadcrumbsFilters>li>a>span {
    display: flex;
    align-items: center;
}
.-YC-singleType-post .-single-share-posts-area {
    border: var(--border-defult);
}
.-single-share-posts-area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    padding: 40px;
    position: relative;
    border-radius: var(--largeradius);
    margin-bottom: 40px;
    /* background: white; */
}
.YC-single-share-image {
    display: flex;
    min-width: 60px;
    max-width: 100%;
    align-items: center;
    margin-bottom: 29px;
}
.-share-popover-boxed-copy>input {
    flex: 1;
    min-height: auto;
    direction: ltr;
    font-size: 14px;
    text-overflow: ellipsis;
    background: 0 0;
    border: 0;
    font-weight: 300;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    margin-inline-end: 10px;
}

.-itemslist-share-icons-list .--sp-social-item {
    min-width: 100%;
}

.-itemslist-share-icons-list .--sp-social-item>a {
    transition: 180ms;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.-itemslist-share-icons-list .--sp-social-item>a>i {
    display: flex;
    height: 60px;
    border-radius: 70px;
    color: var(--sociaTextColor);
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 10px;
    width: 60px;
    border: 2px solid var(--sociaColor);
    transition: 180ms;
    background: var(--sociaColor);
}

.-itemslist-share-icons-list .--sp-social-item>a>span {
    white-space: nowrap;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    text-transform: capitalize;
    transition: 180ms;
}
.-single-share-header .-YC-owl-navs-items>div {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-width: 44px;
    font-size: 22px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--diver);
    margin-inline-start: 10px;
    position: relative;
    background: transparent;
    transform: translate(0);
}
.-share-popover-boxed-copy>button, .-single-share-header .-YC-owl-navs-items>div {
    padding: 10px;
    display: flex
;
    color: var(--secondarytext);
    transition: 180ms;
    align-content: center;
}
.-YC-owl-navs-items>.-YC-owl-Slides-prev {
    right: 0;
}
.-YC-owl-navs-items>.-YC-owl-Slides-next, .-YC-owl-navs-items>.-YC-owl-Slides-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 2px solid var(--uicolor);
    --chev-w: 45px;
    width: var(--chev-w);
    height: var(--chev-w);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 21px;
    color: white;
    transition: 180ms;
    cursor: pointer;
    background: var(--uicolor);
    transition: all 0.5s ease;
}
 .-single-share-header .-YC-owl-navs-items {
    display: flex;
    direction: rtl;
}
.-single-share-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.-YC-Faqs-Tabs-s1>.YC-Faqs-h2,.-YC-Question-Item-v1.active .-YC-Question-Title>h3>a {
    color: var(--uicolor)
}

.-YC-WidgetType-Tab__Faqs {
    --first-button-color: var(--primary-text);
    --first-button-text: #ffffff;
    --first-button-border: 2px solid var(--primary-text);
    --first-button-hovercolor: #041c3600;
    --first-button-hovertext: var(--primary-text);
    --first-button-hoverborder: 2px solid var(--primary-text);
    --second-button-color: #1269eb00;
    --second-button-text: var(--uicolor2);
    --second-button-border: 2px solid var(--uicolor2);
    --second-button-hovercolor: var(--uicolor2);
    --second-button-hovertext: white;
    --second-button-hoverborder: 2px solid var(--uicolor2);
    --section-title: var(--primary-text);
    --section-content: var(--secondarytext);
    background: var(--bgcolor)
}

.-YC-Faqs-Tabs-s1 {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    max-width: 750px;
    margin: 0 auto 20px
}

.-YC-Faqs-Tabs-s1>.YC-Faqs-h2 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px
}

.-YC-Faqs-Tabs-s1>.P-content {
    line-height: 1.5;
    text-align: center;
    font-weight: 300;
    font-size: 17px;
    color: var(--section-content);
    max-width: calc(100% - 100px)
}

.-YC-Faqs-Tabs-s1>.YC-Faqs-h1 {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 45px;
    line-height: 1.5;
    margin-bottom: 21px;
    color: var(--section-title)
}

.-Faq-Tabs-Master {
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
    flex-wrap: wrap
}

.YC-Faq-TabItems>ul {
    list-style: none;
    display: flex;
    margin: 0 -5px
}

.YC-Faq-TabItems {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: al 180ms;
    margin-bottom: 40px
}

.YC-Faq-TabItems>ul>li {
    display: block;
    padding: 11px;
    text-align: center;
    border-radius: var(--largeradius);
    transition: 180ms;
    margin: 5px;
    color: var(--secondarytext);
    border: 1px solid var(--diver);
    font-size: 17px;
    font-weight: 400
}

.-YC-Question-Item-v1.active .-YC-Question-Title,.-YC-Question-Title:hover>h3>a,.-YC-Question-Title:hover>i,.-p-ContentValue-v1>a:hover,.YC-Faq-TabItems>ul>li:hover {
    color: var(--primary-text)
}

.YC-Faq-TabItems>ul>li.active {
    color: #fff;
    background: var(--uicolor2);
    border-color: var(--uicolor2)
}

.-Faq-Tabs-Master .-YC-Tab-Items {
    display: flex;
    background: #ffff;
    position: relative;
    min-height: 400px;
    max-width: 1000px;
    margin: 0 auto;
    flex-direction: column
}

.-Single-Tab-Item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 50px;
}

.-YC-Question-Item-v1 {
    display: block;
    margin-bottom: 20px;
    border-radius: var(--largeradius);
    border: var(--border-defult);
    background: #ffffff03;
    transition: 180ms;
    box-shadow: var(--box-shadow-defult)
}

.-Single-Tab-Item.-FQ-Is-Loader .-YC-Question-Item-v1:not(:last-child) {
    border-bottom: 1px solid #f7f7f770
}

.-YC-Question-Item-v1:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.-YC-Question-Item-v1.active {
    box-shadow: var(--box-shadow-hover)
}

.-YC-Question-Title {
    display: flex;
    padding: 25px;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    flex-wrap: wrap;
}

.-YC-Question-Title > h3 {
    font-weight: 600;
}

.-Single-Tab-Item.-FQ-Is-Loader .-YC-Question-Title {
    height: 65px;
    padding-bottom: 25px
}

.-Single-Tab-Item.-FQ-Is-Loader .-YC-Question-Item-v1.active .-YC-Question-Title {
    margin-bottom: -10px
}

.-YC-Question-Title>h3>a {
    color: var(--secondarytext);
    font-weight: 400;
    font-size: 22px;
}

.-YC-Question-Title>i {
    font-size: 23px;
    transition: 180ms;
    color: var(--secondarytext);
    font-weight: 400
}

.-YC-Question-Item-v1.active .-YC-Question-Title>i {
    transform: rotate(45deg)
}

.-Question-Content-Row-v1 {
    height: 0;
    --pin-height: auto;
    overflow: hidden;
    transition: 180ms
}

.-YC-Question-Item-v1.active .-Question-Content-Row-v1 {
    display: block;
    height: var(--pin-height)
}

.-p-ContentValue-v1 {
    padding: 0 40px 40px;
    display: block;
    line-height: 1.8;
    font-size: 18px;
    color: var(--secondarytext);
    font-weight: 300;
}

.-Single-Tab-Item.-FQ-Is-Loader .-p-ContentValue-v1.-ToggleContentValue {
    padding-bottom: 15px
}

.-p-ContentValue-v1>a {
    font-weight: 300;
    font-size: 15px;
    color: var(--secondarytext)
}

.-YC-Faqs-Tabs-URLArea-s1 {
    display: flex;
    margin-top: 40px;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px
}

.-YC-Faqs-Tabs-URLArea-s1>a {
    display: flex;
    padding: 13px 23px;
    border-radius: var(--largeradius);
    font-size: 16px;
    font-weight: 400;
    align-content: center;
    align-items: center;
    margin-left: 10px;
    background: var(--first-button-color);
    color: var(--first-button-text);
    border: var(--first-button-border)
}

.-YC-Faqs-Tabs-URLArea-s1>a:hover {
    background: var(--first-button-hovercolor);
    color: var(--first-button-hovertext);
    border: var(--first-button-hoverborder)
}

.-YC-Faqs-Tabs-URLArea-s1>a>i {
    margin-right: 10px;
    font-weight: 400
}

.-YC-Faqs-Tabs-URLArea-s1>a.button_url_2 {
    background: var(--second-button-color);
    color: var(--second-button-text);
    border: var(--second-button-border)
}

.-YC-Faqs-Tabs-URLArea-s1>a.button_url_2:hover {
    background: var(--second-button-hovercolor);
    color: var(--second-button-hovertext);
    border: var(--second-button-hoverborder)
}

.BxFq-Icon {
    max-width: 30px;
    margin-right: 100px;
    height: 30px
}

.-Contnet-Loder-Item {
    display: block;
    height: 35px;
    margin-bottom: 12px
}

.-Content-Loader-v1 {
    width: 75%
}

.-Content-Loader-v2 {
    width: 60%
}

.-Content-Loader-v3 {
    width: 65%
}

.-YC-WidgetType-Tab__Faqs .-YC-Widgets-Inner-Row {
    overflow: visible
}

.-Faq-Tabs-items-list {
    flex: 1;
    margin-inline-start:30px}

.faqs--widget-container {
    padding: 80px;
    background: #ffffff0f;
    border-radius: var(--largeradius);
}