body {
  font-family: "Inter", sans-serif;
}

.font-m-light {
  font-family: "Inter", sans-serif;
  font-weight: 300;
}

.font-m-regular {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.font-p-light {
  font-family: "Inter", sans-serif;
  font-weight: 200;
}

.font-p-regular {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.font-m-medium {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

.font-m-bold {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.font-inter {
  font-family: "Inter", sans-serif;
}

html {
  scroll-behavior: smooth;
  transition: all 800ms;
}

footer {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.container_custom {
  max-width: 95%;
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.pop-up-more {
  transform: scale(0);
  transition: all 800ms;
}

.container_custom_sm {
  max-width: 85%;
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.navbar-active {
  position: fixed;
  z-index: 99999999;
  top: 0;
  background: white;
  color: #1e0f21;
  transition: all 800ms;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.navbar-active ul svg {
  stroke: #1e0f21;
}
.navbar-active li::after {
  background: #1e0f21;
}

.navbar-inactive {
  position: relative;
  z-index: 999999;
  color: white;
}

.navbar-active-2 {
  position: fixed;
  z-index: 99999;
  top: 0;
  background: white;
  transition: all 800ms;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.navbar-inactive-2 {
  position: relative;
  z-index: 99;
}

.hero {
  width: 100%;
  height: auto;
  background: url(../../assets/imgs/test.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-rotated {
  margin: 0;
  margin-right: 0.5rem;
  line-height: 1em;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  left: -0.6rem;
  transition: all 800ms;
  bottom: 0.8rem;
  transform-origin: 1% 100%;
  transform: rotate(270deg) translateY(0);
}

.grid-cat {
  display: grid;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
.grid-cat img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}

.grid-cat-3 {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
.grid-cat-3 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
}

.grid-cat-2 {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1rem;
}

.grid-cat-6 {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 2rem;
}

.grid-cat-4 {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1rem;
}
.grid-cat-4 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 220px;
}

.grid-cat-5 {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1rem;
  width: 100%;
}
.grid-cat-5 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
}

.grid-cat-footer {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  display: grid;
}

.menu {
  --s: 10px; /* control the size */
  --c: #fff; /* the color */
  height: var(--s);
  aspect-ratio: 1;
  border: none;
  padding: 0;
  border-inline: calc(var(--s) / 2) solid rgba(0, 0, 0, 0);
  box-sizing: content-box;
  --_g1: linear-gradient(var(--c) 20%, #0000 0 80%, var(--c) 0) no-repeat
    content-box border-box;
  --_g2: radial-gradient(circle closest-side at 50% 12.5%, var(--c) 95%, #0000)
    repeat-y content-box border-box;
  background: var(--_g2) left var(--_p, 0px) top, var(--_g1) left calc(var(--s) / 10 + var(--_p, 0px)) top, var(--_g2) right var(--_p, 0px) top, var(--_g1) right calc(var(--s) / 10 + var(--_p, 0px)) top;
  background-size: 20% 80%, 40% 100%;
  position: relative;
  -webkit-clip-path: inset(0 25%);
          clip-path: inset(0 25%);
  -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0), #000 25% 75%, rgba(0, 0, 0, 0));
  cursor: pointer;
  transition: background-position 0.3s var(--_s, 0.3s), -webkit-clip-path 0s var(--_s, 0.6s);
  transition: background-position 0.3s var(--_s, 0.3s), clip-path 0s var(--_s, 0.6s);
  transition: background-position 0.3s var(--_s, 0.3s), clip-path 0s var(--_s, 0.6s), -webkit-clip-path 0s var(--_s, 0.6s);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.menu:before,
.menu:after {
  content: "";
  position: absolute;
  border-radius: var(--s);
  inset: 40% 0;
  background: var(--c);
  transition: transform 0.3s calc(0.3s - var(--_s, 0.3s));
}

.menu:checked {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  --_p: calc(-1 * var(--s));
  --_s: 0s;
}

.menu:checked:before {
  transform: rotate(45deg);
}

.menu:checked:after {
  transform: rotate(-45deg);
}

.menu:focus-visible {
  -webkit-clip-path: none;
          clip-path: none;
  -webkit-mask: none;
  border: none;
  outline: 1px solid var(--c);
  outline-offset: 1px;
}

/* top header */
main .top__header {
  width: 100%;
  background: #000;
  height: auto;
  padding: 0.4rem;
}
main .top__header .top__header__wrapper {
  max-width: 95%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  gap: 1rem;
  width: 100%;
  color: white;
}
main .top__header .top__header__wrapper .top_header_content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
main .top__header .top__header__wrapper .top_header_content .break__span {
  width: 2rem;
  height: 0.4px;
  background: white;
}

.break__span {
  width: 2rem;
  height: 0.4px;
  background: white;
}

/* hero section */
.btn-epic {
  position: relative;
  width: 220px;
  max-width: 260px;
  height: 52px;
  background: #FF6600;
  transform: translate3d(0px, 0%, 0px);
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.05em;
  transition-delay: 0.6s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
}
.btn-epic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3ad2d0;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%) scaleY(0.5);
  transition: all 0.6s ease;
}
.btn-epic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition: all 0.6s ease;
}
.btn-epic div {
  position: relative;
  width: 100%;
  height: 26px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-epic span {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  text-align: center;
  transition: transform 0.5s ease;
}
.btn-epic span:first-child {
  color: white;
  transform: translateY(24px);
}
.btn-epic span:last-child {
  color: #1e0f21;
  transform: translateY(0);
}
.btn-epic:hover {
  background: #3ad2d0;
  transition: background 0.2s linear;
  transition-delay: 0.6s;
}
.btn-epic:hover:after {
  border-radius: 0 0 50% 50%;
  transform: translateY(-100%) scaleY(0.5);
  transition-delay: 0;
}
.btn-epic:hover:before {
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition-delay: 0;
}
.btn-epic:hover span:first-child {
  transform: translateY(0);
}
.btn-epic:hover span:last-child {
  transform: translateY(-24px);
}

.qodef-m-arrowline {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 63px;
  height: 19px;
  left: 8px;
  fill: white;
  stroke: white;
}

.qodef-theme-button,
button[type=submit],
input[type=submit],
.swiper-button-next:hover,
.swiper-button-prev:hover,
#qodef-404-page button,
.qodef-blog article.format-audio .mejs-controls .mejs-time-rail .mejs-time-current,
.qodef-blog.qodef--single article .qodef-e-info.qodef-info--bottom .qodef-e-info-tags a:hover,
.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button,
.has-primary-background-color,
#qodef-back-to-top,
#qodef-author-info .qodef-m-social-icons a,
#qodef-single-post-navigation .qodef-m-nav.qodef--next:hover .qodef-icon-linea-icons,
#qodef-single-post-navigation .qodef-m-nav.qodef--prev:hover .qodef-icon-linea-icons,
.qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener--predefined,
#qodef-page-mobile-header #qodef-mobile-header-opener,
.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-hover-logo .qodef-m-split,
.qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-social-content .qodef-team-member-social-icon,
.qodef-team-list.qodef-item-layout--info-on-hover .qodef-e-social-content .qodef-team-member-social-icon-opener,
.qodef-testimonials-list .swiper-pagination-bullets .swiper-pagination-bullet:before,
.qodef-testimonials-list .swiper-button-next,
.qodef-search-opener.search-icon-in-box .qodef-search-opener-inner,
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-active .qodef-accordion-mark span.qodef-icon,
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-hover .qodef-accordion-mark span.qodef-icon,
.qodef-button.qodef-layout--filled.qodef-html--link,
.qodef-button.qodef-layout--outlined:hover,
.qodef-button.qodef-layout--splitted,
.qodef-button.qodef-layout--splitted:hover,
.qodef-icon-list-item .qodef-m-square,
.qodef-icon-list-item.qodef-icon--predefined a:before,
.qodef-icon-holder.qodef-layout--circle,
.qodef-icon-holder.qodef-layout--square,
.qodef-image-gallery .swiper-button-next:hover,
.qodef-image-gallery .swiper-button-prev:hover,
.qodef-side-area-opener.qodef-side-area-opener--predefined,
.qodef-social-share.qodef-layout--dropdown.qodef-dropdown--left .qodef-social-share-dropdown li a,
.qodef-social-share.qodef-layout--list li a,
.qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-count,
.qodef-woo-dropdown-cart .qodef-e-quantity,
.qodef-woo-dropdown-cart .qodef-m-action-link {
  background-color: #FF6600;
}

.qodef-button.qodef-html--link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0;
  font-family: Muli, sans-serif;
  font-size: 15px;
  line-height: 2em;
  font-weight: 500;
  text-decoration: none;
  color: white;
  border-radius: 0;
  outline: 0;
  box-sizing: border-box;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  padding: 16px 29px 17px 30px;
  z-index: 1;
}

.qodef-button.qodef-layout--splitted .qodef-split--down {
  bottom: 0;
  right: 0;
  left: auto;
}

.qodef-button.qodef-layout--splitted .qodef-m-split {
  position: absolute;
  height: 50%;
  width: 0;
  background: #101010;
  z-index: 1;
  opacity: 0.5;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.qodef-button.qodef-layout--splitted:hover .qodef-m-split {
  position: absolute;
  height: 50%;
  width: 100%;
  background: #101010;
  color: white;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.qodef-button.qodef-layout--splitted:hover {
  color: white;
  fill: white;
}

.qodef-button.qodef-layout--splitted .qodef-split--up {
  top: 0;
  left: 0;
  right: auto;
}

.back-to-top {
  opacity: 0;
  visibility: hidden;
  transition: all 800ms opacity 0.3s, visibility 0.3s;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
  background: #FF6600;
  transition: all 800ms;
}

.cover-mask {
  background: url(../../assets/imgs/img1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.z-n {
  z-index: -1;
}

.section-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FF6600;
  font-optical-sizing: auto;
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.font-inter {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.section-cover {
  background: url(../../assets/svgs/cover.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.gallery {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.gallery img {
  height: 200px;
  cursor: pointer;
  width: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  transition: transform 0.2s;
}

.gallery img:hover {
  transform: scale(0.9);
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  z-index: 99999999;
  transition: opacity 0.3s ease-in-out;
}

.lightbox img {
  max-width: 80%;
  max-height: 80%;
  border-radius: 8px;
  transition: all 800ms;
}

.lightbox.active {
  visibility: visible;
  transition: all 800ms;
  opacity: 1;
}

.counter {
  margin-top: 10px;
  font-size: 18px;
  color: white;
  transition: all 800ms;
}

.close,
.prev,
.next {
  position: absolute;
  color: white;
  font-size: 30px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.close {
  top: 20px;
  right: 30px;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

@media (max-width: 455px) {
  .gallery img {
    width: 100%;
  }
}
.logo img {
  max-width: 110px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

/* Custom Styles */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}/*# sourceMappingURL=Style.css.map */