/* Weight Loss Endocare Style Landing Page */
.hero-section {
  min-height: auto;
  display: flex;
  align-items: center;
}
.hero-section .rounded-3xl {
  border-radius: 1.5rem;
}

.play-button {
  transition: transform 0.3s ease;
}
.play-button:hover {
  transform: scale(1.1);
}

.cta-form {
  border-radius: 15px;
  background: linear-gradient(0deg, #04AF5B, #04AF5B), linear-gradient(180deg, rgba(2, 170, 89, 0.2) 0%, rgba(0, 116, 61, 0.2) 100%);
  box-shadow: 0px 0px 6.4px 0px #004E29;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 14px 24px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  color: white;
  border: none;
  cursor: pointer;
}
.cta-form:hover {
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px 0px #004E29;
  color: white;
  text-decoration: none;
}
.cta-form img {
  flex-shrink: 0;
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
      transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
      transition: none
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
      transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg)
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
      transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.accordion-body {
  padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 0
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
      transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
  padding: .5rem .5rem;
  margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
  margin: .25rem
}

@media (min-width: 576px) {
  .modal-dialog {
      max-width:500px;
      margin: 1.75rem auto
  }

  .modal-dialog-scrollable {
      height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered {
      min-height: calc(100% - 3.5rem)
  }

  .modal-sm {
      max-width: 300px
  }
}

@media (min-width: 992px) {
  .modal-lg,.modal-xl {
      max-width:800px
  }
}

@media (min-width: 1200px) {
  .modal-xl {
      max-width:1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

.modal-fullscreen .modal-footer {
  border-radius: 0
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
      width:100vw;
      max-width: none;
      height: 100%;
      margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-header {
      border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto
  }

  .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
      width:100vw;
      max-width: none;
      height: 100%;
      margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }

  .modal-fullscreen-md-down .modal-header {
      border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
      overflow-y: auto
  }

  .modal-fullscreen-md-down .modal-footer {
      border-radius: 0
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
      width:100vw;
      max-width: none;
      height: 100%;
      margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-header {
      border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto
  }

  .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
      width:100vw;
      max-width: none;
      height: 100%;
      margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-header {
      border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto
  }

  .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
      width:100vw;
      max-width: none;
      height: 100%;
      margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto
  }

  .modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .offcanvas {
      transition: none
  }
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem
}

.offcanvas-header .btn-close {
  padding: .5rem .5rem;
  margin-top: -.5rem;
  margin-right: -.5rem;
  margin-bottom: -.5rem
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0,0,0,.2);
  transform: translateX(-100%)
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0,0,0,.2);
  transform: translateX(100%)
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0,0,0,.2);
  transform: translateY(-100%)
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0,0,0,.2);
  transform: translateY(100%)
}

.offcanvas.show {
  transform: none
}

@font-face {
  font-family: Gelion-Light;
  font-display: swap;
  font-weight: light;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Light.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Regular;
  font-display: swap;
  font-weight: 500;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Regular.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Bold;
  font-display: swap;
  font-weight: 700;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Bold.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Black;
  font-display: swap;
  font-weight: 900;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Black.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Light-Italic;
  font-display: swap;
  font-weight: light;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Light-Italic.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Regular-Italic;
  font-display: swap;
  font-weight: 500;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Regular-Italic.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Bold-Italic;
  font-display: swap;
  font-weight: 700;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Bold-Italic.woff2) format("woff2")
}

@font-face {
  font-family: Gelion-Black-Italic;
  font-display: swap;
  font-weight: 900;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Gelion/Gelion-Black-Italic.woff2) format("woff2")
}

@font-face {
  font-family: Fraunces-Light;
  font-display: swap;
  font-weight: light;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Fraunces/Fraunces-Light.woff2) format("woff2")
}

@font-face {
  font-family: Fraunces-Regular;
  font-display: swap;
  font-weight: 500;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Fraunces/Fraunces-Regular.woff2) format("woff2")
}

@font-face {
  font-family: Fraunces-Bold;
  font-display: swap;
  font-weight: 700;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Fraunces/Fraunces-Bold.woff2) format("woff2")
}

@font-face {
  font-family: Fraunces-Light-Italic;
  font-display: swap;
  font-weight: light;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Fraunces/Fraunces-Light-Italic.woff2) format("woff2")
}

@font-face {
  font-family: Fraunces-Regular-Italic;
  font-display: swap;
  font-weight: 500;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Fraunces/Fraunces-Regular-Italic.woff2) format("woff2")
}

@font-face {
  font-family: Fraunces-Bold-Italic;
  font-display: swap;
  font-weight: 700;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Fraunces/Fraunces-Bold-Italic.woff2) format("woff2")
}

html {
  font-family: var(--global--font-primary);
  color: var(--global--color-text)
}

:root {
  --global--font-primary: "Gelion-Regular";
  --global--font-primary-bold: "Gelion-Bold";
  --global--font-primary-black: "Gelion-Black";
  --global--font-primary-regular-italic: "Gelion-Regular-Italic";
  --global--font-primary-bold-italic: "Gelion-Bold-Italic";
  --global--font-primary-black-italic: "Gelion-Black-Italic";
  --global--font-primary-light: "Gelion-Light";
  --global--font-secondary-regular-italic: "Fraunces-Regular-Italic";
  --global--font-secondary-bold-italic: "Fraunces-Bold-Italic";
  --global--font-secondary-black-italic: "Fraunces-Black";
  --global--font-secondary-light-italic: "Fraunces-Light-Italic";
  --global--font-secondary: "Fraunces-Regular";
  --global--font-secondary-bold: "Fraunces-Bold";
  --global--font-secondary-italic: "Fraunces-Regular-Italic";
  --global--font-secondary-bold-italic: "Fraunces-Bold-Italic";
  --global--font-secondary-light: "Fraunces-Light";
  --global--font-secondary-black: "Fraunces-Bold";
  --global--font-heading: var(--global--font-secondary-black);
  --global--font-size-base: $font-size-base;
  --heading--font-family: var(--global--font-primary-bold)
}

.editor-post-title .editor-post-title__input,.rtl #wpadminbar *,body,html,p {
  scroll-behavior: smooth;
  font-family: var(--global--font-primary)
}

.font-bold {
  font-family: var(--global--font-primary-bold);
  font-weight: 700
}

.font-black {
  font-family: var(--global--font-primary-black);
  font-weight: 900
}

.font-light {
  font-family: var(--global--font-primary-light);
  font-weight: 300
}

.font-second-bold {
  font-family: var(--global--font-secondary-bold);
  font-weight: 700
}

.font-second-black {
  font-family: var(--global--font-secondary-black);
  font-weight: 900
}

.font-second-light {
  font-family: var(--global--font-secondary-light);
  font-weight: 300
}

.title,h1,h2,h3,h4,h5,h6 {
  font-family: var(--global--font-heading)
}

.font-second,.second-font {
  font-family: var(--global--font-secondary);
  font-weight: 500
}

.font-italic {
  font-family: var(--global--font-primary-italic);
  font-weight: 500
}

.font-second-italic {
  font-family: var(--global--font-secondary-italic);
  font-weight: 500
}

.font-regular {
  font-family: var(--global--font-primary-regular);
  font-weight: 500
}

.font-second-regular {
  font-family: var(--global--font-secondary-regular);
  font-weight: 500
}

.font-second-bold-italic {
  font-family: var(--global--font-secondary-bold-italic);
  font-weight: 700
}

.font-second-black-italic {
  font-family: var(--global--font-secondary-black-italic);
  font-weight: 900
}

.font-light-italic {
  font-family: var(--global--font-primary-light-italic);
  font-weight: 300
}

.font-second-light-italic {
  font-family: var(--global--font-secondary-light-italic),-apple-system;
  font-weight: 300
}

b,strong {
  font-family: var(--global--font-primary-bold);
  font-weight: 500
}

:root {
  --animate-duration: 0.5s;
  --global--color-primary: #edbfa4;
  --global--color-secondary: #a57841;
  --global--color-third: #fcf9f6;
  --global--color-lightbg: #fcf9f6;
  --global--color-lightbg-2: #fcf9f6;
  --global--color-darkbg: #0f172a;
  --global--color-darkbg-2: #1e293b;
  --global--color-text: #000000;
  --global--color-title: #000000;
  --plyr-color-main: var(--global--color-primary);
  --plyr-audio-control-background-hover: var(--global--color-lightbg);
  --plyr-audio-controls-background: #f1f5f9;
  --plyr-audio-control-color: var(--global--color-primary);
  --plyr-audio-control-background-hover: #f0f0f057;
  --button--color-text: #fff;
  --button--color-hover: #fff;
  --button--color-background-hover: var(--global--color-primary);
  --global--border-radius: 0
}

.dark:root {
  --plyr-audio-controls-background: #8c97a3;
  --global--color-primary: #a57841
}

:root {
  --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
  --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
  --responsive--alignfull-width: 100%;
  --responsive--alignright-margin: var(--global--spacing-horizontal);
  --responsive--alignleft-margin: var(--global--spacing-horizontal)
}

@media only screen and (min-width: 482px) {
  :root {
      --responsive--aligndefault-width:min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
      --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
      --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
      --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)))
  }
}

@media only screen and (min-width: 822px) {
  :root {
      --responsive--aligndefault-width:min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
      --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px)
  }
}

.default-max-width {
  max-width: var(--responsive--aligndefault-width);
  margin-left: auto;
  margin-right: auto
}

.comments-pagination,.pagination,.post-navigation,.site-footer,.wide-max-width {
  max-width: var(--responsive--alignwide-width);
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width: 482px) {
  .full-max-width {
      max-width:var(--responsive--alignfull-width);
      width: auto;
      margin-left: auto;
      margin-right: auto
  }
}

.row {
  margin: auto!important
}

.btn-primary {
  background-color: var(--global--color-primary);
  border-color: var(--global--color-primary)
}

.btn-secondary {
  background-color: var(--global--color-secondary);
  border-color: var(--global--color-secondary)
}

.offcanvas-end {
  width: 310px!important
}

.offcanvas-body {
  padding: 1rem .2rem
}

.accordion-button:not(.collapsed) {
  color: inherit;
  background-color: rgba(0,0,0,.0196078431);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.13)
}

.accordion-button {
  color: inherit
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
  display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

nav.nav-extended {
  height: auto
}

nav.nav-extended .nav-wrapper {
  min-height: 56px;
  height: auto
}

nav.nav-extended .nav-content {
  position: relative;
  line-height: normal
}

nav a {
  font-size: 1.08rem;
  padding: 15px 5px
}

nav [class*=mdi-],nav [class^=mdi-],nav i,nav i.material-icons {
  display: block;
  font-size: 34px;
  height: 56px;
  line-height: 56px;
  color: #fff
}

@media only screen and (min-width: 993px) {
  nav a.button-collapse {
      display:none
  }
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997
}

.navbar-fixed nav {
  position: fixed
}

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
      min-height:64px
  }

  .navbar-fixed {
      height: 64px
  }
}

.menu-main-container {
  height: 100%
}

nav ul.menu {
  width: auto;
  display: flex;
  float: right;
  margin: 0;
  align-items: center;
  height: 100%
}

ul.sub-menu li:hover {
  background-color: #fafafa;
  color: var(--global--color-primary)
}

li:hover>ul.sub-menu {
  display: block
}

nav a:hover {
  color: var(--global--color-primary)
}

.sidenav nav a:hover {
  color: var(--global--color-secondary)
}

.c-header {
  width: 100%;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.04);
  z-index: 45;
  position: inherit;
  transition: all .5s
}

.c-header .c-header__logo {
  width: auto;
  display: flex
}

.c-header .button-container {
  max-height: 50px;
  width: 50px;
  display: inline-table
}

.c-header i.bi {
  position: relative;
  top: 4px
}

.c-header .c-header__call .call-container {
  border-right: 2px solid rgba(213,213,213,.1882352941)
}

.c-header .c-header__call .call-container span {
  display: inline-block;
  background-color: transparent;
  max-height: 40px;
  width: 45px;
  height: 45px;
  vertical-align: middle;
  position: relative;
  border-radius: 3px
}

.c-header .c-header__call .call-container span i.bi {
  position: absolute;
  top: -1px;
  right: 10px;
  height: 100%;
  line-height: 45px
}

.c-header .c-header__menu {
  border-left: 2px solid rgba(213,213,213,.1882352941)
}

.dark ul.sub-menu {
  background-color: var(--global--color-bg);
  color: #fff
}

.dark ul.sub-menu li:hover {
  background-color: var(--global--color-bg-2);
  color: #000
}

.dark li.menu-item-has-children>a:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-4 w-4' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E")
}

.offcanvas-start {
  width: 320px
}

.opacity-mode header {
  background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0))
}

.opacity-mode header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  padding: 10px 0
}

header.sticky-header {
  background-image: none;
  position: sticky;
  top: 0
}

header.sticky-header {
  background-color: #fff;
  padding-bottom: 0;
  height: 3.5rem
}

.opacity-mode header a.header-logo {
  background-image: url(../images/logo-white.png);
  width: 133px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 133px 22px;
  text-indent: -9999px;
  margin: 0 auto
}

.opacity-mode header.sticky-header a.header-logo {
  background-image: url(assets/images/logo.png)
}

.opacity-mode span#logo_home {
  display: inherit
}

.opacity-mode header {
  transition: all .3s ease-in
}

.opacity-mode a {
  color: #fff
}

.opacity-mode .sticky-header a {
  color: #000
}

.opacity-mode .btn {
  border: 1px solid #fff;
  background-color: #fff;
  box-shadow: 0 0 7px 0 #e4e4e4;
  border-radius: 15px
}

.opacity-mode a.btn {
  color: #ffad1c!important;
  font-weight: 700
}

.overlap:not(.sticky-header) a {
  color: #fff
}

.overlap:not(.sticky-header) {
  background-color: transparent;
  color: #fff;
  position: absolute;
  top: 0
}

.overlap:not(.sticky-header) .border-stone-100 {
  border-color: transparent
}

.dark header.sticky-header {
  background-color: var(--global--color-darkbg-2)
}

.menu-item-has-children a {
  position: relative;
  margin-left: 0 1rem;
  display: block
}

li.menu-item-has-children>a:after {
  right: 0;
  position: absolute;
  width: 15px;
  height: 15px;
  top: calc(50% - 12px);
  opacity: .4;
  transition: transform .25s;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-4 w-4' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E")
}

.ltr li.menu-item-has-children>a:not(.collapsed):after {
  right: -3px
}

.rtl li.menu-item-has-children>a:not(.collapsed):after {
  left: -3px
}

.menu-item-has-children .sub-menu a {
  display: block;
  padding: 0 0
}

li.menu-item-has-children {
  padding-right: 1rem
}

ul.sub-menu {
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,.4);
  min-width: 260px;
  max-width: 260px;
  padding: 5px;
  margin: 15px auto;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
  z-index: 5;
  transition: .4s ease;
  backdrop-filter: blur(12px)
}

ul.sub-menu li {
  width: 100%;
  display: list-item;
  float: right;
  line-height: 25px;
  padding: 10px 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  position: relative
}

.sidenav li.menu-item-has-children>a:not(.collapsed):after {
  transform: rotate(90deg)
}

li.mega-menu:hover>ul.sub-menu {
  display: block;
  z-index: 100;
  min-width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  right: 0;
  left: 0;
  margin: 15px auto;
  display: flex;
  flex-wrap: wrap
}

header:not(.sticky-header) li.menu-item-has-children:hover ul.sub-menu {
  top: 65px
}

li.menu-item-has-children:hover ul.sub-menu {
  right: 250px;
  top: 54px
}

li.mega-menu.vertical:hover>ul.sub-menu {
  padding: 1rem 10%;
  justify-content: center
}

li.mega-menu img {
  border-radius: .4rem
}

li.mega-menu ul.sub-menu li {
  flex-basis: 33.333333%
}

.mega-menu.vertical ul.sub-menu li {
  flex-basis: 18%
}

.mega-menu ul.sub-menu a img {
  width: 4rem;
  display: inline
}

.mega-menu.horizental ul.sub-menu a img {
  width: 4rem;
  display: inline
}

.mega-menu.vertical ul.sub-menu a img {
  width: 10rem;
  display: block;
  margin: 0 auto;
  text-align: center
}

.mega-menu.vertical ul.dropdown-menu a span,.mega-menu.vertical ul.sub-menu a span {
  text-align: center;
  width: 100%;
  display: block;
  margin: .5rem auto
}

.overlap:not(.sticky-header) {
  background-color: transparent
}

.overlap.sticky-header {
  background-color: #fff
}

.overlap:not(.sticky-header) li.mega-menu ul.sub-menu li a {
  color: var(--global--color-primary)
}

li.menu-item {
  padding: 15px .4rem;
  margin: 0
}

@media (max-width: 1024px) {
  .menu-item-has-children a {
      display:block
  }

  li.menu-item-has-children>a:not(.collapsed):after {
      transform: rotate(90deg)
  }

  li.menu-item-has-children>a:after {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c1c1c1' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")
  }

  li.menu-item-has-children>a:not(.collapsed):after {
      transform: rotate(90deg)
  }

  nav.mobile-menu a img {
      width: 100%;
      margin: 0;
      height: 140px;
      object-fit: cover;
      min-height: 200px
  }

  li.menu-item {
      padding: 0 .1rem;
      margin: 0rem .1rem
  }

  li.menu-item:not(:last-child) {
      border-bottom: 2px solid rgba(202,202,202,.062745098)
  }

  .mega-menu.vertical li.menu-item {
      border-bottom: none;
      padding: 0
  }

  .menu-item-has-children>a.show:after {
      transform: rotate(-90deg)
  }

  .sidenav ul.menu {
      padding: 0
  }

  nav.mobile-menu a {
      padding: 15px 0;
      display: block
  }

  .menu-item-has-children>a.show:after {
      top: 15px
  }
}

@media only screen and (min-width: 592px) {
  .c-header .c-header__call .call-container {
      border-right:none
  }

  li.menu-item-has-children>a:after {
      right: -15px;
      top: calc(50% - 8px);
      transform: rotate(0)
  }
}

.admin-bar .overlap:not(.sticky-header),.admin-bar .sticky-header,.admin-bar .sticky-key {
  top: 32px
}

.c-footer {
  background: #1c2535;
  color: #fff;
  padding: 20px 0 10px
}

.c-footer .c-footer__header a {
  display: block;
  text-align: center;
  position: relative;
  top: -40px;
  background-color: var(--global--color-secondary);
  border-radius: 50px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  transition: all .3s;
  border: 3px solid var(--global--color-secondary)
}

.c-footer .c-footer__header a:hover {
  background-color: #fff;
  border-color: var(--global--color-secondary);
  box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

.c-footer .c-footer__header a:hover svg {
  fill: #000
}

.c-footer .c-footer__header a svg {
  position: relative;
  top: 2px
}

.c-footer h3 {
  font-size: 1.3em
}

.c-footer ul li a {
  color: #fff;
  transition: all .3s;
  margin-bottom: 5px;
  display: block
}

.c-footer ul li a:hover {
  padding-right: 5px
}

.c-footer .c-footer__footer {
  border-top: 2px solid #364256
}

.site-footer {
  padding-top: 0;
  padding-bottom: calc(1.7 * var(--global--spacing-vertical))
}

.no-widgets .site-footer {
  margin-top: calc(6 * var(--global--spacing-vertical))
}

@media only screen and (max-width: 481px) {
  .no-widgets .site-footer {
      margin-top:calc(3 * var(--global--spacing-vertical))
  }
}

.site-footer>.site-info {
  padding-top: var(--global--spacing-vertical);
  color: var(--footer--color-text);
  font-family: var(--footer--font-family);
  font-size: var(--footer--font-size);
  line-height: var(--global--line-height-body);
  border-top: 3px solid var(--global--color-border)
}

.site-footer>.site-info .site-name {
  text-transform: var(--branding--title--text-transform);
  font-size: var(--branding--title--font-size)
}

.site-footer>.site-info .powered-by {
  margin-top: calc(.5 * var(--global--spacing-vertical))
}

@media only screen and (min-width: 822px) {
  .site-footer>.site-info {
      display:flex;
      align-items: center
  }

  .site-footer>.site-info .powered-by {
      margin-top: initial;
      margin-left: auto
  }
}

.site-footer>.site-info a {
  color: var(--footer--color-link)
}

.site-footer>.site-info a:active,.site-footer>.site-info a:link,.site-footer>.site-info a:visited {
  color: var(--footer--color-link)
}

.site-footer>.site-info a:hover {
  color: var(--footer--color-link-hover)
}

.site-footer>.site-info a:focus {
  color: var(--footer--color-link-hover)
}

.is-dark-theme .site-footer>.site-info a:focus {
  color: var(--wp--style--color--link,var(--global--color-background))
}

.has-background-white .site-footer>.site-info a:focus {
  color: var(--wp--style--color--link,var(--global--color-white))
}

.singular .entry-header {
  border-bottom: 3px solid var(--global--color-border);
  padding-bottom: calc(2 * var(--global--spacing-vertical));
  margin-bottom: calc(3 * var(--global--spacing-vertical))
}

.breadcrumbs a {
  color: var(--global--color-primary)
}

.post-content p {
  margin: 0 auto 25px
}

#breadcrumbs a,#breadcrumbs span {
  padding: 0 3px
}

.home .entry-header {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.singular .has-post-thumbnail .entry-header {
  border-bottom: none;
  padding-bottom: calc(1.3 * var(--global--spacing-vertical));
  margin-bottom: 0
}

.bg-title h2,.bg-title h3,.bg-title h4,.bg-title h5,.bg-title h6 {
  position: relative;
  display: table;
  padding: .75rem .5rem;
  z-index: 1;
  color: var(--global--color-primary)
}

.bg-title h2:before,.bg-title h3:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 190px;
  width: 80%;
  height: 100%;
  background: -webkit-gradient(270deg,#bd9146 0,rgba(189,145,70,.6) .1%,rgba(189,145,70,.55) 50%,rgba(36,106,237,0) 100%);
  background: -o-linear-gradient(270deg,#bd9146 0,rgba(189,145,70,.6) .1%,rgba(189,145,70,.55) 50%,rgba(36,106,237,0) 100%);
  background: linear-gradient(270deg,#bd9146 0,rgba(189,145,70,.6) .1%,rgba(189,145,70,.55) 50%,rgba(36,106,237,0) 100%);
  border-radius: 0 10px 10px 0;
  z-index: -1
}

.post-content a {
  transition: all .75s;
  color: var(--global--color-secondary)
}

.grid-contents-static a.link-item:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  transition: .3s
}

.grid-contents-static a.link-item:hover:after {
  opacity: .25
}

.grid-contents-static a.link-item:hover img,.grid-contents-static a.link-item:hover:after {
  transition: .3s;
  border-radius: .75rem
}

.grid-contents-static .link-item span {
  color: #fff;
  position: absolute;
  font-size: 17px;
  bottom: 25px;
  width: 100%;
  text-align: center;
  z-index: 1
}

.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
  scroll-margin-top: 3rem;
  margin: 25px 0 10px
}

.post-content {
  overflow-x: auto
}

.service-template .post-content h2,.service-template .post-content h3,.service-template .post-content h4,.service-template .post-content h5,.service-template .post-content h6 {
  scroll-margin-top: 6rem
}

.post-content img {
  border-radius: .5rem;
  margin: 25px auto
}

.post-content li {
  list-style: disc;
  margin-left: 2rem;
  padding-left: .25rem;
  margin-bottom: .75rem
}

.post-content ol li {
  list-style: decimal
}

.post-content ol,.post-content ul {
  margin: .5rem 0 1.5rem
}

.post-content table td {
  border: 1px solid #ccc;
  padding: 8px
}

.post-content .table-card table tr:nth-child(even) {
  background-color: #fff
}

.post-content .table-card table tr:nth-child(odd) {
  background-color: #f6f6f6
}

.wp-pagenavi {
  margin: 10px auto
}

.wp-pagenavi a {
  margin: 10px 2px;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: var(--global--color-secondary);
  background-color: var(--global--color-primary);
  display: inline-block;
  vertical-align: middle;
  border-radius: .2rem
}

.wp-pagenavi span.current {
  background-color: var(--global--color-secondary);
  color: var(--global--color-primary);
  opacity: .65;
  margin: 10px 2px;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  border-radius: .2rem
}

.navigation {
  color: var(--global--color-primary)
}

.navigation a {
  color: var(--global--color-primary);
  text-decoration: none
}

.navigation a:hover {
  color: var(--global--color-primary-hover);
  text-decoration: underline;
  text-decoration-style: dotted
}

.navigation a:focus {
  color: var(--global--color-secondary)
}

.navigation a:active {
  color: var(--global--color-primary)
}

.navigation .nav-links>* {
  min-width: 44px;
  min-height: 44px
}

.navigation .nav-links .nav-next a,.navigation .nav-links .nav-previous a {
  display: flex;
  flex-direction: column
}

.navigation .nav-links .dots {
  text-align: center
}

@media only screen and (min-width: 592px) {
  .navigation .nav-links {
      display:flex;
      justify-content: center;
      flex-wrap: wrap
  }

  .navigation .nav-links .nav-next,.navigation .nav-links .nav-previous {
      flex: 0 1 auto;
      margin-bottom: inherit;
      margin-top: inherit;
      max-width: calc(50% - .5 * var(--global--spacing-unit))
  }

  .navigation .nav-links .nav-next {
      text-align: right
  }
}

.navigation .svg-icon {
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
  position: relative
}

.navigation .nav-previous .svg-icon,.navigation .prev .svg-icon {
  top: -2px;
  margin-right: calc(.25 * var(--global--spacing-unit))
}

.navigation .nav-next .svg-icon,.navigation .next .svg-icon {
  top: -1px;
  margin-left: calc(.25 * var(--global--spacing-unit))
}

.post-navigation {
  margin: var(--global--spacing-vertical) auto
}

@media only screen and (min-width: 822px) {
  .post-navigation {
      margin:var(--global--spacing-vertical) auto
  }
}

.post-navigation .meta-nav {
  line-height: var(--global--line-height-body);
  color: var(--global--color-primary)
}

.post-navigation .post-title {
  display: inline-block;
  font-family: var(--global--font-primary);
  font-size: var(--global--font-size-lg);
  font-weight: var(--pagination--font-weight-strong);
  line-height: var(--global--line-height-heading)
}

@media only screen and (min-width: 822px) {
  .post-navigation .post-title {
      margin:5px calc(24px + .25 * var(--global--spacing-unit)) 0
  }
}

@media only screen and (min-width: 482px) {
  .post-navigation .nav-links {
      justify-content:space-between
  }
}

.post-navigation .nav-next,.post-navigation .nav-previous {
  margin-top: var(--global--spacing-vertical);
  margin-bottom: var(--global--spacing-vertical)
}

.post-navigation .nav-next:first-child,.post-navigation .nav-previous:first-child {
  margin-top: 0
}

.post-navigation .nav-next:last-child,.post-navigation .nav-previous:last-child {
  margin-bottom: 0
}

.comments-pagination,.pagination {
  border-top: 3px solid var(--global--color-border);
  padding-top: var(--global--spacing-vertical);
  margin: var(--global--spacing-vertical) auto
}

@media only screen and (min-width: 822px) {
  .comments-pagination,.pagination {
      margin:var(--global--spacing-vertical) auto
  }
}

.comments-pagination .nav-links,.pagination .nav-links {
  margin-top: calc(-1 * var(--global--spacing-vertical))
}

.comments-pagination .nav-links a:hover,.pagination .nav-links a:hover {
  color: var(--pagination--color-link-hover)
}

.is-dark-theme .comments-pagination .nav-links a:active,.is-dark-theme .comments-pagination .nav-links a:hover:active,.is-dark-theme .comments-pagination .nav-links a:hover:focus,.is-dark-theme .pagination .nav-links a:active,.is-dark-theme .pagination .nav-links a:hover:active,.is-dark-theme .pagination .nav-links a:hover:focus {
  color: var(--global--color-background)
}

.has-background-white .comments-pagination .nav-links a:active,.has-background-white .comments-pagination .nav-links a:hover:active,.has-background-white .comments-pagination .nav-links a:hover:focus,.has-background-white .pagination .nav-links a:active,.has-background-white .pagination .nav-links a:hover:active,.has-background-white .pagination .nav-links a:hover:focus {
  color: var(--global--color-white)
}

.comments-pagination .nav-links>*,.pagination .nav-links>* {
  color: var(--pagination--color-text);
  font-family: var(--pagination--font-family);
  font-size: var(--pagination--font-size);
  font-weight: var(--pagination--font-weight);
  margin-top: var(--global--spacing-vertical);
  margin-left: calc(.66 * var(--global--spacing-unit));
  margin-right: calc(.66 * var(--global--spacing-unit))
}

.comments-pagination .nav-links>.current,.pagination .nav-links>.current {
  text-decoration: underline
}

.comments-pagination .nav-links>:not(.dots):not(.current):hover,.pagination .nav-links>:not(.dots):not(.current):hover {
  text-decoration-style: dotted
}

.comments-pagination .nav-links>:first-child,.pagination .nav-links>:first-child {
  margin-left: 0
}

.comments-pagination .nav-links>:last-child,.pagination .nav-links>:last-child {
  margin-right: 0
}

.comments-pagination .nav-links>.next,.pagination .nav-links>.next {
  margin-left: auto
}

.comments-pagination .nav-links>.prev,.pagination .nav-links>.prev {
  margin-right: auto
}

@media only screen and (max-width: 821px) {
  .comments-pagination .nav-links,.pagination .nav-links {
      display:flex;
      flex-wrap: wrap
  }

  .comments-pagination .page-numbers,.pagination .page-numbers {
      display: none
  }

  .comments-pagination .page-numbers.next,.comments-pagination .page-numbers.prev,.pagination .page-numbers.next,.pagination .page-numbers.prev {
      display: inline-block;
      flex: 0 1 auto
  }
}

@media only screen and (max-width: 481px) {
  .comments-pagination .nav-short,.pagination .nav-short {
      display:none
  }
}

.comments-pagination {
  padding-top: calc(.66 * var(--global--spacing-vertical));
  margin: calc(3 * var(--global--spacing-vertical)) auto
}

@media only screen and (min-width: 822px) {
  .comments-pagination {
      margin:calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto
  }
}

.comments-pagination .nav-links>* {
  font-size: var(--global--font-size-md)
}

:focus {
  outline: 0
}

iframe {
  border-radius: .5rem
}

.collapse {
  visibility: inherit
}

.u-dark-show {
  display: none
}

.dark .u-dark-show {
  display: block
}

.u-light-show {
  display: block
}

.dark .u-light-show {
  display: none
}

.u-bg-dark {
  background-color: var(--global--color-darkbg)
}

.u-bg-dark-2 {
  background-color: var(--global--color-darkbg-2)
}

.u-bg-light {
  background-color: var(--global--color-lightbg)
}

.u-bg-light-2 {
  background-color: var(--global--color-lightbg-2)
}

.u-bg-brand {
  background-color: var(--global--color-primary)
}

.u-text-brand {
  color: var(--global--color-primary)
}

.u-bg {
  background-color: var(--global--color-lightbg)
}

.u-bg-2 {
  background-color: var(--global--color-lightbg-2)
}

.dark .u-bg {
  background-color: var(--global--color-darkbg)
}

.dark .u-bg-2 {
  background-color: var(--global--color-darkbg-2)
}

.u-btn {
  background-color: var(--global--color-primary);
  color: #fff;
  border-radius: var(--global--border-radius);
  border: var(--button--border-width) solid var(--global--color-primary);
  padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  transition: all .25s linear
}

.u-btn:hover {
  background-color: var(--button--color-background-hover);
  color: var(--button--color-hover)
}

.devider-element {
  position: relative;
  padding-bottom: 3.5rem
}

.devider-element::after {
  background-repeat: no-repeat;
  bottom: 1rem;
  content: "";
  left: 50%;
  position: absolute;
  width: 200px;
  z-index: 1;
  height: 40px;
  margin: 0 auto;
  margin-left: -100px
}

.ltr {
  direction: ltr
}

.rtl {
  direction: rtl
}

.animate-horizental__bounce {
  animation: horizental-bounce 2s infinite
}

.animate-vertical__bounce {
  animation: vertical-bounce 2s infinite
}

.highlight-yellow {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(-100deg,rgba(255,224,0,.2),rgba(255,224,0,.7) 95%,rgba(255,224,0,.1))
}

.pulse {
  cursor: pointer;
  box-shadow: 0 0 0 #fff;
  animation: pulse 2s infinite
}

.pulse:hover {
  animation: none
}

@-webkit-keyframes pulse {
  0% {
      -moz-box-shadow: 0 0 0 0 #fff;
      box-shadow: 0 0 0 0 #fff
  }

  70% {
      -moz-box-shadow: 0 0 0 10px rgba(219,219,219,.4);
      box-shadow: 0 0 0 10px rgba(219,219,219,.4)
  }

  100% {
      -moz-box-shadow: 0 0 0 0 rgba(224,224,224,.2117647059);
      box-shadow: 0 0 0 0 rgba(224,224,224,.2117647059)
  }
}

@keyframes pulse {
  0% {
      -moz-box-shadow: 0 0 0 0 #fff;
      box-shadow: 0 0 0 0 #fff
  }

  70% {
      -moz-box-shadow: 0 0 0 10px rgba(221,221,221,.4);
      box-shadow: 0 0 0 10px rgba(221,221,221,.4)
  }

  100% {
      -moz-box-shadow: 0 0 0 0 rgba(231,231,231,.2117647059);
      box-shadow: 0 0 0 0 rgba(231,231,231,.2117647059)
  }
}

@-webkit-keyframes horizental-bounce {
  0% {
      -webkit-transform: translateX(0)
  }

  50% {
      -webkit-transform: translateX(10px)
  }

  100% {
      -webkit-transform: translateX(0)
  }
}

@keyframes horizental-bounce {
  0% {
      transform: translateX(0)
  }

  50% {
      transform: translateX(10px)
  }

  100% {
      transform: translateX(0)
  }
}

@-webkit-keyframes vertical-bounce {
  0% {
      -webkit-transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(10px)
  }

  100% {
      -webkit-transform: translateY(0)
  }
}

@keyframes vertical-bounce {
  0% {
      transform: translateY(0)
  }

  50% {
      transform: translateY(10px)
  }

  100% {
      transform: translateY(0)
  }
}

iframe {
  max-width: 100%;
  margin: 0 auto
}

.lazy-placeholder {
  position: relative;
  overflow: hidden
}

.lazy-placeholder::before {
  content: "";
  display: block;
  padding-bottom: 75%
}

.lazy-placeholder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.accordion .accordion-item-faq {
  cursor: pointer
}

.wp-block-table,table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #7d7d7d;
  text-align: center;
  vertical-align: middle
}

.wp-block-table tfoot,.wp-block-table thead,table tfoot,table thead {
  text-align: center
}

.wp-block-table th,table th {
  font-family: var(--heading--font-family)
}

.wp-block-table td,.wp-block-table th,table td,table th {
  padding: calc(.5 * var(--global--spacing-unit));
  border: 1px solid
}

.wp-block-table figcaption,table figcaption {
  color: var(--global--color-primary);
  font-size: var(--global--font-size-xs)
}

.wp-block-table.is-style-regular .has-background,.wp-block-table.is-style-stripes .has-background,.wp-block-table.is-style-stripes .has-background tbody tr,.wp-block-table.is-style-stripes .has-background tfoot tr,.wp-block-table.is-style-stripes .has-background thead tr,table.is-style-regular .has-background,table.is-style-stripes .has-background,table.is-style-stripes .has-background tbody tr,table.is-style-stripes .has-background tfoot tr,table.is-style-stripes .has-background thead tr {
  color: var(--table--has-background-text-color)
}

.wp-block-table.is-style-stripes,table.is-style-stripes {
  border-color: var(--table--stripes-border-color)
}

.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th,table.is-style-stripes td,table.is-style-stripes th {
  border-width: 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd),table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--table--stripes-background-color)
}

.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd),table.is-style-stripes .has-background tbody tr:nth-child(odd) {
  background-color: var(--global--color-white-90)
}

tbody tr:nth-child(odd) {
  background-color: #fff
}

tbody tr:nth-child(even) {
  background-color: #eee
}

tbody th {
  background-color: #eee;
  text-align: left
}

@font-face {
  font-family: Vazirmatn-Regular;
  font-display: swap;
  font-weight: 500;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Light.woff2) format("woff2"),url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Light.ttf) format("truetype")
}

@font-face {
  font-family: Vazirmatn-Black;
  font-display: swap;
  font-weight: 900;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Black.woff2) format("woff2"),url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Black.ttf) format("truetype")
}

@font-face {
  font-family: Vazirmatn-Bold;
  font-display: swap;
  font-weight: 700;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Bold.woff2) format("woff2"),url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Bold.ttf) format("truetype")
}

@font-face {
  font-family: Vazirmatn-light;
  font-display: swap;
  font-weight: 30000;
  src: url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Light.woff2) format("woff2"),url(https://eleganthoopoe.ae/static/assets/fonts/Vazirmatn/Vazirmatn-Light.ttf) format("truetype")
}

body:lang(ar),body:lang(fa-IR) {
  font-family: Vazirmatn-Regular
}

body:lang(ar) .font-bold,body:lang(fa-IR) .font-bold {
  font-family: Vazirmatn-Bold;
  font-weight: 700
}

body:lang(ar) .font-black,body:lang(fa-IR) .font-black {
  font-family: Vazirmatn-Black;
  font-weight: 900
}

body:lang(ar) .font-light,body:lang(fa-IR) .font-light {
  font-family: Vazirmatn-light;
  font-weight: 300
}

body:lang(ar) .font-second-bold,body:lang(fa-IR) .font-second-bold {
  font-family: Vazirmatn-Bold;
  font-weight: 700
}

body:lang(ar) .font-second-black,body:lang(fa-IR) .font-second-black {
  font-family: Vazirmatn-Black;
  font-weight: 900
}

body:lang(ar) .font-second-light,body:lang(fa-IR) .font-second-light {
  font-family: Vazirmatn-light;
  font-weight: 300
}

body:lang(ar) .title,body:lang(ar) h1,body:lang(ar) h2,body:lang(ar) h3,body:lang(ar) h4,body:lang(ar) h5,body:lang(ar) h6,body:lang(fa-IR) .title,body:lang(fa-IR) h1,body:lang(fa-IR) h2,body:lang(fa-IR) h3,body:lang(fa-IR) h4,body:lang(fa-IR) h5,body:lang(fa-IR) h6 {
  font-family: Vazirmatn-Black
}

body:lang(ar) p,body:lang(ar) span,body:lang(fa-IR) p,body:lang(fa-IR) span {
  font-family: Vazirmatn-Regular
}

body:lang(ar) .font-second,body:lang(ar) .second-font,body:lang(fa-IR) .font-second,body:lang(fa-IR) .second-font {
  font-family: Vazirmatn-Regular;
  font-weight: 500
}

body:lang(ar) .font-regular,body:lang(fa-IR) .font-regular {
  font-family: Vazirmatn-Regular;
  font-weight: 500
}

body:lang(ar) .font-second-regular,body:lang(fa-IR) .font-second-regular {
  font-family: Vazirmatn-Regular;
  font-weight: 500
}

body:lang(ar) ul,body:lang(fa-IR) ul {
  padding-right: 20px
}

body:lang(ar) b,body:lang(ar) strong,body:lang(fa-IR) b,body:lang(fa-IR) strong {
  font-family: Vazirmatn-Bold;
  font-weight: 500
}

body:lang(ar) .wpml-ls-native,body:lang(fa-IR) .wpml-ls-native {
  font-family: Gelion-Regular
}

body:lang(en) .wpml-ls-native {
  font-family: Vazirmatn-Regular
}

.u-gap {
  height: 6rem
}

@media (max-width: 525px) {
  .u-gap {
      height:3rem
  }
}

.u-gap-half {
  height: 3rem
}

@media (max-width: 525px) {
  .u-gap-half {
      height:1.5rem
  }
}

li.menu-item {
  padding: 15px 0;
  margin: 0 10px!important
}

li.menu-item a {
  font-size: .9rem!important
}

.nav a {
  font-size: .9rem!important
}

.breadcrumbs a {
  color: #ba741f
}

.menu-menu-container {
  height: 100%
}

nav ul.menu {
  width: 100%!important;
  justify-content: center
}

body {
  padding: 0;
  margin: 0;
  overflow-y: scroll
}

.title,h1,h2,h3,h4,h5,h6 {
  font-family: var(--global--font-primary-bold)
}

html {
  font-size: 20px
}

.service-section .title {
  font-size: 2rem;
  line-height: 3rem
}

ul {
  padding-left: 20px
}

li {
  list-style: none
}

body {
  background-color: #f2f2f2
}

.u-btn:hover {
  border-radius: 2rem
}

.title {
  font-size: 2.8rem;
  margin-bottom: 1rem;
  margin-top: .5rem;
  font-weight: 900;
  line-height: 3rem
}

.u-btn {
  cursor: pointer;
  max-width: fit-content;
  min-width: max-content;
  font-weight: 400;
  text-decoration: none;
  background-color: transparent;
  line-height: 20px;
  padding: 8px 30px 8px;
  border-radius: 0;
  color: #fff;
  border: 1px solid rgba(255,255,255,.3);
  -webkit-transition: .2s;
  transition: .2s
}

ul.sub-menu {
  right: 0!important
}

li.menu-item-has-children:hover ul.sub-menu {
  right: 0!important
}

.u-btn:hover {
  background-color: #fff;
  color: #333;
  border-radius: 2rem
}

.u-btn-dark {
  color: #333;
  border: 1px solid rgba(165,120,65,.3)
}

.u-btn-dark:hover {
  background-color: #a57841;
  color: #fff
}

a#theme-toggle {
  display: none
}

header a,header p {
  transition: all .2s;
  opacity: .95
}

header a:hover,header p:hover {
  opacity: 1
}

.menu-main li>.mega-menu {
  display: none;
  justify-content: space-between
}

.menu-main li:hover>.mega-menu {
  display: flex;
  gap: 20px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
  padding: 20px;
  z-index: 9999
}

.menu-main li>.sub-menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  top: 0!important
}

ul.sub-menu li {
  float: none!important;
  padding: 5px!important
}

.menu-main .mega-menu .menu-item {
  flex-basis: 18%
}

.menu-main .mega-menu .menu-item.left-column>a {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 8px 0;
  width: 100%
}

.menu-main .mega-menu .left-column>a {
  border-bottom: 2px solid #cdcdcd;
  padding: 12px 0
}

.menu-main .mega-menu .left-column>a::after {
  display: none
}

.menu-main .mega-menu .menu-item .sub-menu {
  max-width: 100%;
  position: relative;
  box-shadow: none;
  top: 0!important
}

.menu-main .sub-menu li a {
  color: #333;
  font-size: 14px!important;
  font-weight: 400;
  text-decoration: none;
  padding: 5px 0
}

.menu-main li>a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  transition: all .3s ease-in-out
}

.menu-main li>a img {
  width: 50px!important;
  height: 50px;
  object-fit: cover
}

ul.sub-menu {
  background-color: rgba(255,255,255,.9)!important
}

ul.sub-menu li:hover {
  background-color: transparent
}

.overlap:not(.sticky-header) ul.sub-menu a {
  color: #000
}

header.overlap:hover {
  background-color: #fff!important
}

header.sticky-header {
  background-color: rgba(255,255,255,.3137254902)!important;
  backdrop-filter: blur(10px)
}

header.overlap:hover a,header.overlap:hover p {
  color: #000!important
}

section#content p {
  margin-bottom: 20px
}

.overlap:not(.sticky-header) {
  padding: 1.5rem 0 .75rem
}

.machine-slider .owl-stage {
  background-color: #fff
}

header:not(.sticky-header).h-14.overlap {
  height: 6rem
}

.offcanvas {
  z-index: 99999!important
}

@media (max-width: 525px) {
  .title {
      font-size:2rem
  }

  section#carousel-slider-image__machine .h-72 {
      height: 30rem
  }
}

@media (min-width: 768px) {
  section#carousel-slider-image__machine .md\:h-\[450px\] {
      height:800px
  }

  header:not(.sticky-header).md\:h-16.overlap {
      height: 7rem
  }
}

.lmtWIHO_gkbTeeyuvoJC {
  background-color: #fff!important
}

.whatsapp_link_trigger {
  cursor: pointer
}

.bg-title h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 100%;
  background: -webkit-gradient(90deg,#edd224 0,#edd424 .01%,rgba(225,237,36,.52) 26.87%,rgba(36,106,237,0) 100%)!important;
  background: -o-linear-gradient(90deg,#edd224 0,#edd424 .01%,rgba(225,237,36,.52) 26.87%,rgba(36,106,237,0) 100%)!important;
  background: linear-gradient(90deg,#edd224 0,#edd424 .01%,rgba(225,237,36,.52) 26.87%,rgba(36,106,237,0) 100%)!important;
  border-radius: 10px 0 0 10px;
  z-index: -1
}

.bg-title h3:before,.bg-title h4:before,.bg-title h5:before,.bg-title h6:before {
  content: none
}

.content-vertical-box a:hover a,.content-vertical-box a:hover h2,.content-vertical-box a:hover h3,.content-vertical-box a:hover p,.content-vertical-box a:hover span {
  color: #fff!important
}

.content-vertical-box2 a:hover .content-vertical-box__details {
  padding: 10px 14px
}

.collapse {
  visibility: visible
}

.post-content a:hover,.post-content a:hover span {
  color: #edbfa4!important
}

@keyframes gradient {
  0% {
      background-position: 0 50%
  }

  50% {
      background-position: 100% 50%
  }

  100% {
      background-position: 0 50%
  }
}

.bg-gradiant {
  background-image: linear-gradient(90deg,#000,#a57841);
  background-size: 150% 200%;
  animation: gradient 10s linear infinite
}

.shape>svg {
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transform-origin: top center;
  transform-origin: top center
}

.post-content a {
  transition: all .75s;
  color: #ba741f;
  text-decoration: underline
}

.btn-elegant {
  align-items: center;
  border-radius: 100px;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: all .3s;
  padding: 10px 30px;
  font-size: .9rem;
  white-space: nowrap
}

.btn-elegant__big {
  padding: 15px 45px
}

.btn-elegant__main {
  background-color: var(--global--color-primary);
  text-transform: uppercase;
  letter-spacing: normal;
  padding: 15px 30px 15px 45px;
  font-size: .7rem
}

.btn-elegant__main:after,.btn-elegant__main:before {
  background-color: #fff;
  border-radius: 100px;
  content: "";
  position: absolute;
  transition: bottom .3s,height .3s,left .3s,right .3s,top .3s,transform .3s,width .3s;
  width: 10px;
  height: 10px;
  left: 22px;
  top: 22px
}

.btn-elegant__main:before {
  transition: z-index .3s
}

.btn-elegant__main:after {
  background-color: #000
}

.btn-elegant__main:hover {
  color: #fff;
  transition: color .3s
}

.btn-elegant__main:hover:before {
  transition: z-index .3s;
  z-index: 1
}

.btn-elegant__main:hover:after {
  bottom: 0;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  transform: inherit;
  transition: bottom .3s,height .3s,left .3s,right .3s,top .3s,transform .3s,width .3s;
  width: 100%
}

.btn-elegant__main span {
  position: relative;
  z-index: 1
}

.btn-elegant__main:hover {
  color: #fff;
  transition: color .3s
}

.btn-elegant__second {
  border: 1px solid #000;
  background-color: #000;
  color: #fff
}

.btn-elegant__second:hover {
  background-color: #fff;
  color: #000
}

.btn-elegant__third {
  border: 1px solid #000
}

.btn-elegant__third:hover {
  background-color: #000;
  color: #fff
}

.btn-elegant__fourth {
  border: 1px solid var(--global--color-primary);
  background-color: var(--global--color-primary);
  color: #000
}

.btn-elegant__fourth:hover {
  color: #000
}

.btn-elegant__fiveth {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000
}

.btn-elegant__fiveth:hover {
  color: #000
}

#whatsappModal .modal-dialog {
  height: 100%;
  max-width: 100%;
  max-height: 100%
}

#whatsappModal .modal-dialog .modal-content {
  border: none!important
}

#whatsappModal .modal-dialog .modal-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(53,195,89,.0784313725);
  background-image: url(https://eleganthoopoe.ae/static/v2/whatsapp.bg.png);
  border-radius: 1rem
}

#whatsappModal .modal-dialog .modal-content .modal-body {
  height: 100%;
  padding: 50px!important
}

#whatsappModal #gform_wrapper_19 {
  width: 400px
}

#whatsappModal #gform_wrapper_19 #field_19_1 .gfield_label {
  font-size: 24px!important;
  margin-bottom: 24px;
  justify-content: center
}

#whatsappModal #gform_wrapper_19 #input_19_1 {
  border: 1px solid rgba(99,115,129,.1215686275)!important;
  border-radius: 8px!important;
  padding: 20px 50px!important
}

#whatsappModal #gform_wrapper_19 #input_19_1::placeholder {
  color: #8b8b8b
}

#whatsappModal #gform_wrapper_19 #gform_submit_button_19 {
  width: 100%;
  border-radius: 100px!important;
  background-color: #35c359!important;
  margin-inline:30px;padding: 10px;
  color: #fff
}

#whatsappModal #gform_wrapper_19 .gfield_required {
  display: none!important
}

#whatsappModal #gform_wrapper_19 #gform_ajax_spinner_19 {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #25d366;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 10px auto;
  animation: spin 2s linear infinite
}

@media (max-width: 1024px) {
  li.menu-item-has-children a.dropdown-item {
      background-color:rgba(255,255,255,.0901960784);
      margin-top: 10px;
      padding: 10px 14px!important;
      border-radius: 8px
  }
}

@media screen and (min-width: 728px) {
  .btn-elegant__big {
      padding:15px 65px
  }

  .btn-elegant__main:after,.btn-elegant__main:before {
      width: 10px;
      height: 10px;
      left: 22px;
      top: 23px
  }

  .btn-elegant {
      font-size: 1rem
  }

  .btn-elegant__main {
      padding: 15px 25px 15px 45px;
      letter-spacing: 3px;
      font-size: .8rem
  }
}

@media screen and (min-width: 1024px) {
  .btn-elegant__big {
      padding:15px 65px
  }

  .btn-elegant__main:after,.btn-elegant__main:before {
      width: 12px;
      height: 12px;
      left: 25px;
      top: 33px
  }

  .btn-elegant__main {
      padding: 20px 45px 20px 65px;
      letter-spacing: 3px;
      font-size: 1rem
  }
}

.u-list {
  padding-left: 22px;
  position: relative
}

.u-list:before {
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"%3E%3Cpath d="M1 6.84375L4.91615 11.1929C5.30744 11.6275 5.98648 11.635 6.38734 11.2093L16 1" stroke="%23D89568" stroke-width="2" stroke-linecap="round"%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 12px;
  width: 15px;
  height: 11px
}

.u-list2 {
  padding-left: 25px;
  position: relative
}

.u-list2:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_1117_1628)'%3E%3Cpath d='M9 0C7.21997 0 5.47991 0.527841 3.99987 1.51677C2.51983 2.50571 1.36628 3.91131 0.685088 5.55585C0.00389957 7.20038 -0.17433 9.00998 0.172937 10.7558C0.520204 12.5016 1.37737 14.1053 2.63604 15.364C3.89472 16.6226 5.49836 17.4798 7.24419 17.8271C8.99002 18.1743 10.7996 17.9961 12.4442 17.3149C14.0887 16.6337 15.4943 15.4802 16.4832 14.0001C17.4722 12.5201 18 10.78 18 9C17.9974 6.61384 17.0484 4.32616 15.3611 2.63889C13.6738 0.951621 11.3862 0.00258081 9 0ZM9 16.5C7.51664 16.5 6.0666 16.0601 4.83323 15.236C3.59986 14.4119 2.63856 13.2406 2.07091 11.8701C1.50325 10.4997 1.35473 8.99168 1.64411 7.53682C1.9335 6.08197 2.64781 4.74559 3.6967 3.6967C4.7456 2.64781 6.08197 1.9335 7.53683 1.64411C8.99168 1.35472 10.4997 1.50325 11.8701 2.0709C13.2406 2.63856 14.4119 3.59985 15.236 4.83322C16.0601 6.06659 16.5 7.51664 16.5 9C16.4978 10.9885 15.7069 12.8948 14.3009 14.3009C12.8948 15.7069 10.9885 16.4978 9 16.5Z' fill='%23D89568'/%3E%3Cpath d='M12.2198 6.21932L7.50006 10.9391L5.78031 9.21932C5.63886 9.0827 5.44941 9.00711 5.25276 9.00882C5.05611 9.01053 4.868 9.0894 4.72895 9.22846C4.58989 9.36751 4.51101 9.55562 4.50931 9.75227C4.5076 9.94892 4.58319 10.1384 4.71981 10.2798L6.96981 12.5298C7.11046 12.6704 7.30119 12.7494 7.50006 12.7494C7.69893 12.7494 7.88967 12.6704 8.03031 12.5298L13.2803 7.27982C13.4169 7.13837 13.4925 6.94892 13.4908 6.75227C13.4891 6.55562 13.4102 6.36751 13.2712 6.22846C13.1321 6.0894 12.944 6.01053 12.7474 6.00882C12.5507 6.00711 12.3613 6.0827 12.2198 6.21932Z' fill='%23D89568'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1117_1628'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px
}

.wp-pagenavi a {
  color: #000
}

.wp-pagenavi span.current {
  background-color: #d89568;
  color: #000;
  opacity: 1
}

.categories-list .selected {
  background-color: #edbfa4
}

input[type=tel] {
  letter-spacing: 3px!important
}

.gform_wrapper input {
  border-radius: .5rem!important
}

.countdown-widget {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  padding: 6px 60px 6px 30px;
  height: 60px;
  z-index: 40
}

.countdown-widget .title {
  font-size: 18px;
  line-height: 24px;
  margin: 0
}

.countdown-widget #countdown {
  display: flex;
  justify-content: center;
  gap: 10px
}

.countdown-widget #countdown P {
  font-size: 11px;
  line-height: 20px;
  margin: 0
}

.countdown-widget #countdown .countdown-item {
  text-align: center;
  background: #fff;
  color: #000;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 700
}

.countdown-widget #countdown .countdown-item p {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #333
}

@media (max-width: 480px) {
  .countdown-widget {
      flex-direction:column;
      height: auto;
      gap: 7px!important
  }

  .countdown-widget .title {
      font-size: 14px;
      line-height: 20px;
      text-align: center
  }

  .countdown-widget .countdown-item {
      font-size: 13px;
      line-height: 16px;
      padding: 3px 5px!important
  }

  .countdown-widget #countdown P {
      font-size: 9px;
      line-height: 13px
  }

  #gform_wrapper_19 {
      width: 300px!important
  }
}

.wpml-ls-legacy-dropdown-click {
  width: auto
}

.wpml-ls-legacy-dropdown-click a.js-wpml-ls-item-toggle {
  border-radius: 100px;
  border: none;
  box-shadow: 4px 4px 5px 0 rgba(8,15,52,.04);
  border: 2px solid transparent;
  padding: 9px 40px 9px 9px
}

.rtl .wpml-ls-legacy-dropdown-click a.js-wpml-ls-item-toggle {
  padding: 9px 9px 9px 40px
}

.wpml-ls-legacy-dropdown-click a.js-wpml-ls-item-toggle:after {
  border: solid #000!important;
  border-width: 0 2px 2px 0!important;
  padding: 3px;
  transform: rotate(45deg)
}

.wpml-ls-legacy-dropdown-click a.js-wpml-ls-item-toggle:hover {
  border-color: #fc6a03
}

.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
  width: 36px;
  height: 36px;
  max-width: 36px;
  max-height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: none
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  padding: 24px 20px 24px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #eff0f6;
  border-radius: 19px;
  background-color: #fff;
  box-shadow: 4px 4px 5px 0 rgba(8,15,52,.04);
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  margin-top: 6px;
  right: 0;
  left: auto
}

.rtl .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  left: 0;
  right: auto;
  padding: 24px 20px 24px 20px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
  border: none;
  background: 0 0;
  padding: 0
}

body:lang(ar) .u-list,body:lang(ar) .u-list2,body:lang(fa-IR) .u-list,body:lang(fa-IR) .u-list2 {
  padding-right: 22px;
  padding-left: 0
}

body:lang(ar) .u-list2:before,body:lang(ar) u-list:before,body:lang(fa-IR) .u-list2:before,body:lang(fa-IR) u-list:before {
  right: 0;
  left: auto
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
  display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.icv {
  position: relative;
  overflow: hidden;
  cursor: row-resize
}

.icv__icv--vertical {
  cursor: row-resize
}

.icv__icv--horizontal {
  cursor: col-resize
}

.icv__img {
  pointer-events: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  max-width: none;
  width: 100%;
  margin: 0!important;
  padding: 0!important;
  border: 0!important;
  border-radius: 0!important;
  top: 0;
  display: block
}

.icv__is--fluid .icv__img {
  display: none
}

.icv__img-a {
  height: auto;
  position: static;
  z-index: 1;
  left: 0
}

.icv__img-b {
  height: 100%;
  position: absolute;
  z-index: 2;
  left: auto;
  right: 0;
  width: auto
}

.icv__icv--vertical .icv__img-b {
  width: 100%;
  height: auto
}

.icv__imposter {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.icv__wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 3
}

.icv__icv--vertical .icv__wrapper,.icv__is--fluid .icv__wrapper {
  width: 100%!important
}

.icv__icv--horizontal .icv__wrapper,.icv__is--fluid .icv__wrapper {
  height: 100%!important
}

.icv__fluidwrapper {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.icv__control {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  top: 0;
  z-index: 5
}

.icv__icv--vertical .icv__control {
  flex-direction: row;
  left: 0;
  width: 100%
}

.icv__control-line {
  height: 50%;
  width: 2px;
  z-index: 6
}

.icv__icv--vertical .icv__control-line {
  width: 50%
}

.icv__theme-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  transition: all .1s ease-out 0s;
  z-index: 5
}

.icv__icv--vertical .icv__theme-wrapper {
  flex-direction: column
}

.icv__arrow-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .1s ease-out 0s
}

.icv__arrow-a {
  transform: scale(1.5) rotateZ(180deg);
  height: 20px;
  width: 20px;
  -webkit-filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .33));
  filter: drop-shadow(0 -3px 5px rgba(0, 0, 0, .33))
}

.icv__arrow-b {
  transform: scale(1.5) rotateZ(0);
  height: 20px;
  width: 20px;
  -webkit-filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .33));
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .33))
}

.icv__circle {
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 999px
}

.icv__label {
  position: absolute;
  bottom: 1rem;
  z-index: 12;
  background: rgba(0,0,0,.33);
  color: #fff;
  border-radius: 3px;
  padding: .5rem .75rem;
  font-size: .85rem;
  user-select: none
}

.icv__label.vertical {
  bottom: auto;
  left: 1rem
}

.icv__label.on-hover {
  transform: scale(0);
  transition: .25s cubic-bezier(.68,.26,.58,1.22)
}

.icv:hover .icv__label.on-hover {
  transform: scale(1)
}

.icv__label-before {
  left: 1rem
}

.icv__label-after {
  right: 1rem
}

.icv__label-before.vertical {
  top: 1rem
}

.icv__label-after.vertical {
  bottom: 1rem;
  right: auto
}

.icv__body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#before-after__flex .before-after__items .item {
  transition: all .4s
}

@media screen and (min-width: 1024px) {
  #before-after__flex .before-after__items .item.active {
      flex-basis:80%!important
  }

  .icv__img {
      display: block;
      object-fit: cover;
      object-position: center center;
      width: auto
  }
}

.slider-customers .slider-item {
  transition: all .4s
}

.slider-customers .slider-item {
  transform: scale(.8);
  filter: blur(1px)
}

.slider-customers .slider-item.center {
  transform: scale(1.05);
  filter: blur(0)
}

.slider-customers .bg-customer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 450px;
  overflow: hidden
}

.slider-customers .bg-customer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(41,26,16,.1019607843),rgba(41,26,16,.9490196078))
}

.gfield input,.gfield textarea {
  border-radius: 24px;
  padding: 12px 20px
}

input#input_4_4,input#input_4_5,textarea#input_4_3 {
  border-radius: 24px;
  padding: 12px 20px;
  border: 1px solid #d3d3d3
}

#gform_4 .gform_heading {
  text-align: center
}

#gform_4 .gform_heading .gform_title {
  font-size: 24px;
  margin-bottom: 23px
}

input#gform_submit_button_4 {
  width: 100%!important;
  background-color: #000!important;
  border-radius: 24px!important
}

.gform_heading {
  margin: 20px 0
}

.gform_heading .gform_required_legend {
  display: none
}

@media screen and (min-width: 768px) {
  .bg-customer {
      min-height:350px
  }
}

@media screen and (min-width: 1024px) {
  .bg-customer {
      min-height:450px
  }
}

/* Weight Calculator Gradient Background */
.weight-calculator-gradient {
  background: linear-gradient(to bottom right, #faf5ff, #fdf2f8, #fffbeb);
  background: -webkit-linear-gradient(to bottom right, #faf5ff, #fdf2f8, #fffbeb);
  background: -moz-linear-gradient(to bottom right, #faf5ff, #fdf2f8, #fffbeb);
}

input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #ddd;
  outline: none;
  border-radius: 5px;
  transition: opacity 0.2s;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #04AF5B;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #04AF5B;
  cursor: pointer;
  border-radius: 50%;
  border: none;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1024px) {
  .cta-form {
    font-size: 18px;
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .cta-form {
    padding: 10px 16px;
    font-size: 16px;
  }
  .hero-section {
    min-height: auto;
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 480px) {
  .cta-form {
    padding: 8px 14px;
    font-size: 14px;
    gap: 12px;
  }
}