@import url("https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

* {
  margin: 0px;
  box-sizing: border-box;
}

:root {
  --Black: #000;
  --White: #ffffff;
  --Primary: #d2a63d;
  --font-primary: "Darker Grotesque", sans-serif;
  --font-secondary: "Inter", sans-serif;
}

body {
  font-family: var(--font-primary);
  margin: 0;
  background: #eee9e7;
}

@media (min-width: 1701px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1544px;
  }
}

.rn_section_gapTop {
  padding: 96px 0;
}

.inner_gapTop {
  margin-top: 48px;
}

.btn {
  font: normal normal 300 24px/140% var(--font-secondary);
  padding: 14px 46px;
  border-radius: 4px;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.4s all ease-out;
}

.btn img {
  width: 24px;
  height: auto;
  transition: .3s all ease-out;
}

.btn_primary {
  color: var(--White);
  border-radius: 4px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.btn_primary:hover {
  color: var(--White);
  border-color: var(--Primary);
}

.btn_primary::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: ' ';
  width: 0;
  height: 100%;
  background-color: var(--Primary);
  border-radius: 2px;
  transition: .3s all ease-out;
  z-index: -1;
}

.btn_primary:hover::before {
  width: 100%;
}

.btn_secondary {
  color: var(--Black);
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
}

.btn_secondary:hover {
  color: var(--White);
  border: 2px solid rgba(0, 0, 0, 0.2);
}

.btn_secondary::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: ' ';
  width: 0;
  height: 100%;
  background-color: var(--Black);
  border-radius: 2px;
  transition: .3s all ease-out;
  z-index: -1;
}

.btn_secondary:hover::before {
  width: 100%;
}

.btn_secondary:hover img {
  filter: brightness(0) invert(1);
}

.btn-check:focus+.btn,
.btn:focus {
  box-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1 {
  font: normal normal 400 100px/100% var(--font-primary);
  letter-spacing: -2px;
}

h2 {
  font: normal normal 400 80px/100% var(--font-primary);
  letter-spacing: -1.6px;
}

h3 {
  font: normal normal 400 64px/132% var(--font-primary);
  letter-spacing: -1.28px;
}

h4 {
  font: normal normal 400 48px/100% var(--font-primary);
  letter-spacing: -0.96px;
}

h5 {
  font: normal normal 400 32px/100% var(--font-primary);
  letter-spacing: -0.64px;
}

h6 {
  font: normal normal 400 24px/140% var(--font-secondary);
}

p {
  font: normal normal 400 20px/160% var(--font-secondary);
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  padding: 44px 72px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 999;
  transition:
    background-color 0.4s ease-out,
    padding-top 0.4s ease-out,
    padding-bottom 0.4s ease-out;
}

.header-light {
  background: #eee9e7;
}

.header.scrolled {
  padding: 28px 72px;
  background-color: var(--Black);
  box-shadow: 4px 0 12px rgb(0 0 0 / 10%);
}

.header-light.scrolled {
  background: #eee9e7;
}

.header .header_menu {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header .hamburger-menu {
  width: 42px;
  height: 42px;
  padding: 6px;
  cursor: pointer;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .hamburger-menu .bar {
  width: 100%;
  height: 3px;
}

.header .hamburger-menu .bar:after,
.header .hamburger-menu .bar:before {
  width: calc(100% - 8px);
  height: 3px;
}

.header .hamburger-menu .bar {
  position: relative;
  background: var(--White);
  transition: all 0ms 300ms;
}

.header-light .hamburger-menu .bar {
  background: var(--Black);
}

.header .hamburger-menu .bar.animate {
  background: rgba(255, 255, 255, 0);
}

.header .hamburger-menu .bar:before,
.header .hamburger-menu .bar:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: rgb(255, 255, 255);
  transition:
    bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header .hamburger-menu .bar:before {
  bottom: 10px;
}

.header .hamburger-menu .bar:after {
  top: 10px;
}

.header-light .hamburger-menu .bar:before,
.header-light .hamburger-menu .bar:after {
  background: var(--Black);
}

.menu-open .header .hamburger-menu .bar:before,
.menu-open .header .hamburger-menu .bar:after {
  background: var(--White);
}

.header .hamburger-menu .bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition:
    top 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header .hamburger-menu .bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition:
    bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header .header_menu span {
  font: normal normal 300 16px/140% var(--font-secondary);
  color: var(--White);
}

.header-light .header_menu span {
  color: var(--Black);
}

.header .header_logo img {
  width: 155px;
  height: auto;
}

.header-light .header_logo img {
  filter: brightness(0) invert(0);
}

.header .btn_getStarted {
  font: normal normal 300 16px/140% var(--font-secondary);
  color: var(--White);
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 8px 20px;
}

.header .btn_getStarted:hover {
  background: rgba(255, 255, 255, 0.1);
}

.header .btn_getStarted::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: ' ';
  width: 0;
  height: 100%;
  background-color: var(--Primary);
  border-radius: 2px;
  transition: .3s all ease-out;
  z-index: -1;
}

.header .btn_getStarted:hover::before {
  width: 100%;
}

.header-light .btn_getStarted {
  color: var(--Black);
  border: 2px solid rgba(0, 0, 0, 0.2);
}

.header-light .btn_getStarted img {
  filter: brightness(0) invert(0);
}

.header .menu-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--Black);
  color: #fff;
  z-index: 998;
  clip-path: circle(0 at 0 0);
  transition: all 0.3s ease-in-out;
}

.header .menu-container.active {
  clip-path: circle(75%);
}

.header .menu-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}

.header .menu-container .menu {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.header .menu-container .menu li {
  width: 100%;
  padding: 6px 0;
  opacity: 0;
  transform: translate3d(0, 36px, 0);
}

.header .menu-container.active .menu li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.2s ease-out,
    opacity 0.2s ease-out;
}

.header .menu-container.active .menu li:nth-child(1) {
  transition-delay: 0.55s;
}

.header .menu-container.active .menu li:nth-child(2) {
  transition-delay: 0.55s;
}

.header .menu-container.active .menu li:nth-child(3) {
  transition-delay: 0.65s;
}

.header .menu-container.active .menu li:nth-child(4) {
  transition-delay: 0.75s;
}

.header .menu-container.active .menu li:nth-child(5) {
  transition-delay: 0.85s;
}

.header .menu-container.active .menu li:nth-child(6) {
  transition-delay: 0.95s;
}

.header .menu-container .menu li a {
  font: normal normal 600 36px / 100% var(--font-primary);
  color: var(--White);
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  position: relative;
  width: fit-content;
}

.header .menu-container .menu li.current_page_item a,
.header .menu-container .menu .sub-menu li.current-menu-item a {
  color: var(--Primary);
}

.header .menu-container .menu .menu-item-has-children>a::before {
  position: absolute;
  right: -46px;
  bottom: 0;
  content: " ";
  width: 34px;
  height: 34px;
  margin: auto;
  background-image: url(../img/chevron-down.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  transition: 0.3s all ease-out;
}

.header .menu-container .menu .menu-item-has-children.open>a::before {
  transform: rotate(180deg);
}

.header .menu-container .menu .dropdown {
  position: relative;
}

.header .menu-container .menu .sub-menu {
  position: static;
  list-style: none;
  background-color: transparent;
  padding: 24px;
  border: 1px solid var(--White);
  border-radius: 16px;
  display: none;
  margin: 24px 0 0;
  max-width: 90%;
}

.header .menu-container .menu .sub-menu li:not(:last-child) {
  padding: 0 0 28px;
}

.header .menu-container .menu .sub-menu li:last-child {
  padding: 0;
}

.header .menu-container .menu .sub-menu li a {
  font: normal normal 500 24px / 100% var(--font-primary);
  display: block;
  color: var(--White);
}

.header .menu-container .card-enquiry {
  background: #101010;
  padding: 32px;
  border-radius: 8px;
  opacity: 0;
  transform: translate3d(0, 36px, 0);
}

.header .menu-container.active .card-enquiry {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.2s ease-out,
    opacity 0.2s ease-out;
  transition-delay: 0.45s;
}

.header .menu-container .card-enquiry h4 {
  font-weight: 500;
  color: var(--White);
  max-width: 90%;
  margin: 16px 0 32px;
  text-transform: capitalize;
}

.header .menu-container .card-enquiry .btn {
  font: normal normal 300 16px / 140% var(--font-secondary);
  padding: 10px 32px;
  border-radius: 38px;
}

.header .menu-container .card-enquiry .btn img {
  width: 20px;
}

.header .menu-container .card-enquiry span {
  font: normal normal 400 20px / 100% var(--font-primary);
  color: var(--White);
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px solid rgb(255 255 255 / 20%);
  display: block;
}

.header .menu-container .card-enquiry span a {
  font-weight: 500;
  text-decoration: none;
  color: var(--Primary);
  display: inline;
}

@media only screen and (max-width: 767px) {
  .header {
    padding: 16px 12px;
  }

  .header.scrolled {
    padding: 12px;
  }

  .header .header_menu span,
  .header .btn_getStarted {
    display: none;
  }

  .header .hamburger-menu {
    width: 28px;
    height: 24px;
    padding: 0;
  }

  .header .hamburger-menu .bar {
    height: 2px;
  }

  .header .hamburger-menu .bar:before {
    bottom: 8px;
  }

  .header .hamburger-menu .bar:after {
    top: 8px;
  }

  .header .hamburger-menu .bar:after,
  .header .hamburger-menu .bar:before {
    height: 2px;
  }

  .header .header_logo img {
    width: 120px;
    height: auto;
  }

  .header .menu-container {
    clip-path: circle(0 at 0 0);
  }

  .header .menu-wrapper {
    align-items: flex-start;
    padding: 80px 0 20px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
  }

  .header .menu-container .row {
    row-gap: 32px;
  }

  .header .menu-container .menu {
    gap: 16px;
  }

  .header .menu-container .menu li a {
    font: normal normal 600 24px / 100% var(--font-primary);
  }

  .header .menu-container .menu .menu-item-has-children>a::before {
    right: -32px;
    width: 24px;
    height: 22px;
  }

  .header .menu-container .menu .sub-menu {
    padding: 12px;
    border-radius: 8px;
    margin: 16px 0 0;
    max-width: 100%;
  }

  .header .menu-container .menu .sub-menu li:not(:last-child) {
    padding: 0 0 16px;
  }

  .header .menu-container .menu .sub-menu li a {
    font: normal normal 500 16px / 100% var(--font-primary);
  }

  .header .menu-container .card-enquiry {
    padding: 16px;
  }

  .header .menu-container.active .card-enquiry {
    transition-delay: 0.85s;
  }

  .header .menu-container .card-enquiry h4 {
    max-width: 100%;
    margin: 12px 0 24px;
  }

  .header .menu-container .card-enquiry .btn {
    font: normal normal 300 14px / 140% var(--font-secondary);
    padding: 8px 16px;
  }

  .header .menu-container .card-enquiry span {
    font: normal normal 400 16px / 100% var(--font-primary);
    margin-top: 16px;
    padding-top: 8px;
    border-top: 1px solid rgb(255 255 255 / 20%);
  }
}

.main_heading {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.main_heading h5 {
  text-align: center;
  color: var(--Black);
}

.main_heading h5 span {
  text-transform: uppercase;
  opacity: 0.5;
}

.main_heading h3 {
  text-align: center;
  color: var(--Black);
  line-height: 100%;
}

.main_heading h3 span {
  color: var(--Primary);
}

.main_heading h3 b {
  font-weight: 600;
}

.hero_banner {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Black);
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.hero_banner .hero_video {
    position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.hero_banner .tilt_video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	will-change: transform;
	transition: transform 1s cubic-bezier(.2, .8, .3, 1);
	transform-origin: center;
	opacity: 0.5;
}

.hero_banner .bg-grid {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.hero_banner .bg-grid:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(rgb(255 255 255 / 6%), transparent 1px), linear-gradient(to right, rgb(255 255 255 / 6%), transparent 1px);
  background-size: 100% 100px, 100px 100%;
}

.venta-circle {
  width: 600px;
  height: 600px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -340px;
  margin: auto;
  z-index: -2;
}

.dots-full,
.wave-full {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

#blob {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 300px;
  height: 300px;
  background: linear-gradient(to right, #8f7b4a, #a78324);
  border-radius: 50%;
  filter: blur(calc(300px/2.15));
  animation: rotate360 20s infinite;
  z-index: -1;
}

@keyframes rotate360 {
  from {
    rotate: 0deg;
  }

  50% {
    scale: 1 1.15;
  }

  to {
    rotate: 360deg;
  }
}

#blob-blur {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  backdrop-filter: blur(1px);
}

.hero_banner .banner_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 72%;
  margin: auto;
}

.hero_banner .banner_content h1 {
  text-align: center;
  color: var(--White);
  pointer-events: none;
}

.hero_banner .banner_content h1 span {
  color: var(--Primary);
}

.hero_banner .banner_content div:has(h6) {
  pointer-events: none;
}

.hero_banner .banner_content h6 {
  text-align: center;
  color: var(--White);
}

.hero_banner .banner_content .btn_primary {
  margin: 12px auto 0;
}

.about_us {
  padding: 192px 0;
}

.about_us .about_content {
  width: 100%;
  background-image: url(../img/about-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 193px;
  padding: 80px 0 108px;
}

.about_us .about_inrGrid {
  display: grid;
  grid-template-columns: 606px 505px;
  justify-content: space-between;
  gap: 123px 0;
}

.about_us .about_inrGrid .card_box h5 {
  color: var(--White);
  border-left: 4px solid var(--Primary);
  padding-left: 20px;
}

.about_us .card_box .about_logo img {
  width: 100%;
  height: auto;
  opacity: 0.2;
}

.our_services {
  padding-bottom: 268px;
}

.our_services .services_heading h2 {
  font: normal normal 300 150px/100% var(--font-primary);
  color: var(--Black);
  letter-spacing: -3px;
  text-align: center;
}

.our_services .services_heading h2 span {
  opacity: 0.2;
}

.our_services .services_inr {
  margin-top: 148px;
  display: flex;
  flex-direction: column;
  gap: 200px;
  position: relative;
  z-index: 0;
}

.our_services .services_inr::before,
.our_services .services_inr::after {
  position: absolute;
  content: "";
  left: 38%;
  width: 445px;
  height: 645px;
  background-image: url(../img/F-text.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.our_services .services_inr::before {
  top: 16%;
}

.our_services .services_inr::after {
  bottom: 7%;
}

.our_services .card_box {
  position: relative;
  z-index: 0;
}

.our_services .card_box::before {
  position: absolute;
  left: -24px;
  top: -24px;
  content: "";
  width: calc(100% + 48px);
  height: calc(100% + 48px);
  border: 1px solid var(--Black);
  z-index: -1;
}

.our_services .card_box img {
  width: 100%;
  height: 588px;
  object-fit: cover;
  object-position: center;
}

.our_services .card_info {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.our_services .card_info h3 {
  color: var(--Black);
  line-height: 100%;
}

.our_services .card_info h5 {
  color: var(--Black);
}

.our_services .card_info .btn_infoService {
  width: 69px;
  height: 69px;
  border: 1px solid var(--Black);
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our_services .card_info .btn_infoService:hover {
  background-color: var(--Black);
}

.our_services .card_info .btn_infoService img {
  width: 24px;
  height: auto;
  transition: 0.4s all ease-out;
}

.our_services .card_info .btn_infoService:hover img {
  filter: brightness(0) invert(1);
}

.our_ecosystem {
  background-color: var(--Black);
  padding: 184px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.our_ecosystem::before {
  position: absolute;
  inset: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-ecosystem.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.our_ecosystem .main_heading {
  max-width: 90%;
  margin: auto;
}

.our_ecosystem .main_heading h5 {
  color: var(--White);
}

.our_ecosystem .main_heading h3 {
  color: var(--White);
  line-height: 100%;
}

.our_ecosystem .slide_ecosystem {
  margin-top: 104px;
}

.our_ecosystem .slick-list {
  overflow: unset;
}

.our_ecosystem .slick-slide {
  margin: 0 12px;
}

.our_ecosystem .card_box {
  position: relative;
  z-index: 0;
  cursor: grab;
}

.our_ecosystem .card_box::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: " ";
  width: 100%;
  height: 278px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
  transition: .4s all ease-out;
}

.our_ecosystem .card_box:hover::before {
  height: 100%;
}

.our_ecosystem .card_box .img_box img {
  width: 100%;
  height: 688px;
  object-fit: cover;
  object-position: center;
}

.our_ecosystem .card_box .content_block {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 32px;
  z-index: 2;
}

.our_ecosystem .card_box .content_block h5 {
  font: normal normal 400 40px/100% var(--font-primary);
  letter-spacing: -0.8px;
  color: var(--White);
}

.our_ecosystem .card_box .content_block .btn_infoEcosytem {
  width: 69px;
  min-width: 69px;
  height: 69px;
  border: 1px solid var(--White);
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our_ecosystem .card_box .content_block .btn_infoEcosytem img {
  width: 24px;
  height: auto;
}

.our_ecosystem .slick-dots {
  width: 100%;
  height: 1px;
  background-color: #e6e9ea;
  display: flex;
  align-items: center;
  margin: 90px 0;
  padding: 0;
  list-style: none;
}

.our_ecosystem .slick-dots li {
  width: 100%;
}

.our_ecosystem .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: transparent;
  border: none;
  transition: 0.4s all ease-out;
}

.our_ecosystem .slick-dots .slick-active button {
  background-color: var(--Primary);
}

.our_ecosystem .text_inr h5 {
  color: var(--White);
  max-width: 67%;
  margin: auto;
  text-align: center;
}

.bespoke_solutions {
  padding: 204px 0 178px;
}

.bespoke_solutions .main_heading {
  max-width: 90%;
  margin: auto;
}

.bespoke_solutions .solutions_inr {
  margin: 96px 0 80px;
}

.bespoke_solutions .card_box {
  position: relative;
  z-index: 0;
  overflow: hidden;
  cursor: url("../img/capa_1.png"), auto;
}

.bespoke_solutions .card_box::before {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgb(0 0 0 / 70%) 100%);
    z-index: 1;
}

.bespoke_solutions .card_box .img_box img {
  width: 100%;
  height: 660px;
  object-fit: cover;
  object-position: center;
}

.bespoke_solutions .card_box .content_block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 32px 48px;
  transition: 0.6s all ease-out;
  z-index: 2;
}

.bespoke_solutions .card_box:hover .content_block {
  opacity: 0;
}

.bespoke_solutions .card_box .content_block span {
  width: fit-content;
  padding: 12px 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
}

.bespoke_solutions .card_box .content_block h5 {
  color: var(--White);
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.64px;
  margin-top: -6px;
}

.bespoke_solutions .card_box .content_block h4,
.bespoke_solutions .card_box .content_onHover h4 {
  font-weight: 600;
  color: var(--White);
}

.bespoke_solutions .card_box .content_onHover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: var(--Black);
  opacity: 0.9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 36px;
  transform: translateY(100%);
  transition: 0.6s all ease-out;
  z-index: 9;
}

.bespoke_solutions .card_box:hover .content_onHover {
  transform: translateY(0);
}

.bespoke_solutions .card_box .content_onHover h4,
.bespoke_solutions .card_box .content_onHover h5 {
  text-align: center;
  color: var(--White);
}

.logos_withSpace {
  padding-bottom: 105px;
}

.group_logos img {
  width: 100%;
  height: auto;
}

.clientCase_section {
  padding: 178px 0 0;
  position: relative;
  z-index: 0;
}

.clientCase_section .main_heading {
  gap: 32px;
}

.clientCase_section .main_heading h3 {
  font: normal normal 400 72px/100% var(--font-primary);
  letter-spacing: -1.44px;
  text-align: left;
}

.clientCase_section .main_heading h5 {
  opacity: 0.5;
  text-align: left;
}

.clientCase_section .content_info {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 52px;
}

.clientCase_section .content_info h6 {
  font-weight: 300;
  color: var(--Black);
}

/* .clientCase_section .slider_clientCase {
    margin-top: 142px;
} */

.clientCase_section .slider_clientCase .card_item {
  position: relative;
  z-index: 0;
  cursor: grab;
}

.clientCase_section .slider_clientCase .card_item::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 316px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--Black) 100%);
  z-index: 1;
}

.clientCase_section .slider_clientCase .card_item img {
  width: 100%;
  height: 766px;
  object-fit: cover;
  object-position: center;
}

.clientCase_section .clientCase_controls {
  position: absolute;
  bottom: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clientCase_section .clientCase_controls .slick-arrow {
  width: 69px;
  height: 69px;
  background-color: transparent;
  border: 1px solid var(--White);
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clientCase_section .clientCase_controls .slick-arrow img {
  width: 24px;
  height: auto;
}

.clientCase_section .client_counter {
  font: normal normal 400 40px/100% var(--font-primary);
  color: var(--White);
  letter-spacing: -0.8px;
}

.clientCase_section .client_counter .current {
  font: normal normal 400 72px/100% var(--font-primary);
  letter-spacing: -1.44px;
}

.how_weWork {
  border-top: 8px solid #d2a63d;
  background-image: url(../img/how-we-work-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 204px 0 358px;
  margin-top: -6px;
  overflow-x: hidden;
}

.how_weWork .main_heading h3,
.how_weWork .main_heading h5 {
  line-height: 100%;
  color: var(--White);
}

.how_weWork .work_dragWrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  user-select: none;
}

.how_weWork .work_inrGrid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 400px;
  align-items: flex-start;
  gap: 100px;
  padding-left: 20px;
  margin: 104px auto 0;
  width: max-content;
  max-width: 1520px;
}

.how_weWork .work_inrGrid .card_box {
  display: flex;
  align-items: flex-start;
  height: 100%;
}

.how_weWork .work_inrGrid .card_box .brdr {
  width: 130px;
  height: 1px;
  margin: auto;
  background: linear-gradient(90deg, #000 0%, #fff 100%);
}

.how_weWork .work_inrGrid .card_box:last-child .brdr {
  display: none;
}

.how_weWork .work_inrGrid .card_box .step_index {
  font: normal normal 800 150px/100% var(--font-primary);
  letter-spacing: -3px;
  opacity: 0.7;
  background: linear-gradient(180deg, #fff -156%, #000 94.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.how_weWork .work_inrGrid .card_box .info_card {
  margin-top: -46px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 0;
}

.how_weWork .work_inrGrid .card_box .info_card h4 {
  font: normal normal 600 40px/130% var(--font-primary);
  color: var(--Primary);
  font-feature-settings:
    "liga" off,
    "clig" off;
  letter-spacing: -1.2px;
}

.how_weWork .work_inrGrid .card_box .info_card span {
  font: normal normal 300 16px/140% var(--font-secondary);
  color: var(--White);
  display: block;
  opacity: 0.7;
  max-width: 270px;
}

.brand_partners {
  padding: 200px 0 82px;
}

.brand_partners .main_heading {
  gap: 32px;
}

.brand_partners .main_heading h5 {
  opacity: 0.5;
}

.brand_partners .main_heading h4 {
  text-align: center;
  color: var(--Black);
}

.brand_partners .main_heading h4 b {
  font-weight: 600;
}

.brand_partners .brands_logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 96px;
}

.brand_partners .brands_logo h4 {
  font-weight: 600;
}

.brand_partners .brands_logo p {
  font: normal normal 600 16px/100% var(--font-primary);
  color: var(--Black);
  text-align: center;
}

.brand_partners .brands_logo .logo img {
  width: auto;
  height: 113px;
  mix-blend-mode: darken;
}

.branding_logo {
  padding: 76px 0 120px;
}

.branding_logo .logo_inr {
  padding: 0 30px;
}

.branding_logo .logo_inr img {
  width: 100%;
  height: auto;
  opacity: 0.3;
}

.whyChoose_filtah {
  padding: 82px 0 224px;
  background-image: url(../img/bg-why-choose.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.whyChoose_filtah .whyCf_heading h2 {
  color: var(--Black);
}

.whyChoose_filtah .whyChoose_dragWrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  user-select: none;
}

.whyChoose_filtah .whyChoose_grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 620px;
  gap: 152px;
  margin: 196px auto 0;
  width: max-content;
  max-width: 1520px;
}

.whyChoose_filtah .whyChoose_grid .card_box {
  padding: 63px 157px 77px 0;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
}

.whyChoose_filtah .whyChoose_grid .card_box::before {
  position: absolute;
  right: 0;
  top: 0;
  content: " ";
  width: calc(100% - 129px);
  height: 100%;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  z-index: -1;
}

.whyChoose_filtah .whyChoose_grid .card_box h4 {
  font: normal normal 500 56px/100% var(--font-primary);
  color: var(--Black);
  letter-spacing: -1.12px;
}

.our_newsletter {
  width: 100%;
  height: 758px;
  background-image: url(../img/newsletter-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our_newsletter::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--Black);
  z-index: -1;
}

.our_newsletter .newsletter_inr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  max-width: 65%;
  margin: auto;
}

.our_newsletter .newsletter_inr h2 {
  color: var(--Primary);
  text-align: center;
}

.our_newsletter .newsletter_inr h5 {
  color: var(--White);
  text-align: center;
}

.our_newsletter .newsletter_inr .btn_primary {
  margin-top: 12px;
}

.footer {
  background: var(--Black);
  padding: 100px 0;
}

.footer .footer_inr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
}

.footer .footer_inr .logo img {
  width: 215px;
  height: auto;
  margin: auto;
  display: block;
}

.footer .footer_inr .ftr_nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  width: 100%;
}

.footer .footer_inr .ftr_nav .ftr_navMenu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer_inr .ftr_nav .ftr_navMenu li a {
  font: normal normal 500 16px/140% var(--font-secondary);
  color: var(--White);
  font-feature-settings:
    "liga" off,
    "clig" off;
  letter-spacing: -0.32px;
  text-decoration: none;
}

.footer .footer_inr .ftr_nav .divider {
  width: 76%;
  height: 1px;
  opacity: 0.2;
  background: #e6e9ea;
  margin: auto;
}

.footer .footer_inr .ftr_nav span {
  font: normal normal 500 12px/140% var(--font-secondary);
  color: var(--White);
  font-feature-settings:
    "liga" off,
    "clig" off;
  letter-spacing: -0.24px;
  text-align: center;
  display: block;
}

.footer .footer_inr .ftr_nav .termsPolicies_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.footer .footer_inr .ftr_nav .termsPolicies_nav a {
  color: var(--White);
  text-decoration: none;
}

.contact_banner {
  padding: 210px 0 92px;
  background-color: var(--Black);
  min-height: 100vh;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
}

.contact_banner::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.contact_banner .contact_left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 92%;
}

.contact_banner .contact_left h3 span {
  color: var(--Primary);
  font-weight: 500;
}

.contact_banner .contact_left h6 {
  color: var(--White);
}

.contact_banner .contact_left .card_info {
  border-radius: 20px;
  background: #101010;
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / .25);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 24px;
}

.contact_banner .contact_left .card_info h4 {
  color: var(--White);
  font-weight: 500;
}

.contact_banner .contact_left .card_info ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact_banner .contact_left .card_info ul li {
	line-height: 1;
	display: flex;
    align-items: flex-start;
    gap: 12px;
}

.contact_banner .contact_left .card_info ul li span {
	width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--Primary);
    border-radius: 24px;
}

.contact_banner .contact_left .card_info ul li span img {
	width: 20px;
	height: auto;
}

.contact_banner .contact_left .card_info ul li a {
    font: normal normal 400 18px / 160% var(--font-secondary);
	color: var(--White);
    text-decoration: none;
	padding-top: 4px;
}

.contact_banner .contact_formCard {
  background: #101010;
  padding: 41px 61px 59px;
  display: flex;
  flex-direction: column;
  gap: 42px;
}

.contact_banner .contact_formCard h4 {
  font: normal normal 400 40px/100% var(--font-primary);
  color: var(--White);
  letter-spacing: -0.8px;
  text-align: center;
}

.contact_banner .contact_formInr {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact_banner .contact_formInr .form-control {
  font: normal normal 400 12px/140% var(--font-secondary);
  color: var(--White);
  background-color: transparent;
  border-radius: 0;
  padding: 20px 8px;
  border: none;
  border-bottom: 1px solid #424242;
}

.contact_banner .contact_formInr .form-control::placeholder {
  color: var(--White);
  opacity: 0.5;
}

.contact_banner .contact_formInr textarea {
  resize: none;
}

.form-control:focus {
  box-shadow: none;
}

.contact_banner .contact_formInr .submit_btn {
  position: relative;
  margin: 24px 0 0;
}

.contact_banner .contact_formInr .btn_submitForm {
  margin: auto;
}

.wpcf7-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
}

.wpcf7-not-valid-tip {
  font: normal normal 400 12px / 140% var(--font-secondary);
  color: #dc3232;
  margin-top: 4px;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em auto 0;
  padding: 6px 16px;
  border: none;
  background-color: #d2a63d;
  border-radius: 6px;
  font: normal normal 400 14px / 140% var(--font-secondary);
  color: #fff;
  width: fit-content;
}

.project_banner {
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  position: relative;
  z-index: 0;
}

.project_banner::before {
  position: absolute;
  left: 0;
  top: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: -1;
}

.project_banner .bnr_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 85%;
  margin: auto;
}

.project_banner .bnr_content h1,
.project_banner .bnr_content h6 {
  color: var(--White);
  text-align: center;
}

.project_banner .bnr_content .btn_explore {
  margin: 16px auto 0;
}

.about_project {
  padding: 200px 0 276px;
}

.about_project .project_info {
  padding: 64px 64px 0 64px;
  background-color: var(--Black);
  margin-top: 200px;
  display: grid;
  grid-template-columns: 490px 1fr;
  gap: 24px;
}

.about_project .project_info .client_info {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.about_project .project_info .client_info .item_info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about_project .project_info .client_info h5 {
  color: var(--White);
  text-transform: uppercase;
  opacity: 0.5;
}

.about_project .project_info .client_info h4 {
  color: var(--White);
}

.about_project .project_info .project_inrInfo {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.about_project .project_info .project_inrInfo h6 {
  font-weight: 300;
  color: var(--White);
}

.about_project .project_info .project_inrInfo .img_box {
  margin-bottom: -92px;
}

.about_project .project_info .project_inrInfo img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  object-position: center;
}

.about_more {
  padding-bottom: 134px;
}

.about_more .img_block img {
  width: 100%;
  height: 972px;
  object-fit: cover;
  object-position: center;
}

.about_more .content_block {
  max-width: 95%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.about_more .content_block h2 {
  font: normal normal 400 72px / 100% var(--font-primary);
  letter-spacing: -1.44px;
  color: var(--Black);
  max-width: 75%;
}

.about_more .content_block h6 {
  font-weight: 300;
  color: var(--Black);
}

.projectImg_section {
  padding: 187px 0 125px;
  background-color: var(--Black);
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.projectImg_section::before {
  position: absolute;
  inset: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-ecosystem.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.projectImg_section .slick-list {
  overflow: unset;
}

.projectImg_section .slick-slide {
  margin: 0 12px;
}

.projectImg_section .card_box .img_box {
  width: 100%;
  height: 688px;
  overflow: hidden;
  cursor: grab;
}

.projectImg_section .card_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: .4s all ease-in-out;
}

.projectImg_section .card_box:hover img {
  transform: scale(1.02)
}

.projectImg_section .slick-dots {
  width: 100%;
  height: 1px;
  background-color: #e6e9ea;
  display: flex;
  align-items: center;
  margin: 90px 0 0;
  padding: 0;
  list-style: none;
}

.projectImg_section .slick-dots li {
  width: 100%;
}

.projectImg_section .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: transparent;
  border: none;
  transition: 0.4s all ease-out;
}

.projectImg_section .slick-dots .slick-active button {
  background-color: var(--Primary);
}

.project_location .project_map iframe {
  width: 100%;
  max-width: 95%;
  height: 654px;
  display: block;
}

.project_location .location_info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.project_location .location_info h4 {
  color: var(--Black);
}

.project_location .location_info span {
  font: normal normal 300 16px/140% var(--font-secondary);
  color: var(--Black);
}

.comn_banner {
  margin: 132px 72px 56px;
  position: relative;
  z-index: 0;
}

.comn_banner .banner_img::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
}

.cat_banner .banner_img::before {
  background-color: var(--Black);
  opacity: 0.5;
}

.comn_banner .banner_img img {
  width: 100%;
  height: 555px;
  object-fit: cover;
  object-position: center;
}

.comn_banner .banner_content {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  max-width: 48%;
  z-index: 2;
}

.comn_banner .banner_content h2,
.comn_banner .banner_content h6 {
  color: var(--White);
  text-align: center;
}

.services_wrapper {
  padding: 148px 0 170px;
}

.services_wrapper .services_inr {
  display: flex;
  flex-direction: column;
  gap: 428px;
}

.services_wrapper .card_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 90%;
}

.services_wrapper .card_content h3,
.services_wrapper .card_content h5 {
  color: var(--Black);
  line-height: 100%;
}

.services_wrapper .card_content .btn {
  font: normal normal 300 16px / 140% var(--font-secondary);
  margin-top: 16px;
}

.services_wrapper .card_img img {
  width: 100%;
  height: 588px;
  object-fit: cover;
  object-position: center;
}

.category_wrapper {
  padding: 104px 0 203px;
}

.category_wrapper .category_inr {
  display: flex;
  flex-direction: column;
  gap: 160px;
}

.category_wrapper .category_inr .cat_card {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.category_wrapper .category_inr .cat_card h3,
.category_wrapper .category_inr .cat_card h5 {
  color: var(--Black);
}

.category_wrapper .category_inr .cat_card .row {
  row-gap: 32px;
}

.category_wrapper .category_inr .cat_card .card_img img {
  width: 100%;
  height: 448px;
  object-fit: cover;
  object-position: center;
}

.category_wrapper .category_inr .cat_card .card_description {
  display: flex;
  align-items: center;
  gap: 44px;
  max-width: 84%;
}

.category_wrapper .category_inr .cat_card .card_description .btn {
  width: 69px;
  min-width: 69px;
  height: 69px;
  border: 1px solid var(--Primary);
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category_wrapper .category_inr .cat_card .card_description .btn:hover {
  background-color: var(--Primary);
}

.category_wrapper .category_inr .cat_card .card_description .btn img {
  width: 24px;
  height: auto;
}

.category_wrapper .category_inr .cat_card .card_description .btn:hover img {
  filter: brightness(0) invert(1);
}

.privacy_policy {
  margin-top: 132px;
  padding: 45px 0 86px;
}

.privacy_policy .title_bnr {
  margin-bottom: 72px;
}

.privacy_policy .title_bnr h1 {
  color: var(--Primary);
  text-align: center;
}

.privacy_policy .policies_inr {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.privacy_policy .policies_inr .card_policy {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.privacy_policy .policies_inr .card_policy h4 {
  font: normal normal 500 56px/100% var(--font-primary);
  color: var(--Black);
  letter-spacing: normal;
}

.privacy_policy .policies_inr .card_policy p {
  color: var(--Black);
  opacity: 0.7;
}

.privacy_policy .policies_inr .card_policy ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.privacy_policy .policies_inr .card_policy ul li {
  font: normal normal 400 20px / 160% var(--font-secondary);
  color: var(--Black);
  opacity: 0.7;
}

.error_page {
  background-color: var(--Black);
  padding-bottom: 88px;
  min-height: 750px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 0;
}

.error_page::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/404-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.error_page .error_inr {
  max-width: 690px;
  margin: auto;
}

.error_page .error_inr img {
  width: 100%;
  height: auto;
}

.error_page .error_inr h3 {
  color: var(--Primary);
  line-height: 100%;
  text-align: center;
  margin: 48px 0 16px;
}

.error_page .error_inr p {
  color: var(--White);
  opacity: 0.5;
  text-align: center;
}

.singleDetails_page {
  padding: 0 0 84px;
}

.singleDetails_page .single_content {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.singleDetails_page .single_content .text_block {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.singleDetails_page .single_content .text_block h4 {
  font: normal normal 500 56px/100% var(--font-primary);
  color: var(--Black);
  letter-spacing: normal;
}

.singleDetails_page .single_content .text_block p {
  color: var(--Black);
  opacity: 0.7;
}

.singleDetails_page .single_content .img_block img {
  width: 100%;
  height: 448px;
  object-fit: cover;
  object-position: center;
}

.projects_wrapper {
  padding: 112px 0 140px;
}

.projects_wrapper .row {
  row-gap: 24px;
}

.projects_wrapper .card_box {
  position: relative;
  z-index: 0;
}

.projects_wrapper .card_box::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: " ";
  width: 100%;
  height: 278px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
  transition: .4s all ease-out;
}

.projects_wrapper .card_box:hover::before {
  height: 100%;
}

.projects_wrapper .card_box .img_box img {
  width: 100%;
  height: 850px;
  object-fit: cover;
  object-position: center;
}

.projects_wrapper .card_box .content_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 32px;
  z-index: 2;
}

.projects_wrapper .card_box .content_box h5 {
  font: normal normal 400 40px/100% var(--font-primary);
  letter-spacing: -0.8px;
  color: var(--White);
}

.projects_wrapper .card_box .content_box .btn_infoProjects {
  width: 69px;
  min-width: 69px;
  height: 69px;
  border: 1px solid var(--White);
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.projects_wrapper .card_box .content_box .btn_infoProjects img {
  width: 24px;
  height: auto;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--Black);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  flex-direction: column;
  gap: 24px;
}

.preloader img {
  width: 320px;
  height: auto;
}

.preloader .border-loader {
  width: 320px;
  height: 4px;
  position: relative;
  overflow: hidden;
  background-color: var(--White);
}

.preloader .inner-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: var(--Primary);
}

.scroll-trigger.animate--slide-in {
  opacity: 0.01;
  -webkit-transform: translateY(2rem);
  transform: translateY(2rem);
  transition: 0.6s all ease-out;
}

.comingSoon_bnr {
	width: 100%;
	height: 100vh;
	background: var(--Black);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    gap: 24px;
}

.comingSoon_bnr h1 {
	text-align: center;
	color: #fff;
}

.comingSoon_bnr p {
	text-align: center;
	color: #fff;
	opacity: 0.7;
}