/* PANEL SECTION COLORS */
.bg-black {
  background: var(--black);
}

.btn-black {
  background-color: var(--black) !important;
}

.bg-white {
  background: var(--white);
}

.bg-yellow {
  background: var(--primary-color);
}

.text-yellow {
  color: var(--primary-color);
}

.text-black {
  color: var(--black);
}

.text-white {
  color: var(--white);
}

.bg-dark-grey {
  background: #757575;
}

.bg-grey {
  background: #c1c1c1;
}

.rotate-90 {
  transform: rotate(-90deg);
}

.img-fluid {
  max-width: 100%;
  height: auto;
  border: 0px;
  outline: 0px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

/*i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}*/

.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--primary-color);
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  transition: all 0.14s ease-out;
  mix-blend-mode: difference;
}

.cursor-outer.cursor-hover {
  opacity: 0;
  transition: none;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  margin-left: -12px;
  margin-top: -12px;
}

.cursor-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--primary-color);
  opacity: 0.8;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  mix-blend-mode: difference;
}

.cursor-inner span {
  color: var(--theme-color);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  margin-left: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #686363;
  opacity: 0;
}

.unset {
  max-width: unset;
}

.dir-rtl {
  direction: rtl;
}

.bg-img {
  background-color: var(--theme-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#cursor {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  pointer-events: none;
}

.btn-commercial.mobile-only {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 40px;
    height: 40px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }

  /* Cursor Text */
  #cursor.text .cursor__circle,
  #cursor.arrow .cursor__circle {
    width: 130px;
    height: 130px;
    border: none;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.3);
  }

  #cursor.text::after {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 100%;
    height: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #cursor::after {
    content: attr(data-cursor-text) !important;
  }

  /* Cursor Arrow */
  #cursor.arrow::after {
    content: "" !important;
    position: absolute;
    left: -50%;
    top: -50%;
    width: 100%;
    height: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
  }

  #cursor.cursor-link .cursor__circle {
    opacity: 0;
    width: 0;
    height: 0;
  }

  #cursor.cursor-link::after {
    content: normal;
    opacity: 0;
  }

  #cursor.overlay .cursor__circle {
    width: 48px;
    height: 48px;
    background-color: rgba(227, 222, 193, 0.08);
    border-color: transparent;
  }
}

/*Font Weight*/
.fw-600 {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

/* Text Stroke */
.bg-text-stroke {
  color: transparent !important;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  display: block;
}

/* img holder */
.bg-holder {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}

.slick-slide {
  margin: 0px 15px;
}

.slick-slide img {
  display: inline-block;
}

.slick-list {
  margin: 0px -15px;
}

.fw-9 {
  font-weight: 900 !important;
}

.fw-7 {
  font-weight: 700;
}

.fw-6 {
  font-weight: 600;
}

.fw-5 {
  font-weight: 500;
}

.fw-4 {
  font-weight: 400;
}

.text-primary {
  color: var(--primary-color);
}

.text-secondary {
  color: var(--secondary-color);
}

.text-tertiary {
  color: var(--tertiary-color);
}

.text-quaternary {
  color: var(--quaternary-color);
}

.text-quinary {
  color: var(--quinary-color);
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-secondary {
  background-color: var(--secondary-color);
}

.bg-tertiary {
  background-color: var(--tertiary-color);
}

.bg-quaternary {
  background-color: var(--quaternary-color);
}

.bg-quinary {
  background-color: var(--quinary-color);
}

.text-stroke {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--primary-color);
  font-family: var(--oswald);
}

.text-stroke-black {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--black);
  font-family: var(--oswald);
}

.gaper {
  row-gap: 30px;
}

/*================================================
6. Work Process CSS
=================================================*/
.work-process-count {
  counter-reset: count;
}

.work-process-box {
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 80px 25px 35px;
  position: relative;
  transition: 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  height: 100%;
}

.work-process-box::before {
  transition: all 0.1s linear;
  content: "0" counter(count);
  counter-increment: count;
  padding: 9px 13px;
  border: 1.5px solid #ececee;
  border-radius: 12px;
  font-size: 38px;
  letter-spacing: 0.38px;
  color: #fff;
  line-height: 1;
  -webkit-text-stroke: 1px var(--color-black);
  position: absolute;
  top: 24px;
  right: 30px;
}

.work-process-box:hover {
  border: 1px solid var(--color-primary-blue);
  transform: translateY(-4px);
}

.work-process-box:hover::before {
  border: 1.5px solid var(--color-primary-blue);
  color: var(--color-primary-blue);
  -webkit-text-stroke: 1px var(--color-primary-blue);
}

/* ------------------------------------------------------------- *
 *  Borders classes
/* ------------------------------------------------------------- */

.border {
  border: 1px solid rgba(132, 132, 132, 0.15) !important;
}

.border-top {
  border-top: 1px solid rgba(132, 132, 132, 0.15) !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(132, 132, 132, 0.15) !important;
}

.border-left {
  border-left: 1px solid rgba(132, 132, 132, 0.15) !important;
}

.border-right {
  border-right: 1px solid rgba(132, 132, 132, 0.15) !important;
}

/* ------------------------------------ *
 *  Bage borders
/* ------------------------------------ */

.border-top,
.border-bottom,
.border-left,
.border-right {
  position: fixed;
  background-color: #fff;
  z-index: 999999;
}

.border-top {
  top: 0;
  left: 0;
  height: 15px;
  width: 100%;
}

.border-bottom {
  bottom: 0;
  left: 0;
  height: 15px;
  width: 100%;
}

.border-left {
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
}

.border-right {
  top: 0;
  right: 0;
  width: 15px;
  height: 100%;
}

.section:not(#section-cicles):not(.animated-line) {
  padding: 130px 0px;
}

.section#about-us {
  position: relative;
  z-index: 2;
}

.section__cta {
  margin-top: 65px;
  text-align: center;
}

.section__content-cta {
  margin-top: 60px;
}

.banner__content {
  margin-top: -8px;
  text-align: center;
}

.banner__content h6 {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: var(--theme-color);
  margin-bottom: 22px;
}

.banner__content h1 {
  font-weight: 600;
  color: var(--theme-color);
  margin-bottom: 16px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

#home .banner__content h1 {
  font-size: 136px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

#base_line,
#lineContainer {
  display: none;
}

.bg-anim {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px 7px 15px;
  height: auto;
  margin-top: -26px;
  /*background-color: transparent;*/
  background-color: #000;
  /* La couleur de fond finale */
  transform-origin: left center;
  transform: scaleX(0);
}

.cta-group {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.section__header {
  margin-bottom: 60px;
}

.section__header .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: var(--primary-color);
  border-radius: 30px;
  margin-bottom: 32px;
  text-transform: uppercase;
}

.section__header .sub-title i {
  transform: rotate(-45deg);
}

.section__header .title {
  text-transform: capitalize;
  font-weight: 700;
}

.section__header--secondary {
  margin-bottom: 60px;
}

.section__content .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: var(--primary-color);
  border-radius: 30px;
  margin-bottom: 32px;
  text-transform: uppercase;
}

.section__content .sub-title i {
  transform: rotate(-45deg);
}

.section__content .title {
  margin-bottom: 30px;
  font-weight: 700;
  text-transform: capitalize;
}

.social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.social li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.social a {
  color: var(--tertiary-color);
  background-color: #f0efff;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.social a:hover {
  color: var(--black);
  background-color: var(--primary-color);
}

@keyframes navLinkFade {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes navLinkFadeReverse {
  from {
    opacity: 0;
    transform: translateY(0px);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes rotateInfinite {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.slide-group {
  display: flex;
  align-items: center;
  gap: 24px;
}

.slide-btn {
  width: 74px;
  min-width: 74px;
  height: 74px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #414141;
  transition: var(--transition);
  background-color: rgba(0, 0, 0, 0);
  color: #414141;
  font-size: 40px;
  z-index: 2;
}

.slide-btn:hover {
  color: var(--white);
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.lines {
  overflow: hidden;
  z-index: -1;
  display: flex;
  justify-content: space-around;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0px;
  z-index: 2;
}

.lines .line {
  width: 1px;
  height: 100%;
  min-height: 100vh;
  top: 0;
  background-color: #fff;
  z-index: -1;
}

.vid-m {
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 99;
  width: 160px;
  height: 285px;
  max-height: 285px;
}

.vid-m .vid-c {
  text-align: end;
}

.vid-m video {
  width: 100%;
  height: 100%;
  max-height: 285px;
  border-radius: 20px;
}

.vid-m button {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  color: #000;
  font-size: 14px;
  margin-left: auto;
  transform: translateY(50%);
  position: relative;
  z-index: 9;
}

.vid-m h5 {
  position: absolute;
  top: 30%;
  right: 100%;
  padding: 20px;
  background-color: var(--primary-color);
  color: #000;
  border-radius: 20px 20px 0px 20px;
  line-height: 0px;
  transform: translateX(30%);
}

.btn {
  padding: 16px 32px;
  font-weight: 700;
  border: 1px solid var(--primary-color);
  border-radius: 50px;
  text-transform: uppercase;
  color: var(--primary-color);
  position: relative;
  overflow: hidden;
}

.btn:hover {
  border: 1px solid var(--primary-color);
  color: var(--white);
}

.btn:focus {
  box-shadow: none;
  outline: 0px;
}

.btn--primary {
  z-index: 1;
}

.btn--primary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 0px;
  height: 100%;
  background-color: var(--primary-color);
  transition: all 0.6s ease;
  z-index: -1;
}

.btn--primary:hover {
  color: var(--black);
}

.btn--primary:hover::before {
  width: 100%;
  left: 0px;
}

.btn--secondary {
  z-index: 1;
  color: var(--white);
  border: 1px solid #414141;
}

/*.btn--secondary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: transparent;
  transition: all 0.6s ease;
  z-index: -1;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(../images/booking.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  fill: transparent;
}*/

#booking_icone {
  fill: white;
}

#booking_icone g#g3417 path {
  fill: black;
}

.btn--secondary:hover {
  color: var(--black);
}

.btn--secondary:hover::before {
  width: 100%;
  left: 0px;
}

.btn--tertiary {
  z-index: 1;
  color: var(--primary-color);
  border: 1px solid #000 !important;
  background-color: #181818;
  gap: 20px;
  display: inline-flex;
  align-items: center;
  text-transform: capitalize;
}

.btn--tertiary::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 0px;
  height: 100%;
  background-color: var(--primary-color);
  transition: all 0.6s ease;
  z-index: -1;
}

.btn--tertiary:hover {
  border: 1px solid var(--primary-color);
  color: var(--black);
}

.btn--tertiary:hover::before {
  width: 100%;
  left: 0px;
}

.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  background-color: #1f1f1f;
  box-shadow: inset 0 0 0 8px #1f1f1f;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
  z-index: 999;
  overflow: hidden;
}

.progress-wrap span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  background-color: var(--white);
  border-radius: 50%;
  overflow: hidden;
}

.progress-wrap span::after {
  content: "ï…¶";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  border-radius: 50%;
  color: var(--primary-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, 200%);
  height: 34px;
  width: 34px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}

.progress-wrap span::before {
  position: absolute;
  content: "ï…¶";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  border-radius: 50%;
  color: var(--primary-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 34px;
  width: 34px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}

.progress-wrap:hover span::before {
  transform: translate(-50%, -200%);
}

.progress-wrap:hover span::after {
  transform: translate(-50%, -50%);
}

.progress-wrap path {
  fill: none;
}

.progress-wrap .progress-circle path {
  stroke: var(--primary-color);
  stroke-width: 4;
  box-sizing: content-box;
  transition: all 200ms linear;
}

.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.video-modal-btn a {
  width: 84px;
  min-width: 84px;
  height: 84px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  font-size: 20px;
  color: var(--white);
}

@keyframes wave {
  0% {
    transform: translate(-50%, -50%) scale(0.6);
  }

  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.7);
    opacity: 0;
  }
}

.input-email {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #c1c1c1;
}

.input-email input {
  flex-grow: 1;
  background-color: rgba(0, 0, 0, 0);
  padding: 16px 30px;
  width: calc(100% - 80px);
}

.input-email button {
  width: 60px;
  min-width: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: var(--theme-bg);
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top-color: rgb(54, 54, 54);
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top-color: rgb(188, 188, 188);
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0);
  border-top-color: #f7941e;
  animation: spin 1.5s linear infinite;
}

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

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

@keyframes slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

/* Navbar masqué avec animation */
.navbar-hidden {
  animation: slideOut 0.5s ease-in-out forwards;
}

#home .primary-navbar {
  .navbar {
    .navbar__logo {
      padding: 43px 15px 8px 90px;
    }
  }
}

#pages:not(.pneus-page) .primary-navbar {
  .navbar {
    .navbar__logo {
      padding: 43px 15px 8px 25px;
    }
  }
}

#pages.pneus-page .primary-navbar {
  .navbar {
    .navbar__logo {
      padding: 43px 15px 8px 90px;
    }
  }
}

.primary-navbar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 999;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

@keyframes stickyNavbar {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0px);
  }
}

.navbar-active {
  background-color: transparent;
  animation: slideIn 0.5s ease-in-out forwards;
  box-shadow: none;
  border-bottom: none;

  & .navbar__logo {
    opacity: 0;
    visibility: visible;
  }
}

.primary-navbar .navbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  flex-wrap: nowrap;

  .navbar__logo {
    /*padding: 43px 15px 8px 90px;*/
    opacity: 1;

    & a {
      pointer-events: auto;
      cursor: pointer;
    }
  }
}

.primary-navbar .navbar__menu {
  flex-grow: 1;
}

.primary-navbar .navbar__menu > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.primary-navbar .navbar__item button,
.primary-navbar .navbar__item a {
  padding: 41px 20px;
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
}

.primary-navbar .navbar__item--has-children {
  position: relative;
}

.primary-navbar .navbar__item--has-children:hover > .navbar__dropdown-label {
  color: var(--primary-color);
}

.primary-navbar
  .navbar__item--has-children:hover
  > .navbar__dropdown-label::after {
  transform: rotate(180deg);
}

.primary-navbar
  .navbar__item--has-children:hover
  > .navbar__dropdown-label-sub::after {
  transform: rotate(180deg);
}

.primary-navbar .navbar__item--has-children:hover > .navbar__sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  pointer-events: all;
}

.primary-navbar .navbar__dropdown-label {
  position: relative;
  justify-content: space-between;
}

.primary-navbar .navbar__dropdown-label::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "î‚“";
  border: none;
  transition: transform 0.3s ease-in-out;
  font-size: inherit;
  transform: rotate(0deg);
}

.primary-navbar .navbar__sub-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  min-width: 220px;
  max-width: 260px;
  background-color: var(--white);
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  pointer-events: none;
  transition: var(--transition);
  box-shadow: var(--shadow);
  padding: 20px 0px;
  border-radius: 5px;
  z-index: 9;
}

.primary-navbar .navbar__sub-menu::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 25px;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  background-color: inherit;
  transition: var(--transition);
  z-index: -1;
}

.primary-navbar .navbar__sub-menu li:nth-last-of-type(1) a {
  border-bottom: 0px;
}

.primary-navbar .navbar__sub-menu a,
.primary-navbar .navbar__sub-menu button {
  width: 100%;
  display: flex;
  padding: 16px 40px;
  color: var(--black);
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid rgba(206, 206, 206, 0.4784313725);
}

.primary-navbar .navbar__sub-menu a::before,
.primary-navbar .navbar__sub-menu button::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  height: 1px;
  width: 0px;
  transition: var(--transition);
  background-color: var(--primary-color);
}

.primary-navbar .navbar__sub-menu a:hover,
.primary-navbar .navbar__sub-menu button:hover {
  color: var(--primary-color);
}

.primary-navbar .navbar__sub-menu a:hover::before,
.primary-navbar .navbar__sub-menu button:hover::before {
  width: 10px;
}

.primary-navbar .navbar__sub-menu .navbar__dropdown-label-sub::before {
  display: none;
}

.primary-navbar .navbar__sub-menu--lg {
  min-width: 300px;
  max-width: 300px;
}

.primary-navbar .navbar__sub-menu__nested {
  top: 0%;
  left: 100%;
  min-width: 200px;
}

.primary-navbar .navbar__sub-menu__nested::before {
  left: -5px;
  top: 17px;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
}

.primary-navbar .navbar__sub-menu-n {
  display: none;
}

.primary-navbar .navbar__options {
  display: flex;
  align-items: center;
  gap: 30px;
}

.primary-navbar .open-mobile-menu {
  font-size: 30px;
  color: var(--white);
}

.secondary--navbar {
  padding: 30px 0px;
}

.secondary--navbar .open-offcanvas-nav {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  position: relative;
}

.secondary--navbar .open-offcanvas-nav::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background-color: #414141;
  border-radius: 50%;
  transition: var(--transition);
}

.secondary--navbar .open-offcanvas-nav:hover {
  border: 1px solid var(--primary-color);
}

.secondary--navbar .open-offcanvas-nav:hover::before {
  background-color: var(--primary-color);
}

.offcanvas-nav .offcanvas-menu {
  position: fixed;
  inset: 0px;
  overflow: hidden;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: var(--transition);
  z-index: 9999;
  transition-delay: 0.6s;
  transition: all 0.9s ease-in-out;
  background-color: var(--black);
}

.offcanvas-nav .offcanvas-menu::before {
  content: "Explore Pages";
  position: absolute;
  top: 30%;
  right: 10%;
  font-size: 6vw;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
  max-width: 30vw;
  z-index: -1;
  color: #fff;
  opacity: 0.1;
  text-align: end;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__header {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  padding: 0px 20px 0px 20px;
  justify-content: space-between;
}

.offcanvas-nav .offcanvas-menu .close-offcanvas-menu {
  font-size: 36px;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__wrapper {
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 9999;
  padding: 60px 100px 60px 60px;
  height: 100vh;
  overflow-y: auto;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  transition: 0.3s ease-in-out;
  transition-delay: 0.3s;
  gap: 60px;
  transform: translateY(100%);
  opacity: 1;
  visibility: visible;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__wrapper::-webkit-scrollbar {
  width: 0px;
}

.offcanvas-nav .offcanvas-menu .navbar__menu > ul {
  flex-direction: column;
}

.offcanvas-nav .offcanvas-menu .navbar__item {
  width: 100%;
  transition: var(--transition);
}

.offcanvas-nav .offcanvas-menu .navbar__item a,
.offcanvas-nav .offcanvas-menu .navbar__item button {
  color: var(--white);
  padding: 20px 80px 20px 20px;
  line-height: 1;
  font-size: 16px;
  width: 100%;
  text-transform: uppercase;
  font-size: 24px;
}

.offcanvas-nav .offcanvas-menu .navbar__item a:hover,
.offcanvas-nav .offcanvas-menu .navbar__item button:hover {
  color: var(--primary-color);
}

.offcanvas-nav .offcanvas-menu .navbar__item a::after,
.offcanvas-nav .offcanvas-menu .navbar__item button::after {
  transition: none;
}

.offcanvas-nav .offcanvas-menu .nav-fade {
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.7s ease-in-out !important;
}

.offcanvas-nav
  .offcanvas-menu
  .navbar__item--has-children
  .navbar__dropdown-label {
  position: relative;
}

.offcanvas-nav
  .offcanvas-menu
  .navbar__item--has-children
  .navbar__dropdown-label::after {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
}

.offcanvas-nav
  .offcanvas-menu
  .navbar__item--has-children:hover
  .navbar__dropdown-label::after {
  transform: rotate(0deg);
}

.offcanvas-nav .offcanvas-menu .navbar__item-active {
  color: var(--primary-color) !important;
}

.offcanvas-nav .offcanvas-menu .navbar__item-active::after {
  content: "" !important;
  font-family: "Font Awesome 6 Pro" !important;
}

.offcanvas-nav .offcanvas-menu .navbar__sub-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  width: 100%;
  max-width: 100%;
  padding: 0px;
  display: none;
  transition: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0px;
  padding-left: 30px;
}

.offcanvas-nav .offcanvas-menu .navbar__sub-menu::before {
  content: none;
}

.offcanvas-nav .offcanvas-menu .navbar__sub-menu a,
.offcanvas-nav .offcanvas-menu .navbar__sub-menu button {
  color: var(--white);
  padding: 16px 20px;
  font-size: 16px;
}

.offcanvas-nav .offcanvas-menu .navbar__sub-menu a::before,
.offcanvas-nav .offcanvas-menu .navbar__sub-menu button::before {
  content: none;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__options {
  padding: 0px 20px;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__options a,
.offcanvas-nav .offcanvas-menu .offcanvas-menu__options button {
  width: 100%;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__social {
  transition: var(--transition);
  padding: 0px 20px;
}

.offcanvas-nav .offcanvas-menu .offcanvas-menu__social a {
  font-size: 20px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.offcanvas-nav .offcanvas-menu__list,
.offcanvas-nav .offcanvas-menu__options,
.offcanvas-nav .offcanvas-menu__social {
  max-width: 500px;
}

.offcanvas-nav .show-offcanvas-menu {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}

.offcanvas-nav .show-offcanvas-menu .offcanvas-menu__wrapper {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.offcanvas-nav .show-offcanvas-menu .nav-fade {
  animation: navLinkFade 0.5s ease forwards;
  transition: all 0.7s ease-in-out !important;
}

.offcanvas-nav .nav-fade-active {
  animation: navLinkFade 1s ease reverse !important;
}

.tertiary--navbar {
  /*background-color: #1f1f1f;*/
  overflow-x: clip;
}

.tertiary--navbar .navbar__item a {
  text-transform: lowercase !important;
}

.tertiary--navbar .navbar__options {
  gap: 0px;
  padding-top: 15px;
  z-index: 999999999999999999999;
}

.tertiary--navbar .open-offcanvas-nav {
  padding: 24px 25px;
  flex-direction: column;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--black);
  pointer-events: auto;
  /*width: 127px;*/
}

.tertiary--navbar .open-offcanvas-nav i {
  font-size: 24px;
  font-weight: 600;
}

.tertiary--navbar .open-offcanvas-nav:hover {
  background-color: var(--black);
  color: var(--primary-color);

  .burger__label--rotatecross .burger__line {
    background-color: #f7941e;
  }
}

.tertiary--navbar .tertiary-cta {
  padding: 0;
  background-color: transparent;
  position: relative;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

#home .tertiary--navbar .tertiary-cta .btn,
#home.tertiary--navbar .tertiary-cta .btn:hover {
  border: none;
  border-radius: 0;
  padding: 21px 32px;
  font-size: 1.3rem;
  letter-spacing: 1.2px;
  color: #000;
  pointer-events: auto;
  cursor: pointer;
  font-family: var(--inter);
}

#pages .tertiary--navbar .tertiary-cta .btn,
#pages.tertiary--navbar .tertiary-cta .btn:hover {
  border: none;
  border-radius: 0;
  padding: 21px 32px;
  font-size: 1.3rem;
  letter-spacing: 1.2px;
  color: var(--primary-color);
  pointer-events: auto;
  cursor: pointer;
  font-family: var(--inter);
}

.tertiary--navbar .tertiary-cta .btn:hover {
  background-color: #fff;
  color: var(--primary-color);
}

.tertiary--navbar .tertiary-cta .btn .anim {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
}

/*.tertiary--navbar .tertiary-cta .btn::before {
  background-color: var(--white);
}*/
.tertiary--navbar .tertiary-cta.hidden {
  opacity: 0;
  /* Rend le texte transparent */
  transform: translateX(-50px);
  /* Déplace le texte vers la gauche */
  pointer-events: none;
  /* Empêche toute interaction quand caché */
}

/* ------------------------------------ *
 *  Navigation menu
/* ------------------------------------ */

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 15px;
  top: 15px;
  visibility: hidden;
  z-index: 999;
  /*width: 260px;*/
  width: 425px;
  background-color: #000;
  overflow-y: auto;
  /*-webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
    transition: transform .4s 0s, visibility 0s .4s;*/

  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: hidden;
  -webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
  transition: transform 0.4s, visibility 0s 0.4s;

  .social-icons i {
    height: 35px;
  }
}

@media only screen and (max-width: 768px) {
  #cd-lateral-nav {
    top: 15px;
  }
}

#cd-lateral-nav .nav-inner {
  margin-bottom: 20px;
}

#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
  padding: 0;
  list-style: none;
}

#cd-lateral-nav .menu-header {
  background-color: rgba(255, 255, 255, 0.03);
  margin-bottom: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #f7941e;
  border-bottom: 1px dotted #333;
  padding: 8px 30px;
  font-size: 2rem;
  letter-spacing: 1.2px;
}

#cd-lateral-nav .sub-menu {
  padding: 5px 10px 5px 15px;
  display: none;
}

#cd-lateral-nav a:not(.number) {
  /*display: block;
  line-height: 31px;
  padding: 0 16px 0 30px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 400;
  color: #fffffff7;
  font-family: var(--oswald);*/
  display: block;
  line-height: 34px;
  padding: 0 16px 0 30px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  color: #fffffff7;
  font-family: var(--oswald);

  &.cr-rdv {
    background-color: #f7941e;
    color: #000;
    text-decoration: line-through;
    text-decoration: none;
  }
}

#cd-lateral-nav a.number {
  font-size: 25px;
  text-align: center;
  color: #f7941e;
  padding: 0 0px 25px 0px;
}

#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #fff;
  text-decoration: line-through;
}

#cd-lateral-nav a:not(.number):hover,
#cd-lateral-nav a:not(.number):focus {
  background-color: #f7941e;
  color: #000;
  text-decoration: line-through !important;
}

#cd-lateral-nav a.number:hover,
#cd-lateral-nav a.number:focus {
  color: #fff;
}

@media (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-y: hidden;
  flex-direction: column;
  justify-content: space-between;

  & .nav-bottom {
    padding: 25px 25px 35px;

    & .widget-info {
      text-align: center;
    }
  }
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
}

/* this is the right arrow to show that the item has a submenu  */
#cd-lateral-nav .item-has-children > a::after {
  content: "";
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  right: 1.4em;
  background: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"%3E%3Csvg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="8px" height="11px" viewBox="0 0 8 11" enable-background="new 0 0 8 11" xml:space="preserve"%3E%3Ctitle%3EImported Layers%3C/title%3E%3Cdescription%3ECreated with Sketch.%3C/description%3E%3Cg id="Homepage" sketch:type="MSPage"%3E%3Cg id="homepage-products-new" transform="translate(-1104.000000, -440.000000)" sketch:type="MSArtboardGroup"%3E%3Cg id="header" sketch:type="MSLayerGroup"%3E%3Cg id="img_x2B_msg-4" sketch:type="MSShapeGroup"%3E%3Cg id="learn-more" transform="translate(957.000000, 417.000000)"%3E%3Cpath id="Imported-Layers" fill="%23ffffff" d="M155,28.5l-6.1,5.5l-1.8-1.6l4.3-3.8l-4.3-3.8l1.9-1.7L155,28.5"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
    no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#cd-lateral-nav .item-has-children > a:hover:after,
#cd-lateral-nav .item-has-children > a.submenu-open:after {
  background: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"%3E%3Csvg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="8px" height="11px" viewBox="0 0 8 11" enable-background="new 0 0 8 11" xml:space="preserve"%3E%3Ctitle%3EImported Layers%3C/title%3E%3Cdescription%3ECreated with Sketch.%3C/description%3E%3Cg id="Homepage" sketch:type="MSPage"%3E%3Cg id="homepage-products-new" transform="translate(-1104.000000, -440.000000)" sketch:type="MSArtboardGroup"%3E%3Cg id="header" sketch:type="MSLayerGroup"%3E%3Cg id="img_x2B_msg-4" sketch:type="MSShapeGroup"%3E%3Cg id="learn-more" transform="translate(957.000000, 417.000000)"%3E%3Cpath id="Imported-Layers" fill="%23000000" d="M155,28.5l-6.1,5.5l-1.8-1.6l4.3-3.8l-4.3-3.8l1.9-1.7L155,28.5"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
    no-repeat center center;
}

#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
  transform: translate3d(0, -50%, 0) rotate(90deg);
}

#cd-lateral-nav .sub-menu > li > a {
  font-size: 20px;
}

#cd-lateral-nav .menu-separator {
  margin: 17px 30px;
  border-bottom: 1px solid #333;
}

/*.navbar__options.lateral-menu-is-open {
  cursor: e-resize;
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
}*/

/*------------------------------------*\

  $TUTORIAL ESSENTIAL

\*------------------------------------*/

/* hide input */
.burger__input {
  display: none;
}

.burger__label {
  display: none;
  /* if you don't want to show this for the desktop version */
  align-items: center;
  /* put Burger on top of navigation*/
  position: relative;
  z-index: 11000;

  padding: calc(var(--gutter) * 0.5);
  /*background-color: var(--white);*/

  cursor: pointer;
}

menu-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* put this part into a media query, when to show the nav */
.burger__label {
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 47px;
  height: 25px;
}

.burger__label > * {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/*------------------------------------*\
  $FONT AWESOME
\*------------------------------------*/
.burger__input:checked ~ .burger__label i:before {
  content: "\f00d";
  /* change font awesome icon to times symbol */
}

/*------------------------------------*\
  $CUSTOM LINES
\*------------------------------------*/
.burger__lines {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;

  transition: transform var(--bar-transition-time) var(--bar-transition);
}

.burger__line {
  /*margin: 2px auto;*/
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
  width: 24px;
  height: 4px;
  /* margin: 5px auto; */
  background-color: black;
  border-radius: 10px;
  transition: all 0.3s ease;
}

/*------------------------------------*\
  $CROSS
\*------------------------------------*/
/*line-middle*/
.burger__input:checked ~ .burger__label--cross .burger__line:nth-child(2) {
  opacity: 0;
}

/* top line */
.burger__input:checked ~ .burger__label--cross .burger__line:nth-child(1) {
  transform: translateY(var(--bar-offset)) rotate(var(--bar-arrow-angle));
}

/* bottom line */
.burger__input:checked ~ .burger__label--cross .burger__line:nth-child(3) {
  transform: translateY(calc(var(--bar-offset) * -1))
    rotate(calc(var(--bar-arrow-angle) * -1));
}

/*------------------------------------*\
  $ONE LINE
\*------------------------------------*/
.burger__input:checked ~ .burger__label--oneline .burger__line:nth-child(1) {
  transform: translateY(var(--bar-offset));
}

.burger__input:checked ~ .burger__label--oneline .burger__line:nth-child(3) {
  transform: translateY(calc(var(--bar-offset) * -1));
}

/*------------------------------------*\
  $ONE LINE FADE
\*------------------------------------*/
.burger__input:checked ~ .burger__label--onelinefade .burger__line:nth-child(1),
.burger__input:checked
  ~ .burger__label--onelinefade
  .burger__line:nth-child(3) {
  opacity: 0;
}

.burger__input:checked
  ~ .burger__label--onelinefade
  .burger__line:nth-child(1) {
  transform: translateX(-25%);
}

.burger__input:checked
  ~ .burger__label--onelinefade
  .burger__line:nth-child(3) {
  transform: translateX(25%);
}

/*------------------------------------*\
  $ARROW LEFT
\*------------------------------------*/
.burger__label--arrowleft .burger__line:nth-child(1) {
  transform-origin: 0 calc(var(--bar-height));
}

.burger__label--arrowleft .burger__line:nth-child(3) {
  transform-origin: 0 0;
}

.burger__input:checked ~ .burger__label--arrowleft .burger__line:nth-child(1) {
  transform: translateY(var(--bar-arrow-offset))
    rotate(calc(var(--bar-arrow-angle) * -1));
}

.burger__input:checked ~ .burger__label--arrowleft .burger__line:nth-child(3) {
  transform: translateY(calc(var(--bar-arrow-offset) * -1))
    rotate(var(--bar-arrow-angle));
}

/* shorten first and last line and position them correctly */
.burger__label--arrowleft .burger__lines {
  align-items: flex-start;
}

.burger__input:checked ~ .burger__label--arrowleft .burger__line:nth-child(1),
.burger__input:checked ~ .burger__label--arrowleft .burger__line:nth-child(3) {
  width: calc(var(--bar-width) * 1);
}

.burger__input:checked ~ .burger__label--arrowleft .burger__line:nth-child(1),
.burger__input:checked ~ .burger__label--arrowleft .burger__line:nth-child(3) {
  width: calc(var(--bar-width) * 0.75);
}

/*------------------------------------*\
  $ARROW RIGHT
\*------------------------------------*/
.burger__label--arrowright .burger__line:nth-child(1) {
  transform-origin: 100% calc(var(--bar-height));
}

.burger__label--arrowright .burger__line:nth-child(3) {
  transform-origin: 100% 0;
}

.burger__input:checked ~ .burger__label--arrowright .burger__line:nth-child(1) {
  transform: translateY(var(--bar-arrow-offset)) rotate(var(--bar-arrow-angle));
}

.burger__input:checked ~ .burger__label--arrowright .burger__line:nth-child(3) {
  transform: translateY(calc(var(--bar-arrow-offset) * -1))
    rotate(calc(var(--bar-arrow-angle) * -1));
}

/* shorten first and last line and position them correctly */
.burger__label--arrowright .burger__lines {
  align-items: flex-end;
}

.burger__input:checked ~ .burger__label--arrowright .burger__line:nth-child(1),
.burger__input:checked ~ .burger__label--arrowright .burger__line:nth-child(3) {
  width: calc(var(--bar-width) * 0.75);
}

/*------------------------------------*\
  $BURGER ROTATE
\*------------------------------------*/
.burger__input:checked ~ .burger__label--rotate .burger__lines {
  transform: rotate(90deg);
}

.burger__input:checked ~ .burger__label--rotate .burger__line:nth-child(1) {
  width: calc(var(--bar-width) * 0.5);
}

.burger__input:checked ~ .burger__label--rotate .burger__line:nth-child(2) {
  width: calc(var(--bar-width) * 0.75);
}

/*------------------------------------*\
  $ROTATE PLUS
\*------------------------------------*/
.burger__label--plus .burger__line:nth-child(2) {
  transition: opacity var(--bar-transition-time) var(--bar-transition);
}

.burger__input:checked ~ .burger__label--plus .burger__line:nth-child(2) {
  opacity: 0;
}

.burger__input:checked ~ .burger__label--plus .burger__line:nth-child(1) {
  transform: translateY(var(--bar-offset));
}

.burger__input:checked ~ .burger__label--plus .burger__line:nth-child(3) {
  transform: translateY(calc(var(--bar-offset) * -1)) rotate(90deg);
}

/*------------------------------------*\
  $ROTATE CROSS
\*------------------------------------*/
/* animate back to inactive */
.burger__label--rotatecross .burger__line:nth-child(2) {
  transition: width var(--bar-transition-time) var(--bar-transition);
  transition-delay: calc(var(--bar-transition-time) * 2);
  margin-left: 7px;
}

.burger__label--rotatecross .burger__line:nth-child(1),
.burger__label--rotatecross .burger__line:nth-child(3) {
  transition-delay: var(--bar-transition-time);
}

.burger__label--rotatecross .burger__line {
  transition: background-color 0.3s ease;
}

/* animate to active state */
.open-offcanvas-nav.is-clicked {
  .burger__label--rotatecross .burger__line:nth-child(2) {
    width: 0;
    transition-delay: calc(var(--bar-transition-time) * 0);
  }

  .burger__label--rotatecross .burger__line:nth-child(1),
  .burger__label--rotatecross .burger__line:nth-child(3) {
    transition-delay: var(--bar-transition-time);
  }

  .burger__label--rotatecross .burger__line:nth-child(1) {
    transform: translateY(var(--bar-offset));
  }

  .burger__label--rotatecross .burger__line:nth-child(3) {
    transform: translateY(calc(var(--bar-offset) * -1)) rotate(90deg);
  }

  .burger__label--rotatecross .burger__lines {
    transition: all var(--bar-transition-time) var(--bar-transition);
    transition-delay: calc(var(--bar-transition-time) * 2);
    transform: rotate(var(--bar-arrow-angle));
  }

  .burger__label--rotatecross .burger__line {
    background-color: #f7941e;
  }

  background-color: transparent;
  justify-content: flex-end;

  /* Garde le texte et le burger à droite */
  &:hover {
    background-color: transparent;
  }
}

/*.burger__input:checked ~ .burger__label--rotatecross .burger__line:nth-child(2) {
  width: 0;
  transition-delay: calc( var(--bar-transition-time) * 0);
}

.burger__input:checked ~ .burger__label--rotatecross .burger__line:nth-child(1),
.burger__input:checked ~ .burger__label--rotatecross .burger__line:nth-child(3) {
  transition-delay: var(--bar-transition-time);
}

.burger__input:checked ~ .burger__label--rotatecross .burger__line:nth-child(1) {
  transform: translateY( var(--bar-offset) );
}

.burger__input:checked ~ .burger__label--rotatecross .burger__line:nth-child(3){
  transform: 
    translateY(calc( var(--bar-offset) * -1 ))
    rotate(90deg)
  ;
}

.burger__input:checked ~ .burger__label--rotatecross .burger__lines {
  transition: all var(--bar-transition-time) var(--bar-transition);
  transition-delay: calc( var(--bar-transition-time) * 2 );
  transform: rotate(var(--bar-arrow-angle));
}*/

/*------------------------------------*\
  $BURGER ROTATE HALF
\*------------------------------------*/
.burger__label--rotatehalf .burger__lines {
  align-items: flex-start;
}

.burger__label--rotatehalf .burger__line {
  transform-origin: 0 0;
}

.burger__input:checked ~ .burger__label--rotatehalf .burger__lines {
  transform: rotate(30deg);
}

.burger__input:checked ~ .burger__label--rotatehalf .burger__line:nth-child(1) {
  width: calc(var(--bar-width) * 0.5);
}

.burger__input:checked ~ .burger__label--rotatehalf .burger__line:nth-child(2) {
  width: calc(var(--bar-width) * 0.75);
}

/* ------------------------------------ *
 *  Social icons
/* ------------------------------------ */

#cd-lateral-nav .social-icons {
  display: flex;
  margin-top: 15px;
  gap: 11px;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
}

#cd-lateral-nav .social-icons a {
  float: left;
  padding: 0;
  margin-right: 0;
  font-size: 30px;
  color: #f7941e;
}

#cd-lateral-nav .social-icons a:hover {
  background-color: transparent;
  color: #f7941e;
}

.quaternary--navbar {
  padding: 30px 0px;
}

.quaternary--navbar .open-offcanvas-nav {
  font-size: 30px;
  color: #d9d9d9;
}

.quaternary--navbar .open-offcanvas-nav:hover {
  color: var(--primary-color);
}

.quaternary--navbar .btn {
  border: 0px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0px;
}

.quaternary--navbar .btn i {
  color: var(--primary-color);
}

.quaternary--navbar .btn::before {
  content: none;
}

.quaternary--navbar .btn:hover {
  border: 0px;
  color: var(--primary-color);
}

.quinary--navbar .navbar__logo {
  display: flex;
  align-items: center;
  gap: 120px;
}

.quinary--navbar .open-offcanvas-nav {
  font-size: 30px;
}

.quinary--navbar .open-offcanvas-nav:hover {
  color: var(--primary-color);
}

/*.banner {
  padding: 300px 0px 130px;
  background-color: var(--primary-color);
  position: relative;
  z-index: 1;
}*/
.banner .banner__content:not(.banner-top-page) {
  margin-top: -20px;
  text-align: left;
}

.banner .banner__content.banner-top-page {
  margin-top: 40px;
  text-align: left;

  h1,
  .h1 {
    font-size: 104px;
    line-height: 110px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}

.banner .interval {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-left: 101px;
  position: relative;
}

#home .banner .interval i {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  /*-webkit-text-stroke: 1px var(--primary-color);*/
  -webkit-text-stroke: 1px var(--white);
}

#pages .banner .interval i {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  /*-webkit-text-stroke: 1px var(--primary-color);*/
  -webkit-text-stroke: 1px #000000;
}

.banner .banner__content-inner {
  max-width: 356px;
  margin-top: 100px;
  text-align: start;
  padding-left: 5%;

  & p {
    margin: 15px 0 0 0;
    font-size: 28px;
    color: #000;
  }
}

.banner .banner__content-inner .cta {
  margin-top: 60px;
  display: flex;
  align-items: center;
  gap: 60px;
  row-gap: 24px;
  flex-wrap: wrap;
}

.banner .banner__content-inner h5 {
  color: var(--primary-color);
}

.banner .banner__content-inner .single p {
  color: var(--secondary-color);
  margin-top: 6px;
  text-transform: capitalize;
}

.banner .banner-one-thumb {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 100%;
  max-width: 494px;
  height: auto;
  border-radius: 50%;
}

.banner .star {
  position: absolute;
  top: 220px;
  left: 100px;
  z-index: -1;
}

#home .banner .banner-social-text {
  display: flex;
  align-items: center;
  gap: 24px;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

#pages .banner .banner-social-text {
  display: flex;
  align-items: center;
  gap: 18px;
  writing-mode: vertical-rl;

  &.banner-right-text {
    transform: none;
    top: auto;
    bottom: 25px;
  }

  &.banner-left-text {
    transform: rotate(-180deg);
  }
}

#home .banner .banner-social-text a {
  text-transform: uppercase;
  color: var(--theme-bg);
  font-weight: 500;
  font-size: 14px;
  font-family: var(--inter);
  mix-blend-mode: multiply;
  letter-spacing: 1px;
}

#pages .banner .banner-social-text a {
  text-transform: uppercase;
  color: var(--white);
  font-weight: 800;
  font-family: var(--inter);
  mix-blend-mode: multiply;
  letter-spacing: 1px;
}

#pages .banner .banner-social-text a:not(.social-pages) {
  font-size: 11px;
}

#pages .banner .banner-social-text.banner-right-text a.social-pages {
  font-size: 24px;
  height: 24px;
  color: var(--primary-color);
}

.banner .banner-social-text a:hover {
  color: var(--white);
}

#home .banner .banner-left-text {
  position: absolute;
  /*bottom: 89px;*/
  bottom: 10vh;
  left: 35px;
  z-index: 9999;
}

#pages .banner .banner-left-text {
  position: absolute;
  /*bottom: 89px;*/
  bottom: 25px;
  left: 35px;
  z-index: 9999;
}

#pages .banner .btn:not(.base__theme):not(.action-rounded) {
  background-color: #00000087;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 100%;
  transition: all 0.35s ease-in-out;
  position: relative;
  z-index: 2;
}

#pages .banner .btn.action-rounded {
  gap: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 100%;
  transition: all 0.35s ease-in-out;
  position: relative;
  z-index: 2;
  /*overflow: visible !important;*/

  & svg {
    width: 90%;
    height: 90%;
    display: block;
    overflow: visible !important;
  }

  & .fa-sharp {
    width: 88px;
    /* min-width: 110px; */
    height: 88px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    position: absolute;
    font-size: 36px;
    color: #fff;
  }
}

#pages .banner .btn:not(.base__theme) span {
  font-size: 24px;
  line-height: 25px;
  font-weight: 400;
  color: #ffffff;
  transition: all 0.35s ease-in-out;
  font-family: "Russo One";
}

.banner .banner-right-text {
  position: absolute;

  &:not(.banner-right-contact) {
    top: 163px;
  }

  &.banner-right-contact {
    top: 122px;
  }

  right: 1.7%;
  z-index: 9999;
}

.banner .video-frame {
  position: absolute;
  bottom: 120px;
  right: 10%;
  width: 190px;
  min-width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.banner .video-frame img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0px;
  animation: rotateInfinite 24s linear infinite;
  animation-play-state: running;
}

.banner .video-frame:hover img {
  animation-play-state: paused;
}

#home .banner-three {
  /*background-color: var(--white);*/
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#pages .banner-three {
  /*background-color: var(--white);*/
  position: relative;
  overflow: hidden;
  z-index: 1;
  max-height: 500px;
}

.banner-three .banner-three__slider-single {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  position: relative;
  z-index: 1;
  overflow: hidden;

  &:not(.banner-page) {
    height: 100vh;
    min-height: 100vh;
    padding: 285px 0px 360px;
  }

  &.banner-page {
    height: 20vh;
    /*min-height: 20vh;*/
    min-height: 500px;
    padding: 150px 0px 300px;
  }

  background-color: var(--primary-color);
  box-sizing: border-box;
  background-clip: padding-box;
  /*border-top-left-radius: 76px;*/
}

/*.banner-three .banner-three__slider-single::before {
  content: "";
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(
    180deg,
    rgba(255, 220, 14, 1) 0%,
    rgba(255, 220, 14, 0.5) 100%
  );
  z-index: -1;
}*/
.banner-three .banner-three__content h1 {
  font-weight: 900;
}

.banner-three .banner-three__content .cta {
  display: flex;
  align-items: center;
  gap: 40px;
}

.banner-three .banner-three__content .arrow {
  position: relative;
  display: block;
  width: 220px;
}

.banner-three .banner-three__content .arrow::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 2px;
  width: calc(100% - 6px);
  background-color: var(--white);
}

.banner-three .banner-three__content .arrow::after {
  content: "ï„…";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-48%);
  font-size: 24px;
}

.banner-three .banner-three__content .btn--secondary {
  display: inline-flex;
  gap: 12px;
  text-transform: capitalize;
  border: 1px solid var(--white);
}

.banner-three .banner-three__content .btn--secondary i {
  color: var(--primary-color);
}

.banner-three .banner-three__content .btn--secondary:hover {
  border: 1px solid var(--primary-color);
}

.banner-three .banner-three__content .btn--secondary:hover i {
  color: inherit;
}

.banner-three .social {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50px;
  flex-direction: column;
  z-index: 1;
}

.banner-three .social a {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #888;
  color: #888;
}

.banner-three .social a:hover {
  border: 1px solid var(--primary-color);
  color: var(--white);
  background-color: var(--primary-color);
}

.banner-three .arrow-img {
  position: absolute;
  z-index: 1;
  left: 11.5%;
  bottom: 21.7%;
  max-width: 20vw;
}

.banner-three .dot-img {
  position: absolute;
  z-index: 1;
  right: 5%;
  bottom: 30%;
  max-width: 10vw;
}

.banner-three .banner-three__slider-progress-wrapper {
  position: absolute;
  bottom: 60px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

.banner-three .banner-three__slider-progress {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 870px;
}

.banner-three .banner-three__slider-progress .single-item {
  min-width: 260px;
  opacity: 0.5;
  cursor: pointer;
}

.banner-three .banner-three__slider-progress .single-item p {
  margin: 12px 0px;
}

.banner-three .banner-three__slider-progress .single-item .slider-progress {
  width: 100%;
  height: 4px;
  background: #a5a5a5;
  position: relative;
}

.banner-three .banner-three__slider-progress .single-item .inProgress {
  position: absolute;
  inset: 0px;
  background-color: var(--primary-color);
  height: 100%;
  z-index: 2;
}

.banner-three .single-item-active {
  opacity: 1 !important;
}

.banner-three .single-item-active span {
  color: var(--primary-color);
}

.banner-three .banner-three__meta {
  display: inline-flex;
  align-items: center;
  background-color: #000;
  position: absolute;
  bottom: -1px;
  right: 0px;
  z-index: 2;
}

.banner-three .banner-three__meta::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  height: 50px;
  width: 80px;
  border-top: 10px solid var(--primary-color);
  border-left: 10px solid var(--primary-color);
}

.banner-three .banner-three__meta .cta {
  display: flex;
  align-items: center;
  gap: 60px;
  row-gap: 24px;
  flex-wrap: wrap;
  padding: 24px;
}

.banner-three .banner-three__meta h5 {
  color: var(--white);
}

.banner-three .banner-three__meta .single p {
  color: var(--secondary-color);
  margin-top: 6px;
  text-transform: capitalize;
}

.banner-three .banner-three__video {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.banner-three .banner-three__video::before {
  content: "";
  position: absolute;
  inset: 0px;
  opacity: 0.69;
  background: #000;
}

.banner-three .banner-three__video .video-frame {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: var(--primary-color);
}

.banner-three .banner-three__video .video-frame::before {
  content: "";
  position: absolute;
  inset: 0px;
  border: 2px dashed var(--primary-color);
  border-radius: 50%;
  animation: rotateInfinite 24s linear infinite;
  animation-play-state: running;
}

.banner-three .banner-three__video .video-frame:hover {
  color: var(--white);
}

.banner-three .banner-three__video .video-frame:hover::before {
  animation-play-state: paused;
}

.banner-three .frame,
.site-footer .frame {
  width: 220px;
  min-width: 220px;
  height: 220px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  font-size: 46px;
  position: relative;
  color: #fff;
}

.banner-three .frame img,
.banner-three .frame svg,
.site-footer .frame img,
.site-footer .frame svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0px;
  animation: rotateInfinite 24s linear infinite;
  animation-play-state: running;
}

#pages .site-footer .frame img,
#home .site-footer .frame img,
#pages .site-footer .frame svg,
#home .site-footer .frame svg {
  & path.commercial_text {
    fill: white;
  }

  & path.acces_text {
    stroke: rgba(255, 255, 255, 0.5);
    fill: white;
  }
}

/*#home .site-footer .frame img,
#home .site-footer .frame svg {
  & path.commercial_text {
    fill: none;
  }
  & path.acces_text {
    stroke: rgb(0, 0, 0);
  }
}*/
.banner-three .frame i,
.site-footer .frame i {
  width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
}

.banner-three .frame:hover img,
.banner-three .frame:hover svg,
.site-footer .frame:hover img,
.site-footer .frame:hover svg {
  animation-play-state: paused;
}

.banner-four {
  background-color: var(--black);
  padding: 260px 0px 130px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-bottom: 1px solid #414141;
}

.banner-four::before {
  content: "";
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: left top 100px;
  background-image: url("../images/banner/line.png");
}

.banner-four .intro {
  padding-left: 180px;
}

.banner-four .intro p {
  max-width: 400px;
  margin-bottom: 30px;
}

.banner-four .arrow {
  position: relative;
  display: block;
  width: 100%;
  max-width: 740px;
}

.banner-four .arrow::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 2px;
  width: calc(100% - 6px);
  background-color: var(--white);
}

.banner-four .arrow::after {
  content: "ï„…";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-48%);
  font-size: 24px;
}

.banner-four .banner-four__content {
  position: relative;
  z-index: 9;
}

.banner-four .banner-four__title {
  max-width: 1100px;
  margin-top: 70px;
}

.banner-four .banner-four__title h1 {
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
}

.banner-four .small {
  position: absolute;
  top: 260px;
  left: 9%;
  z-index: 2;
  max-width: 15vw;
}

.banner-four .large {
  position: absolute;
  top: 100px;
  right: 6%;
  z-index: -1;
  max-width: 30vw;
}

.banner-five .banner-five__wrapper {
  gap: 30px;
  padding: 220px 0px 130px;
  display: flex;
  align-items: center;
  gap: 60px;
}

.banner-five .banner-five__wrapper .slick-track {
  padding: 20px 0px !important;
}

.banner-five .banner-five__single {
  min-width: 450px;
  width: 450px;
}

.banner-five .projects-s__single {
  padding: 30px;
  border: 1px solid #414141;
}

.banner-five .projects-s__single .thumb a {
  width: 100%;
}

.banner-five .projects-s__single .thumb a img {
  width: 100%;
}

.banner-five .projects-s__single .content {
  margin-top: 30px;
}

.banner-five .projects-s__single .content h4 {
  text-transform: capitalize;
}

.banner-five .projects-s__single .content p {
  margin-top: 20px;
  color: #d9d9d9;
}

#pages .c-sidebar.c-side-left:not(.no-line)::before {
  /*visibility: hidden;*/
  top: 0;
  max-height: none;
}

#pages .c-sidebar.c-side-left.no-line::before {
  visibility: hidden;
  top: 0;
  max-height: none;
}

#pages .content-wrapper {
  z-index: 2;
  position: relative;
}

/* ------------------------------------ *
 *  Scroll down arrow
/* ------------------------------------ */

.scroll-down-arrow {
  position: absolute;
  display: block;
  /*bottom: 40px;*/
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  z-index: 9;
}

.scroll-down-arrow a {
  display: block;
  width: 50px;
  height: 50px;
}

.scroll-down-arrow a > span {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1;
  -webkit-animation: mymove 1.4s infinite ease;
  animation: mymove 1.4s infinite ease;
}

@-webkit-keyframes mymove {
  /* Chrome, Safari, Opera */
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    top: 7px;
    opacity: 0;
  }
}

@keyframes mymove {
  /* Standard */
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    top: 7px;
    opacity: 0;
  }
}

.cmn-banner {
  padding: 210px 0px 130px;
  background-color: var(--black);
}

.cmn-banner .title {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: -12px;
}

.breadcrumb {
  margin: 0px;
  padding: 0px;
  border: 1px dashed #414141;
  display: inline-flex;
  padding: 10px 20px;
  border-radius: 100px;
  margin-top: 20px;
}

.breadcrumb .breadcrumb-item {
  margin-top: 0px;
  color: var(--white);
  padding: 0px 0px 0px 24px;
  position: relative;
  padding-right: 16px;
  text-transform: uppercase;
  font-size: 14px;
}

.breadcrumb .breadcrumb-item a {
  color: var(--theme-color);
  font-weight: 600;
  font-size: 14px;
}

.breadcrumb .breadcrumb-item a:hover {
  color: var(--primary-color);
}

.breadcrumb .breadcrumb-item::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "ï„…";
  position: absolute;
  left: 0px;
  font-size: 14px;
  color: var(--theme-color);
  padding: 0px;
}

.breadcrumb .breadcrumb-item:first-of-type {
  padding-left: 0px;
}

.breadcrumb .breadcrumb-item:first-of-type a:hover {
  color: var(--primary-color);
}

.breadcrumb .breadcrumb-item:first-of-type::before {
  content: none;
}

.breadcrumb .active {
  color: var(--primary-color);
  padding-right: 0px;
  font-weight: 600;
}

.footer {
  background-color: var(--tertiary-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}

.footer .gaper {
  row-gap: 60px;
}

.footer .footer__single-meta {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
  margin: 30px 0px 40px;
}

.footer .footer__single-meta a {
  max-width: 220px;
  color: var(--white);
  line-height: 28px;
  font-weight: 500;
  align-items: flex-start;
}

.footer .footer__single-meta a i {
  line-height: inherit;
}

.footer .footer__single-meta a:hover {
  color: var(--primary-color);
}

.footer .footer__single-intro {
  margin-bottom: 30px;
}

.footer .footer__single-intro h5 {
  text-transform: capitalize;
  font-weight: 600;
}

.footer ul li {
  margin-bottom: 12px;
}

.footer ul li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.footer ul li a {
  text-transform: capitalize;
}

.footer ul li a:hover {
  padding-left: 6px;
}

.footer .footer__single-form {
  margin-top: 30px;
}

.footer .footer__copyright {
  padding: 65px 0px;
}

.footer .footer__copyright .gaper {
  row-gap: 30px;
}

.footer .footer__copyright-text p {
  color: var(--secondary-color);
}

.footer .footer__copyright-text p a {
  font-weight: 600;
}

.footer .footer__copyright-text p a:hover {
  color: var(--primary-color);
}

.footer .social {
  gap: 8px;
}

.footer .social a {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #888;
  color: #888;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footer .social a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  background-image: linear-gradient(180deg, #f90 0%, #ee332b 100%);
  transition: var(--transition);
  z-index: -1;
}

.footer .social a:hover {
  color: var(--white);
  border: 1px solid var(--primary-color);
}

.footer .social a:hover::before {
  width: 100%;
  height: 100%;
}

.footer-two {
  background-color: var(--black);
}

.footer-two .logo {
  margin-bottom: 30px;
}

.footer-two .footer__single-meta {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.footer-two .footer__single-meta a {
  max-width: 220px;
  color: var(--white);
  line-height: 28px;
  font-weight: 500;
  align-items: flex-start;
}

.footer-two .footer__single-meta a i {
  line-height: inherit;
}

.footer-two .footer__single-meta a:hover {
  color: var(--primary-color);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0px);
  }
}

.footer-two .social a {
  width: 160px;
  min-width: 160px;
  height: 70px;
  border: 1px solid #454545;
  border-radius: 100px;
  gap: 12px;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.footer-two .social a span {
  transition: all 0.3s ease-in-out;
  transform: translateX(-25px);
}

.footer-two .social a i {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-image: linear-gradient(180deg, #f90 0%, #ee332b 100%);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-20px);
  transition: all 0.3s ease-in-out;
}

.footer-two .social a:hover span {
  transform: translateX(0px);
}

.footer-two .social a:hover i {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  display: flex;
  animation: fadeIn 0.3s;
}

.footer-two .footer__copyright {
  padding: 40px 0px;
  border-top: 1px solid #454545;
  margin-top: 65px;
}

.footer-two .footer__copyright ul {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.footer-two .footer__copyright ul a {
  text-transform: capitalize;
  color: var(--white);
}

.footer-two .footer__copyright ul a:hover {
  color: var(--primary-color);
}

.footer-three {
  background-color: var(--black);
  position: relative;
  z-index: 1;
}

.footer-three .gaper {
  row-gap: 60px;
}

.footer-three .footer-thumb {
  position: relative;
  margin-bottom: 30px;
}

.footer-three .footer-thumb img {
  width: 100%;
  min-height: 200px;
}

.footer-three .footer-thumb .footer-thumb__content {
  position: absolute;
  top: 40px;
  left: 0px;
  padding: 10px 20px 10px 40px;
  background-color: #414141;
  border-radius: 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.footer-three .footer-thumb .footer-thumb__content h5 {
  text-transform: capitalize;
}

.footer-three .footer-three__group {
  padding-left: 30px;
}

.footer-three .footer-three__group .intro {
  margin-bottom: 24px;
}

.footer-three .footer-three__group h5 {
  font-weight: 600;
  text-transform: capitalize;
  margin-top: -8px;
}

.footer-three .footer-three__group ul {
  display: flex;
  align-items: center;
  gap: 30px;
  row-gap: 24px;
  flex-wrap: wrap;
}

.footer-three .footer-three__group a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-weight: 400;
  line-height: 1.4;
}

.footer-three .footer-three__group a i {
  color: var(--secondary-color);
  transition: var(--transition);
}

.footer-three .footer-three__group a:hover {
  color: var(--primary-color);
}

.footer-three .footer-three__group a:hover i {
  color: var(--primary-color);
}

.footer-three .footer-three__group .cta {
  margin-top: 30px;
}

.footer-three .footer-three__group .cta a {
  color: var(--primary-color);
}

.footer-three .footer-three__group .cta a i {
  color: var(--primary-color);
}

.footer-three .footer-three__copyright {
  padding: 40px 0px;
  border-top: 1px solid #454545;
  margin-top: 65px;
}

.footer-three .footer-three__copyright .gaper {
  row-gap: 30px !important;
}

.footer-three .footer-three__copyright .footer__copyright-text p {
  color: var(--secondary-color);
}

.footer-three .footer-three__copyright .footer__copyright-text p a {
  font-weight: 600;
}

.footer-three .footer-three__copyright .footer__copyright-text p a:hover {
  color: var(--primary-color);
}

.footer-four {
  position: relative;
}

.footer-four::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  max-width: 1410px;
  height: 1px;
  background-color: #414141;
  margin-left: auto;
  margin-right: auto;
}

.footer-four .cta-t a {
  width: 100%;
  padding: 80px 20px;
  justify-content: center;
  display: flex;
  gap: 40px;
  text-transform: uppercase;
  background-color: var(--white);
  color: var(--black);
  border-radius: 200px;
}

.footer-four .cta-t a:hover {
  color: var(--black);
  background-color: var(--primary-color);
}

.footer-four .cta-t p {
  color: var(--secondary-color);
  margin-top: 30px;
  text-align: center;
}

.footer-four .copy-t {
  padding-bottom: 30px;
}

.footer-four .copy-t ul {
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer-four .copy-t a {
  color: var(--white);
}

.footer-four .copy-t a:hover {
  color: var(--primary-color);
}

.footer-four .footer-three__copyright {
  padding: 40px 0px;
  border-top: 1px solid #454545;
}

.footer-four .footer-three__copyright .gaper {
  row-gap: 30px !important;
}

.footer-four .footer-three__copyright .footer__copyright-text p {
  color: var(--secondary-color);
}

.footer-four .footer-three__copyright .footer__copyright-text p a {
  font-weight: 600;
}

.footer-four .footer-three__copyright .footer__copyright-text p a:hover {
  color: var(--primary-color);
}

.footer-cmn {
  background-color: #101010;
}

.agency {
  background-color: var(--tertiary-color);
  z-index: 1;
  position: relative;
}

.agency .agency__thumb {
  position: relative;
  overflow: hidden;
  text-align: end;
  z-index: 1;
}

.agency .agency__thumb::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 10%;
  width: 40px;
  height: 40px;
  background-image: url("../images/agency/dot.png");
  background-size: cover;
  z-index: -1;
}

.agency .agency__thumb::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  background-image: url("../images/agency/dot.png");
  background-size: cover;
  z-index: -1;
}

.agency .agency__thumb img {
  max-width: 100%;
  height: auto;
}

.agency .agency__thumb .thumb-one {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 80%;
}

.agency .agency__thumb .thumb-two {
  margin-top: 100px;
  z-index: 2;
  position: relative;
  max-width: 80%;
}

.agency .agency__content {
  padding-left: 70px;
}

.agency .star {
  position: absolute;
  top: 50%;
  left: 40px;
  z-index: -1;
}

.agency .skill-wrap {
  margin-top: 40px;
}

.agency .skill-bar-single {
  margin-bottom: 30px;
}

.agency .skill-bar-single:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.agency .skill-bar-wrapper {
  margin-top: 15px;
}

.agency .skill-bar {
  height: 8px;
  border-radius: 100px;
  background-color: #363636;
  position: relative;
}

.agency .skill-bar-percent {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #cecece;
  border-radius: inherit;
}

.agency .percent-value {
  position: absolute;
  bottom: calc(100% + 15px);
  right: 0px;
}

.agency .dot-large {
  position: absolute;
  bottom: 40px;
  right: 4%;
  max-width: 25vw;
  z-index: -1;
}

.agency-two .agency__thumb::before,
.agency-two .agency__thumb::after {
  content: none;
}

.agency-two .clutch {
  width: 220px;
  border-radius: 100px;
}

.agency-two .clutch img {
  border-radius: 100px;
}

.agency-two .cta {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 60px;
  row-gap: 24px;
  flex-wrap: wrap;
}

.agency-two h5 {
  color: var(--white);
}

.agency-two .single p {
  color: var(--secondary-color);
  margin-top: 6px;
  text-transform: capitalize;
}

.portfolio {
  overflow-x: clip;
}

.portfolio .portfolio__text-slider {
  margin-bottom: 80px;
}

.portfolio .portfolio__text-slider-single h2 {
  margin-top: -20px;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 0px;
}

.portfolio .portfolio__text-slider-single h2 i {
  color: var(--primary-color);
}

.portfolio .portfolio__text-slider-single:nth-of-type(even) h2 {
  font-family: var(--oswald);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--white);
}

.portfolio .portfolio__text-slider-single:nth-of-type(even) h2 i {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--primary-color);
}

.portfolio .portfolio__text-slider-single:nth-of-type(even) h2 a:hover {
  -webkit-text-stroke-color: var(--primary-color);
}

.portfolio .portfolio__single {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.portfolio .portfolio__single::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 0px;
  height: 0px;
  transition: var(--transition);
  background-color: var(--primary-color);
}

.portfolio .portfolio__single::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 0px;
  width: 0px;
  transition: var(--transition);
  background-color: var(--primary-color);
}

.portfolio .portfolio__single a {
  width: 100%;
}

.portfolio .portfolio__single img {
  width: 100%;
  min-height: 300px;
}

.portfolio .portfolio__single .portfolio__single-content {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 40px;
  background-color: var(--white);
  text-align: end;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-end;
  justify-content: flex-end;
  transform: translateY(-160%) scale(1.4);
  transition: var(--transition);
  max-width: 90%;
}

.portfolio .portfolio__single .portfolio__single-content a {
  width: auto;
}

.portfolio .portfolio__single .portfolio__single-content a i {
  font-size: 56px;
  color: var(--primary-color);
}

.portfolio .portfolio__single .portfolio__single-content h4 a {
  color: var(--black);
  font-weight: 600;
}

.portfolio .portfolio__single .portfolio__single-content h4 a:hover {
  color: var(--primary-color);
}

.portfolio .portfolio__single:hover::before {
  width: 1px;
  height: calc(100% - 40px);
}

.portfolio .portfolio__single:hover::after {
  height: 1px;
  width: calc(100% - 40px);
}

.portfolio .portfolio__single:hover .portfolio__single-content {
  transform: translateY(0px) scale(1);
}

.portfolio .portfolio__single-active::before {
  width: 1px;
  height: calc(100% - 40px);
}

.portfolio .portfolio__single-active::after {
  height: 1px;
  width: calc(100% - 40px);
}

.portfolio .portfolio__single-active .portfolio__single-content {
  transform: translateY(0px) scale(1);
}

.portfolio .portfolio__single-alt-wrapper {
  background-color: #000;
  padding: 20px;
  border: 1px solid var(--primary-color);
  height: 100%;
}

.portfolio .portfolio__single-alt {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  z-index: 1;
  min-height: 300px;
}

.portfolio .portfolio__single-alt h4 {
  text-transform: uppercase;
}

.portfolio .portfolio__single-alt .arr {
  position: absolute;
  bottom: 60px;
  left: 60px;
  font-size: 120px;
  font-weight: 900;
  color: var(--primary-color);
}

.portfolio .portfolio__single-alt img {
  max-width: 25%;
}

.portfolio .portfolio__single-alt .dot-one {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: -1;
}

.portfolio .portfolio__single-alt .dot-two {
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: -1;
}

.portfolio-two .portfolio__text-slider {
  margin-bottom: 80px;
}

.portfolio-two .portfolio__text-slider-single h2 {
  margin-top: -20px;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 0px;
}

.portfolio-two .portfolio__text-slider-single h2 i {
  color: var(--primary-color);
}

.portfolio-two .portfolio__text-slider-single:nth-of-type(even) h2 {
  font-family: var(--oswald);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--white);
}

.portfolio-two .portfolio__text-slider-single:nth-of-type(even) h2 i {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--primary-color);
}

.portfolio-two .portfolio-two__filter-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  row-gap: 24px;
  justify-content: space-between;
}

.portfolio-two .portfolio-two__filter-btn button {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-transform: uppercase;
}

.portfolio-two .portfolio-two__filter-btn button span {
  color: #474747;
  transition: var(--transition);
}

.portfolio-two .portfolio-two__filter-btn button:hover {
  color: var(--primary-color);
}

.portfolio-two .portfolio-two__filter-btn button:hover span {
  color: var(--white);
}

.portfolio-two .portfolio-two__filter-btn .active {
  color: var(--primary-color);
}

.portfolio-two .portfolio-two__filter-btn .active span {
  color: var(--white);
}

.filter-item-space {
  margin-bottom: 30px;
}

.masonry-grid {
  margin-bottom: -30px;
}

.portfolio-three {
  position: relative;
  z-index: 1;
}

.portfolio-three .slick-track {
  display: flex;
}

.portfolio-three .portfolio__single {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
  flex: 1;
}

.portfolio-three .portfolio__single::before,
.portfolio-three .portfolio__single::after {
  content: none;
}

.portfolio-three .portfolio__single a {
  width: 100%;
  height: 100%;
}

.portfolio-three .portfolio__single img {
  width: 100%;
  height: 100%;
  min-height: 360px;
}

.portfolio-three .portfolio__single .portfolio__single-content {
  position: absolute;
  bottom: 0px;
  top: unset;
  right: unset;
  left: 0px;
  padding: 40px;
  background-color: var(--white);
  text-align: end;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-end;
  justify-content: flex-end;
  transform: translateY(160%) scale(1.4);
  transition: var(--transition);
  max-width: 90%;
}

.portfolio-three .portfolio__single .portfolio__single-content a {
  width: auto;
}

.portfolio-three .portfolio__single .portfolio__single-content a i {
  font-size: 56px;
  color: var(--primary-color);
}

.portfolio-three .portfolio__single .portfolio__single-content h4 a {
  color: var(--black);
  font-weight: 600;
}

.portfolio-three .portfolio__single .portfolio__single-content h4 a:hover {
  color: var(--primary-color);
}

.portfolio-three .portfolio__single:hover .portfolio__single-content {
  transform: translateY(160%) scale(1.4);
}

.portfolio-three .slick-center .portfolio__single-content {
  transform: translateY(0px) scale(1);
}

.portfolio-three .slick-center:hover .portfolio__single-content {
  transform: translateY(0px) scale(1);
}

.portfolio-three .slide-group {
  position: absolute;
  padding: 0px 20px;
  top: 70%;
  left: 0%;
  right: 0%;
  transform: translateY(-70%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  z-index: 2;
  width: 100%;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
}

.offer {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.offer .star {
  position: absolute;
  bottom: 20%;
  z-index: -1;
  left: 40%;
  transform: translate(-40%, -20%);
}

.offer .offer__cta .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: #404040;
  border-radius: 30px;
  margin-bottom: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
  transition: var(--transition);
}

.offer .offer__cta .sub-title i {
  transform: rotate(-45deg);
  color: var(--primary-color);
  opacity: 0.5;
  transition: var(--transition);
}

.offer .offer__cta h2 a {
  justify-content: space-between;
  text-transform: capitalize;
  width: 100%;
  font-weight: 500;
  color: #404040;
  gap: 16px;
}

.offer .offer__cta h2 a i {
  font-weight: 900;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px #404040;
  transition: var(--transition);
}

.offer .offer__cta .offer__cta-single {
  position: relative;
  margin-bottom: 65px;
}

.offer .offer__cta .offer__cta-single:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.offer .offer__cta .offer-thumb-hover {
  width: 200px;
  height: 270px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  inset-inline-start: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin: -200px 0 0 -150px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.offer .offer__cta .offer__cta-single:hover .sub-title {
  color: var(--primary-color);
}

.offer .offer__cta .offer__cta-single:hover .sub-title i {
  opacity: 1;
}

.offer .offer__cta .offer__cta-single:hover h2 a {
  color: var(--primary-color);
}

.offer .offer__cta .offer__cta-single:hover h2 a i {
  -webkit-text-fill-color: unset;
  -webkit-text-stroke: 0px;
  color: var(--primary-color);
}

.offer .offer__cta .offer__cta-single:hover .offer-thumb-hover {
  opacity: 1;
}

.offer-two .offer-two__slider,
.offer-two .offer-two__slider-rtl {
  margin: -60px 0px;
}

.offer-two .offer-two__slider .offer__cta,
.offer-two .offer-two__slider-rtl .offer__cta {
  direction: ltr;
}

.offer-two .offer__cta {
  padding: 60px 0px;
}

.offer-two .offer__cta .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: #404040;
  border-radius: 30px;
  margin-bottom: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
  transition: var(--transition);
}

.offer-two .offer__cta .sub-title i {
  transform: rotate(-45deg);
  color: var(--primary-color);
  opacity: 0.5;
  transition: var(--transition);
}

.offer-two .offer__cta h2 a {
  justify-content: space-between;
  text-transform: capitalize;
  width: 100%;
  font-weight: 500;
  color: #404040;
  gap: 16px;
}

.offer-two .offer__cta h2 a i {
  font-weight: 900;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px #404040;
  transition: var(--transition);
}

.offer-two .offer__cta .offer__cta-single {
  position: relative;
}

.offer-two .offer__cta .offer-thumb-hover {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  inset-inline-start: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin: -120px 0 0 -120px;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.offer-two .offer__cta .offer__cta-single:hover .sub-title {
  color: var(--primary-color);
}

.offer-two .offer__cta .offer__cta-single:hover .sub-title i {
  opacity: 1;
}

.offer-two .offer__cta .offer__cta-single:hover h2 a {
  color: var(--primary-color);
}

.offer-two .offer__cta .offer__cta-single:hover h2 a i {
  -webkit-text-fill-color: unset;
  -webkit-text-stroke: 0px;
  color: var(--primary-color);
}

.offer-two .offer__cta .offer__cta-single:hover .offer-thumb-hover {
  opacity: 1;
}

.testimonial .testimonial__text-slider {
  margin-bottom: 80px;
}

.testimonial .testimonial__text-slider-single h2 {
  margin-top: -20px;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 0px;
  font-family: var(--oswald);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--white);
}

.testimonial .testimonial__text-slider-single h2 i {
  -webkit-text-fill-color: var(--primary-color);
  -webkit-text-stroke: 0px var(--primary-color);
  color: var(--primary-color);
}

.testimonial .testimonial__text-slider-single h2 a:hover {
  -webkit-text-stroke-color: var(--primary-color);
}

.testimonial .testimonial-s__slider .thumb {
  position: relative;
}

.testimonial .testimonial-s__slider .thumb svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -80px;
}

.testimonial .testimonial-s__slider .testimonial-s__content .quote i {
  font-size: 56px;
  color: var(--primary-color);
}

.testimonial .testimonial-s__slider .testimonial-s__content .content {
  margin: 30px 0px;
}

.testimonial .testimonial-s__slider .testimonial-s__content h4 {
  font-weight: 400;
  text-transform: capitalize;
}

.testimonial .testimonial-s__slider .testimonial-s__content .content-cta p {
  color: var(--primary-color);
  margin-top: 6px;
}

.testimonial .slide-group {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  flex-direction: column;
}

.testimonial .slide-group button {
  position: relative;
  z-index: 9;
}

.testimonial .slide-group button:nth-of-type(1) {
  transform: rotate(90deg);
}

.testimonial .slide-group button:nth-of-type(2) {
  transform: rotate(90deg);
}

.testimonial .other-section {
  position: absolute;
  left: 0px;
  bottom: 130px;
  width: 330px;
  opacity: 0.25;
  transform: translateX(-40%);
}

.testimonial-two {
  background: url("../images/testimonial/line.png"), var(--tertiary-color);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.testimonial-two .testimonial-two__thumb img {
  border-radius: 500px;
}

.testimonial-two .quote {
  margin: 30px 0px;
}

.testimonial-two .quote i {
  font-size: 60px;
  color: var(--primary-color);
}

.testimonial-two blockquote {
  color: #c1c1c1;
}

.testimonial-two .author-meta {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
}

.testimonial-two .author-meta img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.testimonial-two .author-meta h5 {
  margin-bottom: 6px;
}

.testimonial-two .star {
  position: absolute;
  top: 80px;
  right: 120px;
  z-index: -1;
}

.testimonial-three {
  background-color: var(--tertiary-color);
}

.blog {
  background-color: var(--tertiary-color);
}

.blog .blog__single-thumb a {
  width: 100%;
}

.blog .blog__single-thumb a img {
  width: 100%;
  min-height: 360px;
}

.blog .blog__single-content {
  margin-top: 40px;
}

.blog .blog__single-meta {
  display: flex;
  align-items: center;
  gap: 30px;
  row-gap: 16px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.blog .blog__single-meta a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: var(--primary-color);
  border-radius: 30px;
  text-transform: uppercase;
}

.blog .blog__single-meta a i {
  transform: rotate(-45deg);
}

.blog .blog__single-meta p {
  color: var(--secondary-color);
}

.blog-two {
  background-color: var(--black);
}

.blog-two .blog-two__slider-single {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog-two .blog-two__slider-single::before {
  content: "";
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  transform: translateY(100%);
  transition: var(--transition);
}

.blog-two .blog-two__slider-single .blog__single-content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 40px;
  width: 100%;
  transform: translateY(200%);
  transition: var(--transition);
  margin: 0px;
}

.blog-two .blog-two__slider-single:hover::before {
  transform: translateY(0px);
}

.blog-two .blog-two__slider-single:hover .blog__single-content {
  transform: translateY(0px);
}

.blog-two .slick-center::before {
  transform: translateY(0px);
}

.blog-two .slick-center .blog__single-content {
  transform: translateY(0px);
}

.blog-three .blog-three__wrapper {
  padding-top: 65px;
  border-top: 1px solid #414141;
}

.blog-three .blog-three__single {
  padding: 30px 0px;
  border-bottom: 1px solid #414141;
}

.blog-three .blog-three__single:nth-of-type(1) {
  padding-top: 0px;
}

.blog-three .blog-three__single:nth-last-of-type(1) {
  padding-bottom: 0px;
  border-bottom: 0px;
}

.blog-three .blog-three__single:hover h4 a {
  color: var(--primary-color);
  text-decoration: underline;
}

.blog-three .blog__single-content h4 {
  max-width: 650px;
}

.blog-three .blog__single-content h4 a {
  text-transform: capitalize;
}

.blog-three .blog__single-meta {
  display: flex;
  align-items: center;
  gap: 30px;
  row-gap: 16px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.blog-three .blog__single-meta a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: var(--primary-color);
  border-radius: 30px;
  text-transform: uppercase;
}

.blog-three .blog__single-meta a i {
  transform: rotate(-45deg);
}

.blog-three .blog__single-meta p {
  color: var(--secondary-color);
}

.blog-three .blog-single-img a {
  width: 100%;
}

.blog-three .blog-single-img img {
  width: 100%;
}

.sponsor .sponsor__slider-item {
  text-align: center;
}

.sponsor .sponsor__slider-item img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.25;
  transition: var(--transition);
}

.sponsor .slick-center img {
  opacity: 1;
}

.sponsor-three {
  background-color: var(--tertiary-color);
}

.next-page .next__text-slider-single h2 {
  margin-top: -20px;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 0px;
  font-family: sans-serif;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--white);
  font-size: 100px;
  line-height: 130px;
}

.next-page .next__text-slider-single h2 a {
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 30px;
}

.next-page .next__text-slider-single h2 a i {
  color: var(--primary-color);
}

.next-page .next__text-slider-single:nth-of-type(even) h2 a {
  font-family: var(--oswald);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--white);
  color: rgba(0, 0, 0, 0);
}

.next-page .next__text-slider-single:nth-of-type(even) h2 a i {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--primary-color);
}

.next-page .next__text-slider-single:nth-of-type(even) h2 a:hover {
  -webkit-text-stroke-color: var(--primary-color);
}

.next__text-slider.color-black .next__text-slider-single h2 a {
  color: var(--color-black);
}

.next__text-slider.color-black
  .next__text-slider-single:nth-of-type(even)
  h2
  a {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--color-black);
  color: rgba(0, 0, 0, 0);
}

.liner {
  position: relative;
}

.liner::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60%;
  border-top: 1px solid #414141;
}

.award {
  background-color: var(--tertiary-color);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.award .award-thumb img {
  border-radius: 0px 1000px 1000px 0px;
}

.award .award__content .title span {
  color: var(--primary-color);
}

.award .award__content-meta {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 40px;
  position: relative;
}

.award .award__content-meta::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  height: 1px;
  width: 100%;
  background-color: var(--primary-color);
}

.award .single {
  position: relative;
}

.award .single::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0px;
  border: 15px solid rgba(0, 0, 0, 0);
  border-top-color: var(--primary-color);
}

.award .single h4 {
  color: #fff;
  font-weight: 700;
}

.award .single h4:nth-of-type(1) {
  color: var(--primary-color);
  font-weight: 500;
  margin-bottom: 50px;
}

.award .single p {
  margin-top: 10px;
  color: var(--secondary-color);
}

.award .star,
.award .star-two,
.award .dot,
.award .dot-two {
  position: absolute;
  z-index: -1;
}

.award .star {
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 10vw;
}

.award .star-two {
  bottom: 60px;
  left: 20%;
  max-width: 2vw;
}

.award .dot {
  top: 40%;
  left: 6%;
  max-width: 10vw;
}

.award .dot-two {
  bottom: 60px;
  left: 50%;
  transform: translateX(-45%);
  max-width: 10vw;
}

.video-modal {
  position: relative;
}

.video-modal .modal-bg {
  width: 100%;
  min-height: 360px;
}

.video-modal .video-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 190px;
  min-width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.video-modal .video-frame img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0px;
  animation: rotateInfinite 24s linear infinite;
  animation-play-state: running;
}

.video-modal .video-frame i {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  color: var(--white);
}

.video-modal .video-frame:hover img {
  animation-play-state: paused;
}

.cta-s .cta__wrapper {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 20px;
  background-color: #101010;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.cta-s .footer__single-form {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.cta-s .footer__single-form .input-email {
  border-radius: 100px;
  border: 1px solid #c1c1c1;
}

.cta-s .footer__single-form .input-email input {
  padding: 24px 30px;
  width: calc(100% - 100px);
}

.cta-s .footer__single-form .input-email button {
  width: 100px;
  min-width: 100px;
}

.cta-s .star,
.cta-s .star-two {
  position: absolute;
  z-index: -1;
  opacity: 0.25;
}

.cta-s .star {
  left: 40px;
  top: 20%;
  max-width: 10vw;
}

.cta-s .star-two {
  right: 60px;
  bottom: 10%;
  max-width: 10vw;
}

.cta-two .cta-two-wrapper {
  max-width: 1350px;
  padding: 80px 65px;
  background-position: center center;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
}

.cta-two span {
  padding: 10px;
  background-color: var(--primary-color);
  color: var(--white);
  border-radius: 20px;
  border-top-left-radius: 0px;
  display: inline-block;
}

.cta-two h2,
.cta-two h5 {
  text-transform: capitalize;
}

.cta-two h2 {
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 30px;
}

.cta-two .btn {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--primary-color) !important;
}

.service-f {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.service-f .service-f-single {
  padding: 40px 0px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  border-top: 1px solid #414141;
  padding-right: 90px;
  position: relative;
}

.service-f .service-f-single:nth-last-of-type(1) {
  border-bottom: 1px solid #414141;
}

.service-f .service-f-single .toggle-service-f {
  position: relative;
}

.service-f .service-f-single .toggle-service-f::before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  font-size: 18px;
}

.service-f .service-f-single-active .toggle-service-f::before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  color: var(--primary-color);
  font-size: 18px;
}

.service-f .service-f-single-active .single-item .sub-title {
  opacity: 1;
}

.service-f .single-item .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  color: var(--white);
  border-radius: 30px;
  margin-bottom: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
  transition: var(--transition);
  opacity: 0.5;
}

.service-f .single-item .sub-title i {
  transform: rotate(-45deg);
  color: var(--primary-color);
  transition: var(--transition);
}

.service-f .single-item h4 {
  margin-bottom: 24px;
}

.service-f .single-item p {
  max-width: 450px;
}

.service-f .single-item ul {
  min-width: 220px;
}

.service-f .single-item li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.service-f .single-item li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.service-f .single-item li i {
  font-size: 14px;
  color: var(--primary-color);
}

.service-f button {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1d1d1d;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}

.service-f .p-single {
  display: none;
}

.service-f .dot-img {
  position: absolute;
  top: 50%;
  left: 6%;
  max-width: 15vw;
  z-index: -1;
}

.work-steps {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.work-steps .work-steps__single {
  padding-top: 230px;
  position: relative;
}

.work-steps .work-steps__single h5 {
  position: relative;
  z-index: 2;
  padding: 16px 30px;
  border: 1px dashed #414141;
  background-color: var(--black);
  border-radius: 100px;
  overflow: hidden;
  text-transform: capitalize;
  transition: var(--transition);
}

.work-steps .work-steps__single h5::before {
  content: "";
  position: absolute;
  inset: 0px;
  width: 0%;
  border-radius: 100px;
  background: linear-gradient(90deg, #f7941e 0%, rgba(255, 116, 37, 0) 60.08%);
  z-index: -1;
  transition: var(--transition);
}

.work-steps .work-steps__single span {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1f1f1f;
  text-align: center;
  color: #8d8d8d;
  line-height: 1.4;
  transition: var(--transition);
}

.work-steps .work-steps__single span::after {
  content: "";
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  transform: translateX(-50%);
  height: 0px;
  width: 1px;
  background-color: #414141;
  transition: var(--transition);
}

.work-steps .work-steps__single .work-thumb-hover {
  width: 600px;
  height: 220px;
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin: 60px 0 0 -150px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.work-steps .work-steps__single:hover span {
  background-color: var(--primary-color);
  color: var(--white);
}

.work-steps .work-steps__single:hover span::after {
  height: 108px;
}

.work-steps .work-steps__single:hover h5 {
  border: 1px solid rgba(0, 0, 0, 0);
}

.work-steps .work-steps__single:hover h5::before {
  width: 100%;
}

.work-steps .work-steps__single:hover .work-thumb-hover {
  opacity: 1;
}

.work-steps .work-steps__single-active span {
  background-color: var(--primary-color);
  color: var(--white);
}

.work-steps .work-steps__single-active span::after {
  height: 108px;
}

.work-steps .work-steps__single-active h5 {
  border: 1px solid rgba(0, 0, 0, 0);
}

.work-steps .work-steps__single-active h5::before {
  width: 100%;
}

.work-steps .work-steps__single-active .work-thumb-hover {
  opacity: 1;
}

.work-steps .work-two {
  margin-top: 100px;
}

.work-steps .work-three {
  margin-top: 200px;
}

.work-steps .work-four {
  margin-top: 300px;
}

.work-steps .video-frame {
  position: absolute;
  top: 33%;
  right: 12%;
  width: 190px;
  min-width: 190px;
  height: 190px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: var(--primary-color);
}

.work-steps .video-frame img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0px;
  animation: rotateInfinite 24s linear infinite;
  animation-play-state: running;
}

.work-steps .video-frame:hover img {
  animation-play-state: paused;
}

.work-alt {
  background-color: var(--tertiary-color);
}

.four-info .primary-text {
  margin-bottom: 24px;
  font-weight: 600;
}

.projects-s .projects-s__single {
  padding: 30px;
  border: 1px solid #414141;
}

.projects-s .projects-s__single .thumb a {
  width: 100%;
}

.projects-s .projects-s__single .thumb a img {
  width: 100%;
}

.projects-s .projects-s__single .content {
  margin-top: 30px;
}

.projects-s .projects-s__single .content h4 {
  text-transform: capitalize;
}

.projects-s .projects-s__single .content p {
  margin-top: 20px;
  color: #d9d9d9;
}

.projects-s .gaper {
  margin-bottom: 65px;
}

.projects-s .gaper:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.project__text-slider {
  margin-bottom: 80px;
  padding: 40px 0px;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}

.project__text-slider-single h2 {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 0px;
}

.project__text-slider-single h2 i {
  color: var(--primary-color);
  font-size: 30px;
}

@keyframes fde {
  0% {
    transform: translateY(40px);
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  100% {
    transform: translateY(0px);
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fdee {
  0% {
    transform: translateX(-100px);
  }

  100% {
    transform: translateY(0px);
  }
}

.team-slider-s {
  overflow-x: clip;
}

.team-slider-s .team-s__slider-single {
  overflow: hidden;
}

.team-slider-s .team-s__slider-single .content {
  transform: translateY(100%);
  transition: var(--transition);
  display: none;
  opacity: 0;
  visibility: hidden;
}

.team-slider-s .team-s__slider-single .thumb {
  position: relative;
  overflow: hidden;
}

.team-slider-s .team-s__slider-single .thumb a {
  width: 100%;
}

@keyframes rer {
  0% {
    transform: translateY(-200%);
    display: none;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
    transform: translateY(0px);
  }
}

.team-slider-s .team-s__slider-single .thumb .thumb__content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 30px;
  background-color: #1a1a1a;
  background-size: cover;
  background-position: left bottom;
  height: 130px;
  width: 240px;
  overflow-y: clip;
  transition: all 0.4s ease-in-out;
  display: none;
}

.team-slider-s .team-s__slider-single .thumb .thumb__content p {
  color: var(--primary-color);
  margin-top: 8px;
}

.team-slider-s .team-s__slider-single .thumb .thumb__content .info {
  transform: translateY(-200%);
  display: none;
  transition: var(--transition);
  margin-bottom: 20px;
}

.team-slider-s .team-s__slider-single .thumb .thumb__content .info p {
  color: var(--white);
}

.team-slider-s .team-s__slider-single .thumb .thumb__content .social-alt {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: 100%;
  bottom: 0px;
  width: 60px;
  height: 100%;
  background: linear-gradient(90deg, #f90 0%, #cc2500 100%);
  transition: all 0.4s ease-in-out;
  transition-delay: 0s;
  transform: translateY(100%);
}

.team-slider-s .team-s__slider-single .thumb .thumb__content .social-alt a {
  width: auto;
}

.team-slider-s
  .team-s__slider-single
  .thumb
  .thumb__content
  .social-alt
  a:hover {
  color: var(--white);
}

.team-slider-s .team-s__slider-single .thumb:hover .thumb__content {
  height: 220px;
}

.team-slider-s .team-s__slider-single .thumb:hover .thumb__content .info {
  transform: translateY(0px);
  display: block;
  animation: rer 0.4s ease-in-out;
}

.team-slider-s .team-s__slider-single .thumb:hover .thumb__content .social-alt {
  transform: translateY(0px);
}

.team-slider-s .slick-track {
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
}

.team-slider-s .slick-center-active .content {
  transform: translateY(0px);
  display: block;
  opacity: 1;
  visibility: visible;
  animation: fde 0.6s ease-in-out;
  max-width: 340px;
}

.team-slider-s .slick-center-active .team-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 24px;
  padding: 25px 20px;
  background-color: #131313;
}

.team-slider-s .slick-center-active .team-wrap .thumb {
  max-width: 290px;
  min-width: 290px;
}

.team-slider-s .slick-center-active .team-wrap .thumb img {
  width: 100%;
  min-height: 500px;
}

.team-slider-s .slick-center-active .team-wrap .intro p {
  color: var(--primary-color);
  margin-top: 6px;
}

.team-slider-s .slick-center-active .team-wrap hr {
  background-color: #414141;
  height: 1px;
  margin: 24px 0px;
  opacity: 1;
}

.team-slider-s .slick-center-active .team-wrap .inner p,
.team-slider-s .slick-center-active .team-wrap .inner span {
  font-size: 14px;
}

.team-slider-s .slick-center-active .team-wrap .skill-wrap {
  margin: 24px 0px;
}

.team-slider-s .slick-center-active .team-wrap .skill-bar-single {
  margin-bottom: 10px;
}

.team-slider-s
  .slick-center-active
  .team-wrap
  .skill-bar-single:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.team-slider-s .slick-center-active .team-wrap .skill-bar-wrapper {
  margin-top: 10px;
}

.team-slider-s .slick-center-active .team-wrap .skill-bar-wrapper span {
  color: #757575;
}

.team-slider-s .slick-center-active .team-wrap .skill-bar {
  height: 5px;
  border-radius: 100px;
  background-color: #fff;
  position: relative;
}

.team-slider-s .slick-center-active .team-wrap .skill-bar-percent {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: var(--primary-color);
  border-radius: inherit;
}

.team-slider-s .slick-center-active .team-wrap .percent-value {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0px;
}

.team-slider-s .slick-center-active .team-wrap .social {
  margin-top: 30px;
  justify-content: flex-start;
  gap: 14px;
}

.team-slider-s .slick-center-active .team-wrap .social a {
  border: 1px solid #888;
  color: #888;
  background-color: rgba(0, 0, 0, 0);
}

.team-slider-s .slick-center-active .team-wrap .social a:hover {
  color: var(--white);
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.team-slider-s .team-r .slide-group {
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9;
  max-width: 86%;
  padding: 0px 15px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.team-slider-s .team-r .slide-group button {
  background-color: var(--white);
  color: var(--primary-color);
}

.team-slider-s .team-r .slide-group button:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.team-slider-s .team-r:hover .slide-group {
  display: flex;
}

.mission-s .mission-s__single {
  height: 100%;
  background-color: #131313;
}

.mission-s .mission-s__single--alt {
  padding: 80px 60px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  transition: var(--transition);
  border: 10px solid rgba(0, 0, 0, 0);
}

.mission-s .mission-s__single--alt:hover {
  border: 10px solid var(--primary-color);
}

.mission-s .mission-s__single--alt h3 {
  text-transform: capitalize;
}

.mission-s .mission-s__single--alt p {
  text-transform: capitalize;
}

.achievements .achievements__slider-single {
  text-align: center;
}

.service-t {
  position: relative;
  overflow-x: clip;
  z-index: 1;
}

.service-t .service-t-single-wrapper {
  position: relative;
  z-index: 1;
  padding: 3px 3px 0px 3px;
}

.service-t .service-t-single-wrapper::before {
  content: "";
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 0%;
  background-image: linear-gradient(to bottom, #f7941e, transparent);
  z-index: -1;
  transition: var(--transition);
}

.service-t .service-t-single-wrapper:hover::before {
  height: 100%;
}

.service-t .service-t-single-wrapper:hover .cta a i {
  -webkit-text-stroke: 1px var(--primary-color);
}

.service-t .service-t-single-wrapper:hover .cta a span {
  transform: translateY(0px);
  color: var(--primary-color);
}

.service-t .service-t__slider-single {
  padding: 40px;
  background-color: var(--tertiary-color);
  position: relative;
}

.service-t .service-t__slider-single .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  line-height: 1;
  border: 1px solid #414141;
  border-radius: 30px;
  margin-bottom: 32px;
  text-transform: uppercase;
  color: var(--white);
}

.service-t .service-t__slider-single .sub-title i {
  transform: rotate(-45deg);
  color: var(--primary-color);
}

.service-t .service-t__slider-single h4 a {
  font-size: 30px;
  font-weight: 700;
}

.service-t .service-t__slider-single ul {
  margin: 30px 0px 40px;
}

.service-t .service-t__slider-single ul li {
  list-style-type: disc;
  margin-bottom: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.service-t .service-t__slider-single ul li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.service-t .service-t__slider-single .cta a {
  display: flex;
  align-items: center;
  gap: 20px;
  text-transform: uppercase;
  overflow: hidden;
}

.service-t .service-t__slider-single .cta a i {
  font-size: 36px;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px var(--white);
  transition: var(--transition);
}

.service-t .service-t__slider-single .cta a span {
  color: var(--white);
  font-size: inherit;
  line-height: inherit;
  transition: inherit;
  transform: translateY(200%);
}

.service-t .slide-group {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: -1;
}

.service-t .slide-group button {
  z-index: 2;
}

.ux-process {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.ux-process .intro-btn h4 {
  position: relative;
  padding-left: 40px;
  margin-bottom: 0px;
}

.ux-process .intro-btn h4::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 15px;
  height: 15px;
  background-color: #ff8e5e;
}

.ux-process .service-f-single {
  padding: 24px 0px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  border-top: 1px solid #414141;
  padding-right: 160px;
  position: relative;
}

.ux-process .service-f-single:nth-last-of-type(1) {
  border-bottom: 1px solid #414141;
}

.ux-process .service-f-single:nth-of-type(2) .intro-btn h4::before {
  background-color: #d7f890;
}

.ux-process .service-f-single:nth-of-type(3) .intro-btn h4::before {
  background-color: #757575;
}

.ux-process .service-f-single:nth-of-type(4) .intro-btn h4::before {
  background-color: #84d6d7;
}

.ux-process .service-f-single:nth-of-type(5) .intro-btn h4::before {
  background-color: #348cff;
}

.ux-process .service-f-single:nth-of-type(6) .intro-btn h4::before {
  background-color: #fed56a;
}

.ux-process .service-f-single .toggle-service-f {
  position: relative;
}

.ux-process .service-f-single .toggle-service-f::before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  color: var(--white);
  font-size: 18px;
}

.ux-process .service-f-single-active .toggle-service-f::before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  color: var(--primary-color);
  font-size: 18px;
}

.ux-process .body-cn {
  max-width: 640px;
}

.ux-process .body-cn p {
  max-width: 100% !important;
}

.ux-process button {
  background-color: rgba(0, 0, 0, 0);
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}

.ux-process .p-single {
  display: none;
}

.poster img,
.poster-small img {
  width: 100%;
  min-height: 260px;
}

.details-group h3 {
  margin-bottom: 30px;
  font-weight: 500;
  text-transform: capitalize;
}

.details-group p {
  margin-bottom: 24px;
}

.details-group p:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.project-sl {
  display: flex;
  align-items: center;
  position: relative;
  overflow-x: clip;
  margin: 0px -15px;
}

.project-sl .project-sl__single {
  padding: 0px 15px;
  max-width: 360px;
  min-width: 360px;
  width: 100%;
  border-right: 1px solid #414141;
}

.project-sl .project-sl__single:hover a {
  color: var(--primary-color);
}

.project-sl .thumb {
  margin-bottom: 100px;
}

.project-sl .thumb a {
  width: 100%;
  height: 430px;
  display: block;
}

.project-sl .thumb a img {
  width: 100%;
  height: 100%;
}

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

.project-sl .content h2 {
  height: 400px;
}

.project-sl .content h2 a {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  text-transform: capitalize;
}

.project-d .project-d-group h3 {
  margin-bottom: 40px;
}

.project-d .project-d-group p {
  margin-bottom: 30px;
}

.project-d .project-d-group p:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.project-d .project-d-group ul {
  margin-top: 20px;
}

.project-d .project-d-group ul li {
  margin-bottom: 12px;
  list-style-type: disc;
}

.project-d .project-d-group ul li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.project-d .poster__slider-wrapper {
  position: relative;
  overflow: hidden;
  margin: 60px 0px;
}

.project-d .poster__slider-wrapper img {
  width: 100%;
  min-height: 300px;
}

.project-d .poster__slider-wrapper .slide-group {
  padding: 0px 30px;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

.project-d .poster__slider-wrapper .slide-group button {
  z-index: 2;
}

.project-d .project-d-o__single {
  padding: 30px;
  border: 1px solid #414141;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.project-d .project-d-o__single h5 {
  position: relative;
  padding-left: 20px;
}

.project-d .project-d-o__single h5::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--primary-color);
}

.project-d .project-d-o__single p {
  color: #757575;
  margin-top: 12px;
}

.project-d .project-d-o__single .thumb {
  width: 100px;
  min-width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  border-radius: 5px;
}

.project-d .quote-pj {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 160px 40px 0px;
  border: 1px solid #414141;
  border-left: 0px;
  border-right: 0px;
  margin-top: 40px;
}

.project-d .quote-pj .quote {
  margin-bottom: 30px;
}

.project-d .quote-pj .quote i {
  color: var(--primary-color);
  font-size: 56px;
}

.project-d .quote-pj .cont {
  max-width: 800px;
}

.project-d .quote-pj h4 {
  color: var(--secondary-color);
}

.project-d .project-d__slider img {
  width: 100%;
  min-height: 280px;
}

.blog-main {
  position: relative;
}

.blog-main .blog-main__sidebar,
.blog-main .blog-main__content {
  position: sticky;
  top: 140px;
}

.blog-main .blog-main__single {
  margin-bottom: 65px;
}

.blog-main .blog-main__single:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.blog-main .blog-main__single .thumb {
  padding: 30px;
  border: 1px solid #414141;
  border-radius: 10px;
}

.blog-main .blog-main__single .thumb .thumb-link {
  position: relative;
}

.blog-main .blog-main__single .thumb .thumb-link a {
  width: 100%;
}

.blog-main .blog-main__single .thumb .thumb-link a img {
  width: 100%;
  min-height: 240px;
}

.blog-main .blog-main__single .thumb .thumb-link .video-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-main .blog-main__single .thumb .thumb-link .video-wrap a {
  width: 104px;
  min-width: 104px;
  height: 104px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  color: #000;
  font-size: 30px;
}

.blog-main .blog-main__single .video-wrap a {
  position: relative;
  z-index: 1;
}

.blog-main .blog-main__single .video-wrap a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: 50%;
  background-color: inherit;
  opacity: 0.8;
  z-index: -1;
  animation: wave 3s linear infinite;
}

.blog-main .blog-main__single .video-wrap a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  background-color: inherit;
  opacity: 0.4;
  z-index: -2;
  animation: wave 6s linear infinite;
  animation-delay: 1s;
}

.blog-main .blog-main__single .meta {
  display: flex;
  align-items: center;
  gap: 24px;
  row-gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

.blog-main .blog-main__single .meta__left {
  display: flex;
  align-items: center;
  gap: 24px;
}

.blog-main .blog-main__single .meta__left span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d9d9d9;
}

.blog-main .blog-main__single .meta__left strong {
  color: var(--theme-color);
}

.blog-main .blog-main__single .meta__left p {
  font-size: 14px;
  color: #646464;
}

.blog-main .blog-main__single .meta__right {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.blog-main .blog-main__single .meta__right a {
  width: auto;
  line-height: 20px;
  padding: 6px 10px;
  border-radius: 30px;
  font-weight: 400;
  color: #646464;
  background-color: #eee;
}

.blog-main .blog-main__single .meta__right a:hover {
  background-color: #dff0fa;
}

.blog-main .blog-main__single .content {
  padding: 30px 30px 0px;
}

.blog-main .blog-main__single .content .h4 {
  margin-bottom: 20px;
}

.blog-main .blog-main__single .content a {
  letter-spacing: 0px;
}

.blog-main .blog-main__single .content a:hover {
  color: var(--primary-color);
}

.blog-main .blog-main__single .content .cta {
  margin-top: 30px;
}

.blog-main .blog-main__single .content .cta a {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  background-color: #f5f5f5;
  font-size: 18px;
  color: var(--black);
}

.blog-main .blog-main__single .content .cta a:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.blog-main .blog-main__sidebar {
  background-color: #101010;
  padding: 30px;
}

.blog-main .widget {
  margin-bottom: 40px;
}

.blog-main .widget:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.blog-main .widget .widget__head {
  margin-bottom: 30px;
}

.blog-main .widget .widget__head .h5 {
  font-weight: 500;
}

.blog-main .widget .form-group-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #414141;
  background-color: var(--black);
  padding-right: 20px;
}

.blog-main .widget .form-group-input input {
  width: 100%;
  padding: 12px 20px 12px 20px;
  background-color: var(--black);
  color: #fff;
}

.blog-main .widget .form-group-input button {
  font-size: 20px;
  color: #646464;
}

.blog-main .widget .form-group-input button:hover {
  color: var(--primary-color);
}

.blog-main .widget__list li {
  list-style-type: disc;
  margin-bottom: 14px;
}

.blog-main .widget__list li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.blog-main .widget__list a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.blog-main .widget__list a:hover {
  color: var(--primary-color);
}

.blog-main .widget__latest .latest-single {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #414141;
  margin-bottom: 30px;
}

.blog-main .widget__latest .latest-single:nth-last-of-type(1) {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: 0px solid rgba(0, 0, 0, 0);
}

.blog-main .widget__latest .latest-thumb {
  width: 80px;
  height: 80px;
  min-width: 80px;
}

.blog-main .widget__latest .latest-thumb a {
  width: 100%;
}

.blog-main .widget__latest .latest-thumb img {
  width: 100%;
}

.blog-main .widget__latest .latest-content p {
  color: #646464;
  line-height: 26px !important;
  margin-bottom: 6px;
}

.blog-main .widget__latest .latest-content a {
  color: var(--theme-color);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0px;
}

.blog-main .widget__latest .latest-content a:hover {
  color: var(--primary-color);
}

.blog-main .widget__tags ul {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog-main .widget__tags ul a {
  font-size: 14px;
  color: #646464;
  text-transform: capitalize;
}

.blog-main .widget__tags ul a:hover {
  color: var(--primary-color);
}

.blog-main .widget-big a {
  width: 100%;
}

.blog-main .widget-big a img {
  width: 100%;
  min-height: 200px;
}

.blog-main .pagination-wrapper {
  padding-top: 50px;
  margin-top: 65px;
  border-top: 1px solid #414141;
}

.blog-main .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.blog-main .pagination a {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9d9d9;
  background-color: #000;
  color: #fff;
  transition: var(--transition);
}

.blog-main .pagination a:hover {
  background-color: var(--primary-color);
  color: var(--white);
  border: 1px solid var(--primary-color);
}

.blog-main .pagination .active {
  background-color: var(--primary-color);
  color: var(--white);
  border: 1px solid var(--primary-color);
}

.blog-main .pagination button {
  font-size: 20px;
  color: var(--theme-color);
}

.blog-main .pagination button:hover {
  color: var(--primary-color);
}

.blog-details .bd-thumb img {
  width: 100%;
  min-height: 240px;
}

.blog-details .bd-content {
  padding: 30px;
}

.blog-details .bd-meta {
  margin-bottom: 30px;
}

.blog-details .bd-meta .meta__left {
  display: flex;
  align-items: center;
  gap: 24px;
}

.blog-details .bd-meta .meta__left span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d9d9d9;
}

.blog-details .bd-meta .meta__left strong {
  color: var(--theme-color);
}

.blog-details .bd-meta .meta__left p {
  font-size: 14px;
  color: #646464;
}

.blog-details .bd-content-info .paragraph {
  margin-top: 20px;
  margin-bottom: 50px;
}

.blog-details .bd-group {
  display: flex;
  gap: 16px;
}

.blog-details .bd-group img {
  width: calc(50% - 8px);
  height: 100%;
}

.blog-details .bd-content__alt {
  margin-top: 30px;
}

.blog-details .bd-content__alt ul {
  margin-top: 30px;
}

.blog-details .bd-content__alt li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.blog-details .bd-content__alt li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.blog-details .bd-quote {
  padding: 48px 80px;
  background-color: #1e1e1e;
}

.blog-details .bd-tags {
  padding: 30px 0px;
  border: 1px solid #414141;
  border-left: 0px;
  border-right: 0px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}

.blog-details .bd-tags .tags-left,
.blog-details .bd-tags .tags-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.blog-details .bd-tags .tags-left .tags-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-details .bd-tags .tags-left .tags-content a {
  font-size: 14px;
  color: #646464;
  padding: 6px 10px;
  border-radius: 30px;
  background-color: #1b1b1b;
}

.blog-details .bd-tags .tags-left .tags-content a:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.blog-details .bd-tags .tags-right {
  justify-content: flex-end;
}

.blog-details .bd-tags .tags-right .social {
  gap: 12px;
}

.blog-details .bd-tags .tags-right a {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #414141;
  color: #d9d9d9;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0);
}

.blog-details .bd-tags .tags-right a:hover {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  background-color: var(--white);
}

.blog-details .blog-details__pagination a {
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-color);
  transition: var(--transition);
}

.blog-details .blog-details__pagination a i {
  font-size: 24px;
  transition: none;
}

.blog-details .blog-details__pagination a:hover {
  color: var(--primary-color);
}

.blog-details .blog-details__pagination .single--alt {
  text-align: end;
}

.blog-details .blog-details__pagination .latest-single {
  padding: 25px 30px;
  background-color: #1e1e1e;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}

.blog-details .blog-details__pagination .latest-single .latest-thumb {
  width: 80px;
  min-width: 80px;
  height: 80px;
}

.blog-details .blog-details__pagination .latest-single .latest-thumb img {
  width: 100%;
}

.blog-details .blog-details__pagination .latest-single .latest-content {
  text-align: start;
}

.blog-details .blog-details__pagination .latest-single .latest-content p {
  color: #646464;
  font-size: 14px;
  line-height: 26px !important;
  margin-bottom: 6px;
}

.blog-details .blog-details__pagination .latest-single .latest-content a {
  color: var(--theme-color);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
}

.blog-details .blog-details__pagination .latest-single .latest-content a:hover {
  color: var(--primary-color);
}

.paragraph p {
  margin-bottom: 30px;
}

.paragraph p:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.comment-form input,
.comment-form textarea {
  background-color: var(--white);
  border-radius: 0px;
}

.comment-form textarea {
  min-height: 200px;
}

.comment-form .cta__group {
  justify-content: flex-start;
  margin-top: 40px;
}

.comment-form .cta__group i {
  transform: rotate(-45deg);
}

.comment-form .cta__group .btn {
  background-color: var(--primary-color);
  color: var(--white);
  text-transform: capitalize;
  border: 1px solid #414141 !important;
  display: flex;
  align-items: center;
  border-radius: 6px;
  gap: 12px;
}

.comment-form .cta__group .btn::before {
  content: none;
}

.comment-form .cta__group .btn:hover {
  color: var(--white);
  border: 1px solid var(--tertiary-color) !important;
}

.comment-form .cta__group .btn i {
  transition: none;
}

.comment-form .form-group-wrapper {
  margin-bottom: 30px;
}

.form-group-single {
  margin-bottom: 20px;
}

.form-group-single label,
.form-group-single p {
  margin-bottom: 10px;
  text-transform: capitalize;
}

.form-group-single input,
.form-group-single textarea {
  padding: 12px 20px;
  background-color: #101010;
  border: 1px solid #414141;
  border-radius: 5px;
  width: 100%;
  text-transform: capitalize;
}

.form-group-single input::-moz-placeholder,
.form-group-single textarea::-moz-placeholder {
  color: #969696;
}

.form-group-single input::placeholder,
.form-group-single textarea::placeholder {
  color: #969696;
}

.form-group-single textarea {
  min-height: 200px;
  max-height: 200px;
}

.form-group-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  row-gap: 20px;
  margin-bottom: 20px;
}

.form-group-wrapper .form-group-single {
  width: calc(50% - 15px);
  margin-bottom: 0px;
}

.audio-player {
  margin-top: 30px;
}

.audio-player audio {
  width: 100%;
}

.thumb-radio {
  padding: 75px 40px;
  background: #131313;
}

.team-m .team-m__single .thumb {
  position: relative;
  overflow: hidden;
}

.team-m .team-m__single .thumb a {
  width: 100%;
}

@keyframes rer {
  0% {
    transform: translateY(-200%);
    display: none;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
    transform: translateY(0px);
  }
}

.team-m .team-m__single .thumb .thumb__content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 30px;
  background-color: #1a1a1a;
  background-size: cover;
  background-position: left bottom;
  height: 130px;
  width: 280px;
  overflow-y: clip;
  transition: all 0.4s ease-in-out;
}

.team-m .team-m__single .thumb .thumb__content p {
  color: var(--primary-color);
  margin-top: 8px;
}

.team-m .team-m__single .thumb .thumb__content .info {
  transform: translateY(-200%);
  display: none;
  transition: var(--transition);
  margin-bottom: 20px;
}

.team-m .team-m__single .thumb .thumb__content .info p {
  color: var(--white);
}

.team-m .team-m__single .thumb .thumb__content .social-alt {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: 100%;
  bottom: 0px;
  width: 60px;
  height: 100%;
  background: linear-gradient(90deg, #f90 0%, #cc2500 100%);
  transition: all 0.4s ease-in-out;
  transition-delay: 0s;
  transform: translateY(100%);
}

.team-m .team-m__single .thumb .thumb__content .social-alt a {
  width: auto;
}

.team-m .team-m__single .thumb .thumb__content .social-alt a:hover {
  color: var(--white);
}

.team-m .team-m__single .thumb:hover .thumb__content {
  height: 220px;
}

.team-m .team-m__single .thumb:hover .thumb__content .info {
  transform: translateY(0px);
  display: block;
  animation: rer 0.4s ease-in-out;
}

.team-m .team-m__single .thumb:hover .thumb__content .social-alt {
  transform: translateY(0px);
}

.team-det .team-det__thumb {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.team-det .team-det__thumb img {
  width: 100%;
  height: 100%;
}

.team-det .team-det__thumb .social-alt {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  right: 70px;
  bottom: 0px;
  width: 60px;
  height: 180px;
  background: linear-gradient(90deg, #f90 0%, #cc2500 100%);
}

.team-det .team-det__thumb .social-alt a {
  width: auto;
}

.team-det .team-det__thumb .social-alt a:hover {
  color: var(--white);
}

.team-det .team-det__content {
  background-color: #1a1a1a;
  padding: 30px;
  height: 100%;
}

.team-det .intro {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #414141;
  padding-bottom: 40px;
}

.team-det .intro-left h4 {
  text-transform: capitalize;
  font-weight: 600;
}

.team-det .intro-left p {
  color: var(--primary-color);
  margin-top: 8px;
}

.team-det .intro-right a {
  display: flex;
  gap: 12px;
}

.team-det .content {
  margin: 40px 0px;
}

.team-det .content h5 {
  margin-bottom: 30px;
}

.team-det .skill-wrap {
  margin: 24px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.team-det .skill-bar-single {
  margin-bottom: 10px;
  width: 100%;
  max-width: 340px;
}

.team-det .skill-bar-wrapper {
  margin-top: 10px;
}

.team-det .skill-bar-wrapper span {
  color: #757575;
}

.team-det .skill-bar {
  height: 5px;
  border-radius: 100px;
  background-color: #fff;
  position: relative;
}

.team-det .skill-bar-percent {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: var(--primary-color);
  border-radius: inherit;
}

.team-det .percent-value {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0px;
}

.team-det .team-det__info {
  margin-top: 30px;
  padding: 30px;
  background-color: #1a1a1a;
}

.team-det .team-det__info h4 {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #414141;
}

.team-det .team-det__info .group {
  margin-bottom: 30px;
}

.team-det .team-det__info .group h5 {
  margin-bottom: 20px;
}

.team-det .team-det__info .group h5 span {
  color: var(--primary-color);
}

.team-det .team-det__info .group:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.portfolio-m .portfolio-m__single {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.portfolio-m .portfolio-m__single .thumb a {
  width: 100%;
  height: 100%;
}

.portfolio-m .portfolio-m__single .thumb a img {
  width: 100%;
  height: 100%;
  min-height: 360px;
}

.portfolio-m .portfolio-m__single .content {
  position: absolute;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  transform: translateY(100%);
  transition: all 0.4s ease-in-out;
}

.portfolio-m .portfolio-m__single .content i {
  font-size: 120px;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px var(--primary-color);
}

.portfolio-m .portfolio-m__single .content a {
  text-transform: capitalize;
}

.portfolio-m .portfolio-m__single .tr {
  text-align: end;
}

.portfolio-m .portfolio-m__single:hover .content {
  transform: translateY(0px);
}

.feedback-s .feedback-s__single {
  padding: 40px;
  background-color: #191919;
  transition: var(--transition);
  border: 1px solid rgba(0, 0, 0, 0);
}

.feedback-s .feedback-s__single:hover {
  border: 1px solid var(--primary-color);
}

.feedback-s .feedback-s__single:hover .quote i {
  color: var(--primary-color) !important;
}

.feedback-s .content .quote {
  margin-bottom: 20px;
}

.feedback-s .content .quote i {
  font-size: 56px;
  color: var(--secondary-color);
  transition: var(--transition);
}

.feedback-s .content p {
  color: #888;
  text-transform: capitalize;
}

.feedback-s hr {
  margin: 40px 0px;
  background-color: #414141;
  height: 1px;
}

.feedback-s .author {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.feedback-s .author .thumb {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
}

.feedback-s .author p {
  color: var(--primary-color);
  margin-top: 4px;
  text-transform: capitalize;
}

.feedback-s .btn--secondary {
  border: 0px solid rgba(0, 0, 0, 0) !important;
  font-weight: 400;
  color: var(--primary-color);
  text-decoration: underline;
  text-transform: capitalize;
  padding: 0px;
}

.feedback-s .btn--secondary::before {
  content: none;
}

.faq .faq__thumb {
  padding-right: 30px;
}

.faq .faq__thumb img {
  width: 100%;
  min-height: 260px;
}

.faq .accordion .accordion-item {
  margin-bottom: 30px;
  background-color: #1a1a1a;
  border-radius: 0px;
  border: 0px;
}

.faq .accordion .accordion-item:last-of-type {
  margin-bottom: 0px;
}

.faq .accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0px;
}

.faq .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  color: var(--primary-color);
  content: "";
  font-family: "Font Awesome 6 Pro";
  transform: rotate(0deg);
}

.faq .accordion .accordion-item .accordion-button {
  border-radius: 0px;
  color: #fff;
  position: relative;
  box-shadow: 0px 0px 0px;
  text-transform: capitalize;
  background-color: rgba(0, 0, 0, 0);
}

.faq .accordion .accordion-item .accordion-button::after {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  background-image: none;
  font-size: 16px;
  color: var(--primary-color);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
}

.faq .accordion .faq-one-active {
  border-top: 3px solid var(--primary-color);
}

.faq .accordion h5 {
  display: flex;
  align-items: center;
  gap: 16px;
  text-transform: uppercase;
}

.faq .accordion h5 button {
  padding: 0px;
  font-size: inherit;
  line-height: 26px;
  font-weight: 500;
  border: none;
  outline: none;
  box-shadow: 0px 0px 0px;
  padding: 30px 30px;
  text-transform: uppercase;
}

.faq .accordion .accordion-body {
  padding: 0px 30px 30px;
  border-top: 0px solid rgba(0, 0, 0, 0);
}

.faq .accordion .accordion-body p {
  color: #fff;
  text-transform: capitalize;
  max-width: 1200px;
}

.contact-m .contact-m__single {
  padding: 40px 65px;
  background-color: #1a1a1a;
  text-align: center;
  height: 100%;
}

.contact-m .thumb {
  margin-bottom: 30px;
}

.contact-m h4 {
  margin-bottom: 30px;
  text-transform: capitalize;
}

.contact-m p {
  margin-bottom: 6px;
}

.contact-m p:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.contact-m p a {
  color: #dadada;
}

.contact-m p a:hover {
  color: var(--primary-color);
}

.contact-m .map-wrapper {
  margin-top: 30px;
}

.contact-m .map-wrapper iframe {
  width: 100%;
  height: 100%;
  min-height: 300px;
}

.contact-m .contact__map {
  height: 100%;
}

.contact-m .contact-main__form {
  padding: 60px 40px;
  background-color: #1a1a1a;
}

.contact-m .contact-main__form h3 {
  font-weight: 900;
}

.contact-m .contact-main__form .group-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 40px;
}

.contact-m .contact-main__form .group-wrapper .group-input {
  width: calc(50% - 15px);
  margin-bottom: 0px;
}

.contact-m .contact-main__form .group-input {
  width: 100%;
  margin-bottom: 40px;
}

.contact-m .contact-main__form input,
.contact-m .contact-main__form textarea {
  background-color: rgba(0, 0, 0, 0);
  padding: 0px 16px 16px 0px;
  border-bottom: 2px solid #414141;
  width: 100%;
}

.contact-m .contact-main__form input:focus,
.contact-m .contact-main__form textarea:focus {
  border-bottom: 2px solid var(--primary-color);
}

.contact-m .contact-main__form .form-cta {
  margin-top: 40px;
}

.contact-m .contact-main__form .form-cta .btn {
  border: 1px solid #414141;
  color: var(--white);
}

.contact-m .contact-main__form .form-cta .btn:hover {
  border: 1px solid var(--primary-color);
  color: var(--black);
}

.contact-m .contact-main__form .subject {
  width: 100%;
  float: unset;
  border: 0px;
  height: auto;
  line-height: 28px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0px 20px 20px 0px;
  border-bottom: 2px solid #414141;
}

.contact-m .contact-main__form .subject::after {
  position: absolute;
  top: 30%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  border-color: #fff;
}

.contact-m .contact-main__form .subject .list {
  width: 100%;
}

.contact-m .contact-main__form .subject .list .option {
  color: var(--black) !important;
  padding: 10px 30px;
}

.error span {
  font-weight: 500;
  color: var(--white);
  text-transform: uppercase;
}

.error .thumb {
  margin: 60px 0px;
}

.error h2 {
  letter-spacing: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1.6;
}

.section__header .title div,
.section__content .title div {
  text-transform: lowercase !important;
  font-weight: 600;
}

.section__header .title div:nth-child(1),
.section__content .title div:nth-child(1) {
  text-transform: capitalize !important;
}

.g-ind {
  position: relative;
  z-index: 99;
}

.home-light {
  background-color: #fff;
}

.home-light .light .sub-title {
  border-color: #d9d9d9;
  color: var(--primary-color);
}

.home-light .slide-group .slide-btn {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.home-light .slide-group .slide-btn:hover {
  color: #000;
}

.home-light .banner {
  --theme-color: black;
  background-color: #fff;
}

.home-light .banner .video-frame i {
  width: 60%;
  min-width: 60%;
  height: 60%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
}

.home-light .banner__content h1 {
  color: #000;
}

.home-light .portfolio {
  --theme-color: black;
}

.home-light .portfolio .portfolio__single-alt-wrapper {
  background-color: #fff;
}

.home-light .portfolio .portfolio__single-alt-wrapper h4 a {
  color: var(--white);
}

.home-light .portfolio .portfolio__single-alt-wrapper h4 a:hover {
  color: var(--primary-color);
}

.home-light .portfolio .portfolio__text-slider-single {
  --white: black;
}

.home-light .offer h2,
.home-light .offer p {
  color: #000 !important;
}

.home-light .offer h2 a,
.home-light .offer p a {
  color: #000 !important;
}

.home-light .offer h2 a:hover,
.home-light .offer p a:hover {
  color: var(--primary-color) !important;
}

.home-light .offer .offer__cta .sub-title {
  background-color: #000;
  color: var(--primary-color);
}

.home-light .offer .btn--secondary {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.home-light .offer .btn--secondary:hover {
  color: #000;
}

.home-light .testimonial {
  --theme-color: black;
  --white: black;
}

.home-light .next-page {
  --theme-color: black;
  --white: black;
}

.home-light .lines .line {
  background-color: #d9d9d9;
}

.home-light .navbar-active {
  background-color: #fff;
  border-color: #d9d9d9;
}

.home-two-light {
  background-color: #fff;
}

.home-two-light .light .sub-title {
  border-color: #d9d9d9;
  color: var(--primary-color);
}

.home-two-light .slide-group .slide-btn {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.home-two-light .slide-group .slide-btn:hover {
  color: #000;
}

.home-two-light .primary-navbar .open-mobile-menu {
  color: #000;
}

.home-two-light .primary-navbar .btn--secondary {
  border-color: var(--primary-color);
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.home-two-light .primary-navbar .btn--secondary:hover {
  color: #000;
}

@media only screen and (min-width: 1200px) {
  .home-two-light .primary-navbar .navbar__item a,
  .home-two-light .primary-navbar .navbar__item button {
    color: #000;
  }

  .home-two-light .primary-navbar .navbar__item a:hover,
  .home-two-light .primary-navbar .navbar__item button:hover {
    color: var(--primary-color);
  }
}

.home-two-light .banner-two {
  background-color: #fff;
  --white: black;
  --theme-color: black;
}

.home-two-light .banner-two::before {
  content: none;
}

.home-two-light .banner-two .btn--secondary {
  border-color: var(--primary-color);
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 10px;
}

.home-two-light .banner-two .btn--secondary:hover {
  color: #000;
}

.home-two-light .spo-light .sub-title {
  background-color: #000;
  color: var(--primary-color);
}

.home-two-light .portfolio {
  --theme-color: black;
}

.home-two-light .portfolio .portfolio__single-alt-wrapper {
  background-color: #fff;
}

.home-two-light .portfolio-two .portfolio-two__filter-btn button {
  color: #888;
}

.home-two-light .portfolio-two .portfolio-two__filter-btn button span {
  color: #888;
  transition: var(--transition);
}

.home-two-light .portfolio-two .portfolio-two__filter-btn button:hover {
  color: var(--primary-color);
}

.home-two-light .portfolio-two .portfolio-two__filter-btn button:hover span {
  color: var(--primary-color);
}

.home-two-light .portfolio-two .portfolio-two__filter-btn .active {
  color: var(--primary-color);
}

.home-two-light .portfolio-two .portfolio-two__filter-btn .active span {
  color: var(--primary-color);
}

.home-two-light .offer-two-light {
  --theme-color: black;
}

.home-two-light .offer-two-light .offer__cta h2 a {
  color: #888;
}

.home-two-light .offer-two-light .offer__cta h2 a:hover {
  color: var(--primary-color);
}

.home-two-light .blog-two-light {
  background-color: #fff;
}

.home-two-light .blog-two-light .section__header--secondary {
  --theme-color: black;
}

.home-two-light .next-page {
  --theme-color: black;
  --white: black;
}

.home-two-light .next-p-two-light .sub-title {
  background-color: #000;
  color: var(--primary-color);
}

.home-two-light .lines .line {
  background-color: #d9d9d9;
}

.home-two-light .navbar-active {
  background-color: #fff;
  border-color: #d9d9d9;
}

.home-two-light .liner::before {
  background-color: #d9d9d9;
}

.home-three-light {
  background-color: #fff;
}

.home-three-light .light .sub-title {
  border-color: #d9d9d9;
  color: var(--primary-color);
}

.home-three-light .slide-group .slide-btn {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.home-three-light .slide-group .slide-btn:hover {
  color: #000;
}

.home-three-light .service-f-light {
  background-color: #fff;
  --theme-color: black;
  --white: black;
}

.home-three-light .service-f-light button {
  background-color: #e4e4e4;
  color: #757575;
}

.home-three-light .service-f-light .service-f-single {
  border-color: #d9d9d9;
}

.home-three-light .service-f-light .service-f-single .sub-title {
  background-color: #000;
  color: var(--primary-color);
}

.home-three-light .service-f-light .service-f-single-active button {
  color: var(--primary-color);
}

.home-three-light .service-f-light .service-f-single-active h4 {
  color: var(--primary-color);
}

.home-three-light .portfolio-three {
  --theme-color: black;
}

.home-three-light .portfolio-three .portfolio__text-slider {
  --white: black;
}

.home-three-light .work-steps-light {
  --theme-color: black;
}

.home-three-light .work-steps-light .video-frame i {
  width: 60%;
  min-width: 60%;
  height: 60%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
}

.home-three-light .work-steps-light .work-steps__single h5 {
  background-color: #fff;
}

.home-three-light .blog-three-light {
  --theme-color: black;
}

.home-three-light .blog-three-light .blog-three__wrapper {
  border-color: #d9d9d9;
}

.home-three-light .blog-three-light .blog-three__single {
  border-color: #d9d9d9;
}

.home-three-light .blog-three-light .blog-three__single .sub-title {
  background-color: #000;
  color: var(--primary-color);
}

.home-three-light .next-page {
  --theme-color: black;
  --white: black;
}

.home-four-light {
  background-color: #fff;
}

.home-four-light .quaternary--navbar .open-offcanvas-nav {
  color: #757575;
}

.home-four-light .quaternary--navbar .btn {
  color: #000;
}

.home-four-light .quaternary--navbar .btn i {
  color: var(--primary-color);
}

.home-four-light .quaternary--navbar .btn:hover {
  color: var(--primary-color);
}

.home-four-light .light .sub-title {
  border-color: #d9d9d9;
  color: var(--primary-color);
}

.home-four-light .slide-group .slide-btn {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.home-four-light .slide-group .slide-btn:hover {
  color: #000;
}

.home-four-light .banner-four {
  background-color: #fff;
  --theme-color: black;
  border-color: #d9d9d9;
}

.home-four-light .banner-four::before {
  background-image: url("../images/banner/line-l.png");
}

.home-four-light .banner-four .intro p {
  color: #474747;
}

.home-four-light .four-info {
  --theme-color: black;
}

.home-four-light .project__text-slider {
  border-color: #d9d9d9;
  --theme-color: black;
}

.home-four-light .projects-s {
  --theme-color: black;
}

.home-four-light .projects-s .projects-s__single {
  border-color: #d9d9d9;
}

.home-four-light .projects-s .projects-s__single p {
  color: #000;
}

.home-four-light .projects-s a:hover {
  color: var(--primary-color);
}

.home-four-light .projects-s .btn {
  color: #757575;
}

.home-four-light .projects-s .btn:hover {
  color: var(--black);
}

.home-four-light .footer-four {
  --theme-color: black;
}

.home-four-light .footer-four::before {
  background-color: #d9d9d9;
}

.home-four-light .footer-four .cta-t a {
  background-color: var(--primary-color);
  color: #fff;
}

.home-four-light .footer-four .cta-t a:hover {
  background-color: var(--black);
  color: var(--primary-color);
}

.home-four-light .footer-four .copy-t a {
  color: var(--black);
}

.home-four-light .footer-four .copy-t a:hover {
  color: var(--primary-color);
}

.home-four-light .footer-four .footer-three__copyright {
  border-color: #d9d9d9;
}

.home-four-light .navbar-active {
  background-color: #fff;
  border-color: #d9d9d9;
}

.home-five-light {
  background-color: #fff;
}

.home-five-light .quinary--navbar .open-offcanvas-nav {
  color: #757575;
}

.home-five-light .quinary--navbar .navbar__item a,
.home-five-light .quinary--navbar .navbar__item button {
  color: #000;
}

.home-five-light .quinary--navbar .navbar__item a:hover,
.home-five-light .quinary--navbar .navbar__item button:hover {
  color: var(--primary-color);
}

.home-five-light .quinary--navbar .btn {
  color: #000;
}

.home-five-light .quinary--navbar .btn i {
  color: var(--primary-color);
}

.home-five-light .quinary--navbar .btn:hover {
  color: var(--black);
}

.home-five-light .light .sub-title {
  border-color: #d9d9d9;
  color: var(--primary-color);
}

.home-five-light .slide-group .slide-btn {
  border-color: #d9d9d9;
  color: #d9d9d9;
}

.home-five-light .slide-group .slide-btn:hover {
  color: #000;
}

.home-five-light .banner-five .projects-s__single {
  border-color: #d9d9d9;
}

.home-five-light .banner-five .projects-s__single a {
  color: #000;
}

.home-five-light .banner-five .projects-s__single a:hover {
  color: var(--primary-color);
}

.home-five-light .testimonial {
  --theme-color: black;
}

.home-five-light .testimonial .testimonial__text-slider {
  --white: black;
}

.home-five-light .footer-four {
  --theme-color: black;
}

.home-five-light .footer-four::before {
  background-color: #d9d9d9;
}

.home-five-light .footer-four .cta-t a {
  background-color: var(--primary-color);
  color: #fff;
}

.home-five-light .footer-four .cta-t a:hover {
  background-color: #000;
  color: var(--primary-color);
}

.home-five-light .footer-four .copy-t a {
  color: var(--black);
}

.home-five-light .footer-four .copy-t a:hover {
  color: var(--primary-color);
}

.home-five-light .footer-four .footer-three__copyright {
  border-color: #d9d9d9;
}

.home-five-light .navbar-active {
  background-color: #fff;
  border-color: #d9d9d9;
}

@media only screen and (max-width: 1699.98px) {
  .primary-navbar .navbar__sub-menu__nested {
    left: calc(100% - 24px);
  }

  .banner .banner-left-text {
    left: 35px;
    z-index: 9999;
  }

  .banner .banner-right-text {
    right: 35px;
    z-index: 9999;
  }

  .banner .banner__content {
    padding-left: 44px;
  }

  .banner-three .banner-three__slider-single {
    padding: 290px 0px 460px;
  }

  .banner-three .banner-three__slider-progress-wrapper {
    bottom: 260px;
  }

  .portfolio .portfolio__single-alt .arr {
    font-size: 56px;
    left: 40px;
    bottom: 40px;
  }

  .portfolio-three .slide-group {
    position: static;
    margin-top: 60px;
    justify-content: center;
    transform: translate(0px);
  }

  .testimonial .slide-group {
    right: 40px;
  }

  .service-t .slide-group {
    position: static;
    justify-content: center;
    transform: translate(0px);
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1439.98px) {
  .contact-m .contact-m__single {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 1399.98px) {
  h1,
  .h1,
  .light-title {
    font-size: 75px;
    line-height: 100px;
  }

  h2 {
    font-size: 40px;
    line-height: 50px;
  }

  h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .light-title-lg {
    font-size: 24px;
    line-height: 34px;
  }

  .primary-navbar .navbar__item a,
  .primary-navbar .navbar__item button {
    font-size: 14px;
  }

  .banner .banner-one-thumb {
    max-width: 300px;
  }

  .banner-four .banner-four__title {
    max-width: 700px;
    padding-left: 180px;
  }

  .banner-four .banner-four__title h1 {
    text-align: start;
  }

  .banner-four .banner-four__title .frame,
    /*.site-footer .frame {
    margin: 0px 20px;
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    display: inline-flex;
  }
  .banner-four .banner-four__title .frame i,
  .site-footer .frame i {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }*/
    .portfolio .portfolio__single .portfolio__single-content h4 {
    font-size: 18px;
  }

  .blog-two .blog-two__slider-single .blog__single-content {
    padding: 40px 20px;
  }

  .work-steps .work-steps__single h5 {
    padding: 16px 20px;
    font-size: 16px;
  }

  .work-steps .work-steps__single .work-thumb-hover {
    width: 300px;
    height: 120px;
  }

  .work-steps .video-frame {
    width: 120px;
    min-width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }

  .testimonial .slide-group {
    position: relative;
    inset: 0px;
    z-index: 9;
    flex-direction: row;
    margin-top: 40px;
    transform: translate(0px);
  }

  .testimonial .slide-group button {
    transform: rotate(0deg) !important;
  }

  .ux-process .service-f-single {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 1199.98px) {
  .primary-navbar {
    padding: 21px 0px;
  }

  .primary-navbar .navbar__menu {
    display: none;
  }

  .tertiary--navbar {
    padding: 0px;
  }

  .mobile-menu {
    position: fixed;
    inset: 0px;
    overflow: hidden;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: var(--transition);
    z-index: 9999;
    transition: all 0.6s ease-in-out;
    max-width: 400px;
    background-color: var(--black);
  }

  .mobile-menu .mobile-menu__header {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    padding: 0px 40px;
    justify-content: space-between;
  }

  .mobile-menu .close-mobile-menu {
    font-size: 36px;
  }

  .mobile-menu .mobile-menu__wrapper {
    position: fixed;
    inset: 0px;
    max-width: 400px;
    background-color: var(--black);
    z-index: 9999;
    padding: 60px 0px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    transition: 0.6s ease-in-out;
    transition-delay: 0.6s;
    gap: 60px;
    transform: translateY(100%);
    opacity: 1;
    visibility: visible;
  }

  .mobile-menu .mobile-menu__wrapper::-webkit-scrollbar {
    width: 0px;
  }

  .mobile-menu .mobile-menu__list > ul {
    flex-direction: column;
  }

  .mobile-menu .mobile-menu__list > ul > li > a,
  .mobile-menu .mobile-menu__list > ul > li button {
    border-bottom: 1px solid #414141;
  }

  .mobile-menu .mobile-menu__list > ul > li:nth-of-type(1) {
    border-top: 1px solid #414141;
  }

  .mobile-menu .navbar__item {
    width: 100%;
    transition: var(--transition);
  }

  .mobile-menu .navbar__item a,
  .mobile-menu .navbar__item button {
    color: var(--white);
    padding: 20px 80px 20px 40px;
    line-height: 1;
    font-size: 16px;
  }

  .mobile-menu .navbar__item a:hover,
  .mobile-menu .navbar__item button:hover {
    color: var(--primary-color);
  }

  .mobile-menu .navbar__item a::after,
  .mobile-menu .navbar__item button::after {
    transition: none;
  }

  .mobile-menu .nav-fade {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.7s ease-in-out !important;
  }

  .mobile-menu .navbar__item--has-children .navbar__dropdown-label::after {
    content: "+";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(0deg);
    border-left: 1px solid #414141;
  }

  .mobile-menu
    .navbar__item--has-children:hover
    .navbar__dropdown-label::after {
    transform: rotate(0deg);
  }

  .mobile-menu .navbar__item-active {
    color: var(--primary-color) !important;
  }

  .mobile-menu .navbar__item-active::after {
    content: "" !important;
    font-family: "Font Awesome 6 Pro" !important;
  }

  .mobile-menu .navbar__sub-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    width: 100%;
    max-width: 100%;
    padding: 0px;
    display: none;
    transition: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0px;
  }

  .mobile-menu .navbar__sub-menu::before {
    content: none;
  }

  .mobile-menu .navbar__sub-menu a,
  .mobile-menu .navbar__sub-menu button {
    color: var(--white);
    padding: 20px 40px;
    font-size: 14px;
    border-bottom: 1px solid #414141;
  }

  .mobile-menu .navbar__sub-menu a::before,
  .mobile-menu .navbar__sub-menu button::before {
    content: none;
  }

  .mobile-menu .navbar__sub-menu li:nth-last-of-type(1) a,
  .mobile-menu .navbar__sub-menu li:nth-last-of-type(1) button {
    border-bottom: 1px solid #414141;
  }

  .mobile-menu .mobile-menu__options {
    padding: 0px 40px;
  }

  .mobile-menu .mobile-menu__options a,
  .mobile-menu .mobile-menu__options button {
    width: 100%;
  }

  .mobile-menu .mobile-menu__social {
    transition: var(--transition);
    padding: 0px 40px;
  }

  .mobile-menu .mobile-menu__social a {
    font-size: 20px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu__backdrop {
    background-color: #302d2b;
    position: fixed;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==),
      progress;
  }

  .mobile-menu__backdrop-active {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }

  .show-menu {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
  }

  .show-menu .mobile-menu__wrapper {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }

  .show-menu .nav-fade {
    animation: navLinkFade 0.5s ease forwards;
    transition: all 0.7s ease-in-out !important;
  }

  .nav-fade-active {
    animation: navLinkFade 1s ease reverse !important;
  }

  .agency .agency__content {
    padding-left: 0px;
  }

  .banner-two .banner-two__content .banner-two__content-cta {
    gap: 30px;
  }

  .cta-s .footer__single-form .input-email {
    gap: 0px;
  }

  .cta-s .footer__single-form .input-email input {
    padding: 16px 30px;
  }

  .cta-s .footer__single-form .input-email button {
    width: 60px;
    min-width: 60px;
    font-size: 16px;
  }

  .footer-two .footer__copyright ul {
    gap: 16px;
    row-gap: 10px;
  }

  .footer-three .footer-three__group {
    padding-left: 0px;
  }

  .work-steps .work-three {
    margin-top: 60px;
  }

  .work-steps .work-four {
    margin-top: 120px;
  }

  .work-steps .video-frame {
    top: 28%;
    right: 20%;
  }

  .ux-process .body-cn {
    max-width: 480px;
  }

  .project-sl .thumb {
    margin-bottom: 60px;
  }

  .project-sl .content h2 {
    height: 260px;
  }

  .project-d .quote-pj {
    padding-right: 0px;
  }

  .project-d .quote-pj .secondary-text {
    font-size: 20px;
  }

  .project-d .quote-pj .cont {
    max-width: 600px;
  }

  .faq .accordion .accordion-body {
    padding: 0px 20px 30px;
  }

  .faq .accordion h5 button {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 991.98px) {
  .primary-text {
    font-size: 16px;
  }

  h1,
  .h1,
  .light-title {
    font-size: 40px;
    line-height: 60px;
  }

  h2 {
    font-size: 30px;
    line-height: 40px;
  }

  h3,
  .light-title-lg {
    font-size: 24px;
    line-height: 34px;
  }

  .cursor-inner,
  .cursor-outer {
    display: none;
  }

  .section {
    padding: 100px 0px;
  }

  .section__cta {
    margin-top: 40px;
  }

  .section__content-cta {
    margin-top: 40px;
  }

  .banner .banner-one-thumb {
    top: 160px;
    left: 70%;
  }

  .banner-three .banner-three__slider-single {
    padding: 220px 0px 560px;

    & .text-right.btn-commercial {
      bottom: 67px;
      position: absolute;
      right: 67px;
    }
  }

  .banner-three .banner-three__slider-progress,
  .banner-three .banner-three__content {
    padding-left: 80px;
  }

  .banner-four {
    padding: 200px 0px 100px;
  }

  .banner-five .banner-five__wrapper {
    padding: 160px 0px 100px;
    gap: 30px;
  }

  .banner-five .banner-five__single {
    min-width: 280px;
    width: 280px;
  }

  .banner-five .projects-s__single h4 {
    font-size: 20px;
  }

  .banner .banner__content {
    padding-left: 0px;
  }

  .cmn-banner {
    padding: 160px 0px 100px;
  }

  .cmn-banner .title {
    margin-top: -8px;
  }

  .container.banner-container {
    max-width: 744px;
  }

  /*.banner .interval {
    display: flex;
    align-items: center;
    gap: 44px;
    margin-left: 0px;
    flex-wrap: wrap;
  }*/

  .agency .agency__content {
    padding-left: 0px;
  }

  .portfolio .portfolio__text-slider,
  .portfolio-two .portfolio__text-slider {
    margin-bottom: 40px;
  }

  .portfolio .portfolio__text-slider-single h2,
  .portfolio-two .portfolio__text-slider-single h2 {
    margin-top: -14px;
  }

  .testimonial .testimonial__text-slider {
    margin-bottom: 40px;
  }

  .testimonial .testimonial__text-slider-single h2 {
    margin-top: -14px;
  }

  .next-page .next__text-slider-single h2 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .banner-two {
    padding: 180px 0px 100px;
  }

  .banner-two .banner-two__meta {
    gap: 30px;
    row-gap: 40px;
  }

  .banner-two .banner-two__meta .cta {
    gap: 30px;
    row-gap: 30px;
  }

  .banner-two .thumb img {
    max-width: calc(100vw - 30px);
  }

  .banner-two .banner-two__content .banner-two__content-cta {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .award .award__thumb img {
    max-width: 100%;
  }

  .service-f .service-f-single {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 60px;
  }

  .service-f .service-f-single .p-sm {
    display: none !important;
  }

  .team-slider-s .team-r .slide-group {
    position: static;
    transform: translate(0px);
    margin-top: 40px;
    justify-content: center;
    display: flex;
  }

  .ux-process .service-f-single {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 60px;
  }

  .ux-process .body-cn {
    max-width: 100%;
  }

  .project-sl .project-sl__single {
    padding: 0px 15px;
    max-width: 280px;
    min-width: 280px;
    width: 100%;
  }

  .team-m .team-m__single .thumb img {
    width: 100%;
  }

  .team-m .team-m__single .thumb .thumb__content {
    display: block;
    height: 110px;
    padding: 20px;
    width: calc(100% - 60px);
  }

  .team-m .team-m__single .thumb .thumb__content .info p {
    font-size: 14px;
  }

  .team-m .team-m__single .thumb:hover .thumb__content {
    height: 200px;
  }

  .faq .faq__thumb {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 900.98px) {
  .banner__content h1 {
    font-size: 65px;
    line-height: 85px;
  }

  .container.banner-container {
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 720px;
  }
}

@media only screen and (max-width: 889.99px) {
  svg#motionLogo {
    width: 100%;
    max-width: none;
    height: auto;
  }

  .tertiary--navbar .open-offcanvas-nav {
    padding: 13px 30px;
  }

  .tertiary--navbar .tertiary-cta .btn,
  .tertiary--navbar .tertiary-cta .btn:hover {
    border: none;
    border-radius: 0;
    padding: 9px 20px;
    font-size: 1.1rem;
    letter-spacing: 1.2px;
  }

  /*.primary-navbar .navbar {
    .navbar__logo {
      padding: 16px 15px 8px 2px;
    }
  }*/
}

@media only screen and (max-width: 767.98px) {
  .tertiary--navbar .navbar {
    gap: 24px;
  }

  .tertiary--navbar .tertiary-cta {
    padding-left: 24px;
  }

  .offcanvas-nav .offcanvas-menu .offcanvas-menu__wrapper {
    padding: 60px 0px;
  }

  .offcanvas-nav .offcanvas-menu .navbar__item a,
  .offcanvas-nav .offcanvas-menu .navbar__item button {
    font-size: 16px;
  }

  .offcanvas-nav .offcanvas-menu .navbar__sub-menu a,
  .offcanvas-nav .offcanvas-menu .navbar__sub-menu button {
    font-size: 14px;
  }

  .offcanvas-nav .offcanvas-menu .offcanvas-menu__social {
    gap: 16px;
  }

  .offcanvas-nav .offcanvas-menu .offcanvas-menu__social a {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }

  .offcanvas-nav .offcanvas-menu .offcanvas-menu__list,
  .offcanvas-nav .offcanvas-menu .offcanvas-menu__options,
  .offcanvas-nav .offcanvas-menu .offcanvas-menu__social {
    max-width: 320px;
  }

  .progress-wrap {
    bottom: 10px;
    right: 15px;
    width: 40px;
    height: 40px;
  }

  .progress-wrap span {
    width: 30px;
    height: 30px;
  }

  .banner .video-frame {
    width: 140px;
    min-width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }

  .banner .banner__content {
    margin-top: -16px;
    padding-left: 0px;
  }

  .banner .banner-one-thumb {
    top: 240px;
    left: 60%;
    max-width: 200px;
  }

  .banner .banner__content-inner .cta {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }

  .banner-three .banner-three__slider-single {
    padding: 200px 0px 660px;
  }

  .banner-four .intro {
    padding-left: 0px;
  }

  .banner-four .banner-four__title {
    max-width: 700px;
    padding-left: 0px;
  }

  .banner .interval {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-left: 0px;
    flex-wrap: wrap;
  }

  .banner .banner__content-inner {
    max-width: 356px;
    margin-top: 50px;
    text-align: start;
    padding-left: 0;
    display: none;

    & p {
      margin: 15px 0 0 0;
      font-size: 22px;
      color: #000;
    }
  }

  .container.banner-container {
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 576px;
  }

  .banner__content h1 {
    font-size: 50px;
    line-height: 65px;
  }

  .banner .banner-right-text {
    position: absolute;
    top: 115px;
    /*163*/
    /*right: 1%;*/
    /*right: 50px;*/
  }

  #cd-lateral-nav .menu-header {
    padding: 8px 30px;
  }

  .video-modal .video-frame {
    width: 140px;
    min-width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }

  .video-modal .video-frame i {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .work-steps .work-steps__single {
    padding-top: 140px;
  }

  .work-steps .work-steps__single:hover span::after {
    height: 40px;
  }

  .work-steps .work-two {
    margin-top: 0px;
  }

  .work-steps .work-three {
    margin-top: 40px;
  }

  .work-steps .work-four {
    margin-top: 40px;
  }

  .team-slider-s .team-s__slider-single {
    width: auto;
    max-width: 100%;
  }

  .team-slider-s .team-s__slider-single .thumb img {
    width: 100%;
  }

  .team-slider-s .team-s__slider-single .thumb .thumb__content {
    display: block;
    height: 110px;
    padding: 20px;
    width: calc(100% - 60px);
  }

  .team-slider-s .team-s__slider-single .thumb .thumb__content .info p {
    font-size: 14px;
  }

  .team-slider-s .team-s__slider-single .thumb:hover .thumb__content {
    height: 200px;
  }

  .team-slider-s .slick-center-active {
    width: auto;
  }

  .team-slider-s .slick-center-active .team-wrap {
    padding: 0px;
  }

  .team-slider-s .slick-center-active .content {
    display: none !important;
  }

  .team-slider-s .slick-center-active .thumb {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .team-slider-s .slick-center-active .thumb img {
    height: auto !important;
    min-height: auto !important;
  }

  .mission-s .mission-s__single--alt {
    padding: 60px 20px;
  }

  .project-d .poster__slider-wrapper .slide-group {
    justify-content: center;
    transform: translate(0px);
    position: static;
    margin-top: 40px;
  }

  .portfolio-m .portfolio-m__single .content {
    padding: 40px 30px;
  }

  .footer-two .social a {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-two .social a i {
    display: flex;
    transform: translateX(0px) !important;
    opacity: 1;
    visibility: visible;
  }

  .footer-two .social a span {
    display: none;
  }

  .footer-two .social a:hover i {
    animation: none;
  }
}

@media only screen and (max-width: 575.98px) {
  .btn-commercial.mobile-only {
    display: block;
  }

  .interval span.slogan {
    position: absolute !important;
    top: -78px !important;
    left: 59px !important;
  }

  #slogans {
    font-size: 57px !important;
  }

  #home .banner__content h1 {
    font-size: 65px !important;
    line-height: 80px !important;
    gap: 30px !important;
  }

  #home .banner .interval i {
    font-size: 50px !important;
  }

  h1,
  .h1,
  .light-title {
    font-size: 24px;
    line-height: 40px;
  }

  h2 {
    font-size: 24px;
    line-height: 34px;
  }

  h3,
  .light-title-lg {
    font-size: 20px;
    line-height: 30px;
  }

  h4 {
    font-size: 18px;
    line-height: 28px;
  }

  h5 {
    font-size: 18px;
    line-height: 28px;
  }

  .mobile-menu {
    max-width: 320px;
  }

  .mobile-menu .mobile-menu__wrapper {
    max-width: 320px;
  }

  .mobile-menu .mobile-menu__header,
  .mobile-menu .mobile-menu__options,
  .mobile-menu .mobile-menu__social {
    padding: 0px 24px;
  }

  .mobile-menu .mobile-menu__social {
    gap: 16px;
  }

  .mobile-menu .mobile-menu__social a {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }

  .mobile-menu .navbar__item a,
  .mobile-menu .navbar__item button {
    font-size: 14px;
    padding: 20px 70px 20px 24px;
  }

  .secondary--navbar .open-offcanvas-nav {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tertiary--navbar .open-offcanvas-nav {
    padding: 16px 13px 16px 13px;
  }

  .tertiary--navbar .navbar__options {
    gap: 0px;
    padding-top: 8px;
    z-index: 999999999999999999999;
  }

  .offcanvas-nav .offcanvas-menu::before {
    content: none;
  }

  .no-mobile {
    display: none;
  }

  /*.banner {
    padding: 180px 0px 100px;
  }*/
  .banner h1 {
    letter-spacing: 1px;
  }

  .banner h1 .text-stroke {
    -webkit-text-stroke: 1.2px var(--black);
  }

  #home .primary-navbar {
    & .navbar {
      .navbar__logo {
        padding-top: 23px;
        padding-left: 20px;
      }
    }
  }

  .primary-navbar .navbar {
    padding: 0 7px 0 7px !important;
    gap: 10px;
  }

  .space-xmedium-ptb {
    padding: inherit !important;
    padding-top: 50px !important;
  }

  #cd-lateral-nav {
    top: 7px;
    width: 100%;
    right: 7px;
  }

  .containerAbout .panel {
    padding-top: 75px !important;
  }

  .testimonial-section {
    padding-top: 25px !important;
  }

  section:not(.banner):not(.v-center) {
    padding-left: 25px !important;
    padding-right: 25px !important;

    &.section-conseils {
      padding-top: 100px;
    }
  }

  #section-magic {
    display: none;
  }

  svg#motionLogo {
    width: 279px;
  }

  .banner-three .banner-three__slider-single {
    &:not(.banner-page) {
      padding: 120px 0px 180px !important;
    }
  }

  .border-top,
  .border-bottom {
    height: 7px !important;
  }

  .border-left,
  .border-right {
    width: 7px !important;
  }

  .banner-three .banner-three__slider-single {
    & .text-right.btn-commercial {
      position: absolute;
      right: auto;
      bottom: 86px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  #home .banner .banner-social-text,
  #pages .banner .banner-social-text,
  #buttonContainer {
    display: none;
  }

  header:has(+ nav.lateral-menu-is-open) .navbar__logo {
    opacity: 0 !important;
    pointer-events: none;
  }

  progress {
    height: 7px !important;
  }

  .effet-image {
    display: none;
  }

  .tertiary--navbar .navbar__options {
    gap: 0px;
    padding-top: 7px;
    z-index: 999999999999999999999;
  }

  .container.banner-container {
    max-width: 100% !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  #home .banner .banner-left-text {
    display: none;
  }

  .banner .interval {
    gap: 20px;
    margin-left: 10px;
  }

  .banner .banner__content {
    margin-top: -10px;
  }

  .banner .banner__content-inner {
    margin-top: 24px;
  }

  .banner .banner__content-inner .cta {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
  }

  .banner .video-frame {
    position: relative;
    inset: unset;
    left: 15px;
    margin-top: 40px;
    width: 140px;
    min-width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .banner .star {
    left: 40px;
    top: 120px;
  }

  .banner-three .social {
    display: none;
  }

  .banner-three .banner-three__slider-progress,
  .banner-three .banner-three__content {
    padding-left: 0px;
  }

  .banner-three .banner-three__video img {
    min-height: 140px;
  }

  .banner-three .banner-three__video .video-frame {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .banner-four .banner-four__title {
    max-width: 300px;
  }

  .site-footer.sticky-footer {
    position: relative;
    padding-top: 150px !important;
  }

  footer {
    & .footer-column {
      min-width: 200px !important;
    }
  }

  footer {
    & .footer-right .footer-column {
      align-items: flex-start !important;
      padding: 0 0 0 25px;
    }
  }

  footer .gap-5.footer-right {
    align-items: flex-start !important;
  }

  footer {
    .list-unstyled li {
      margin-bottom: 3px !important;
    }
  }

  .site-footer.footer-dark .footer-copyright {
    padding: 5px 0 15px 0;
    margin-top: 80px;

    & .nocol-flex {
      padding-top: 5px;
    }

    & .justify-content-start {
      padding-bottom: 0;
    }
  }

  /*.banner-four .banner-four__title .frame,
  .site-footer .frame {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    font-size: 20px;
  }
  .banner-four .banner-four__title .frame i,
  .site-footer .frame i {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }*/

  .banner-five .projects-s__single {
    padding: 20px;
  }

  .portfolio .portfolio__text-slider-single h2,
  .portfolio-two .portfolio__text-slider-single h2 {
    margin-top: -8px;
  }

  .portfolio .portfolio__text-slider-single:nth-of-type(even) h2,
  .portfolio-two .portfolio__text-slider-single:nth-of-type(even) h2 {
    -webkit-text-stroke: 0.5px var(--white);
  }

  .testimonial .testimonial__text-slider-single h2 {
    margin-top: -8px;
    -webkit-text-stroke: 0.5px var(--white);
  }

  .testimonial-two blockquote {
    font-size: 20px;
  }

  .next-page .next__text-slider-single h2 {
    margin-top: -6px;
    margin-bottom: -6px;
  }

  .next-page .next__text-slider-single:nth-of-type(even) h2 a {
    -webkit-text-stroke: 0.5px var(--white);
  }

  .award .award__content-meta {
    flex-wrap: wrap;
    row-gap: 40px;
  }

  .award .award__content-meta::before {
    content: none;
  }

  .award .award__content-meta .single::before {
    content: none;
  }

  .award .award__content-meta .single h4:nth-of-type(1) {
    margin-bottom: 16px;
  }

  .blog-two .blog__single-meta {
    gap: 16px;
  }

  .blog-two .blog__single-meta a,
  .blog-two .blog__single-meta p {
    font-size: 14px;
  }

  .work-steps .work-two {
    margin-top: 40px;
  }

  .cta-two .cta-two-wrapper {
    padding: 80px 20px;
  }

  .projects-s .projects-s__single {
    padding: 20px;
  }

  .service-t .service-t__slider-single {
    padding: 40px 24px;
  }

  .blog-main .blog-main__sidebar {
    padding: 30px 20px;
  }

  .blog-main .blog-main__sidebar .widget__list a,
  .blog-main .blog-main__sidebar .widget__tag a,
  .blog-main .blog-main__sidebar .widget__latest a {
    font-size: 14px !important;
  }

  .blog-main .blog-main__single {
    margin-bottom: 40px;
  }

  .blog-main .blog-main__single .thumb,
  .blog-main .blog-main__single .content {
    padding: 30px 20px;
  }

  .blog-details .bd-content {
    padding: 30px 20px;
  }

  .blog-details .bd-quote {
    padding: 40px 20px;
  }

  .custom-quote .custom-quote__right {
    animation-direction: normal;
  }

  .custom-quote .quote-wrapper {
    height: 1200px;
  }

  .form-group-wrapper {
    flex-direction: column;
    row-gap: 30px;
  }

  .form-group-wrapper .form-group-single {
    width: 100%;
  }

  .feedback-s .feedback-s__single {
    padding: 40px 30px;
  }

  .contact-m .contact-main__form {
    padding: 60px 30px;
  }

  .contact-m .contact-main__form .group-wrapper {
    flex-direction: column;
  }

  .contact-m .contact-main__form .group-wrapper .group-input {
    width: 100%;
  }

  .footer-four .cta-t a {
    padding: 30px 20px;
    gap: 20px;
  }

  #demo,
  #playground {
    display: none;
  }
}

@media only screen and (max-width: 424.98px) {
  .banner-five .banner-five__single {
    padding: 0px 15px;
  }

  .blog-details .blog-details__pagination .latest-single {
    flex-direction: column;
    align-items: flex-start;
  }

  .thumb-radio {
    padding: 80px 20px;
  }

  .thumb-radio .radio {
    margin: 0px 0px;
  }
}

@media only screen and (min-width: 1921px) {
  .container {
    max-width: 1850px;
  }

  .banner-four .banner-four__title h1 {
    font-size: 150px;
    font-weight: 700;
    line-height: 170px;
  }

  .projects-s .row > * {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .projects-s .row {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .banner .banner__content:not(.banner-top-page) {
    margin-top: 0;
    text-align: left;
    padding-left: 0;
  }

  #home .banner__content h1 {
    font-size: 120px;
    gap: 24px;
    line-height: 126px;
  }

  .banner-three .banner-three__slider-single {
    &:not(.banner-page) {
      height: 100vh;
      min-height: 100vh;
      padding: 250px 0px 250px;
    }
  }

  .container.banner-container {
    max-width: 84.5%;
  }
}

@media only screen and (min-width: 1200px) {
  .mobile-menu {
    display: none;
  }
}

/*# sourceMappingURL=main.min.css.map */

.container.container-fullwidth {
  max-width: none;
  width: 100%;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/*BANNER LINE */
.d-none {
  display: none !important;
}

.banner-line {
  display: flex;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
}

.vertical-effect {
  position: relative;
  width: 25%;
  height: 100%;
  overflow: hidden;
  background-image: url(../images/banner/banner-line.png);
  background-position: top right;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.vertical-effect.raindrop-reverse::before,
.vertical-effect.raindrop::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  animation-direction: normal;
}

.vertical-effect.raindrop::before,
.vertical-effect.raindrop-reverse::before {
  content: "";
  position: absolute;
  right: -2px;
}

.vertical-effect.raindrop::before {
  top: 0;
  animation: raindrop 6s ease-out infinite;
  background: linear-gradient(rgba(225, 225, 225, 0), rgb(225, 225, 225));
}

.vertical-effect.raindrop-reverse::before {
  bottom: 0;
  animation: raindrop-reverse 6s ease-out infinite;
  background: linear-gradient(rgb(225, 225, 225), rgba(225, 225, 225, 0));
}

@keyframes raindrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    top: 100%;
    height: 35%;
  }
}

@keyframes raindrop-reverse {
  0% {
    bottom: -10%;
    opacity: 0;
    height: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    bottom: 100%;
    height: 35%;
  }
}

.tire-track path {
  stroke: black;
  stroke-width: 2px;
  fill: none;
  stroke-dasharray: 100%;
  /* Définit une longueur fictive pour les traits */
  stroke-dashoffset: 100%;
  /* Les traits sont "cachés" au départ */
  transition: stroke-dashoffset 0.5s ease-in-out;
  /* Optionnel pour une animation pure CSS */
}

.dec_cirlce {
  position: absolute;
  width: 240px;
  height: 240px;
}

.dec_cirlce span {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  z-index: 2;
  background: #f9f9f9;
  margin: -40px 0 0 -40px;
  animation: sharedec_rotate2 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  border: 2px solid rgb(0 0 0 / 5%);
}

.dec_cirlce:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0px 0px 0px 86px #f9f9f9;
  animation: sharedec_rotate 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  border: 2px dotted rgb(0 0 0 / 5%);
}

.sec-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 1;
}

.line-item {
  float: left;
  width: 20%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid rgba(153, 153, 153, 0.1);
  position: relative;
}

.line-item:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 4px;
  height: 30px;
  animation: scroll3 8s ease-out infinite;
}

.line-item:last-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 4px;
  height: 30px;
  animation: scroll2 6s ease-out infinite;
}

@keyframes scroll3 {
  0% {
    opacity: 1;
    top: 0;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 100%;
    opacity: 0.5;
  }
}

@keyframes scroll2 {
  0% {
    opacity: 1;
    bottom: 0;
  }

  50% {
    bottom: 50%;
  }

  100% {
    bottom: 100%;
    opacity: 0.5;
  }
}

@keyframes sharedec_rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes sharedec_rotate2 {
  from {
    transform: rotate(-360deg);
  }

  to {
    transform: rotate(0);
  }
}

.line-item:first-child {
  border-left: 1px solid rgba(153, 153, 153, 0.09);
}

/*Template Colors*/
.color-bg,
.element-item:before,
.pr-button-dot:before,
.scroller,
.hero-slider-controls-top,
.nav-button span,
.fs-slider_align_title:before,
.hero-slider-pag .swiper-pagination-bullet:before,
.nav-container:after,
.column-footer,
.section-title:before,
.tc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tc-pagination .swiper-pagination-bullet:hover,
.pdcw_list li:before,
.team-skills_item:before,
.team-skills_item:after,
.half-bg-container:before,
.half-bg-container:after,
.footer-social li a:before,
.main-footer:after,
.leaflet-touch .leaflet-bar a,
.view_fm:after,
.block_img:before,
.single-btn:hover,
.post-item_media a:after,
.pagination a.current-page,
.pagination a:hover,
.pr-subtitle:after,
.box-media-zoom,
.ss-slider-pagination .swiper-pagination-bullet,
.text-block:before,
.impulse-wrap:before,
.impulse-wrap:after,
.overlay-dec-dot.overlay-dec-vis:before,
.overlay-dec-dot.overlay-dec-vis:after,
.grid-media-zoom,
.fixed-filters .gallery-filters a:before,
.hero-showc ase-wrap:before,
.hero-sho wcase-wrap:after,
.sdl_top:before,
.sdl_right:before,
.sdl_left:before,
.grid-det:before,
.share-icon,
.list-item_category a:before,
.cen-slider-pagination_wrap .swiper-pagination-bullet,
.gallery-fw_wrap:before,
.gallery-fw_wrap:after,
.hs_counter:before,
.accordion a.toggle span,
.project-details:before,
.footer-grid:before,
.footer-grid:after,
.video-row:after,
.hero-marquee:after,
.fs-slider_align_title.fsat_single h2:before,
.half-carousel-content h3:before,
.block_img:after,
.footer-dec:before,
.footer-dec:after,
.fwc_dec:before,
.hero-carousel_pagination .swiper-pagination-bullet,
.grid-carousel-title h3:before,
.carousle-item-number,
.start-btn_sin:before,
.ft_dec:before,
.ft_dec:after,
.ft_dec,
.irs-slider:before,
.cart-item-footer:after,
.line-item:before,
.hidden_wrap_btn:before,
.hidden_wrap_btn:after,
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background: #f7941e;
}

.pr_btn i,
.social-container a,
.page-scroll-nav li a.act-sec.hero-slider-video .image-popup,
.start-btn_sin i,
.hsc i,
.hero_num,
.h_a-dot:first-child,
.nav-title span,
.submen-dec:before,
.sliding-menu a:hover,
.sliding-menu a.act-link,
.nav-button:before,
.copy-right span,
.about-img-hotifer h4 span,
.about-img-hotifer h5,
.inline-facts-wrap h6,
.list-item-header span,
.testi-item:after,
.tc-button,
.dark-bg .section-number,
.team-header h6,
.price-content span,
.team-social li a:hover,
.half-bg_title:before,
.team-header:before,
.half-bg-container_dec:before,
.contacts_social_container li a:hover,
.leaflet-container a.leaflet-popup-close-button,
.leaflet-control-attribution a,
.act-cf:hover,
.close-contact-form:hover,
.blog-search-wrap button,
.post-opt li i,
.blog-btn:hover,
.blog-title-opt li a:hover,
.content-nav li a i,
.post-title_dec i,
.pr-tags span,
.ss-slider-cont,
.error-wrap h2 strong,
.grid-det_category a,
.gallery-filters a:hover,
.close-share-btn,
.grid-det_link:after,
.fixed-inline-filter .gallery-filters a.gallery-filter-active,
.pbw_animicon,
.projects-list_item h3 span,
.order-wrap h4,
.boxed-filters-wrap .gallery-filters a.gallery-filter-active,
.project-details ul li,
.project-details ul li a,
.promo-video-btn,
.page-scroll-nav li a.act-sec,
.play-pause_slider,
.hcw_btn,
.fpc_btn i,
.half-carousel-content h3 a:hover,
.dec-icon,
.about-img-hotifer:before,
.cbc_btn,
.hcp_wrap .total_s,
.hcp_wrap .current_s_wrap,
.projects-list_category a,
.projects-list_item_dec,
.shop-item_content h3:hover a,
.add_cart i,
.show-cart_count,
.cart-tooltip,
.nice-select:after,
.shop-opt_btn i,
.search-submit2,
.srw_btn:hover,
.irs-max,
.irs-min,
.tag_filter-widget li a,
.pr-remove,
.fixed-filters_title:before,
#message p strong {
  color: #f7941e;
}

.half-hero-wrap_link,
.testi-link,
.chart-dec span,
.custom-form textarea:focus,
.custom-form input[type="text"]:focus,
blockquote,
.share_btn-icon,
.dir-arrow {
  border-color: #f7941e;
}

.inline-facts-container:after,
.section-dec,
.share-container:before,
.reval-image:before,
.promo-video-btn:after,
.bg-reval_wrap:before,
.dec_cirlce span,
.loading-spinner:before {
  border-top-color: #f7941e;
  border-bottom-color: #f7941e;
}

.grid-carousel-title:before,
.grid-det_link:after,
.dec_cirlce:before,
.loading-spinner:after {
  border-left-color: #000;
  border-right-color: #000;
}

/* HOME TIRE CIRCLES */
#section-cicles {
  padding: 0;
  z-index: 2;
  position: relative;
}

.l-circles {
  flex-wrap: nowrap;
  width: max-content;
  margin: 0 0 0 50%;
  transform: translate(-50%, 0);
  display: flex;
}

.l-circles div {
  width: 8.3vw;
  /* Dimensions du conteneur pour chaque SVG */
  height: 8.3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  /* Centrage du contenu */
  overflow: hidden;
  /* S’assure que le SVG ne déborde pas */
}

.l-circles div svg {
  width: 100%;
  /* Le SVG s’adapte au conteneur */
  height: 100%;
  transform: scaleY(0);
  /* Initialement écrasé verticalement */
  will-change: transform;
  /* Optimisation des animations */
}

@media screen and (max-width: 1067px) {
  .tertiary--navbar .tertiary-cta {
    display: none !important;
  }

  #home .banner__content h1 {
    font-size: 100px;
    gap: 20px;
    line-height: 116px;
  }

  .banner-three .banner-three__slider-single {
    &:not(.banner-page) {
      padding: 250px 0px 180px;
    }
  }

  .container.banner-container {
    max-width: 79.5%;
  }
}

@media screen and (max-width: 950px) {
  .banner-three .banner-three__slider-single {
    &:not(.banner-page) {
      padding: 180px 0px 180px;
    }
  }
}

@media screen and (max-width: 899px) {
  #home .banner__content h1 {
    font-size: 88px;
    gap: 16px;
    line-height: 100px;
  }
}

@media (max-width: 768px) {
  .l-circles div {
    width: 14.3vw;
    /* Ajustement pour les écrans plus petits */
    height: 14.3vw;
  }
}

/******************/
/* ASIDE SIDEBAR */
@-webkit-keyframes sidebarBleamAnimation {
  0% {
    transform: translateY(100vh);
  }

  30% {
    transform: translateY(-101%);
  }

  100% {
    transform: translateY(-101%);
  }
}

@keyframes sidebarBleamAnimation {
  0% {
    transform: translateY(100vh);
  }

  30% {
    transform: translateY(-101%);
  }

  100% {
    transform: translateY(-101%);
  }
}

#home .c-sidebar.c-side-left {
  top: 100px;
  bottom: 0;
  left: 0;
  /*height: 100vh;*/
  z-index: 110;
  width: 4.6rem;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
}

#pages .c-sidebar.c-side-left {
  top: 0px;
  bottom: 0px;
  left: 0;
  /*height: 100vh;*/
  z-index: 110;
  width: 4.6rem;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
  /*background-color: var(--primary-color);*/
}

.c-sidebar.c-side-right {
  top: 0;
  bottom: 0px;
  right: 0;
  /*height: 100vh;*/
  z-index: 110;
  width: 4.6rem;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
}

@media (min-width: 1000px) {
  .c-sidebar {
    /*position: fixed;*/
    position: absolute;
  }

  .c-sidebar.c-side-left::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    /*background-color: #232020;*/
    margin-right: -1px;
    height: 3.75rem;
    opacity: 0;
    background: linear-gradient(
      to bottom,
      rgba(131, 131, 131, 0.1) 0%,
      var(--white) 75%,
      rgba(131, 131, 131, 0.1) 100%
    );
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    /*-webkit-animation: sidebarBleamAnimation infinite 4.5s
        cubic-bezier(0.77, 0, 0.175, 1);
      animation: sidebarBleamAnimation infinite 4.5s
        cubic-bezier(0.77, 0, 0.175, 1);*/
    -webkit-animation: run 5s 0s infinite;
    animation: run 5s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  }

  .c-sidebar.c-side-right::after {
    content: "";
    width: 3px;
    position: absolute;
    top: 0;
    left: 0;
    height: 3.75rem;
    opacity: 0;
    background: linear-gradient(
      to bottom,
      rgba(131, 131, 131, 0.1) 0%,
      var(--white) 75%,
      rgba(131, 131, 131, 0.1) 100%
    );
    margin-left: -1px;
    /*transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: sidebarBleamAnimation infinite 4.5s
      cubic-bezier(0.77, 0, 0.175, 1);
    animation: sidebarBleamAnimation infinite 4.5s
      cubic-bezier(0.77, 0, 0.175, 1);*/
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    /*-webkit-animation: sidebarBleamAnimation infinite 4.5s
          cubic-bezier(0.77, 0, 0.175, 1);
        animation: sidebarBleamAnimation infinite 4.5s
          cubic-bezier(0.77, 0, 0.175, 1);*/
    -webkit-animation: run 5s 0s infinite;
    animation: run 5s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
  }

  html[data-theme="black"] .c-sidebar::after {
    background-color: #fff;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  }

  .c-sidebar.c-side-left::before {
    content: "";
    position: absolute;
    top: 37.3%;
    bottom: 0;
    right: 0;
    left: 0;
    border-right: 1px solid rgb(255 255 255 / 63%);
    transform-origin: center bottom;
    transform: scaleY(0);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    max-height: 459px;
  }

  /*.c-sidebar.c-side-right::before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    border-left: 1px solid rgb(255 255 255 / 63%);
    transform-origin: center bottom;
    transform: scaleY(0);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }*/

  html[data-theme="black"] .c-sidebar::before {
    border-color: rgba(255, 255, 255, 0.5);
    transition: border-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
      transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .is-first-load.has-dom-ready .c-sidebar::after {
    transition-delay: 1s;
    opacity: 1;
  }

  .is-first-load.has-dom-ready .c-sidebar::before {
    transform: scaleY(1);
  }
}

@media (max-width: 999px) {
  .c-sidebar {
    position: absolute;
    z-index: 90;
    height: 75vh;
  }
}

@media (max-width: 699px) {
  .c-sidebar {
    height: 60vh;
  }
}

.is-first-load.has-dom-ready .c-sidebar_tagline {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 1s,
    color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 1000px) {
  .c-sidebar_tagline {
    bottom: 0;
  }
}

[data-theme="black"].has-nav-open .c-sidebar_tagline {
  color: #232020;
}

html:not([data-template="culture"]).is-first-load.has-dom-ready
  .c-sidebar_tagline {
  transition-delay: 1s, 0.2s;
}

@media (max-width: 999px) {
  .c-sidebar_tagline {
    top: 100%;
  }
}

/*top line slide*/
progress {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 15px;
  border: none;
  background: transparent;
  z-index: 99999999;
}

progress::-webkit-progress-bar {
  background: transparent;
}

progress::-webkit-progress-value {
  background: linear-gradient(to left, #f7941e, #f7941e);
  background-attachment: fixed;
}

progress::-moz-progress-bar {
  background: linear-gradient(to left, #f7941e, #f7941e);
  background-attachment: fixed;
}

/* FOOTER B-TEXT */

svg.motion {
  /*width: 33vw;*/
  width: 90vw;
  height: auto;
  /*left: 5vw;*/
}

svg.motion line,
svg.motion path {
  /*stroke-width: 32px;*/
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

#demo

/*, #logo-draw*/ {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  /*opacity: 0;*/

  .outlines-letters path {
    stroke-width: 0;
  }
}

svg#motionLogo {
  /*width: 90vw;*/
  height: auto;
  left: 5vw;

  @media only screen and (min-width: 890px) {
    width: 100vw;
  }

  @media only screen and (max-width: 889px) {
    width: 40vw;
  }

  /*@media only screen and (min-width: 767.99px) {
    width: 100vw;
  }*/

  max-width: 435.2px;
  min-width: 235.2px;
  height: auto;
}

#motionLogo line,
#motionLogo #bases-cut path {
  stroke-width: 20px;
  /*stroke-linecap: round;
    stroke-linejoin: round;*/
  fill: none;
}

#motionLogo #outlines path,
#motionLogo #back path {
  stroke-width: 2px;
  /*stroke-linecap: round;
    stroke-linejoin: round;*/
  fill: none;
}

#testttt,
#company-name,
#svg2146 {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

#rotate path {
  fill: #f7941e;
}

/*mask*/
#rotate .st0 {
  fill: none;
  stroke: #000;
  stroke-width: 10;
}

#rotate {
  transform: rotate(-10deg);
}

/*#textLogo path {
  fill: #f7941e;
}

#textLogo .letter {
  fill: none;
  stroke: #000;
  stroke-width: 10;
}
#textLogo {
  transform:rotate(-10deg);
}*/

#textLogo {
  svg {
    width: 100vw;
    height: auto;
    max-width: 800px;
  }

  #letters path {
    fill: none;
  }

  #letters #dot {
    fill: none;
    opacity: 0;
  }

  .mydot {
    fill: none;
  }

  .mycurve {
    fill: none;
    stroke: transparent;
    stroke-miterlimit: 10;
    opacity: 1;
  }
}

/*#magic {

  position: fixed;
  width: 100%;
  height: 100vh;
  display: block;
  top: 0;
  left: 0;
  z-index: -9999;
  background-color: transparent !important;
}*/

#section-magic {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
}

#magic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  /* Même hauteur que `#section-magic` */
  z-index: 0;
  background-color: transparent !important;
}

.lettering {
  position: relative;

  width: 100vw;
  height: 100vh;
  background-color: #f0f0f0 !important;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 600px) {
  .lettering {
    top: 0;
  }
}

@media screen and (min-width: 900px) {
  .lettering {
    top: 0;
  }
}

.lettering svg {
  float: left;
  max-width: 100%;

  position: absolute;
  display: block;
  top: calc(50vh - 125px) !important;
  left: calc(50vw - 375px) !important;
  border-radius: 5px;
  filter: drop-shadow(0 6px 4px rgba(0, 0, 0, 0.2));

  width: 750px;
}

.lettering .welcome,
.lettering .home,
.lettering .buddy {
  cursor: pointer;
  fill: #d83e00;
  position: absolute;
  left: 370px;
  top: 0;
  visibility: hidden;
  opacity: 0;
  height: 250px;

  background-color: #fff;
}

.lettering .welcome .mask,
.lettering .home .mask,
.lettering .buddy .mask {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}

#demo {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  opacity: 0;
  width: 100%;
  /*height: auto;*/
  height: 100vh;
  max-width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#roadAnim {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#roadTrace {
  width: 100%;
  height: 75px;
}

#speedLine {
  position: absolute;
  bottom: 0;
  left: -200%;
  /* Commence hors de l'écran à gauche */
  width: 100vw;
  height: 56px;
  background: #000;
}

#start {
  cursor: pointer;
}

/* REVEAL VIDEO MASKK */

#playground {
  width: 88.5vw;
  height: 100vh;

  padding: 0px;
  /*border: solid 3px #222;*/
  position: absolute;
  top: 0;
}

#mySvg2 {
  /*display: none;*/
  position: absolute;
}



/*#playBall {
  width: 100vw;
  height: 100%;
 
  padding: 0px;
  border: solid 3px #222;
  position: absolute;
  top: 0;

  circle {
    fill: black;
  }


  .ball {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    pointer-events: none;
    background-color: blue;
    color: black;
    text-align: center;
    line-height: 80px;
    position: absolute;
    top: 30%;
    left: 60%;
    font-size: 16px;
  }

  .hill-and-valley {
    width: 557px;
    height: 190px;
    margin: 0px auto;
  }

  #rect text {
    pointer-events: none;
  }


  svg {
    overflow: visible;
    height: 100%;
    
    transform: translateZ(0);
  }

  path {
    stroke-width: 2;
    stroke: gray;
  }

}*/

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap");

@font-face {
  font-family: "wild_worldbold";
  src: url("https://assets.codepen.io/756881/wild_world-webfont.woff2")
      format("woff2"),
    url("https://assets.codepen.io/756881/wild_world-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  --fluid-min-width: 320;
  --fluid-max-width: 1140;

  --fluid-screen: 100vw;
  --fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  );
}

@media screen and (min-width: 1140px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --f-0-min: 18;
  --f-0-max: 20;
  --step-0: calc(
    ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );

  --f-1-min: 20;
  --f-1-max: 24;
  --step-1: calc(
    ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );
}

.team-item {
  will-change: transform, opacity;
}

.section-infos {
  & .icon .img-fluid {
    max-width: 100%;
    height: auto;
    border: 0px;
    outline: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    max-width: 100px;
  }
}

.pagescroll {
  &.section {
    min-height: 80vh;
  }

  p {
    line-height: 1.35;
    margin-top: 2em;
    font-size: 20px;
  }

  #content {
    padding: 0 0.75rem;
  }

  /*.container {
 max-width: 1100px;
 margin: 0 auto;
 padding: 0 0.5rem;
}*/

  /*h1,
h2,
h3,
h4,
p {
 margin: 0;
}*/

  .flow--lg > * + * {
    margin-top: 2em;
  }

  .flow > * + * {
    margin-top: 1em;
  }

  &.title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 50vh;

    & .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 0.5rem;
    }
  }

  #content {
    overflow: visible;
    width: 100%;
  }

  .heading {
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
  }

  h1 {
    font-size: clamp(12px, 8vw, 100px);
    text-align: center;
    line-height: 0.67;
    margin: 0 auto;
    font-family: "wild_worldbold";

    .eyebrow {
      font-family: "Open sans", sans-serif;
      font-size: clamp(12px, 3vw, 40px);
      font-weight: 400;
    }
  }

  .heading p {
    font-family: "wild_worldbold";
    font-size: 15.5vw;
    font-size: clamp(12px, 15.5vw, 250px);
    text-align: center;
    line-height: 0.67;
    margin: 0;
    text-align: center;
    color: #111;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: white;
    z-index: -10;
  }

  /*.intro,
    h2,
    h3 {
        font-size: var(--step-1);
        font-weight: 500;
    }*/

  .text-container {
    position: relative;
  }

  .text-container p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    color: transparent;
  }

  .text-container p:first-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    color: white;
  }

  &.image-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0.2rem;
    grid-row-gap: 0.2rem;
    width: 70vw;
    margin: 0 auto;
    padding-top: 40vh;
    z-index: -1;

    .image_cont {
      position: relative;
      aspect-ratio: 1/1;
      overflow: hidden;
    }

    img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 150%;
      object-fit: cover;
    }

    .image_cont:nth-child(1) {
      grid-column: 1;
      grid-row: 1;
    }

    .image_cont:nth-child(2) {
      grid-column: 3;
      grid-row: 2;
    }

    .image_cont:nth-child(3) {
      grid-column: 2;
      grid-row: 3;
    }
  }

  &.parallax-images {
    margin-top: 10vh;
    padding: 10rem 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 20vh;
    align-items: center;
    justify-items: center;

    &.pageservices {
      margin-top: 0;
    }

    &.pageservices .parallax-text {
      padding: 5%;
    }

    &.mobile-about {
      display: none;
    }

    @media only screen and (max-width: 575.98px) {
      &.mobile-about {
        display: flex;
        flex-direction: column;
        padding-left: 0 !important;
        padding-right: 0 !important;
        grid-row-gap: 7vh;
        padding-top: 0;
        margin-top: 0;
        align-items: center;
        justify-items: flex-start;
        padding-bottom: 0;

        & .parallax-text {
          padding-left: 25px;
          padding-right: 25px;
        }
      }
    }

    .image_cont {
      position: relative;
      height: 94.5vh;
      overflow: hidden;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    img {
      position: absolute;
      bottom: 0;
      margin: 0 auto;
      height: 140%;
      width: 100%;
      object-fit: cover;
    }

    .parallax-text {
      grid-column: 2;
      grid-row: 1;
    }

    .image_cont:nth-child(2) {
      grid-column: 1 / span 1;
      grid-row: 1;
      width: 100%;
    }

    .image_cont:nth-child(3) {
      grid-column: 2 / span 1;
      grid-row: 2;
    }
  }

  .spacer {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .stagger {
    font-size: 8vw;
  }

  .bars {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4rem;

    .bars-text {
      flex: 1 1 300px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }

    .bars-cont {
      flex: 1 1 500px;
      display: flex;
      width: 100%;
      height: 60vh;
      align-items: flex-end;
    }

    .bar {
      border-radius: 10px;
      margin: 2vw;
      text-align: center;
      flex: 1 0 auto;
      font-size: var(--step-0);
      justify-self: flex-end;
      font-family: "wild_worldbold";
      font-size: clamp(16px, 3vw, 36px);
    }
  }

  /*.content {
 border-left: solid 1px white;
 padding: 0.5rem 2rem;
}*/

  &.staggered {
    h3 {
      font-family: "wild_worldbold";
      font-size: clamp(16px, 6vw, 80px);
      letter-spacing: 0.03em;
    }

    &_text {
      flex: 1 1 300px;
    }

    &_demo {
      flex: 1 1 500px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  &.staggered {
    column-gap: 4rem;
    position: relative;
    overflow: hidden;
    /* Empêche les débordements pendant l'animation */
    /*height: 100vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bg-left,
  .bg-right {
    position: absolute;
    top: 0;
    height: 100%;
    will-change: transform;
  }

  .bg-left {
    left: 0;
    width: 50%;
    background: #000;

    &.reverse-bg {
      background: #f7941e;
    }

    transform: translateX(-100%);
    /* Cache au début */
  }

  .bg-right {
    right: 0;
    width: 50%;
    background: #f7941e;

    &.reverse-bg {
      background: #000;
    }

    transform: translateX(100%);
    /* Cache au début */
  }

  .section-content {
    position: relative;
    /*z-index: 10; */
    display: flex;
    max-width: 100%;

    & .staggered_text {
      width: 50%;
    }

    & .staggered_demo {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center; /* Centre horizontalement */
      height: 100vh; /* Ajuste la hauteur à la taille de l'écran */
      padding: 5%;
      .content-column {
        max-width: 700px;
        text-align: center;
      }
    }
  }

  .parallax-slab {
    position: relative;
    height: 500px;
    width: 100%;
    max-height: 500px;
    overflow: hidden;

    img {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 180%;
      object-fit: cover;
    }
  }

  .v-center {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 575.98px) {
  /*.containerAbout {
    display: none !important;
  }*/
}

.small-spacer {
  height: 15px;
}

.spacer {
  height: 10vh;
}

/* pages text banner anim */
.move-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  font-family: "Anybody";
  color: white;

  h1 {
    font-family: "Anybody";
    font-size: 150px;
  }
}

.text-wrapper {
  display: flex;
}

#slogans {
  position: relative;
  top: 0px;
  right: 0px;
  width: 100%;
}

span.slogan {
  text-rendering: optimizeLegibility;
  margin: 0px;
  text-transform: uppercase;
  line-height: 1;
}

span.slogan strong {
  display: block;
  position: relative;
  opacity: 0;
}

.onovo-section {
  .onovo-circle-move {
    animation: 6s ease-in-out infinite onovo-circle-move;
  }

  @keyframes onovo-circle-move {
    0%,
    100% {
      transform: translate(0, 0);
    }

    25% {
      transform: translate(4px, 4px);
    }

    50% {
      transform: translate(0, 4px);
    }

    75% {
      transform: translate(-4px, 0);
    }
  }

  .splitting span:not(.whitespace) {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
  }

  .splitting span .word {
    position: relative;
    transform: translate(0, 100%);
    transition: transform 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition-delay: calc(100ms + 100ms * var(--line-index));
    transition-delay: calc(100ms + 100ms * var(--line-index));
  }

  .animated--active
    .onovo-blog-carousel
    .swiper-slide.swiper-slide-active
    .splitting
    span
    .word,
  .animated--active
    .onovo-blog-carousel
    .swiper-slide.swiper-slide-active
    + .swiper-slide
    .splitting
    span
    .word,
  .animated--active .splitting[data-scroll="in"] span .word,
  .animated--swiper--active .onovo-hero-parallax .active .splitting span .word,
  .animated--swiper--active .swiper-slide-active .splitting span .word {
    transform: translate(0, 0);
  }

  .onovo-overlay {
    position: absolute;
    width: 100%;
    background: #fff;
    transition: transform 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    transform-origin: top right;
    transform: scaleX(1);
    pointer-events: none;
  }

  .animated--active
    .onovo-blog-carousel
    .swiper-slide.swiper-slide-active
    .onovo-overlay,
  .animated--active
    .onovo-blog-carousel
    .swiper-slide.swiper-slide-active
    + .swiper-slide
    .onovo-overlay,
  .animated--active [data-scroll="in"] .onovo-overlay {
    transform: scaleX(0);
  }

  .animated--swiper--active .swiper-slide-active .onovo-overlay {
    transform: scaleX(0);
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }

  .onovo-hover-1::before,
  .onovo-hover-2::before,
  .onovo-hover-3::before {
    margin: 0;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transform: scale(0);
    -webkit-transform: scale(0);
    background: #f7941e;
    pointer-events: none;
  }

  .onovo-hover-2::before {
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }

  .onovo-hover-3::before {
    margin: -400px 0 0 -400px;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 800px;
  }

  .onovo-hover-1:hover::before,
  .onovo-hover-2:hover::before,
  .onovo-hover-3:hover::before,
  .onovo-hover-btn:hover > .arrow::after,
  .onovo-hover-btn:hover > i::after {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .onovo-head-btn .arrow::before,
  .onovo-hover-black::before {
    background: #000 !important;
  }

  .onovo-hover-black-30::before {
    background: rgba(0, 0, 0, 0.3) !important;
  }

  .onovo-hover-btn > .arrow::after,
  .onovo-hover-btn > i::after {
    margin: 0;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transform: scale(0);
    -webkit-transform: scale(0);
    background: #f7941e;
    transform-origin: center center;
  }

  .onovo-hover-btn::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #000;
    -webkit-border-radius: 66px;
  }

  .onovo-hover-btn::after {
    margin: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    background: #f7941e;
    transform-origin: bottom center;
    z-index: 1;
  }

  .onovo-faq-item .onovo-collapse-btn.active::after,
  .onovo-hover-btn:hover::after {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: top center;
  }

  .onovo-hover-label .label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    z-index: 2;
    opacity: 0;
    transform: translateY(8px) scale(0.8);
    -webkit-transform: translateY(6px) scale(0.8);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-hover-label:hover .label {
    opacity: 1;
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
  }

  .content-sidebar li > a::after,
  .onovo-lnk a::after,
  .onovo-lnk.lnk--revert a::after,
  .post-content .wp-block-archives li > a::after,
  a.onovo-lnk.lnk--revert::after,
  a.onovo-lnk::after,
  span.onovo-lnk.lnk--revert::after,
  span.onovo-lnk::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: transform 0.4s ease-out;
    -webkit-transition: transform 0.4s ease-out;
    transform-origin: bottom right;
  }

  .onovo-lnk.lnk--white a::after,
  a.onovo-lnk.lnk--white::after,
  span.onovo-lnk.lnk--white::after {
    background: #fff;
  }

  .onovo-lnk.lnk--active a::after,
  a.onovo-lnk.lnk--active::after,
  span.onovo-lnk.lnk--active::after {
    background: #f7941e;
  }

  .content-sidebar li a:hover::after,
  .onovo-blog-slide-item:hover .onovo-lnk::after,
  .onovo-history-item:hover .onovo-lnk::after,
  .onovo-lnk a:hover::after,
  .onovo-lnk.lnk--revert a::after,
  .onovo-menu ul li.current-menu-item > a:after,
  .onovo-portfolio-item:hover .onovo-lnk::after,
  .onovo-services-showcase .items .hover .onovo-lnk::after,
  .post-content .wp-block-archives li a:hover::after,
  a.onovo-lnk.lnk--revert::after,
  a.onovo-lnk:hover::after,
  span.onovo-lnk.lnk--revert::after,
  span.onovo-lnk:hover::after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform-origin: bottom left;
  }

  .onovo-lnk.lnk--revert a:hover::after,
  a.onovo-lnk.lnk--revert:hover::after,
  span.onovo-lnk.lnk--revert:hover::after {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: bottom right;
  }

  .onovo-btn,
  .onovo-btn-circle,
  a.onovo-btn,
  a.onovo-btn-circle,
  button[type="submit"],
  input[type="submit"] {
    padding: 0 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    height: 66px;
    line-height: 66px;
    text-decoration: none;
    outline: 0 !important;
    cursor: pointer;
    border: none;
    box-shadow: none !important;
    text-align: center;
    background: 0 0;
    border-radius: 66px;
    -webkit-border-radius: 66px;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  button[type="submit"],
  input[type="submit"] {
    background: #000;
    -webkit-border-radius: 66px;
  }

  button[type="submit"].onovo-btn,
  input[type="submit"].onovo-btn {
    background: 0 0;
  }

  .onovo-btn.btn--large,
  a.onovo-btn.btn--large {
    padding: 0 40px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
  }

  .onovo-btn-circle,
  a.onovo-btn-circle {
    padding: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #3e3e3e;
    border-radius: 100px;
    -webkit-border-radius: 100px;
  }

  .onovo-btn.btn--border {
    color: #000;
  }

  .onovo-btn.btn--border.btn--white {
    color: #fff;
  }

  .onovo-btn.btn--full,
  .onovo-cta-social .desc,
  .post-content .gallery.gallery-columns-1 .gallery-item {
    width: 100%;
  }

  .onovo-btn.btn--white::before {
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
  }

  .onovo-btn.btn--border::before {
    background: 0 0;
    border: 1px solid #000;
  }

  .onovo-btn.btn--border.btn--white::before {
    background: 0 0;
    border: 1px solid #fff;
  }

  .onovo-btn.btn--border::after {
    background: #000;
  }

  .onovo-btn.btn--active::before,
  .onovo-btn.btn--border.btn--color::after {
    background: #f7941e;
  }

  .onovo-btn .arrow::after,
  .onovo-btn.btn--border .arrow::before,
  .onovo-btn.btn--border i,
  .onovo-btn.btn--white::after {
    background: #000;
  }

  .onovo-btn.btn--active::after,
  .onovo-btn.btn--border .arrow span::after,
  .onovo-btn.btn--border .arrow span::before,
  .onovo-btn.btn--border.btn--white .arrow::before,
  .onovo-btn.btn--border.btn--white i,
  .onovo-btn.btn--border.btn--white:hover .arrow span::after,
  .onovo-btn.btn--border.btn--white:hover .arrow span::before,
  .onovo-btn:hover .arrow span::after,
  .onovo-btn:hover .arrow span::before,
  .onovo-head-btn:hover .arrow span::after,
  .onovo-head-btn:hover .arrow span::before,
  .onovo-next.nav--white i::before,
  .onovo-paginations-container.pag--white .swiper-pagination-bullet::before,
  .onovo-prev.nav--white i::before {
    background: #fff;
  }

  .onovo-btn.btn--active,
  .onovo-btn.btn--border.btn--color:hover,
  .onovo-btn.btn--icon.btn--border:hover i,
  .onovo-btn.btn--icon.btn--white:hover i,
  .onovo-social-2 ul li a:hover,
  .onovo-social-active ul li a:hover,
  .onovo-stars i::before,
  .page-links .current,
  .pager .current,
  a.onovo-btn.btn--active,
  a.onovo-btn.btn--border.btn--color:hover {
    color: #000;
  }

  .onovo-btn:hover,
  a.onovo-btn:hover {
    color: #000;
  }

  .onovo-btn.btn--border:hover,
  .onovo-btn.btn--white:hover,
  a.onovo-btn.btn--border:hover,
  a.onovo-btn.btn--white:hover {
    color: #fff;
  }

  .onovo-btn .arrow,
  .onovo-btn-circle .arrow,
  .onovo-btn.btn--icon i,
  .onovo-head-btn .arrow {
    margin: 0 10px 0 -10px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    transform: scale(0.87);
    -webkit-transform: scale(0.87);
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    z-index: 2;
  }

  .onovo-head-btn .arrow {
    margin: 0 0 0 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .onovo-btn-circle .arrow {
    margin: 0;
    width: 100px;
    height: 100px;
    border-radius: 100px;
  }

  .onovo-btn .arrow::before,
  .onovo-head-btn .arrow::before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    top: 1px;
    background: #f7941e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-btn-circle:hover .arrow,
  .onovo-btn.btn--icon:hover i,
  .onovo-btn:hover .arrow,
  .onovo-head-btn:hover .arrow,
  .onovo-portfolio-item:hover .onovo-hover-3::before,
  .onovo-pricing-item:hover .pricing--overlay::before,
  .onovo-services-grid-fw .onovo-service-grid-item.active::before,
  .onovo-team-two-item:hover .onovo-hover-3::before {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .onovo-btn.btn--large.btn--icon i {
    margin: 0 23px 0 -20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    font-size: 24px;
  }

  .onovo-btn.btn--icon.btn--border i,
  .onovo-btn.btn--icon.btn--white i {
    background: #000;
    color: #fff;
  }

  .onovo-btn.btn--border .arrow::after,
  .onovo-btn.btn--border i::after,
  .onovo-social-2 ul li a::before,
  .onovo-social-active ul li a::before,
  .onovo-stars {
    background: #f7941e;
  }

  .onovo-btn.btn--icon.btn--border.btn--white i {
    background: #fff;
    color: #000;
  }

  .onovo-btn.btn--icon.btn--border.btn--white:hover i {
    color: #fff;
  }

  .onovo-btn.btn--icon i::before,
  .onovo-faq-item .onovo-collapse-btn > span,
  .onovo-service-item-inner .list,
  .onovo-service-item-inner .title,
  .onovo-social-1 ul li a i,
  .onovo-social-1 ul li a span,
  .onovo-social-2 ul li a i,
  .onovo-social-2 ul li a span {
    position: relative;
    z-index: 2;
  }

  .onovo-btn.btn--border.btn--white .arrow::after,
  .onovo-btn.btn--border.btn--white i::after {
    background: #000;
  }

  .onovo-btn .arrow span,
  .onovo-btn-circle .arrow span,
  .onovo-head-btn .arrow span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  .onovo-btn .arrow span::after,
  .onovo-btn .arrow span::before,
  .onovo-btn-circle .arrow span::after,
  .onovo-btn-circle .arrow span::before,
  .onovo-head-btn .arrow span::after,
  .onovo-head-btn .arrow span::before {
    margin: -2px 0 0 -6px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 3px;
    background: #000;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-social-1 ul li a,
  .onovo-social-2 ul li a {
    align-items: center;
    font-weight: 700;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    position: relative;
  }

  .onovo-btn-circle:hover .arrow span::after,
  .onovo-btn-circle:hover .arrow span::before,
  .onovo-btn.btn--border.btn--white .arrow span::after,
  .onovo-btn.btn--border.btn--white .arrow span::before,
  .onovo-btn.btn--border:hover .arrow span::after,
  .onovo-btn.btn--border:hover .arrow span::before,
  .onovo-next.nav--white:hover i::before,
  .onovo-prev.nav--white:hover i::before,
  .onovo-social-1 ul li a::before,
  .parallax--dark #pp-nav ul li a span::before,
  .preloader::after {
    background: #000;
  }

  .onovo-btn .arrow span::after,
  .onovo-btn-circle .arrow span::after,
  .onovo-head-btn .arrow span::after {
    content: "";
    width: 3px;
    height: 13px;
    margin: -7px 0 0 -1px;
  }

  .onovo-btn > span,
  .onovo-head-btn span,
  button > span {
    position: relative;
    display: inline-block;
    z-index: 2;
  }

  .onovo-social-1 ul,
  .onovo-social-2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
  }

  .onovo-social-1 ul li,
  .onovo-social-2 ul li {
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
  }

  .onovo-social-1.social--minimal ul li {
    margin-right: 0;
  }

  .onovo-social-1 ul li a {
    display: flex;
    width: 70px;
    height: 70px;
    border: 1px solid #3e3e3e;
    border-radius: 70px;
    justify-content: center;
    font-size: 22px;
    color: #666;
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-social-1.social--minimal ul li a {
    width: 40px;
    height: 40px;
    border: none;
    font-size: 18px;
    color: #000;
  }

  .onovo--social--dark .onovo-social-1 ul li a::before {
    background: #282828;
  }

  .onovo-social-1 ul li a:hover {
    color: #fff;
    border-color: #000;
  }

  .onovo--social--dark .onovo-social-1 ul li a:hover {
    border-color: #282828;
  }

  .onovo-social-2 ul li a {
    display: flex;
    width: 56px;
    height: 56px;
    border: 1px solid #fff;
    border-radius: 56px;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-stars {
    margin: 0 15px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    height: 26px;
    line-height: 28px;
    font-weight: 800;
    color: #000;
    border-radius: 26px;
    -webkit-border-radius: 26px;
  }

  .onovo-stars.stars--small {
    margin: 0 10px;
    padding: 0 10px;
    font-size: 12px;
    height: 21px;
    line-height: 23px;
  }

  #pp-nav {
    position: absolute !important;
    right: 50px !important;
    width: 32px;
    z-index: 18;
  }

  #pp-nav ul li,
  .onovo-team-info ul li .onovo-text p,
  body .onovo-subscribe-form {
    margin: 0;
  }

  #pp-nav ul li + li {
    margin-top: 10px;
  }

  #pp-nav ul li,
  #pp-nav ul li a {
    position: static;
    width: 100%;
    height: auto;
  }

  #pp-nav ul li a span {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 32px;
    background: 0 0 !important;
    border: none !important;
    opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  #pp-nav ul li a span::before {
    margin: -2px 0 0 -2px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  #pp-nav .pp-nav-active {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    width: 32px;
    border: 1px solid #fff;
    opacity: 0.35;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: top 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: top 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-play-btn.play--black .play-circles,
  .parallax--dark #pp-nav .pp-nav-active {
    border-color: #000;
  }

  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0.45;
  }

  .onovo-navs {
    margin-top: 50px;
    width: 100%;
    text-align: center;
  }

  .onovo-paginations .swiper-pagination-bullet,
  .swiper-nav-active {
    width: 32px;
    height: 32px;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-navs-box {
    padding: 7px;
    background: #fff;
    border-radius: 81px;
    -webkit-border-radius: 81px;
  }

  .onovo-paginations-container {
    position: relative;
    margin: 0 45px;
  }

  .onovo-blog-item .desc .info .date,
  .onovo-blog-item .desc .info > span,
  .onovo-navs .onovo-next,
  .onovo-navs .onovo-prev,
  .onovo-navs-box,
  .onovo-paginations,
  .onovo-paginations-container,
  .onovo-post-date .date,
  .wp-block-latest-posts__post-date {
    display: inline-block;
    vertical-align: middle;
  }

  .swiper-nav-active {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #000;
    opacity: 0.35;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    background-color: #f7941e;
  }

  .onovo-paginations .swiper-pagination-bullet {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: 0 0;
    border: none;
    opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-paginations .swiper-pagination-bullet::before {
    margin: -3px 0 0 -3px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 7px;
    width: 7px;
    background: #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    z-index: 999999;
  }

  .onovo-paginations
    .swiper-pagination-bullet-active.swiper-pagination-bullet::before {
    background: #000;
  }

  .onovo-paginations-container.pag--white .swiper-nav-active,
  .onovo-service-item-inner:hover::after {
    border-color: #fff;
  }

  .onovo-page-navigation {
    position: relative;
    margin: 60px 0 0;
    padding: 15px;
    border: 1px solid #b2b2b2;
    border-radius: 60px;
    -webkit-border-radius: 60px;
  }

  .onovo-page-navigation-content::after {
    content: "";
    position: relative;
    clear: both;
    display: block;
  }

  .onovo-page-navigation a.page-navigation__posts {
    margin-left: -10px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 20px;
    height: 100%;
    font-size: 20px;
  }

  .onovo-page-navigation a {
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 21px;
    font-weight: 600;
  }

  .onovo-page-navigation a.page-navigation__prev {
    float: left;
    display: block;
  }

  .onovo-page-navigation a.page-navigation__next {
    float: right;
    display: block;
  }

  .onovo-loadmore,
  .page-links,
  .pager {
    text-align: center;
    margin: 30px 0;
  }

  .onovo-post-pic,
  .page-links {
    margin-bottom: 60px;
  }

  .page-links .post-page-numbers,
  .pager a,
  .pager span {
    display: inline-block;
    vertical-align: middle;
    width: 67px;
    height: 67px;
    line-height: 67px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .page-links .post-page-numbers:hover,
  .pager a:hover {
    background: #f7941e;
    color: #000;
  }

  .onovo-next,
  .onovo-prev,
  .pager .onovo-next,
  .pager .onovo-prev {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 67px;
    height: 67px;
    border: 1px solid #6a5a5a;
    border-radius: 67px;
    cursor: pointer;
    background: 0 0 !important;
  }

  .pager .onovo-prev {
    margin-right: 30px;
  }

  .pager .onovo-next {
    margin-left: 30px;
  }

  .onovo-next.nav--white,
  .onovo-prev.nav--white {
    border-color: rgba(255, 255, 255, 0.35);
  }

  .onovo-next i,
  .onovo-prev i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-prev:hover i {
    transform: translateX(-5px);
  }

  .onovo-next:hover i {
    transform: translateX(5px);
  }

  .onovo-next i::before,
  .onovo-prev i::before {
    margin-top: -1px;
    content: "";
    position: absolute;
    left: 34px;
    top: 50%;
    width: 50px;
    height: 3px;
    background: #000;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-next i::before {
    left: auto;
    right: 34px;
  }

  .onovo-next i::after,
  .onovo-prev i::after {
    margin-top: -7px;
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    border: 8px solid transparent;
    border-right: 8px solid #000;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-next i::after {
    left: auto;
    right: 19px;
    border-right: 8px solid transparent;
    border-left: 8px solid #000;
  }

  .onovo-prev.nav--white i::after {
    border-right-color: #000;
  }

  .onovo-prev.nav--white:hover i::after {
    border-right-color: #000;
  }

  .onovo-next.nav--white i::after {
    border-left-color: #fff;
  }

  .onovo-next.nav--white:hover i::after {
    border-left-color: #000;
  }

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .preloader.loaded {
    visibility: hidden;
    z-index: -1;
  }

  .preloader::after,
  .preloader::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    background: #f7941e;
    transform-origin: top center;
  }

  .preloader.closed::before {
    animation: 0.6s cubic-bezier(0.3, 0, 0.3, 1) 0.3s forwards
      onovo-preloader-close;
  }

  .preloader.closed::after {
    animation: 0.6s cubic-bezier(0.3, 0, 0.3, 1) forwards onovo-preloader-close;
  }

  @keyframes onovo-preloader-close {
    0%,
    50% {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }

    100% {
      transform: scaleY(0);
      -webkit-transform: scaleY(0);
    }
  }

  .preloader__spinner {
    position: relative;
    width: 50px;
    height: 50px;
    align-self: center;
    z-index: 2;
  }

  .preloader__double-bounce {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: 2s ease-in-out infinite bounce;
    opacity: 1;
    border-radius: 50%;
  }

  .preloader__double-bounce--delay {
    animation-delay: -1s;
    opacity: 0.5;
  }

  @keyframes bounce {
    0%,
    100% {
      transform: scale(0);
    }

    50% {
      transform: scale(1);
    }
  }

  .disable_preloader .preloader {
    display: none !important;
  }

  .onovo-header,
  .slideDown,
  .slideUp {
    width: 100%;
    left: 0;
  }

  .onovo-header {
    padding: 10px 0;
    position: absolute;
    top: 0;
    z-index: 19;
  }

  .onovo-header-default {
    padding: 20px 0;
  }

  .admin-bar .onovo-header {
    top: 32px;
  }

  .onovo-header.sticky {
    position: fixed;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  }

  .header--white.onovo-header.sticky,
  .onovo-btn .arrow::after,
  .onovo-hover-btn::before,
  .preloader::after,
  button[type="submit"],
  input[type="submit"] {
    background-color: #000;
  }

  .onovo-header .row > div:first-child {
    z-index: 2;
  }

  .slideUp {
    position: fixed;
    top: -140px;
  }

  .slideDown {
    position: fixed;
    top: 0;
    background: #000;
  }

  .slideDown,
  .slideUp {
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
  }

  .onovo-logo {
    padding: 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
  }

  .logo--large {
    display: block;
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
  }

  .logo--small {
    display: block;
    font-size: 11px;
    line-height: 1.18;
    opacity: 0.6;
  }

  .header--active .onovo-head-btn,
  .header--active a.onovo-head-btn,
  .header--white .logo--large,
  .header--white .logo--small,
  .header--white .onovo-head-btn,
  .header--white .onovo-menu-horizontal ul li,
  .header--white .onovo-menu-horizontal ul li a,
  .header--white a.onovo-head-btn,
  .onovo-menu ul li a:hover,
  .onovo-service-item-inner:hover .list ul li a,
  .onovo-service-item-inner:hover .title,
  .onovo-service-item-inner:hover .title a {
    color: #fff;
  }

  .onovo-logo-image {
    position: relative;
    line-height: 1;
  }

  .onovo-logo-image img {
    max-width: 100%;
    height: auto;
  }

  .header--active .onovo-logo-image img,
  .header--white .onovo-logo-image img,
  .onovo-head-btn::after,
  .onovo-head-btn::before,
  .onovo-logo-image img.logo--white,
  .onovo-menu ul ul a::before,
  .onovo-menu-horizontal {
    display: none;
  }

  .content-sidebar .search-form label,
  .header--active .onovo-logo-image img.logo--white,
  .header--white .onovo-logo-image img.logo--white,
  .onovo-brands .image,
  .onovo-showcase-item .category span,
  .widget_product_search label {
    display: block;
  }

  .onovo-head-btn,
  a.onovo-head-btn {
    position: relative;
    float: right;
    height: 40px;
  }

  .header--active .onovo-head-btn,
  .header--active .onovo-head-btn .arrow span::after,
  .header--active .onovo-head-btn .arrow span::before,
  .header--active .onovo-head-btn .arrow::before,
  .header--active .onovo-menu-btn span::after,
  .header--active .onovo-menu-btn span::before,
  .header--active a.onovo-head-btn,
  .onovo-reviews-carousel .swiper-wrapper {
    transition-delay: 0.6s;
  }

  .header--builder .onovo-head-btn,
  .header--builder a.onovo-head-btn {
    display: inline-block;
    float: none;
  }

  .header--active .onovo-head-btn .arrow::before,
  .header--white .onovo-head-btn .arrow::before {
    background: #fff !important;
  }

  .content-sidebar .search-form input[type="search"],
  .header--active .onovo-menu-btn span::after,
  .header--active .onovo-menu-btn span::before,
  .header--white .onovo-menu-btn span::after,
  .header--white .onovo-menu-btn span::before,
  .onovo-head-btn .arrow span::after,
  .onovo-head-btn .arrow span::before,
  .onovo-service-item-inner .list ul li a::after,
  .search-form input[type="search"],
  .widget_product_search input[type="search"],
  .wp-block-search input[type="search"] {
    background: #fff;
  }

  .header--active .onovo-head-btn .arrow span::after,
  .header--active .onovo-head-btn .arrow span::before,
  .header--white .onovo-head-btn .arrow span::after,
  .header--white .onovo-head-btn .arrow span::before,
  .onovo-footer.footer--dark,
  .onovo-head-btn:hover .arrow span::after,
  .onovo-head-btn:hover .arrow span::before,
  .onovo-intro.intro--black,
  .onovo-play-btn.play--black .play-lines span {
    background: #000;
  }

  .onovo-menu-horizontal ul li {
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    position: relative;
  }

  .onovo-menu-horizontal ul li a {
    font-weight: 500;
  }

  .onovo-menu-horizontal ul li i {
    margin-left: 8px;
    font-size: 0.8em;
    transition: 0.3s;
  }

  .onovo-menu-horizontal ul li ul li:hover i {
    transform: rotate(-90deg);
  }

  .onovo-menu-horizontal ul ul {
    margin-left: -120px;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 240px;
    background: #fff;
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-menu-horizontal ul ul ul {
    left: 100%;
    margin-left: 0;
  }

  .onovo-menu-horizontal ul li:hover > ul {
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .onovo-menu-horizontal ul li:hover > ul ul {
    transform: translate(0, 0);
    -webkit-transform: translate(0, -35px);
  }

  .onovo-menu-horizontal ul ul:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid #000;
  }

  .onovo-menu-horizontal ul ul ul:before {
    left: 0;
  }

  .onovo-menu-horizontal ul ul li {
    margin: 15px 0;
    padding: 0;
    display: block;
    line-height: normal;
  }

  .header--white .onovo-menu-horizontal ul ul li,
  .header--white .onovo-menu-horizontal ul ul li a,
  .onovo-filter ul li button.item--active,
  .onovo-filter ul li button:hover,
  .onovo-menu-horizontal ul ul li,
  .onovo-menu-horizontal ul ul li a,
  .onovo-pricing-item:hover .onovo-btn.btn--color,
  .onovo-pricing-item:hover a.onovo-btn.btn--color,
  .onovo-services-showcase .items .hover .name,
  .onovo-showcase-item.hover .title a {
    color: #000;
  }

  .onovo-menu-horizontal ul ul li a {
    font-weight: 400;
    font-size: 16px;
  }

  .onovo-filter-container,
  .onovo-header-default .onovo-menu-horizontal ul ul li {
    text-align: center;
  }

  .onovo-menu-btn,
  a.onovo-menu-btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 40px;
    align-items: center;
    z-index: 2;
  }

  .onovo-menu-btn span {
    margin-top: -6px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 12px;
    display: block;
  }

  .onovo-menu-btn span::after,
  .onovo-menu-btn span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-menu-btn span::after {
    top: auto;
    bottom: 0;
  }

  .onovo-menu-btn.btn--active span::before {
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .onovo-menu-btn.btn--active span::after {
    bottom: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .onovo-menu-popup {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }

  .onovo-menu-popup.menu--visible {
    opacity: 1;
    visibility: visible;
    z-index: 0;
  }

  .onovo-menu-overlay,
  .onovo-menu-overlay-after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    background: #f7941e;
    transform-origin: top center;
    animation: 0.9s cubic-bezier(0.3, 0, 0.3, 1) forwards
      onovo-menu-overlay-close;
  }

  .onovo-menu-overlay-after.overlay--circle,
  .onovo-menu-overlay.overlay--circle {
    left: -25vw;
    top: -25vw;
    width: 150vw;
    height: 150vw;
    border-radius: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  .onovo-menu-overlay-after {
    background: #000;
    animation: 0.6s cubic-bezier(0.3, 0, 0.3, 1) forwards
      onovo-menu-overlay-close;
  }

  .onovo-menu-overlay-after.overlay--circle {
    animation: 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards
      onovo-menu-overlay-close-circle;
  }

  .onovo-menu-popup.menu--open .onovo-menu-overlay {
    animation: 0.6s cubic-bezier(0.3, 0, 0.3, 1) forwards
      onovo-menu-overlay-open;
  }

  .onovo-menu-popup.menu--open .onovo-menu-overlay-after {
    animation: 0.6s cubic-bezier(0.3, 0, 0.3, 1) 0.3s forwards
      onovo-menu-overlay-open;
  }

  .onovo-menu-popup.menu--open .onovo-menu-overlay.overlay--circle {
    animation: 1.2s cubic-bezier(0.3, 0, 0.3, 1) forwards
      onovo-menu-overlay-open-circle;
  }

  .onovo-menu-popup.menu--open .onovo-menu-overlay-after.overlay--circle {
    animation: 1.2s cubic-bezier(0.3, 0, 0.3, 1) 0.3s forwards
      onovo-menu-overlay-open-circle;
  }

  @keyframes onovo-menu-overlay-close {
    0%,
    50% {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }

    100% {
      transform: scaleY(0);
      -webkit-transform: scaleY(0);
    }
  }

  @keyframes onovo-menu-overlay-open {
    0% {
      transform: scaleY(0);
      -webkit-transform: scaleY(0);
    }

    100% {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }
  }

  @keyframes onovo-menu-overlay-close-circle {
    0%,
    50% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }

    100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
  }

  @keyframes onovo-menu-overlay-open-circle {
    0% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }

    100% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }

  .onovo-menu-container {
    position: absolute;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: 0;
    top: 140px;
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100% - 140px);
    -webkit-overflow-scrolling: touch;
  }

  .onovo-menu-container .container {
    margin: auto;
  }

  .onovo-menu {
    padding-left: 80px;
  }

  .onovo-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: onovo-menu-counter;
  }

  .onovo-menu ul.sub-menu {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.6s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-menu .opened > ul.sub-menu {
    max-height: 1000px;
    transition: 1.2s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 1.2s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-menu ul li {
    margin: 30px 0;
    position: relative;
    font-size: 90px;
    font-weight: 600;
    line-height: 1;
    counter-increment: onovo-menu-counter;
    opacity: 0;
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transition: 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    transform-origin: top left;
  }

  .onovo-menu ul li .icon,
  .onovo-menu ul li a {
    color: #aeaeae;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    position: relative;
  }

  .onovo-menu ul ul li {
    font-size: 0.6em;
  }

  .onovo-menu ul li:nth-child(2) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }

  .onovo-menu ul li:nth-child(3) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }

  .onovo-menu ul li:nth-child(4) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }

  .onovo-menu ul li:nth-child(5) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }

  .onovo-menu ul li:nth-child(6) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }

  .onovo-menu ul li:nth-child(7) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }

  .onovo-menu ul li:nth-child(8) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
  }

  .onovo-menu ul li:nth-child(9) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
  }

  .onovo-menu ul li:nth-child(10) {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
  }

  .onovo-menu-popup.menu--ready .onovo-menu ul li,
  .onovo-portfolio-item:hover .image a::after,
  .onovo-reviews-item.swiper-slide-active .onovo-stars {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .onovo-menu ul li a {
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-menu ul li a::before {
    content: "0" counter(onovo-menu-counter) ".";
    position: absolute;
    left: -80px;
    top: 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #494949;
  }

  .onovo-menu ul li .icon {
    margin-left: 15px;
    top: 30px;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 0.4em;
    cursor: pointer;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-menu ul li.opened > .icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .onovo-header-default .onovo-menu {
    text-align: left;
  }

  @media (max-width: 1024px) {
    .onovo-header-default .onovo-menu ul li {
      font-size: 48px;
    }

    .onovo-header-default .onovo-menu ul ul li {
      font-size: 30px;
    }

    .onovo-header-default .onovo-menu ul ul ul li {
      font-size: 22px;
    }

    .onovo-header-default .onovo-menu ul li .icon {
      margin-top: 8px;
      top: 0;
    }

    .onovo-header-default .onovo-menu ul li li .icon,
    .onovo-menu ul li li .icon {
      font-size: 20px;
      margin-top: -2px;
    }

    .onovo-menu ul.sub-menu ul.sub-menu {
      background: rgba(255, 255, 255, 0.1);
      padding-left: 30px;
      padding-right: 30px;
    }

    .onovo-menu ul.sub-menu .opened ul.sub-menu {
      margin-top: 15px;
    }
  }

  .footer--fixed .onovo-footer,
  .footer--sticky .onovo-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }

  .footer--sticky .onovo-footer {
    z-index: 3;
  }

  .onovo-footer.footer--white {
    background: #fafafa;
  }

  .onovo-hero .image,
  .onovo-hero .image video,
  .onovo-sep .sep-img {
    background-repeat: no-repeat;
    background-position: center center;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
  }

  .onovo-footer .footer--default {
    padding: 90px 0 30px;
  }

  .onovo-footer .separator {
    margin: 60px 0 30px;
    border-top: 7px solid transparent;
    background-image: url("../images/fline.svg");
  }

  ul.onovo-footer-menu li {
    margin: 0 0 14px;
    font-size: 18px;
  }

  .onovo-cta-2-text a,
  .onovo-footer-lnk {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
  }

  .onovo-hero,
  .onovo-hero-parallax {
    position: relative;
    height: 100vh;
    background: #555;
  }

  .onovo-hero .image,
  .onovo-hero .image video {
    position: absolute;
    background-size: cover;
  }

  .onovo-hero .image .ovrl,
  .onovo-hero .video .ovrl,
  .onovo-hero-parallax .image .ovrl,
  .onovo-hero-parallax .video .ovrl,
  .onovo-intro .image .ovrl,
  .onovo-intro .video .ovrl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.35;
    z-index: 2;
  }

  .onovo-hero .container {
    padding-top: 100px;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 3;
  }

  .onovo-hero .title {
    margin: 0;
    font-size: 110px;
    font-weight: 500;
  }

  .onovo-sep {
    margin: -10px 0 0 15px;
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    width: 34px;
    height: 1em;
  }

  .onovo-sep .sep-img {
    position: absolute;
    background-size: contain;
  }

  .onovo-hero .subtitle {
    margin: 40px 0 40px 710px;
    max-width: 560px;
    font-size: 28px;
  }

  .onovo-hero .subtitle.subtitle--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .onovo-hero .subtitle.subtitle--left {
    margin-left: 0;
  }

  .onovo-play-btn {
    position: absolute;
    right: 0.75rem;
    bottom: 63px;
    width: 67px;
    height: 67px;
    z-index: 3;
  }

  .onovo-play-btn .play-circles {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #fff;
  }

  .onovo-play-btn .play-circles::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #fff;
    opacity: 0.31;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    animation: 2s ease-in-out infinite onovo-play-btn-wave;
  }

  .onovo-play-btn.play--black .play-circles::after,
  .onovo-service-item-inner:hover {
    border-color: #000;
  }

  @keyframes onovo-play-btn-wave {
    0%,
    100% {
      left: -10px;
      top: -10px;
      right: -10px;
      bottom: -10px;
      opacity: 0.31;
    }

    50% {
      left: -20px;
      top: -20px;
      right: -20px;
      bottom: -20px;
      opacity: 0;
    }

    51% {
      left: -10px;
      top: -10px;
      right: -10px;
      bottom: -10px;
      opacity: 0;
    }
  }

  .onovo-play-btn .play-lines {
    margin: -8px 0 0 -9px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 17px;
  }

  .onovo-play-btn .play-lines span {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3px;
    height: 2px;
    background: #fff;
  }

  .onovo-play-btn .play-lines span:first-child {
    left: 0;
    height: 17px;
  }

  .onovo-play-btn .play-lines span:nth-child(2) {
    left: 5px;
    height: 14px;
  }

  .onovo-play-btn .play-lines span:nth-child(3) {
    left: 10px;
    height: 10px;
  }

  .onovo-play-btn .play-lines span:nth-child(4) {
    left: 15px;
    height: 12px;
  }

  .onovo-play-btn.active .play-lines span:first-child {
    animation: 1s ease-in-out infinite onovo-play-btn-lines-1;
  }

  .onovo-play-btn.active .play-lines span:nth-child(2) {
    animation: 0.8s ease-in-out infinite onovo-play-btn-lines-2;
  }

  .onovo-play-btn.active .play-lines span:nth-child(3) {
    animation: 0.4s ease-in-out infinite onovo-play-btn-lines-3;
  }

  .onovo-play-btn.active .play-lines span:nth-child(4) {
    animation: 0.6s ease-in-out infinite onovo-play-btn-lines-4;
  }

  @keyframes onovo-play-btn-lines-1 {
    0% {
      height: 17px;
    }

    100% {
      height: 2px;
    }
  }

  @keyframes onovo-play-btn-lines-2 {
    0% {
      height: 14px;
    }

    100% {
      height: 2px;
    }
  }

  @keyframes onovo-play-btn-lines-3 {
    0% {
      height: 10px;
    }

    100% {
      height: 2px;
    }
  }

  @keyframes onovo-play-btn-lines-4 {
    0% {
      height: 12px;
    }

    100% {
      height: 2px;
    }
  }

  .onovo-hero .js-hero-slider,
  .onovo-hero .onovo-hero-slide-item {
    position: relative;
    height: 100%;
  }

  .onovo-hero .js-hero-slider .swiper-slide {
    overflow: hidden;
  }

  .onovo-hero.hero--two .image .ovrl,
  .onovo-hero.hero--two .video .ovrl {
    background: linear-gradient(
      270deg,
      rgba(4, 25, 29, 0.1) 0,
      rgba(4, 25, 29, 0.7) 80%
    );
  }

  .onovo-hero.hero--two .title {
    font-size: 60px;
    font-weight: 600;
  }

  .onovo-hero.hero--two .title strong {
    font-size: 70px;
  }

  .onovo-hero.hero--two .subtitle {
    font-size: 20px;
    font-weight: 400;
  }

  .onovo-hero .onovo-navs {
    position: absolute;
    left: 50%;
    bottom: 63px;
    max-width: 1311px;
    z-index: 3;
    transform: translateX(-50%);
  }

  .onovo-hero .onovo-navs .onovo-prev {
    position: absolute;
    left: 10px;
    right: auto;
    top: -20px;
  }

  .onovo-hero .onovo-navs .onovo-next {
    position: absolute;
    right: 10px;
    left: auto;
    top: -20px;
  }

  .onovo-hero .js-hero-slider .onovo-bts {
    transform: translateY(20px);
    opacity: 0;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transition-delay: 0s;
  }

  .animated--swiper--active
    .onovo-hero
    .js-hero-slider
    .swiper-slide-active
    .onovo-bts {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s;
  }

  .animated--swiper--active
    .onovo-hero
    .js-hero-slider
    .swiper-slide
    .splitting
    span
    .word {
    -webkit-transition-delay: calc(1000ms + 100ms * var(--line-index));
    transition-delay: calc(1000ms + 100ms * var(--line-index));
  }

  .onovo-hero-carousel {
    padding-bottom: 160px;
    margin: 0 auto;
    width: 328px;
  }

  .onovo-blog-carousel .swiper-container,
  .onovo-hero-carousel .swiper-container {
    overflow: visible;
  }

  .onovo-hero-carousel .swiper-wrapper {
    transition-delay: 1s;
  }

  .onovo-hero-carousel .swiper-slide,
  .onovo-ticker-slider .swiper-slide {
    width: auto;
  }

  .onovo-hero-carousel-item {
    position: relative;
    width: 100px;
    transition: 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.6s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-hero-carousel
    .swiper-slide:nth-child(1n)
    .onovo-hero-carousel-item
    .slide {
    top: 0;
  }

  .onovo-hero-carousel
    .swiper-slide:nth-child(2n)
    .onovo-hero-carousel-item
    .slide {
    top: 20px;
  }

  .onovo-hero-carousel
    .swiper-slide:nth-child(3n)
    .onovo-hero-carousel-item
    .slide {
    top: 40px;
  }

  .onovo-hero-carousel-item .slide {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 380px;
    pointer-events: none;
  }

  .onovo-hero-carousel-item .img {
    margin-left: -164px;
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 328px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .onovo-hero-carousel-item .img video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .onovo-hero-carousel-item .titles {
    margin-left: -300px;
    position: absolute;
    left: 50%;
    bottom: -160px;
    width: 600px;
    pointer-events: none;
  }

  .onovo-hero-carousel-item .subtitle {
    margin: 0 0 5px;
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #555;
    text-transform: uppercase;
    height: 20px;
  }

  .onovo-hero-carousel-item .title {
    margin: 0;
    display: block;
    font-size: 38px;
    font-weight: 700;
    height: 45px;
  }

  .onovo-hero-carousel-item .text-line-inner {
    position: relative;
    display: inline-block;
    line-height: 1;
    width: 100%;
    white-space: nowrap;
  }

  .onovo-hero-carousel
    .swiper-slide.swiper-slide-active
    .onovo-hero-carousel-item {
    width: 328px;
    transition-delay: 1s;
  }

  .onovo-hero-carousel
    .swiper-slide.swiper-slide-active
    .onovo-hero-carousel-item
    .slide,
  .onovo-hero-carousel
    .swiper-slide.swiper-slide-active
    .onovo-hero-carousel-item
    .titles {
    pointer-events: auto;
  }

  .onovo-hero-carousel .swiper-slide .splitting {
    opacity: 0;
    transition: 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.3s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-hero-carousel .swiper-slide.swiper-slide-active .splitting,
  .onovo-history-slider .swiper-slide.swiper-slide-active,
  .onovo-navs.js-history-navs .swiper-nav-active,
  .onovo-team-two-item:hover .onovo-social-2 {
    opacity: 1;
  }

  .animated--active .onovo-hero-carousel .swiper-slide .splitting span .word {
    -webkit-transition-delay: calc(1500ms + 100ms * var(--line-index));
    transition-delay: calc(1500ms + 100ms * var(--line-index));
  }

  .js-hero-carousel-navs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 64px;
    height: 1px;
    font-size: 0;
    z-index: 2;
  }

  .js-hero-carousel-navs .onovo-next,
  .js-hero-carousel-navs .onovo-prev {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
  }

  .js-hero-carousel-navs .onovo-next {
    left: auto;
    right: 0;
  }

  @media (max-width: 767px) {
    .hide-on-mobile-extra {
      display: none;
    }

    .gap-140 {
      padding: 80px 50px;
    }

    .gap-top-140 {
      padding-top: 80px;
    }

    .gap-top-130 {
      padding-top: 65px;
    }

    .gap-top-120 {
      padding-top: 60px;
    }

    .gap-top-110 {
      padding-top: 55px;
    }

    .gap-top-100 {
      padding-top: 50px;
    }

    .gap-top-90 {
      padding-top: 45px;
    }

    .gap-top-80 {
      padding-top: 40px;
    }

    .gap-top-70 {
      padding-top: 35px;
    }

    .gap-top-40,
    .gap-top-50,
    .gap-top-60 {
      padding-top: 30px;
    }

    .gap-bottom-140 {
      padding-bottom: 80px;
    }

    .gap-bottom-130 {
      padding-bottom: 65px;
    }

    .gap-bottom-120 {
      padding-bottom: 60px;
    }

    .gap-bottom-110 {
      padding-bottom: 55px;
    }

    .gap-bottom-100 {
      padding-bottom: 50px;
    }

    .gap-bottom-90 {
      padding-bottom: 45px;
    }

    .gap-bottom-80 {
      padding-bottom: 40px;
    }

    .gap-bottom-70 {
      padding-bottom: 35px;
    }

    .gap-bottom-40,
    .gap-bottom-50,
    .gap-bottom-60 {
      padding-bottom: 30px;
    }

    h1 {
      font-size: 42px;
    }

    h2 {
      font-size: 38px;
    }

    h3 {
      font-size: 32px;
    }

    h4 {
      font-size: 26px;
    }

    h5 {
      font-size: 20px;
    }

    .onovo-header-default .onovo-menu ul ul li,
    h6 {
      font-size: 18px;
    }

    .onovo-title-1,
    h1.onovo-title-1,
    h2.onovo-title-1,
    h3.onovo-title-1,
    h4.onovo-title-1,
    h5.onovo-title-1,
    h6.onovo-title-1 {
      margin: 0;
      font-size: 42px;
    }

    .onovo-title-2,
    h1.onovo-title-2,
    h2.onovo-title-2,
    h3.onovo-title-2,
    h4.onovo-title-2,
    h5.onovo-title-2,
    h6.onovo-title-2 {
      margin: 0;
      font-size: 38px;
    }

    .onovo-title-3,
    h1.onovo-title-3,
    h2.onovo-title-3,
    h3.onovo-title-3,
    h4.onovo-title-3,
    h5.onovo-title-3,
    h6.onovo-title-3 {
      margin: 0;
      font-size: 32px;
    }

    .onovo-btn.btn--large,
    .onovo-footer .copyright,
    .onovo-footer ul.onovo-footer-menu li,
    .onovo-header-default .onovo-menu ul ul ul li,
    a.onovo-btn.btn--large,
    body,
    html {
      font-size: 16px;
    }

    .alignleft,
    .alignright {
      margin-bottom: 30px;
      float: none;
      max-width: 100%;
    }

    .alignright {
      margin-left: 0;
    }

    .alignleft {
      margin-right: 0;
    }

    .wp-block-image .alignleft,
    .wp-block-image .alignright {
      max-width: 50%;
    }

    .m-align-left {
      text-align: left !important;
    }

    .m-align-center {
      text-align: center !important;
    }

    .m-align-right {
      text-align: right !important;
    }

    .onovo-next,
    .onovo-prev,
    .pager .onovo-next,
    .pager .onovo-prev {
      width: 57px;
      height: 57px;
      border-radius: 57px;
    }

    .pager .onovo-next {
      margin-left: 15px;
    }

    .pager .onovo-prev {
      margin-right: 15px;
    }

    .header--builder .onovo-head-btn,
    .header--builder a.onovo-head-btn {
      font-size: 0;
    }

    .onovo-menu {
      padding-left: 40px;
    }

    .onovo-menu ul li {
      margin: 20px 0;
      font-size: 38px;
    }

    .onovo-menu ul li a::before {
      left: -40px;
      top: 10px;
      font-size: 12px;
    }

    .onovo-menu ul li .icon {
      margin-left: 8px;
      margin-top: 4px;
      top: 0;
    }

    .onovo-header-default .onovo-menu ul li {
      font-size: 28px;
    }

    .onovo-header-default .onovo-menu ul li .icon {
      margin-top: -2px;
    }

    .onovo-header-default .onovo-menu ul li li .icon,
    .onovo-menu ul li li .icon {
      font-size: 14px;
      margin-top: -2px;
      height: 20px;
      line-height: 20px;
    }

    .onovo-header-default > .container > .row > * {
      max-width: 50%;
      width: 50%;
    }

    .onovo-menu > ul > li > a {
      color: #fff;
    }

    .onovo-menu ul.sub-menu .opened ul.sub-menu {
      margin-top: 5px;
    }

    .onovo-footer .footer--default {
      padding: 60px 0 30px;
    }

    .onovo-footer-lnk {
      font-size: 24px;
    }

    .onovo-hero-carousel
      .swiper-slide.swiper-slide-active
      .onovo-hero-carousel-item,
    .onovo-hero-carousel .swiper-wrapper {
      transition-delay: 0s;
    }

    .onovo-hero-carousel .swiper-slide,
    .onovo-hero-carousel .swiper-slide.swiper-slide-active,
    .onovo-hero-carousel
      .swiper-slide.swiper-slide-active
      .onovo-hero-carousel-item,
    .onovo-hero-carousel-item {
      width: 328px;
    }

    .animated--active .onovo-hero-carousel .swiper-slide .splitting span .word {
      -webkit-transition-delay: calc(100ms * var(--line-index));
      transition-delay: calc(100ms * var(--line-index));
    }
  }

  .onovo-hero-parallax .image,
  .onovo-hero-parallax .image video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #555;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .onovo-hero-parallax .container {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 3;
  }

  .comment .comment-item + .comment-item,
  .comment.comment-item ul.children > li,
  .onovo-blog-item .desc .onovo-text .onovo-btn,
  .onovo-hero-parallax .onovo-subtitle-1 {
    margin-top: 20px;
  }

  .onovo-hero-parallax .title {
    margin: 0 0 30px;
    position: relative;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.2;
  }

  .onovo-hero-parallax .title .sep {
    position: absolute;
    left: 280px;
    top: -120px;
    width: 472px;
    height: 449px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-100px);
  }

  .onovo-hero-parallax .onovo-bts,
  .onovo-hero-parallax .title .sep {
    opacity: 0;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transition-delay: 0s;
  }

  .onovo-hero-parallax .onovo-bts {
    transform: translateY(50px);
  }

  .onovo-hero-parallax .splitting span .word {
    -webkit-transition-delay: calc(800ms + 100ms * var(--line-index));
    transition-delay: calc(800ms + 100ms * var(--line-index));
  }

  .animated--swiper--active .onovo-hero-parallax .active .onovo-bts,
  .animated--swiper--active .onovo-hero-parallax .active .title .sep {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.8s;
  }

  .onovo-navs.js-hero-parallax-navs {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 60px;
    margin-top: 0;
    max-width: 1291px;
    z-index: 18;
    display: flex;
    justify-content: space-between;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .onovo-service-grid-item,
  .onovo-service-item .image {
    position: relative;
    justify-content: center;
    display: flex;
  }

  .onovo-navs.js-hero-parallax-navs .onovo-next,
  .onovo-navs.js-hero-parallax-navs .onovo-prev {
    margin: 0 10px;
  }

  .onovo-hero-parallax.pp--disabled #pp-nav,
  .onovo-navs.js-hero-parallax-navs.navs--disabled {
    opacity: 0;
    visibility: hidden;
  }

  @media (max-width: 1024px) {
    .footer--fixed .wrapper {
      padding-bottom: 80px;
      margin-bottom: 0 !important;
    }

    .footer--fixed .onovo-footer,
    .footer--sticky .onovo-footer {
      position: relative;
    }

    .onovo-hero .subtitle {
      margin-left: 0;
    }

    .js-hero-carousel-navs {
      left: 10px;
      right: 10px;
      bottom: -10px;
    }

    .onovo-hero-parallax .title {
      max-width: 650px;
    }

    .onovo-hero-parallax .image video:after,
    .onovo-hero-parallax .image:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.2;
      transition: 0.3s;
    }

    .parallax--dark .onovo-hero-parallax .image video:after,
    .parallax--dark .onovo-hero-parallax .image:after {
      background: #fff;
    }
  }

  .onovo-service-item {
    position: relative;
    max-width: 440px;
  }

  .onovo-service-item.active--default {
    margin-top: -80px;
  }

  .onovo-service-item .image {
    margin: 0 auto -85px;
    width: 161px;
    height: 161px;
    align-items: center;
    line-height: 1;
    background: #f7941e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 2;
    pointer-events: none;
  }

  .onovo-service-item .image:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid #3e3e3e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  .onovo-service-item-inner,
  .onovo-service-item-inner::after {
    border: 1px solid #3e3e3e;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-service-item .image img {
    width: auto;
    height: auto;
    max-width: 78px;
    max-height: 78px;
  }

  .onovo-service-item-inner {
    padding: 120px 60px 60px;
    position: relative;
    overflow: hidden;
    min-height: 220px;
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-service-item-inner::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    pointer-events: none;
  }

  .onovo-service-item-inner .title {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
  }

  .onovo-service-item-inner .list ul li {
    margin: 20px 0 0;
    padding-left: 20px;
    position: relative;
  }

  .onovo-service-item-inner .list ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 9px;
    background: url(../images/list.svg) 0 0 / contain no-repeat;
  }

  .onovo-service-grid-item {
    margin: 0 auto;
    padding: 40px;
    max-width: 460px;
    min-height: 460px;
    flex-direction: column;
  }

  .onovo-service-grid-item:before {
    z-index: -1;
  }

  .onovo-service-grid-item .image {
    margin-bottom: 20px;
    display: block;
    line-height: 1;
  }

  .onovo-service-grid-item .image img {
    width: auto;
    max-height: 60px;
  }

  .onovo-bubble {
    position: absolute;
    right: 0;
    bottom: -60px;
    width: 142px;
    height: 152px;
    pointer-events: none;
  }

  @keyframes bubbleOne {
    0% {
      bottom: -20%;
      right: -10%;
      opacity: 0;
      transform: scale(0.3);
    }

    50% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: scale(1.05);
    }

    100% {
      bottom: 0;
      right: 0;
      opacity: 1;
      transform: scale(1);
    }
  }

  .onovo-bubble .bubble-1 {
    position: absolute;
    width: 65px;
    height: 65px;
    bottom: -20%;
    right: -10%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #f7941e;
    opacity: 0;
    transform: scale(0.3);
  }

  .onovo-bubble .bubble-2,
  .onovo-bubble .bubble-3 {
    border-radius: 100%;
    position: absolute;
    background: #f7941e;
    opacity: 0;
  }

  .onovo-service-grid-item:hover .onovo-bubble .bubble-1,
  .onovo-services-grid-fw
    .onovo-service-grid-item.active
    .onovo-bubble
    .bubble-1 {
    animation: 2.5s cubic-bezier(0.3, 0, 0.3, 1) forwards bubbleOne;
  }

  @keyframes bubbleTwo {
    0% {
      bottom: 0;
      left: -40%;
      opacity: 0;
      transform: scale(0.25);
    }

    100%,
    50% {
      bottom: 30%;
      left: 0;
      opacity: 1;
      transform: scale(1);
    }
  }

  .onovo-bubble .bubble-2 {
    width: 45px;
    height: 45px;
    bottom: 0;
    left: -40%;
    -webkit-border-radius: 100%;
    transform: scale(0.25);
  }

  .onovo-service-grid-item:hover .onovo-bubble .bubble-2,
  .onovo-services-grid-fw
    .onovo-service-grid-item.active
    .onovo-bubble
    .bubble-2 {
    animation: 1.5s cubic-bezier(0.3, 0, 0.3, 1) forwards bubbleTwo;
  }

  @keyframes bubbleThree {
    0% {
      bottom: 30%;
      left: 30%;
      opacity: 0;
      transform: scale(0.35);
    }

    100%,
    50% {
      bottom: 63%;
      left: 57%;
      opacity: 1;
      transform: scale(1);
    }
  }

  .onovo-bubble .bubble-3 {
    width: 35px;
    height: 35px;
    bottom: 30%;
    left: 30%;
    -webkit-border-radius: 100%;
    transform: scale(0.5);
  }

  .onovo-service-grid-item:hover .onovo-bubble .bubble-3,
  .onovo-services-grid-fw
    .onovo-service-grid-item.active
    .onovo-bubble
    .bubble-3 {
    animation: 2s cubic-bezier(0.3, 0, 0.3, 1) forwards bubbleThree;
  }

  .onovo-service-item-list {
    margin-top: -1px;
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
  }

  .onovo-service-item-list-inner {
    padding: 0 110px 0 70px;
    position: relative;
  }

  .onovo-service-item-list .num {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    font-size: 16px;
    color: #555;
  }

  .onovo-service-item-list .image {
    position: absolute;
    overflow: hidden;
    top: -12px;
    right: 0;
    width: 105px;
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 2;
    border: 1px solid #3e3e3e;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-service-item-list .image:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #3e3e3e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  .onovo-service-item-list .image img {
    position: relative;
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
  }

  .onovo-service-item-list .title {
    font-size: 26px;
    font-weight: 700;
  }

  .onovo-blog-item .desc .onovo-text p,
  .onovo-post-socials,
  .onovo-service-item-list p {
    margin-bottom: 0;
  }

  .onovo-service-item-list .icon {
    font-size: 44px;
  }

  .onovo-services-showcase .items {
    margin: 40px 0;
  }

  .onovo-services-showcase .items .title {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: 700;
  }

  .onovo-services-showcase .items .title a {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .onovo-services-showcase .items .name,
  .onovo-services-showcase .items .num {
    padding: 17px 0;
    line-height: 1.2;
    display: block;
  }

  .onovo-services-showcase .items .num {
    width: 50px;
    font-size: 15px;
    color: #555;
    text-transform: uppercase;
  }

  .onovo-services-showcase .items .name {
    width: calc(100% - 50px);
    color: #999;
    transition: 0.2s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.2s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-services-showcase .items .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 628px;
    height: 422px;
    pointer-events: none;
  }

  .onovo-services-showcase .items .image .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: clip-path 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: clip-path 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    z-index: 1;
  }

  .onovo-services-showcase .items .img-circle {
    content: "";
    position: absolute;
    top: 90px;
    left: 28%;
    width: 366px;
    height: 366px;
    background: #f7941e;
    border-radius: 100%;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    pointer-events: none;
  }

  .onovo-services-showcase .items .hover .image .img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition-delay: 0.4s;
  }

  @media (max-width: 1024px) {
    .onovo-service-grid-item {
      padding: 30px;
      max-width: 400px;
      min-height: 400px;
    }

    .onovo-service-item-inner {
      padding-left: 40px;
      padding-right: 40px;
    }

    .onovo-services-showcase .items {
      margin: 30px 0;
    }

    .onovo-services-showcase .items .img-circle {
      display: none;
    }

    .onovo-services-showcase .items ul li {
      margin-bottom: 30px;
    }

    .onovo-services-showcase .items .image {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: 420px;
      pointer-events: auto;
    }

    .onovo-services-showcase .items .image .img {
      clip-path: none;
    }

    .onovo-services-showcase .items .name {
      color: #000;
    }

    .onovo-service-item {
      max-width: 100%;
    }
  }

  .onovo-number {
    position: relative;
    width: 250px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  .onovo-number::before {
    content: "";
    position: absolute;
    left: 35px;
    top: 35px;
    right: 35px;
    bottom: 35px;
    border: 1px solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  .onovo-number .num {
    position: relative;
    top: 7px;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000,
      -3px -3px 0 #000;
  }

  .onovo-circle-text-label {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    animation: 10s linear infinite onovoRotateText;
  }

  .onovo-circle-text-label span {
    position: absolute;
    transform-origin: 0 111px;
  }

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

    100% {
      transform: rotate(0);
    }
  }

  .onovo-ticker-slider {
    border-style: solid;
    border-width: 1px 0;
    border-color: #555;
  }

  .onovo-ticker-slider .swiper-wrapper {
    transition-timing-function: linear;
  }

  .onovo-ticker-slider .title,
  .onovo-ticker-slider .title a {
    margin: 0;
    font-weight: 700;
    font-size: 100px;
    line-height: 1.3;
    text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000,
      -3px -3px 0 #000;
  }

  @media (max-width: 1024px) {
    .onovo-ticker-slider .title,
    .onovo-ticker-slider .title a {
      font-size: 70px;
    }
  }

  .onovo-filter ul li,
  .post-content ol ol,
  .post-content ol ul,
  .post-content ul ol,
  .post-content ul ul {
    margin: 15px 0;
  }

  .onovo-filter ul li button {
    margin: 0;
    padding: 0;
    display: block;
    background: 0 0;
    border: none;
    outline: 0;
    height: auto;
    color: #999;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-filter.filter--default {
    margin-bottom: 70px;
    padding: 0 3px;
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }

  .onovo-filter.filter--default::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    right: 3px;
    bottom: 0;
    border: 1px solid #6a6a6a;
    border-radius: 85px;
    -webkit-border-radius: 85px;
  }

  .onovo-filter.filter--default ul {
    white-space: nowrap;
    font-size: 0;
  }

  .onovo-filter.filter--default ul li {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }

  .onovo-filter.filter--default ul li::before {
    margin-top: -13px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 26px;
    background: #d0d0d0;
    z-index: -1;
  }

  .content-sidebar .screen-reader-text,
  .onovo-blog-item:not(.archive-item) .desc .onovo-text a,
  .onovo-blog-slide-item .onovo-btn,
  .onovo-filter.filter--default ul li:first-child::before,
  .onovo-portfolio-item .text span:last-child em,
  .onovo-share .social-share > span,
  .onovo-video.active .image,
  .onovo-video.active .play,
  .post_excerpt_disabled .onovo-blog-slide-item .desc .text,
  .wp-block-latest-posts__post-title::after {
    display: none;
  }

  .onovo-filter.filter--default ul li button {
    padding: 0 40px;
    height: 85px;
    line-height: 85px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
  }

  .onovo-filter.filter--default .onovo-filter-nav-active {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 40px;
    height: 85px;
    line-height: 85px;
    background: #f7941e;
    border-radius: 85px;
    -webkit-border-radius: 85px;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-portfolio-items {
    margin: 0 -30px;
  }

  .onovo-portfolio-items > .col-xs-12,
  .onovo-team-detail > .row > div {
    padding: 0 30px;
  }

  .onovo-portfolio-item {
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom: 3px solid #d6d6d6;
  }

  .onovo-portfolio-item .image {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
  }

  .onovo-portfolio-item .image a::after {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    background-image: url(../images/arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 17px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-portfolio-item .image img {
    width: 100%;
  }

  .onovo-portfolio-item .title {
    margin: 0 0 5px;
    font-size: 26px;
    font-weight: 700;
  }

  .onovo-portfolio-item .text {
    color: #555;
    font-weight: 500;
  }

  .onovo-portfolio-item .text span {
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: top;
    text-transform: capitalize;
  }

  .onovo-portfolio-item-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .onovo-portfolio-item-list .image {
    margin-bottom: 40px;
    width: 47%;
    order: 2;
  }

  .onovo-portfolio-item-list .desc {
    padding: 30px 30px 30px 0;
    width: 53%;
    order: 1;
  }

  .onovo-portfolio-item-list .text {
    margin: 0 0 5px;
  }

  .onovo-portfolio-item-list .title {
    margin: 0 0 40px;
    font-size: 44px;
  }

  .onovo-portfolio-item-list .onovo-text > div > ul li {
    margin: 0 0 15px;
    color: #555;
  }

  .onovo-portfolio-item-list .onovo-text > div > ul li strong {
    text-transform: uppercase;
  }

  .onovo-showcase .img-circle {
    position: absolute;
    top: 0;
    right: 200px;
    width: 420px;
    height: 420px;
    background: #f7941e;
    border-radius: 100%;
    transform: scale(1);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    pointer-events: none;
  }

  .onovo-showcase-items {
    max-width: 634px;
  }

  .onovo-showcase-item {
    border-top: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
  }

  .onovo-pricing-item .list ul li:first-child,
  .onovo-showcase-item:first-child {
    border-top: none;
  }

  .onovo-showcase-item .category,
  .onovo-showcase-item .title a {
    padding: 30px 0;
    line-height: 1.2;
  }

  .onovo-showcase-item .category {
    width: 155px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .onovo-showcase-item .title {
    margin: 0;
    width: calc(100% - 155px);
    font-size: 26px;
    font-weight: 700;
  }

  .onovo-showcase-item .title a {
    display: block;
    color: #999;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-showcase-item .image {
    position: absolute;
    overflow: hidden;
    top: 50px;
    right: 50px;
    width: 480px;
    height: 370px;
    opacity: 0;
    transform: translate(-30%, -10%) rotate(-30deg) scale(0.3);
    -webkit-transform: translate(-30%, -10%) rotate(-30deg) scale(0.3);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    pointer-events: none;
  }

  .onovo-showcase-item .image .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: blur(15px);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-showcase-item.hover .image {
    opacity: 1;
    transform: translate(0, 0) rotate(-20deg) scale(1);
    -webkit-transform: translate(0, 0) rotate(-20deg) scale(1);
    z-index: 2;
  }

  .onovo-showcase-item.hover .image .img {
    filter: blur(0px);
  }

  .onovo-project-info > ul > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #3e3e3e;
  }

  .onovo-cta-info .email,
  .onovo-cta-info .email a,
  .onovo-project-info > ul > li strong,
  .onovo-team-item:hover .num,
  .wp-block-calendar a {
    color: #f7941e;
  }

  @media (min-width: 1025px) {
    .onovo-menu-horizontal {
      display: block;
    }

    .onovo-menu-horizontal + .onovo-menu-btn {
      display: none;
    }

    .onovo-filter.filter--default ul li button.item--active {
      background: 0 0 !important;
    }
  }

  @media (max-width: 1024px) {
    .onovo-filter.filter--default .onovo-filter-nav-active,
    .onovo-filter.filter--default::before,
    .onovo-showcase .img-circle {
      display: none;
    }

    .onovo-showcase-items {
      max-width: 100%;
    }

    .onovo-showcase-item {
      flex-wrap: wrap;
      padding-bottom: 30px;
      padding-top: 30px;
    }

    .onovo-showcase-item:first-child {
      padding-top: 0;
    }

    .onovo-showcase-item .category {
      padding: 0 0 10px;
      width: 100%;
      order: 2;
    }

    .onovo-showcase-item .category a {
      color: #999;
    }

    .onovo-showcase-item .title {
      margin: 0;
      width: 100%;
      order: 2;
    }

    .onovo-showcase-item .title a {
      padding: 0;
      color: #000;
    }

    .onovo-showcase-item .image {
      margin-bottom: 30px;
      position: relative;
      top: 0;
      right: auto;
      left: 0;
      width: 100%;
      height: 420px;
      order: 1;
      opacity: 1;
      transform: none;
      -webkit-transform: none;
      pointer-events: auto;
    }

    .onovo-showcase-item.hover .image {
      opacity: 1;
      transform: none;
      -webkit-transform: none;
    }

    .onovo-showcase-item .image .img,
    .onovo-showcase-item.hover .image .img {
      filter: none;
    }

    .onovo-filter-container {
      margin-bottom: 30px;
      text-align: left;
    }

    .onovo-filter {
      position: relative;
      overflow: auto;
    }

    .onovo-filter ul {
      white-space: nowrap;
    }

    .onovo-filter ul li {
      margin: 0 30px 15px 0;
      display: inline-block;
      vertical-align: top;
    }

    .onovo-filter.filter--default {
      margin-bottom: 0;
    }

    .onovo-filter.filter--default ul li button {
      border-radius: 85px;
      -webkit-border-radius: 85px;
    }

    .onovo-filter.filter--default ul li button.item--active {
      background: #f7941e;
    }

    .onovo-portfolio-item-list {
      display: block;
    }

    .onovo-portfolio-item-list .image {
      margin-bottom: 0;
      width: 100%;
    }

    .onovo-portfolio-item-list .desc {
      padding-bottom: 0;
      width: 100%;
    }
  }

  .onovo-pricing-item,
  .onovo-team-detail {
    position: relative;
    border: 1px solid #3e3e3e;
  }

  .onovo-team-detail:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #3e3e3e;
    pointer-events: none;
  }

  .onovo-team-detail .team-detail-img {
    position: relative;
    margin-bottom: -70px;
    z-index: 2;
  }

  .onovo-team-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #3e3e3e;
    height: 669px;
  }

  .onovo-team-item .desc {
    padding: 32px 38px;
    position: relative;
  }

  .onovo-team-item .title {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 1;
  }

  .onovo-team-item .image {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 1;
  }

  .onovo-team-item .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    filter: grayscale(1);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-team-item:hover .image img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    filter: grayscale(0);
  }

  .onovo-team-item .num {
    position: absolute;
    right: -20px;
    bottom: 0;
    font-size: 300px;
    font-weight: 700;
    line-height: 0.5;
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000,
      -1px -1px 0 #000;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    pointer-events: none;
  }

  .onovo-counter .num,
  .onovo-counter .num-after,
  .onovo-history-item .subtitle {
    text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000,
      -3px -3px 0 #000;
  }

  @media (max-width: 1024px) {
    .onovo-team-item .desc {
      padding: 30px 10px 30px 30px;
    }

    .onovo-team-item .image img {
      max-height: 460px;
    }
  }

  .onovo-reviews-summary .label {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
  }

  .onovo-reviews-carousel {
    border-left: 1px solid #000;
    padding-left: 55px;
  }

  .onovo-reviews-carousel.reviews--full {
    position: relative;
    border: none;
    padding: 0;
  }

  .onovo-reviews-item .text {
    font-size: 26px;
  }

  .onovo-reviews-carousel.reviews--full .onovo-reviews-item .text {
    padding-left: 10%;
    padding-right: 10%;
  }

  .onovo-reviews-item .title {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700;
  }

  .onovo-reviews-item .subtitle {
    display: inline-block;
    vertical-align: top;
    line-height: 21px;
  }

  .onovo-reviews-item .onovo-stars {
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transition-delay: 0.1s;
  }

  .js-reviews-carousel-navs {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0;
  }

  .js-reviews-carousel-navs .onovo-next,
  .js-reviews-carousel-navs .onovo-prev {
    margin-right: 58px;
  }

  .onovo-reviews-carousel.reviews--full .js-reviews-carousel-navs {
    margin-top: -33px;
    top: 50%;
    bottom: auto;
    width: 100%;
    height: 1px;
    z-index: 2;
  }

  .onovo-navs.js-history-navs,
  .onovo-reviews-carousel.reviews--full .onovo-next,
  .onovo-reviews-carousel.reviews--full .onovo-prev {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .onovo-reviews-carousel.reviews--full .onovo-next {
    left: auto;
    right: 0;
  }

  @media (max-width: 1024px) {
    .onovo-reviews-carousel {
      margin: 55px 0 0;
    }

    .onovo-reviews-carousel.reviews--full {
      margin: 0;
    }

    .onovo-reviews-item .text br {
      display: none;
    }

    .js-reviews-carousel-navs {
      margin-top: 30px;
      position: relative;
    }

    .onovo-reviews-carousel.reviews--full .js-reviews-carousel-navs {
      margin-top: -33px;
      position: absolute;
    }
  }

  .onovo-video {
    position: relative;
    height: 670px;
    z-index: 1;
    background-color: #555;
  }

  .onovo-video .image,
  .onovo-video iframe,
  .onovo-video video {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #555;
  }

  .onovo-cta-social .image,
  .onovo-video .image {
    background-position: center center;
    background-repeat: no-repeat;
  }

  .onovo-video .image {
    background-size: cover;
    z-index: 2;
    cursor: pointer;
  }

  .onovo-video .play {
    margin: -95px 0 0 -95px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 190px;
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    z-index: 3;
  }

  .onovo-video .play::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    background: #f7941e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  .onovo-video .play::after {
    content: "";
    position: absolute;
    left: 40px;
    top: 40px;
    right: 40px;
    bottom: 40px;
    border: 2px solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
  }

  .onovo-video .play .arrow {
    left: 16px;
    position: relative;
    border: 25px solid transparent;
    border-left: 36px solid #000;
  }

  .onovo-video .onovo-circle-text-label span {
    transform-origin: 0 86px;
  }

  @media (max-width: 1024px) {
    .onovo-video {
      position: relative;
      height: 560px;
      z-index: 1;
      background-color: #555;
    }
  }

  .onovo-counter .num,
  .onovo-counter .num-after {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
  }

  .onovo-counter .num-after {
    font-size: 75px;
  }

  .onovo-counter .label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #666;
  }

  @media (max-width: 1024px) {
    .onovo-counter .num,
    .onovo-counter .num-after {
      font-size: 100px;
    }

    .onovo-counter .num-after {
      font-size: 60px;
    }
  }

  .onovo-cta-text {
    color: #d5d5d5;
    font-size: 26px;
  }

  .onovo-cta-text a {
    color: #f7941e;
    font-size: 40px;
    font-weight: 500;
    line-height: 1em;
  }

  .onovo-cta-info .email {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
  }

  .onovo-cta-info .email a {
    text-decoration: underline;
  }

  .onovo-cta-info .adr {
    margin-top: 40px;
    font-size: 26px;
    color: #d5d5d5;
  }

  .onovo-cta-social {
    margin-bottom: -200px;
    position: relative;
    width: 700px;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .onovo-cta-social .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
  }

  .onovo-cta-social .cta-img-circle {
    position: absolute;
    background: #f7941e;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    animation: 1.5s cubic-bezier(0.3, 0, 0.3, 1) infinite onovoCtaCircle;
  }

  .onovo-cta-social .cta-img-circle.img-circle--1 {
    right: -40px;
    top: 50px;
    width: 140px;
    height: 140px;
    animation: 4.5s cubic-bezier(0.3, 0, 0.3, 1) infinite onovoCtaCircle;
  }

  .onovo-cta-social .cta-img-circle.img-circle--2 {
    right: 150px;
    top: -40px;
    width: 110px;
    height: 110px;
    animation: 5.5s cubic-bezier(0.3, 0, 0.3, 1) infinite onovoCtaCircleTwo;
  }

  .onovo-cta-social .cta-img-circle.img-circle--3 {
    right: 20px;
    top: -100px;
    width: 80px;
    height: 80px;
    animation: 6.5s cubic-bezier(0.3, 0, 0.3, 1) infinite onovoCtaCircleThree;
  }

  @keyframes onovoCtaCircle {
    0%,
    100% {
      transform: scale(1);
    }

    50% {
      transform: scale(0.85);
    }
  }

  @keyframes onovoCtaCircleTwo {
    0%,
    100% {
      transform: scale(1);
    }

    50% {
      transform: scale(0.75);
    }
  }

  @keyframes onovoCtaCircleThree {
    0%,
    100% {
      transform: scale(1);
    }

    50% {
      transform: scale(0.65);
    }
  }

  .onovo-cta-social .desc ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
  }

  .onovo-cta-social .desc ul li {
    margin: 7px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }

  .onovo-cta-social .desc ul li a {
    min-width: 284px;
  }

  @media (max-width: 1024px) {
    .onovo-cta-social {
      margin-top: 0;
      padding: 60px 0 120px;
      position: relative;
      width: 100%;
      height: auto;
    }
  }

  .onovo-blog-item {
    margin-bottom: 40px;
  }

  .onovo-blog-item.archive-item {
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 3px solid #d6d6d6;
  }

  .onovo-blog-item .image {
    margin: 0 0 25px;
    line-height: 1;
  }

  .onovo-blog-item .image img {
    width: 100%;
    height: 240px;
  }

  .onovo-blog-item.archive-item .image img {
    height: 460px;
    object-fit: cover;
    object-position: center;
  }

  .onovo-blog-item .desc {
    max-width: 92%;
  }

  .onovo-blog-item .desc .info {
    margin-bottom: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
  }

  .onovo-blog-item .desc .date,
  .onovo-post-date .date,
  .wp-block-latest-posts__post-date {
    padding: 8px 22px;
    margin-right: 22px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background: #f7941e;
    border-radius: 36px;
    -webkit-border-radius: 36px;
  }

  .onovo-blog-item .desc .title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }

  .onovo-blog-carousel .swiper-slide {
    opacity: 0;
    transform: translateY(10px);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-blog-carousel .swiper-slide.swiper-slide-active,
  .onovo-blog-carousel .swiper-slide.swiper-slide-active + .swiper-slide {
    opacity: 1;
    transform: translateY(0);
  }

  .onovo-blog-slide-item {
    margin-bottom: 30px;
    padding: 40px 30px 20px;
    background: #fff;
    min-height: 316px;
  }

  .onovo-blog-slide-item .image {
    margin: 0 0 25px;
    position: absolute;
    top: 30px;
    right: 26px;
    width: 288px;
    height: 312px;
    line-height: 1;
  }

  .onovo-blog-slide-item .image img {
    width: 100%;
    height: 100%;
  }

  .onovo-blog-slide-item .desc {
    max-width: 270px;
  }

  .onovo-blog-slide-item .desc .date {
    margin-bottom: 12px;
    padding: 0 25px;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    background: #f7941e;
  }

  .onovo-blog-slide-item .desc .date,
  .onovo-blog-slide-item .desc .date a {
    display: inline-block;
    vertical-align: top;
    color: #000;
  }

  .onovo-blog-slide-item .desc .title {
    padding-right: 10px;
    font-size: 22px;
    font-weight: 700;
  }

  @media (max-width: 1024px) {
    .onovo-blog-slide-item .desc {
      max-width: calc(100% - 300px);
    }

    .onovo-navs {
      margin-top: 20px;
    }
  }

  .onovo-brands {
    padding: 30px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    text-align: center;
    line-height: 1;
    border: 1px solid #3e3e3e;
  }

  .onovo-brands .image img {
    width: auto;
    height: auto;
    max-height: 80px;
  }

  .onovo-team-two-item {
    position: relative;
    overflow: hidden;
  }

  .onovo-team-two-item .onovo-social-2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    opacity: 0;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-team-two-item .image {
    position: relative;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 380px;
    text-align: center;
    line-height: 1;
  }

  .onovo-team-two-item .onovo-hover-3::before {
    z-index: 1;
  }

  .onovo-team-two-item .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-team-two-item:hover .image img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    filter: grayscale(0);
  }

  .onovo-team-two-item .desc {
    padding: 25px;
    position: relative;
  }

  .onovo-team-two-item .title {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
  }

  .onovo-team-two-item .onovo-subtitle-1 {
    margin: 0;
    font-weight: 500;
  }

  .onovo-pricing-item .pricing--badge {
    padding: 0 20px;
    position: absolute;
    right: 10px;
    top: -14px;
    font-size: 13px;
    font-weight: 700;
    height: 29px;
    line-height: 29px;
    background: #000;
  }

  .onovo-pricing-item .title {
    padding: 44px 66px;
    position: relative;
    min-height: 236px;
  }

  .onovo-pricing-item .name {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
  }

  .onovo-pricing-item .subname {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
  }

  .onovo-pricing-item .price {
    font-size: 50px;
    line-height: 1;
    font-weight: 700;
  }

  .onovo-pricing-item .image {
    padding: 0;
    position: absolute;
    top: -35px;
    left: 68px;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 30px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    z-index: 2;
  }

  .onovo-pricing-item .image img {
    max-width: 100%;
    width: 30px;
    height: auto;
  }

  .onovo-pricing-item .desc {
    margin: -6px;
    padding: 50px 55px;
    position: relative;
    min-height: 386px;
    background: #fff;
    border: 1px solid #3e3e3e;
  }

  .onovo-history-item .image,
  .onovo-intro .image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .onovo-pricing-item .pricing--overlay {
    content: "";
    position: absolute;
    overflow: hidden;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #3e3e3e;
    pointer-events: none;
  }

  .onovo-pricing-item .list,
  .wp-block-latest-posts.wp-block-latest-posts__list li {
    margin: 0 0 20px;
  }

  .onovo-pricing-item .list ul li {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 40px;
    font-size: 16px;
    border-top: 1px solid #ededed;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-pricing-item .list ul li > i {
    margin-top: -10px;
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 18px;
    color: green;
    height: 20px;
    line-height: 20px;
  }

  .onovo-pricing-item:hover .onovo-btn.btn--color::after,
  .onovo-pricing-item:hover a.onovo-btn.btn--color::after {
    background: #f7941e;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: top center;
  }

  .onovo-pricing-item:hover .list ul li {
    color: #fff;
    border-top-color: rgba(237, 237, 237, 0.22);
  }

  .onovo-border-line::after,
  .onovo-form-box::before {
    border: 1px solid #fff;
    position: absolute;
    content: "";
  }

  .onovo-form-box {
    position: relative;
    background: #000;
    padding: 70px;
  }

  .onovo-form-box::before {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
  }

  .onovo-border-line::after {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    pointer-events: none;
  }

  body .onovo-subscribe-form input[type="address"],
  body .onovo-subscribe-form input[type="email"],
  body .onovo-subscribe-form input[type="number"],
  body .onovo-subscribe-form input[type="password"],
  body .onovo-subscribe-form input[type="search"],
  body .onovo-subscribe-form input[type="tel"],
  body .onovo-subscribe-form input[type="text"],
  body .onovo-subscribe-form textarea {
    padding: 0 60px;
    width: 100%;
    height: 90px;
    font-size: 16px;
    color: #fff;
    background: 0 0;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    border: 1px solid #a0a0a0;
  }

  body .onovo-subscribe-form ::placeholder {
    color: #929292;
  }

  body .onovo-subscribe-form .submit-container {
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .onovo-history-slider .swiper-container {
    padding-top: 120px;
    overflow: visible;
  }

  .onovo-history-slider .swiper-wrapper {
    transition-duration: 0s !important;
  }

  .onovo-history-slider .swiper-slide {
    opacity: 0;
  }

  .animated--swiper--active
    .onovo-history-slider
    .swiper-slide
    .splitting
    span
    .word {
    -webkit-transition-delay: calc(600ms + 100ms * var(--line-index));
    transition-delay: calc(600ms + 100ms * var(--line-index));
  }

  .onovo-history-item {
    display: flex;
    align-items: center;
    position: relative;
  }

  .onovo-history-item .image {
    width: 691px;
    height: 396px;
    line-height: 1;
    border-radius: 10px;
  }

  .onovo-history-item .desc {
    padding-left: 76px;
    max-width: calc(100% - 767px);
  }

  .onovo-history-item .subtitle {
    margin: 20px 0;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
  }

  .onovo-history-item .title {
    margin: 0;
    font-size: 38px;
    font-weight: 700;
    padding: 20px 0;
  }

  .onovo-history-item .text {
    color: #666;
  }

  .onovo-navs.js-history-navs::before {
    content: "";
    position: absolute;
    top: 32.5px;
    left: 67px;
    right: 67px;
    height: 3px;
    background: #000;
  }

  .onovo-navs.js-history-navs .js-history-prev {
    left: 0;
    top: 0;
    position: absolute;
  }

  .onovo-navs.js-history-navs .js-history-next {
    right: 0;
    left: auto;
    top: 0;
    position: absolute;
  }

  .onovo-navs.js-history-navs .js-history-pagination,
  .onovo-navs.js-history-navs .onovo-paginations-container {
    position: absolute;
    top: 18px;
    left: 97px;
    right: 97px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .onovo-navs.js-history-navs .js-history-pagination {
    top: 0;
    left: 0;
    right: 0;
  }

  .onovo-navs.js-history-navs .js-history-pagination .swiper-pagination-bullet {
    margin: 0;
    background: transparent;
    width: 32px;
    height: 32px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: #fff;
  }

  .onovo-navs.js-history-navs
    .js-history-pagination
    .swiper-pagination-bullet
    span {
    margin-left: -40px;
    position: absolute;
    top: -40px;
    left: 50%;
    font-size: 22px;
    font-weight: 700;
    width: 80px;
    white-space: nowrap;
    color: #000;
  }

  @media (max-width: 1024px) {
    .onovo-history-item {
      display: block;
    }

    .onovo-history-item .image {
      width: 100%;
      height: 440px;
    }

    .onovo-history-item .desc {
      padding-left: 0;
      padding-top: 30px;
      max-width: 100%;
    }
  }

  .onovo-intro {
    padding-top: 200px;
    padding-bottom: 30px;
    background: 0 0;
  }

  .onovo-intro .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .onovo-breadcrums {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 3px solid #848484;
  }

  .onovo-breadcrums ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 16px;
  }

  .onovo-breadcrums ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid silver;
  }

  .onovo-breadcrums ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
  }

  .onovo-counter .num,
  .onovo-counter .num-after,
  .onovo-history-item .subtitle,
  .onovo-intro .onovo-breadcrums ul li,
  .onovo-intro
    .onovo-breadcrums
    ul
    li
    a
    .onovo-intro.intro--black
    .onovo-breadcrums
    ul
    li,
  .onovo-intro .onovo-subtitle-2,
  .onovo-intro .onovo-subtitle-2.onovo-text-black,
  .onovo-intro .onovo-subtitle-2.onovo-text-white,
  .onovo-intro .onovo-title-1,
  .onovo-intro .onovo-title-1.onovo-text-black,
  .onovo-intro .onovo-title-1.onovo-text-white,
  .onovo-intro.intro--black .onovo-breadcrums ul li,
  .onovo-intro.intro--black .onovo-breadcrums ul li a,
  .onovo-intro.intro--black .onovo-subtitle-2,
  .onovo-intro.intro--black .onovo-subtitle-2.onovo-text-black,
  .onovo-intro.intro--black .onovo-subtitle-2.onovo-text-white,
  .onovo-intro.intro--black .onovo-title-1,
  .onovo-intro.intro--black .onovo-title-1.onovo-text-black,
  .onovo-intro.intro--black .onovo-title-1.onovo-text-white,
  .onovo-number .num,
  .onovo-post-categories a,
  .onovo-team-item .num,
  .onovo-ticker-slider .title,
  .onovo-ticker-slider .title a {
    color: #fff;
  }

  .onovo-faq-item .onovo-collapse-btn {
    padding: 28px 60px;
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 85px;
    -webkit-border-radius: 85px;
  }

  .onovo-faq-item .onovo-collapse-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 85px;
    -webkit-border-radius: 85px;
  }

  .onovo-faq-item .onovo-collapse-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    background: #f7941e;
    transform-origin: bottom center;
  }

  .onovo-faq-item .onovo-collapse-btn .arrow::after,
  .onovo-faq-item .onovo-collapse-btn .arrow::before {
    margin-top: -30px;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 60px;
    height: 60px;
    border: 1px solid #b2b2b2;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 2;
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .onovo-faq-item .onovo-collapse-btn .arrow::after {
    border: none;
    background: url(../images/arrow_2.svg) center center/12px 9px no-repeat;
  }

  .onovo-faq-item .onovo-collapse-btn.active .arrow::before {
    background: #000;
    border-color: #000;
  }

  .onovo-faq-item .onovo-collapse-btn.active .arrow::after {
    filter: invert(1);
    transform: rotate(180deg);
  }

  .onovo-faq-item .onovo-text {
    padding: 30px 60px;
  }

  @media (max-width: 767px) {
    .onovo-hero .title {
      font-size: 60px;
    }

    .onovo-sep {
      width: 24px;
    }

    .onovo-hero .subtitle {
      margin-top: 30px;
      margin-bottom: 30px;
      max-width: 100%;
      font-size: 18px;
    }

    .onovo-cta-social .image,
    .onovo-hero .subtitle br,
    .onovo-hero-parallax .title .sep,
    .onovo-navs.js-history-navs
      .js-history-pagination
      .swiper-pagination-bullet
      span,
    .onovo-team-info ul li br {
      display: none;
    }

    .onovo-hero .container {
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .onovo-counter .num-after,
    .onovo-hero-parallax .title,
    .onovo-hero.hero--two .title {
      font-size: 40px;
    }

    .onovo-hero.hero--two .subtitle,
    .onovo-reviews-item .text,
    .onovo-reviews-summary .label {
      font-size: 18px;
    }

    .onovo-hero-carousel,
    .onovo-intro {
      padding-top: 160px;
    }

    .js-hero-carousel-navs {
      bottom: 30px;
    }

    .onovo-hero-carousel
      .swiper-slide:nth-child(1n)
      .onovo-hero-carousel-item
      .slide,
    .onovo-hero-carousel
      .swiper-slide:nth-child(2n)
      .onovo-hero-carousel-item
      .slide {
      top: 0;
    }

    .onovo-hero-carousel-item .titles {
      margin-left: -150px;
      margin-top: 30px;
      left: 50%;
      bottom: auto;
      top: 100%;
      width: 300px;
    }

    .onovo-hero-carousel-item .title {
      margin: 0;
      font-size: 26px;
      height: auto;
    }

    .onovo-hero-carousel-item .text-line-inner {
      white-space: normal;
    }

    .onovo-hero-parallax .image video:after,
    .onovo-hero-parallax .image:after {
      opacity: 0.4;
    }

    #pp-nav {
      right: 10px !important;
    }

    .onovo-navs.js-hero-parallax-navs {
      bottom: 20px;
    }

    .onovo-service-grid-item {
      padding: 15px;
      max-width: 340px;
      min-height: 340px;
    }

    .onovo-history-item .title,
    .onovo-service-item-inner .title,
    .onovo-team-item .title {
      font-size: 26px;
    }

    .onovo-reviews-item .onovo-stars.stars--small,
    .onovo-service-item-inner .list ul li {
      margin: 10px 0 0;
    }

    .onovo-services-showcase .items ul li {
      margin-bottom: 20px;
    }

    .onovo-blog-item.archive-item .image img,
    .onovo-history-item .image,
    .onovo-services-showcase .items .image,
    .onovo-showcase-item .image,
    .onovo-video {
      height: 280px;
    }

    .onovo-service-item-list-inner {
      padding: 0;
    }

    .onovo-service-item-list .image {
      position: relative;
      margin-bottom: 20px;
      top: 0;
      left: 0;
      right: auto;
    }

    .onovo-service-item-list .num {
      margin-right: 5px;
      position: relative;
      left: 0;
      top: 5px;
      font-size: 14px;
      display: inline-block;
      vertical-align: top;
    }

    .onovo-service-item-list .title {
      margin: 0;
      display: inline-block;
      vertical-align: top;
      max-width: 270px;
    }

    .onovo-ticker-slider .title,
    .onovo-ticker-slider .title a {
      font-size: 50px;
    }

    .onovo-portfolio-item {
      margin-bottom: 40px;
    }

    .onovo-cta-text,
    .onovo-portfolio-item-list .onovo-text > div > ul li {
      font-size: 16px;
    }

    .onovo-portfolio-item-list .title {
      margin: 0 0 20px;
      font-size: 26px;
    }

    .onovo-portfolio .onovo-loadmore {
      margin: 15px 0 0;
    }

    .onovo-team-item .desc {
      padding: 38px;
    }

    .onovo-team-info ul li {
      display: block;
      word-break: break-word;
    }

    .onovo-reviews-summary {
      margin-top: 10px;
    }

    .onovo-stars {
      margin: 0 5px;
      padding: 0 10px;
      font-size: 10px;
    }

    .onovo-reviews-carousel {
      margin: 30px 0 0;
      padding-left: 30px;
    }

    .onovo-reviews-item .subtitle {
      display: block;
    }

    .onovo-reviews-carousel.reviews--full .onovo-reviews-item .text {
      padding-left: 0;
      padding-right: 0;
    }

    .onovo-reviews-carousel.reviews--full .js-reviews-carousel-navs {
      margin-top: 0;
      position: relative;
      height: 67px;
    }

    .onovo-video .play {
      transform: scale(0.5);
    }

    .onovo-counter .num,
    .onovo-counter .num-after {
      font-size: 80px;
    }

    .onovo-counter .label {
      margin: 10px 0 20px;
      font-size: 18px;
    }

    .onovo-cta-social {
      margin-top: 15px;
      margin-bottom: 0;
      padding: 0;
    }

    .onovo-cta-social .desc ul li {
      margin: 5px;
    }

    .onovo-cta-social .desc ul li a {
      min-width: 330px;
    }

    .onovo-btn.btn--large,
    a.onovo-btn.btn--large {
      padding: 0 25px;
      height: 70px;
      line-height: 70px;
      border-radius: 70px;
      -webkit-border-radius: 70px;
    }

    .onovo-btn.btn--large.btn--icon i {
      margin: 0 5px 0 -20px;
    }

    .onovo-cta-2-text a,
    .onovo-cta-info .email,
    .onovo-cta-text a {
      font-size: 24px;
    }

    .onovo-cta-info .adr {
      margin-top: 20px;
      font-size: 16px;
    }

    .onovo-history-slider .swiper-container {
      padding-top: 90px;
    }

    .onovo-navs.js-history-navs .js-history-pagination,
    .onovo-navs.js-history-navs .onovo-paginations-container {
      left: 0;
      right: 0;
    }

    .onovo-history-item .subtitle {
      font-size: 60px;
      line-height: 1.3;
    }

    .onovo-blog-slide-item .image {
      margin: 0 0 25px;
      position: relative;
      top: 0;
      right: 0;
      width: 100%;
      height: 280px;
    }

    .onovo-blog-slide-item .desc {
      max-width: 100%;
    }

    .onovo-next i::before,
    .onovo-prev i::before {
      width: 30px;
    }

    .onovo-paginations-container {
      margin: 0 5px;
    }

    .onovo-next,
    .onovo-prev,
    .pager .onovo-next,
    .pager .onovo-prev {
      width: 57px;
      height: 57px;
    }

    .onovo-navs.js-history-navs::before {
      top: 27.5px;
    }

    .onovo-navs.js-history-navs .onovo-paginations-container {
      margin: 0 67px;
      top: 13px;
    }

    .onovo-hero .onovo-navs .onovo-next,
    .onovo-hero .onovo-navs .onovo-prev {
      top: -14px;
    }

    .onovo-breadcrums ul li {
      font-size: 14px;
    }

    .onovo-faq-item .onovo-collapse-btn {
      padding: 20px 90px 20px 30px;
      font-size: 18px;
    }

    .onovo-faq-item .onovo-text {
      padding: 0 30px 10px;
    }
  }

  .onovo-custom-gallery .col-md-6:first-child,
  .onovo-custom-gallery .col-md-6:nth-child(10),
  .onovo-custom-gallery .col-md-6:nth-child(4),
  .onovo-custom-gallery .col-md-6:nth-child(5),
  .onovo-custom-gallery .col-md-6:nth-child(8) {
    transform: scale(0.8);
  }

  .onovo-team-info ul li {
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
    display: flex;
  }

  .onovo-team-info ul li .title {
    width: 40%;
    font-weight: 700;
  }

  .onovo-team-info ul li .onovo-text {
    width: 60%;
  }

  .page-404 {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  .page-404__num {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 200px;
    margin: 0;
    color: #000;
    line-height: 1;
  }

  .page-404__text {
    margin-bottom: 30px;
  }

  .page-404 .search-form {
    margin: 0 auto;
  }

  .onovo-archive-post,
  .onovo-post {
    padding: 120px 0 0;
  }

  .onovo-post-pic img {
    width: 100%;
    height: 680px;
  }

  .onovo-post-wrapper {
    padding: 0 7%;
  }

  .onovo-post-date {
    margin: 0 0 30px;
    color: #828282;
  }

  .onovo-post-date a {
    font-size: 16px;
    font-weight: 500;
  }

  .post-content ol,
  .post-content p,
  .post-content ul {
    margin: 30px 0;
  }

  .post-content ol li,
  .post-content ul li,
  .wp-block-latest-posts__post-date {
    margin: 10px 0;
  }

  .onovo-post-bottom {
    margin: 30px 0 60px;
    padding: 6px;
    position: relative;
    background: #000;
  }

  .onovo-post-bottom-content {
    padding: 30px;
    position: relative;
    border: 1px solid #fff;
  }

  .onovo-post-categories,
  .onovo-post-socials,
  .onovo-post-tags {
    margin: 0 0 10px;
    display: block;
    color: #bbb;
    font-weight: 500;
    line-height: 56px;
  }

  .onovo-post-categories span,
  .onovo-post-socials span,
  .onovo-post-tags span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
  }

  .social-share.onovo-post-socials.onovo-social-2 ul {
    margin-left: -5px;
    display: inline-block;
    vertical-align: top;
  }

  .social-share.onovo-post-socials.onovo-social-2 ul li a {
    border: 1px solid #3e3e3e;
  }

  .onovo-post-comments {
    padding: 0 7%;
    margin-top: 60px;
  }

  .comment__title {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
  }

  .comment__title small {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 400;
  }

  .comment.comment-item {
    list-style: none;
  }

  .comment.comment-item > .comment {
    position: relative;
    border: 1px solid #b2b2b2;
    min-height: 180px;
  }

  .comment-item__photo {
    margin: -1px;
    display: flex;
    padding: 25px;
    border: 1px solid #b2b2b2;
    height: calc(100% + 2px);
    position: absolute;
  }

  .comment .comment-item__photo img {
    float: none;
    max-width: 128px;
    width: 128px;
    height: 128px;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
  }

  .comment .comment-item__content {
    padding-top: 25px;
    padding-right: 25px;
    margin-left: 205px;
  }

  .comment .comment-item__top {
    margin-bottom: 15px;
  }

  .comment .comment-item__name {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    vertical-align: top;
  }

  .comment .comment-item__sent {
    margin: 7px 0 0 10px;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    color: #404040;
  }

  .comment .comment-item__reply a {
    position: absolute;
    right: -1px;
    bottom: -1px;
    padding: 9px 20px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #000;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
  }

  .comment .comment-item__reply a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 15px;
    height: 100%;
    background: #000;
    transform: skewX(-20deg);
    transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0.3, 1);
  }

  .comment .comment-item--replyed {
    margin-left: 40px;
  }

  .comment-respond {
    max-width: 100%;
    margin-top: 60px;
  }

  .comment-item .comment-respond {
    padding: 40px 25px;
    margin: -1px 0 0;
    border: 1px solid #b2b2b2;
  }

  .comment-form .field {
    margin-bottom: 30px;
    padding: 0;
  }

  .comment-form__inputs-group {
    display: flex;
    flex-direction: column;
  }

  .comment-form__inputs-group .comment-form__field-wrapper {
    width: 100%;
    margin: 0 0 15px;
  }

  @media (min-width: 992px) {
    .onovo-portfolio-3-column .col-lg-6 {
      flex: 0 0 auto;
      width: 33.333%;
    }

    .onovo-portfolio-4-column .col-lg-6 {
      flex: 0 0 auto;
      width: 25%;
    }

    .comment .comment-item__reply a:focus,
    .comment .comment-item__reply a:focus::before,
    .comment .comment-item__reply a:hover,
    .comment .comment-item__reply a:hover::before {
      outline: 0;
      color: #000;
      background-color: #f7941e;
    }

    .comment .comment-item--replyed {
      margin-left: 60px;
    }

    .comment-form__inputs-group {
      flex-direction: row;
      justify-content: space-between;
      margin: 0 -15px 30px;
    }

    .comment-form__inputs-group .comment-form__field-wrapper {
      width: calc(50% - 30px);
      margin: 0 15px;
    }
  }

  .comment-form__inputs-group .comment-form__field-wrapper label {
    margin-bottom: 0;
  }

  .col-sidebar,
  .content-sidebar {
    padding: 6px;
    position: relative;
    border: 1px solid #b2b2b2;
  }

  .content-sidebar {
    padding: 0;
  }

  .content-sidebar .widget {
    padding: 44px;
    border-bottom: 1px solid #b2b2b2;
  }

  .content-sidebar .widget:last-child {
    border-bottom: none;
  }

  .content-sidebar .widget .widget-title,
  .content-sidebar .widget h2 {
    margin-bottom: 30px;
    padding-bottom: 8px;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
  }

  .content-sidebar li,
  .wp-block-archives-list li,
  .wp-block-categories-list li {
    margin-bottom: 15px;
    position: relative;
    line-height: 1.3;
  }

  .wp-block-latest-posts.wp-block-latest-posts__list li:after {
    content: "";
    position: relative;
    clear: both;
    display: block;
  }

  .wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
    margin: 0;
  }

  .wp-block-latest-posts__featured-image {
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: 30px;
    float: left;
    width: 100px;
  }

  .wp-block-latest-posts__featured-image img {
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
  }

  .wp-block-latest-posts__post-title {
    line-height: 1.3;
    font-weight: 700;
    display: block;
  }

  .wp-block-latest-posts__post-author {
    font-size: 16px;
    color: #555;
  }

  .wp-block-latest-posts__post-excerpt {
    font-size: 16px;
    clear: both;
  }

  .content-sidebar .search-form .screen-reader-text,
  .screen-reader-text,
  .wp-block-latest-posts__post-excerpt .onovo-btn,
  .wp-block-search .wp-block-search__label {
    display: none;
  }

  .post-content table {
    width: 100%;
    margin: 2rem 0;
    padding: 0;
    border-collapse: collapse;
  }

  .post-content table td,
  .post-content table th {
    padding: 10px 20px;
    border: 1px solid #c4c4c4;
    background: 0 0;
  }

  .content-sidebar ul ul {
    margin-top: 0.6rem;
  }

  .content-sidebar ul ul li {
    position: relative;
    padding-left: 0.6rem;
  }

  .content-sidebar ul ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 1px;
    background: #8d99a7;
  }

  .content-sidebar ul li cite {
    padding: 0.5rem 0;
    display: block;
    font-size: 0.875rem;
    color: #8d99a7;
  }

  .wp-block-tag-cloud {
    margin: 5px 0 0;
  }

  .col-sidebar .tagcloud a,
  .onovo-post-tags a,
  .sidebar__tag-item,
  .tags-links a,
  .wp-block-tag-cloud a {
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 14px 25px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    background: #f7941e;
    border: none;
    font-size: 15px !important;
    line-height: 1.7;
    color: #000;
    font-weight: 700;
    transition: 0.3s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
  }

  .content-sidebar ul.menu {
    position: relative;
    height: auto;
    transform: none;
    opacity: 1;
    display: block;
    background: 0 0;
  }

  .blocks-gallery-caption,
  .wp-block-embed figcaption,
  .wp-block-image figcaption,
  .wp-block-video figcaption,
  .wp-caption-text {
    max-width: 100%;
    margin: 0;
    padding: 5px 10px 0;
    text-align: center;
    font-size: 0.9em;
    font-style: italic;
    opacity: 0.7;
  }

  .wp-block-button {
    margin-bottom: 20px;
  }

  .post-content .gallery .gallery-item {
    margin: 0;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    text-align: center;
  }

  .post-content .gallery.gallery-columns-2 .gallery-item {
    width: 50%;
  }

  .post-content .gallery.gallery-columns-3 .gallery-item {
    width: 33.333%;
  }

  .post-content .gallery.gallery-columns-4 .gallery-item {
    width: 25%;
  }

  .post-content .gallery.gallery-columns-5 .gallery-item {
    width: 20%;
  }

  .content-sidebar .search-form,
  .search-form,
  .widget_product_search,
  .wp-block-search,
  .wp-block-search .wp-block-search__button {
    position: relative;
    max-width: 300px;
  }

  .content-sidebar .search-form input[type="submit"],
  .search-form input[type="submit"],
  .widget_product_search input[type="submit"],
  .wp-block-search .wp-block-search__button,
  .wp-block-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 2;
    opacity: 1;
    font-size: 0;
    cursor: pointer;
    border: none;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ")
      center center/18px no-repeat;
  }

  .wp-block-search {
    position: relative;
    max-width: 100%;
  }

  .comment-item__text .wp-block-archives,
  .post-content .wp-block-archives {
    margin: 2rem 0;
  }

  .wp-block-latest-comments__comment {
    line-height: 1.3;
  }

  .wp-block-latest-comments__comment a {
    font-weight: 700;
  }

  .wp-block-latest-comments__comment-excerpt {
    margin-bottom: 1.9rem;
  }

  .wp-block-latest-comments__comment-excerpt p {
    margin-top: 0 !important;
    font-size: 1.05rem;
    line-height: 1.5;
  }

  .archive-item .title,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%;
  }

  .post-content::after {
    clear: both;
    position: relative;
    display: block;
    content: "";
  }

  @media (max-width: 1024px) {
    blockquote,
    blockquote p {
      font-size: 18px;
      line-height: 1.7;
    }

    .content-sidebar {
      padding-left: 0;
    }

    .col-sidebar {
      margin-top: 3rem;
    }

    .onovo-post-comments,
    .onovo-post-wrapper {
      padding: 0;
    }

    blockquote {
      padding: 130px 30px 30px;
    }

    blockquote::before {
      top: 30px;
      left: 30px;
    }

    .onovo-post-pic img {
      height: 480px;
    }

    .onovo-archive-post,
    .onovo-post {
      padding: 80px 0 0;
    }

    .onovo-contact-info {
      margin-top: 40px;
    }

    .onovo-team-detail > .row {
      padding-top: 40px;
      padding-bottom: 40px;
    }

    .onovo-team-detail .team-detail-img {
      margin-bottom: 30px;
    }

    .comment .comment-item__reply a:focus,
    .comment .comment-item__reply a:focus::before,
    .comment .comment-item__reply a:hover,
    .comment .comment-item__reply a:hover::before,
    .onovo-filter.filter--default ul li button.item--active {
      background: #f7941e;
    }
  }

  @media (max-width: 767px) {
    .onovo-breadcrums {
      margin-top: 30px;
    }

    .onovo-post-pic img {
      height: 280px;
    }

    .onovo-post-bottom-content {
      padding: 24px;
    }

    .onovo-post-categories span,
    .onovo-post-socials span,
    .onovo-post-tags span {
      margin-right: 0;
      margin-bottom: 5px;
      display: block;
    }

    .onovo-post-categories,
    .onovo-post-socials,
    .onovo-post-tags {
      line-height: 1.7;
    }

    .onovo-post-tags:last-child {
      margin-bottom: -5px;
    }

    .comment-item__photo {
      margin: 0;
      padding: 20px;
      border: none;
    }

    .comment .comment-item__photo img {
      max-width: 64px;
      width: 64px;
      height: 64px;
    }

    .comment .comment-item__content {
      padding-top: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      margin-left: 100px;
    }

    .comment .comment-item__name {
      font-size: 18px;
      display: block;
    }

    .comment .comment-item__sent {
      margin: 5px 0 0;
    }

    .comment__title small {
      margin-left: 0;
      font-size: 16px;
    }

    .onovo-social-2 ul li a {
      width: 48px;
      height: 48px;
    }

    .onovo-custom-gallery .col-md-6:first-child,
    .onovo-custom-gallery .col-md-6:nth-child(10),
    .onovo-custom-gallery .col-md-6:nth-child(4),
    .onovo-custom-gallery .col-md-6:nth-child(5),
    .onovo-custom-gallery .col-md-6:nth-child(8) {
      transform: none;
    }

    .onovo-page-navigation {
      margin: 40px 0 0;
    }

    .onovo-archive-post,
    .onovo-post {
      padding: 70px 0 0;
    }

    .content-sidebar .widget {
      padding: 30px;
    }

    .col-sidebar .tagcloud a,
    .onovo-post-tags a,
    .sidebar__tag-item,
    .tags-links a,
    .wp-block-tag-cloud a {
      padding: 10px 15px;
      font-size: 14px !important;
    }

    .page-links .post-page-numbers,
    .pager a,
    .pager span {
      width: 50px;
      height: 50px;
      line-height: 50px;
    }

    .onovo-blog-item.archive-item {
      margin-bottom: 50px;
      padding-bottom: 30px;
    }

    .onovo-blog-item.archive-item .title {
      font-size: 26px;
    }

    .post-content table td,
    .post-content table th {
      padding: 10px;
    }

    .post-content tbody,
    .post-content td,
    .post-content tfoot,
    .post-content th,
    .post-content thead,
    .post-content tr {
      display: block;
      margin: -1px;
    }

    .post-content th {
      display: none;
    }

    .comment__title {
      margin-bottom: 15px;
    }

    .post-content .gallery.gallery-columns-2 .gallery-item,
    .post-content .gallery.gallery-columns-3 .gallery-item,
    .post-content .gallery.gallery-columns-4 .gallery-item {
      width: 50%;
    }

    .onovo-form-box {
      padding: 40px;
    }

    .onovo-team-detail > .row > div {
      padding: 0;
    }
  }

  .onovo-overlay,
  .wrapper,
  body {
    background-color: #fff;
  }

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .onovo-title-1,
  .onovo-title-2,
  .onovo-title-3,
  h1,
  h1.onovo-title-1,
  h1.onovo-title-2,
  h1.onovo-title-3,
  h2,
  h2.onovo-title-1,
  h2.onovo-title-2,
  h2.onovo-title-3,
  h3,
  h3.onovo-title-1,
  h3.onovo-title-2,
  h3.onovo-title-3,
  h4,
  h4.onovo-title-1,
  h4.onovo-title-2,
  h4.onovo-title-3,
  h5,
  h5.onovo-title-1,
  h5.onovo-title-2,
  h5.onovo-title-3,
  h6,
  h6.onovo-title-1,
  h6.onovo-title-2,
  h6.onovo-title-3 {
    color: #000;
    font-family: Epilogue;
  }

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .onovo-title-1,
  .onovo-title-2,
  h1,
  h1.onovo-title-1,
  h2,
  h2.onovo-title-2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 600;
    text-transform: unset;
  }

  @media (min-width: 993px) {
    .h1,
    .onovo-title-1,
    h1,
    h1.onovo-title-1 {
      font-size: 70px;
      letter-spacing: 0;
    }

    .h2,
    .onovo-title-2,
    h2,
    h2.onovo-title-2 {
      font-size: 60px;
      letter-spacing: 0;
    }

    .h3,
    h3 {
      font-size: 40px;
      letter-spacing: 0;
    }

    .h4,
    h4 {
      font-size: 30px;
      letter-spacing: 0;
    }

    .h5,
    h5 {
      font-size: 20px;
      letter-spacing: 0;
    }

    .h6,
    h6 {
      font-size: 18px;
      letter-spacing: 0;
    }
  }

  body,
  html {
    color: #1b252e;
  }

  body,
  button,
  html,
  input,
  label,
  legend,
  textarea {
    font-family: Epilogue;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
  }

  body,
  html,
  label,
  legend {
    line-height: 1.7;
  }

  .block-quote::before,
  .col-sidebar .tagcloud a,
  .onovo-blog-item .desc .date,
  .onovo-blog-slide-item .desc .date,
  .onovo-btn .arrow::before,
  .onovo-btn.btn--active::before,
  .onovo-btn.btn--border .arrow::after,
  .onovo-btn.btn--border i::after,
  .onovo-btn.btn--border.btn--color::after,
  .onovo-bubble .bubble-1,
  .onovo-bubble .bubble-2,
  .onovo-bubble .bubble-3,
  .onovo-cta-social .cta-img-circle,
  .onovo-faq-item .onovo-collapse-btn::after,
  .onovo-filter.filter--default .onovo-filter-nav-active,
  .onovo-head-btn .arrow::before,
  .onovo-hover-1::before,
  .onovo-hover-2::before,
  .onovo-hover-3::before,
  .onovo-hover-btn::after,
  .onovo-hover-btn > .arrow::after,
  .onovo-hover-btn > i::after,
  .onovo-lnk.lnk--active a::after,
  .onovo-menu-overlay,
  .onovo-post-date .date,
  .onovo-post-tags a,
  .onovo-pricing-item:hover .onovo-btn.btn--color::after,
  .onovo-pricing-item:hover a.onovo-btn.btn--color::after,
  .onovo-service-item .image,
  .onovo-services-showcase .items .img-circle,
  .onovo-showcase .img-circle,
  .onovo-social-2 ul li a::before,
  .onovo-social-active ul li a::before,
  .onovo-stars,
  .onovo-video .play::before,
  .page-links .current,
  .page-links .post-page-numbers:hover,
  .pager .current,
  .pager a:hover,
  .preloader::before,
  .preloader__double-bounce,
  .sidebar__tag-item,
  .tags-links a,
  .wp-block-latest-posts__post-date,
  .wp-block-pullquote::before,
  .wp-block-quote.is-large::before,
  .wp-block-quote.is-style-large::before,
  .wp-block-quote::before,
  .wp-block-tag-cloud a,
  a.onovo-lnk.lnk--active::after,
  blockquote::before,
  button[type="submit"]:hover,
  input[type="submit"]:hover,
  span.onovo-lnk.lnk--active::after {
    background-color: #f7941e;
  }

  .onovo-social-2 ul li a:hover,
  .onovo-social-active ul li a:hover,
  .page-links .post-page-numbers:hover,
  .pager a:hover {
    border-color: #f7941e;
  }

  button[type="submit"].onovo-btn:hover {
    background-color: transparent;
  }

  .onovo-btn,
  .onovo-head-btn,
  a.onovo-btn,
  body div.wpforms-container .wpforms-form .onovo-btn,
  body div.wpforms-container .wpforms-form button.onovo-btn,
  body div.wpforms-container .wpforms-form button.onovo-btn[type="submit"],
  button[type="submit"],
  input[type="submit"] {
    font-family: Epilogue;
  }

  .onovo-btn,
  a.onovo-btn,
  body div.wpforms-container .wpforms-form .onovo-btn,
  body div.wpforms-container .wpforms-form button.onovo-btn,
  body div.wpforms-container .wpforms-form button.onovo-btn[type="submit"],
  button[type="submit"],
  input[type="submit"] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: unset;
  }

  .onovo-btn,
  .onovo-hover-btn::before,
  a.onovo-btn,
  body div.wpforms-container .wpforms-form .onovo-btn,
  body div.wpforms-container .wpforms-form button.onovo-btn,
  body div.wpforms-container .wpforms-form button.onovo-btn[type="submit"],
  button[type="submit"],
  input[type="submit"] {
    border-radius: 66px;
  }

  p {
    color: #000;
    font-size: 18px;
  }
}

.textAbout {
  position: relative;

  .full-height {
    height: 100%;
  }

  .container {
    /*width: min(100% - 25px, 1470px);*/
    margin-inline: auto;
    position: relative;
    z-index: 5;
  }

  section {
    padding: 120px 0;
    /*overflow: hidden;*/
    position: relative;
  }

  .dec_cirlce {
    position: absolute;
    width: 240px;
    height: 240px;
    z-index: 9999999;
  }

  .dec_cirlce span {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 2;
    background: #ffffff;
    margin: -40px 0 0 -40px;
    animation: sharedec_rotate2 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    border: 2px solid rgb(0 0 0 / 5%);
  }

  .dec_cirlce:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0px 0px 0px 86px #000;
    animation: sharedec_rotate 5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    border: 2px dotted rgb(0 0 0 / 5%);
  }

  .sec-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
  }

  .line-item {
    float: left;
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid rgba(153, 153, 153, 0.1);
    position: relative;
  }

  .line-item:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    width: 4px;
    height: 30px;
    animation: scroll3 8s ease-out infinite;
  }

  .line-item:last-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 4px;
    height: 30px;
    animation: scroll2 6s ease-out infinite;
  }

  @keyframes scroll3 {
    0% {
      opacity: 1;
      top: 0;
    }

    50% {
      top: 50%;
    }

    100% {
      top: 100%;
      opacity: 0.5;
    }
  }

  @keyframes scroll2 {
    0% {
      opacity: 1;
      bottom: 0;
    }

    50% {
      bottom: 50%;
    }

    100% {
      bottom: 100%;
      opacity: 0.5;
    }
  }

  .line-item:first-child {
    border-left: 1px solid rgba(153, 153, 153, 0.09);
  }

  .about_row {
    display: flex;
    flex-direction: row;
  }

  .about-img-hotifer {
    position: absolute;
    right: -60px;
    bottom: 20px;
    width: 280px;
    padding: 35px 30px;
    z-index: 11;
    color: #fff;
    text-align: left;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  }

  .about-img-hotifer:before {
    font-family: Font Awesome\5 Pro;
    content: "\f10e";
    bottom: 30px;
    right: 20px;
    position: absolute;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
  }

  .about-img-hotifer h4 {
    padding-bottom: 6px;
    font-size: 14px;
  }

  .about-wrap p {
    text-align: justify;
  }

  .about-img-hotifer p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
  }

  .block_text {
    width: 60%;
    position: relative;
    padding: 60px 60px 0 0;
  }

  .block_img {
    width: 40%;
    position: relative;
  }

  .block_img img {
    position: relative;
    z-index: 3;
  }

  .block_img:before {
    content: "";
    position: absolute;
    left: -14px;
    bottom: -14px;
    width: 30%;
    height: 30%;
    z-index: 1;
  }

  .block_img:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 30px;
    width: 30px;
    height: 30px;
    z-index: 3;
  }

  .block_text h2 {
    text-align: left;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #393939;
    padding-bottom: 30px;
    position: relative;
    font-family: "Orbitron", sans-serif;
  }

  .ticker-wrap {
    overflow: hidden;
    margin-right: 5%;
  }

  .ticker {
    /*margin-top: 50px;*/
    font-size: 60px;
    font-family: "Orbitron", sans-serif;
    font-weight: 800;
    overflow: hidden;
    word-wrap: normal;
    height: 80px;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    animation: content-marquee 15s infinite linear;
    padding-left: 1vw;
    color: #000;
  }

  .content-marquee-outer {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 1000% !important;
    width: 100vw !important;
  }

  .content-marquee-inner {
    position: relative;
    float: left;
    z-index: 0;
  }

  .ticker:after {
    content: attr(data-text);
    padding-left: 1vw;
  }
}

@keyframes content-marquee {
  0% {
    transform: translateX(0);
  }

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

/*Template Colors*/
.inline-facts-container:after,
.section-dec,
.share-container:before,
.reval-image:before,
.promo-video-btn:after,
.bg-reval_wrap:before,
.dec_cirlce span,
.loading-spinner:before {
  border-top-color: #000 !important;
  border-bottom-color: #000 !important;
}

.dec_cirlce:before,
.loading-spinner:after {
  border-left-color: #000 !important;
  border-right-color: #000 !important;
}

.sec-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 1;
}

.line-item {
  float: left;
  width: 20%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid rgba(153, 153, 153, 0.1);
  position: relative;
}

.line-item:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 4px;
  height: 30px;
  animation: scroll3 8s ease-out infinite;
}

.line-item:last-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -2px;
  width: 4px;
  height: 30px;
  animation: scroll2 6s ease-out infinite;
}

@keyframes scroll3 {
  0% {
    opacity: 1;
    top: 0;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 100%;
    opacity: 0.5;
  }
}

@keyframes scroll2 {
  0% {
    opacity: 1;
    bottom: 0;
  }

  50% {
    bottom: 50%;
  }

  100% {
    bottom: 100%;
    opacity: 0.5;
  }
}

.line-item:first-child {
  border-left: 1px solid rgba(153, 153, 153, 0.09);
}

/* PROMOTIONS */
/* FLEX GALLERY */
#gallery2 .oxy-gallery-item .oxy-gallery-item-contents {
  visibility: hidden;
}

.oxy-gallery.oxy-gallery-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.oxy-gallery-flex .oxy-gallery-item {
  overflow: hidden;
  flex: auto;
}

.oxy-gallery-flex .oxy-gallery-item-sizer {
  position: relative;
}

.oxy-gallery-flex .oxy-gallery-item-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  margin: 0;
}

.oxy-gallery-flex .oxy-gallery-item-contents img {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* MASONRY GALLERY */

.oxy-gallery.oxy-gallery-masonry {
  display: block;
  overflow: auto;
}

.oxy-gallery-masonry .oxy-gallery-item {
  break-inside: avoid;
  display: block;
  line-height: 0;
  position: relative;
}

.oxy-gallery-masonry figure.oxy-gallery-item-contents {
  margin: 0;
}

.oxy-gallery-masonry .oxy-gallery-item .oxy-gallery-item-contents img {
  max-width: 100%;
}

.oxy-gallery-masonry .oxy-gallery-item .oxy-gallery-item-contents figcaption {
  display: none;
}

/* GRID GALLERY */
.oxy-gallery-grid .oxy-gallery-item {
  overflow: hidden;
  flex: auto;
  position: relative;
}

.oxy-gallery-grid .oxy-gallery-item-contents {
  margin: 0;
}

.oxy-gallery-grid .oxy-gallery-item-contents img {
  width: 100%;
  height: auto;
}

.oxy-gallery-grid .oxy-gallery-item .oxy-gallery-item-contents figcaption {
  display: none;
}

#gallery2.oxy-gallery.oxy-gallery-masonry {
  column-width: 250px;
  column-count: 3;
  column-gap: 10px;
}

#gallery2.oxy-gallery-masonry .oxy-gallery-item {
  margin-bottom: 10px;
}

#gallery2.oxy-gallery-captions
  .oxy-gallery-item
  .oxy-gallery-item-contents
  figcaption:not(:empty) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75); /* caption background color */
  padding: 1em;
  color: #ffffff; /* caption text color */
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  text-align: center;
  line-height: var(--oxy-small-line-height);
  /*pointer-events: none;*/
  transition: 0.3s ease-in-out opacity;
  display: block;
}

#gallery2.oxy-gallery-captions
  .oxy-gallery-item
  .oxy-gallery-item-contents
  figcaption:not(:empty) {
  opacity: 0;
}
#gallery2.oxy-gallery-captions
  .oxy-gallery-item:hover
  .oxy-gallery-item-contents
  figcaption {
  opacity: 1;
}