@charset "UTF-8";
.video-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-modal .video-modal-content {
  position: relative;
  width: 80%;
  max-width: 900px;
  background: #000;
  border-radius: 3rem;
  text-align: center;
}
.video-modal .video-modal-content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-filter: blur(5rem);
          filter: blur(5rem);
  opacity: 0.5;
}
.video-modal .video-modal-content iframe {
  width: 100%;
  height: 500px;
  border: none;
  border-radius: 3rem;
  border: 0.2rem solid rgba(255, 255, 255, 0.8);
}
.video-modal .video-modal-content .video-modal-close {
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  width: 4rem;
  height: 4rem;
  color: #fff;
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  border-radius: 50%;
  cursor: pointer;
  border: 0.2rem solid #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1001;
}
.video-modal .video-modal-content .video-modal-close i {
  font-size: 2rem;
}
.video-modal .video-modal-content .video-modal-close:hover {
  color: #f00;
  background: #fff;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}
.ripple {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ripple::before,
.ripple::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-animation: ripple 1.5s linear infinite;
          animation: ripple 1.5s linear infinite;
}

.ripple::after {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
.ripple:hover::before,
.ripple:hover::after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(-100%);
            transform: scale(0.5) translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(-100%);
            transform: scale(0.5) translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(100%);
            transform: scale(0.5) translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(100%);
            transform: scale(0.5) translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
}
.animate {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

.hidden {
  opacity: 0;
}

body :nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

body :nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.primary__btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 3.5rem;
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  position: relative;
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 768px) {
  .primary__btn img {
    width: 3rem;
  }
}
@media (max-width: 1280px) {
  .primary__btn {
    padding: 1rem 2.5rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .primary__btn {
    padding: 0.8rem 2.5rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 520px) {
  .primary__btn {
    padding: 0.8rem 2rem;
    font-size: 1.4rem;
  }
}
.primary__btn::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: 0;
  bottom: 0;
  background: linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%);
  border-radius: 50px;
  z-index: -10;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  padding: 3px;
}
@media (max-width: 768px) {
  .primary__btn::before {
    top: -2px;
    left: -2px;
    padding: 2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
  }
}
.primary__btn:hover {
  color: #10192A;
  background-position: 2000px;
}

button {
  border: none;
  outline: none;
}

.secondary__btn {
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
  padding: 1.5rem 5rem;
  font-size: 4.8rem;
  font-weight: 500;
  color: #fff;
  border-radius: 5rem;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
@media (max-width: 1366px) {
  .secondary__btn {
    padding: 1.2rem 4rem;
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .secondary__btn {
    padding: 1rem 3rem;
    font-size: 2rem;
  }
}
.secondary__btn:hover {
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%);
}

.filter-btn,
.view-btn {
  background: transparent;
  font-size: 2rem;
  color: #9FA3AA;
  z-index: 10;
  border: 1px solid transparent;
  padding: 1.5rem 4rem;
  border-radius: 5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .filter-btn,
  .view-btn {
    font-size: 1.4rem;
    padding: 1.5rem 2rem;
  }
}
@media (max-width: 768px) {
  .filter-btn,
  .view-btn {
    font-size: 1.4rem;
    padding: 1rem 2rem;
  }
}
@media (max-width: 520px) {
  .filter-btn,
  .view-btn {
    font-size: 1.4rem;
    padding: 0.8rem 2rem;
  }
}
@media (max-width: 400px) {
  .filter-btn,
  .view-btn {
    font-size: 1.4rem;
    padding: 0.6rem 2rem;
  }
}
.filter-btn:hover, .filter-btn.active,
.view-btn:hover,
.view-btn.active {
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%) border-box;
  color: #fff;
}

.view-btn,
.service-link {
  background: transparent;
  font-size: 2.4rem;
  font-weight: 600;
  color: #9FA3AA;
  z-index: 10;
  border: 1px solid transparent;
  padding: 1.5rem 4rem;
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%) border-box;
  color: #fff;
  margin: 5rem auto 0;
  display: block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 768px) {
  .view-btn img,
  .service-link img {
    width: 2rem;
  }
}
.view-btn:hover,
.service-link:hover {
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
}
@media (max-width: 768px) {
  .view-btn,
  .service-link {
    padding: 1rem 3rem;
    font-size: 1.4rem;
    margin: 2rem auto 0;
  }
}

@media (max-width: 1440px) {
  .py-5 {
    padding: 2rem 0;
  }
}

:root {
  --transition: 0.25s;
  --spark: 1.8s;
  --active: 0;
}

.sparkle-button {
  position: relative;
}
.sparkle-button.send_message_btn {
  position: relative;
}
.sparkle-button.send_message_btn .primary-button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sparkle-button button {
  --cut: 0.1em;
  --active: 0;
  --bg: linear-gradient(
      181.5deg,
      #6331f1 0.44%,
      #6331f1 55.78%,
      #6d43e4 72.02%,
      #9f63ff 104.85%
    ),
    hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));
  background: var(--bg);
  font-size: 2.4rem !important;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25em;
  white-space: nowrap;
  border-radius: 100px;
  position: relative;
  -webkit-transition: scale var(--transition), background var(--transition), -webkit-box-shadow var(--transition);
  transition: scale var(--transition), background var(--transition), -webkit-box-shadow var(--transition);
  transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
  transition: box-shadow var(--transition), scale var(--transition), background var(--transition), -webkit-box-shadow var(--transition);
  scale: calc(1 + var(--active) * 0.1);
  padding: 1.8rem 4rem;
}
.sparkle-button button:hover {
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.1), 0 0 3rem #6384FC;
          box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.1), 0 0 3rem #6384FC;
}
.sparkle-button button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(92.72deg, #c16efd 33.06%, #ffffff 81.02%);
  border-radius: inherit;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  opacity: 1;
}
.sparkle-button button:hover::before {
  opacity: 0;
  -webkit-box-shadow: 0 0 0 15px #c16efd;
          box-shadow: 0 0 0 15px #c16efd;
}
.sparkle-button button:active {
  scale: 1;
}
.sparkle-button svg {
  overflow: visible !important;
}
.sparkle-button .sparkle path {
  color: #fff;
  transform-box: fill-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  fill: currentColor;
  stroke: currentColor;
  -webkit-animation-delay: calc(var(--transition) * 1.5 + var(--delay) * 1s);
          animation-delay: calc(var(--transition) * 1.5 + var(--delay) * 1s);
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-transition: color var(--transition);
  transition: color var(--transition);
}
.sparkle-button button:is(:hover, :focus-visible) path {
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
@-webkit-keyframes bounce {
  35%, 65% {
    scale: var(--scale);
  }
}
@keyframes bounce {
  35%, 65% {
    scale: var(--scale);
  }
}
.sparkle-button .sparkle path:nth-of-type(1) {
  --scale: 0.5;
  --delay: 0.1;
  --base: 40%;
}
.sparkle-button .sparkle path:nth-of-type(2) {
  --scale: 1.5;
  --delay: 0.2;
  --base: 20%;
}
.sparkle-button .sparkle path:nth-of-type(3) {
  --scale: 2.5;
  --delay: 0.35;
  --base: 10%;
}
.sparkle-button .spark {
  position: absolute;
  inset: 0;
  border-radius: 100px;
  rotate: 0deg;
  overflow: hidden;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, transparent));
  -webkit-mask: linear-gradient(white, transparent 50%);
          mask: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, transparent));
          mask: linear-gradient(white, transparent 50%);
  -webkit-animation: flip calc(var(--spark) * 2) infinite steps(2, end);
          animation: flip calc(var(--spark) * 2) infinite steps(2, end);
}
@-webkit-keyframes flip {
  to {
    rotate: 360deg;
  }
}
@keyframes flip {
  to {
    rotate: 360deg;
  }
}
.sparkle-button .spark:before {
  content: "";
  position: absolute;
  width: 200%;
  aspect-ratio: 1;
  top: 0%;
  left: 50%;
  z-index: -1;
  translate: -50% -15%;
  rotate: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  opacity: calc((var(--active)) + 0.4);
  background: conic-gradient(from 0deg, transparent 0 340deg, white 360deg);
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
  -webkit-animation: rotate var(--spark) linear infinite both;
          animation: rotate var(--spark) linear infinite both;
}
.sparkle-button .spark:after {
  content: "";
  position: absolute;
  inset: var(--cut);
  border-radius: 100px;
}
.sparkle-button .backdrop {
  position: absolute;
  inset: var(--cut);
  background: var(--bg);
  border-radius: 100px;
  -webkit-transition: background var(--transition);
  transition: background var(--transition);
}
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@supports (selector(:has(:is(+ *)))) {
  .sparkle-button body:has(button:is(:hover, :focus-visible)) {
    --active: 1;
    --play-state: running;
  }
  .sparkle-button .bodydrop {
    display: none;
  }
}
.sparkle-button button:is(:hover, :focus-visible) ~ :is(.bodydrop, .particle-pen) {
  --play-state: runnin;
}
.sparkle-button button:is(:hover, :focus-visible) {
  --play-state: running;
}
.sparkle-button .sparkle-button {
  position: relative;
}
@-webkit-keyframes float-out {
  to {
    rotate: 360deg;
  }
}
@keyframes float-out {
  to {
    rotate: 360deg;
  }
}
.sparkle-button .text {
  translate: 2% -6%;
  color: #fff;
  -webkit-transition: background var(--transition);
  transition: background var(--transition);
}
.sparkle-button button svg {
  inline-size: 1.25em;
  translate: -25% -5%;
}

.tooltip-button {
  position: relative;
  cursor: pointer;
  padding: 1.5rem 5rem;
  font-size: 4.8rem;
  font-weight: 500;
  color: #fff;
  border-radius: 5rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  z-index: 100;
}

.tooltip-button::before,
.tooltip-button::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.tooltip-button::before {
  content: attr(data-tooltip);
  position: absolute;
  top: 120%;
  left: 0;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  padding: 1rem;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  font-size: 1.8rem;
  text-align: center;
  padding: 3rem 1rem;
  height: auto;
  white-space: normal;
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  border-radius: 1.5rem;
  -webkit-transform-origin: top;
          transform-origin: top;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
  pointer-events: none;
  z-index: 10000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .tooltip-button::before {
    width: 300px;
    padding: 2rem 1rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .tooltip-button::before {
    width: 100%;
    padding: 2rem 1rem;
    font-size: 1.6rem;
  }
}

.tooltip-button::after {
  content: "";
  position: fixed;
  top: 100%;
  right: 2rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.04);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: -10;
  visibility: hidden;
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.tooltip-button:hover::before,
.tooltip-button:hover::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.services-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2rem);
          backdrop-filter: blur(2rem);
  z-index: 10000;
  display: none;
}
.services-container.show {
  display: block;
  -webkit-animation: fadeIn 0.2s ease;
          animation: fadeIn 0.2s ease;
}
.services-container .services-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3rem;
}
.services-container .services-header .close-button {
  position: fixed;
  top: 2rem;
  right: 2rem;
  background: none;
}
.services-container .services-header .close-button:hover {
  opacity: 0.9;
}
.services-container .service-link {
  border-radius: 4rem;
  font-size: 1.8rem;
  max-width: 400px;
  background: -webkit-gradient(linear, left top, left bottom, from(#10192A), to(#10192A)) padding-box, rgba(255, 255, 255, 0.1) border-box;
  background: linear-gradient(#10192A, #10192A) padding-box, rgba(255, 255, 255, 0.1) border-box;
  width: 80%;
  text-align: center;
}
.services-container .service-link:hover {
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
}

.product_slider {
  width: 100%;
  --base-width: 280px;
  --base-height: 80px;
  --quantity: 10;
  --width: min(var(--base-width), 80vw);
  --height: min(var(--base-height), 20vw);
  height: var(--height);
  overflow: hidden;
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), to(transparent));
  mask-image: linear-gradient(to right, transparent, #000 10% 90%, transparent);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to right, transparent, #000 10% 90%, transparent);
  margin: 5rem 0;
}
@media (max-width: 1280px) {
  .product_slider {
    --quantity: 10;
    margin: 3rem 0;
  }
}
@media (max-width: 768px) {
  .product_slider {
    --quantity: 10;
    margin: 2rem 0;
  }
}
@media (max-width: 480px) {
  .product_slider {
    --quantity: 10;
  }
}
.product_slider-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: clamp(1rem, 3vw, 3rem);
  min-width: calc(var(--width) * var(--quantity));
  position: relative;
}
.product_slider-list-item {
  width: var(--width);
  height: var(--height);
  position: absolute;
  left: 100%;
  -webkit-animation: autoRun 20s linear infinite;
          animation: autoRun 20s linear infinite;
  -webkit-transition: -webkit-filter 0.5s;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
  -webkit-animation-delay: calc(20s / var(--quantity) * (var(--position) - 1) - 20s) !important;
          animation-delay: calc(20s / var(--quantity) * (var(--position) - 1) - 20s) !important;
}
.product_slider-list-item img {
  border-radius: clamp(1rem, 2.4vw, 2.4rem);
  height: 100%;
  width: 100%;
  max-width: var(--width);
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .product_slider-list-item img {
    width: min(300px, 100%);
  }
}
.product_slider .metro__solver-progress .product_slider-list-item img {
  width: clamp(1.5rem, 2vw, 2rem) !important;
}
.product_slider.slow .product_slider-list-item {
  -webkit-animation: autoRun 20s linear infinite;
          animation: autoRun 20s linear infinite;
  -webkit-animation-delay: calc(20s / var(--quantity) * (var(--position) - 1) - 20s) !important;
          animation-delay: calc(20s / var(--quantity) * (var(--position) - 1) - 20s) !important;
}
@media (hover: hover) {
  .product_slider:hover .product_slider-list-item {
    -webkit-animation-play-state: paused !important;
            animation-play-state: paused !important;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  .product_slider .product_slider-list-item:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
.product_slider[reverse=true] .product_slider-list-item {
  -webkit-animation: reversePlay 20s linear infinite;
          animation: reversePlay 20s linear infinite;
}

@-webkit-keyframes autoRun {
  from {
    left: 100%;
  }
  to {
    left: calc(var(--width) * -1);
  }
}

@keyframes autoRun {
  from {
    left: 100%;
  }
  to {
    left: calc(var(--width) * -1);
  }
}
@-webkit-keyframes reversePlay {
  from {
    left: calc(var(--width) * -1);
  }
  to {
    left: 100%;
  }
}
@keyframes reversePlay {
  from {
    left: calc(var(--width) * -1);
  }
  to {
    left: 100%;
  }
}
@media (max-width: 1440px) {
  .logo-slider {
    --base-width: 180px;
    --base-height: 80px;
  }
}
@media (max-width: 1280px) {
  .logo-slider {
    --base-width: 150px;
    --base-height: 70px;
  }
}
@media (max-width: 1024px) {
  .logo-slider {
    --base-width: 140px;
    --base-height: 60px;
  }
}
@media (max-width: 768px) {
  .logo-slider {
    --base-width: 120px;
    --base-height: 50px;
  }
}
@media (max-width: 480px) {
  .logo-slider {
    --base-width: 100px;
    --base-height: 40px;
  }
}
.logo-slider img {
  width: 80%;
  max-width: 100%;
  height: auto;
  border-radius: 1.6rem;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(20rem);
          backdrop-filter: blur(20rem);
  padding: 1rem 2rem;
}
@media (max-width: 1280px) {
  .logo-slider img {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .logo-slider img {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .logo-slider img {
    width: 70%;
  }
}

.partner-logos {
  width: 100%;
  padding: 2rem;
}
.partner-logos .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.partner-logos .swiper-slide {
  position: relative;
  width: 200px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.partner-logos .swiper-slide img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Outfit", sans-serif;
  background: #10192A;
  min-height: 100vh;
  font-size: 1.6rem;
  overflow-y: auto;
}

body::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100rem;
  height: 100rem;
  background: rgba(48, 16, 83, 0.8);
  -webkit-filter: blur(300px);
          filter: blur(300px);
  border-radius: 50%;
  z-index: -1;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10rem;
  height: 10rem;
  background: rgba(111, 28, 177, 0.8);
  -webkit-filter: blur(300px);
          filter: blur(300px);
  border-radius: 50%;
  z-index: -1;
}

html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  height: 100%;
  overflow-x: hidden;
}

html, body {
  font-size: 62.75%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

input:-webkit-autofill {
  background-color: transparent !important;
  border: 1px solid #ccc !important;
}

body::-webkit-scrollbar {
  width: 1.5rem;
}

body::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 1rem;
}

body::-webkit-scrollbar-thumb {
  background-color: #6384FC;
  border-radius: 1rem;
  border: 0.3rem solid #fff;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: #7A5AF8;
}

main {
  display: block;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

svg {
  display: inline-block;
}

ol {
  list-style-type: decimal !important;
  list-style-position: inside;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

p {
  color: #fff;
  text-align: justify;
  font-weight: 500;
  line-height: 1.5;
  font-size: 1.8rem;
  margin: 0;
}
@media (max-width: 768px) {
  p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #E7E8EA;
  }
}

h1, .large__text {
  position: relative;
  font-size: clamp(4rem, 5vw, 7.2rem);
  margin: 5.87rem 0 2.37rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}
@media (max-width: 991px) {
  h1, .large__text {
    font-size: clamp(3rem, 5vw, 60rem);
  }
}
@media (max-width: 768px) {
  h1, .large__text {
    font-size: clamp(3rem, 5vw, 60rem);
  }
}

a {
  background-color: transparent;
  text-decoration: none;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
a:active {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

h2 {
  font-size: clamp(3rem, 5vw, 6.4rem);
  font-weight: 500;
  margin-bottom: 25px;
  color: #fff;
}
@media (max-width: 1366px) {
  h2 {
    font-size: clamp(3rem, 5vw, 6rem);
  }
}
@media (max-width: 1280px) {
  h2 {
    font-size: clamp(3rem, 5vw, 5rem);
  }
}
@media (max-width: 768px) {
  h2 {
    text-align: center;
  }
}

h3 {
  font-size: clamp(1.4rem, 5vw, 2.4rem);
  font-weight: 500;
  margin-bottom: 25px;
  text-align: justify;
  line-height: 1.5;
  color: #fff;
}

.flex-center, .newsletter__form, .newsletter, .tooltip strong span, .metro__solver-progress-update, #footer .footer__link--email .footer__icon, .contact__section-content-social-icons ul li a, .how_we_works .work__process-item-icon, .mobile_nav .common_icon, .video-modal .video-modal-content .video-modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.custom__container {
  width: 70%;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (max-width: 1556px) {
  .custom__container {
    width: 80%;
  }
}
@media (max-width: 1366px) {
  .custom__container {
    width: 95%;
  }
}

.dark__text {
  color: #10192A !important;
}

.dark__paragraph {
  color: #70757F !important;
}

.gray__paragraph {
  color: #E7E8EA;
  font-weight: 400;
  font-size: 2.4rem;
}
@media (max-width: 1280px) {
  .gray__paragraph {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .gray__paragraph {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .gray__paragraph {
    font-size: 1.4rem;
  }
}

.text-gray {
  color: #E7E8EA;
  font-weight: 400;
  margin-bottom: 3rem;
}

.text-lightgray {
  color: #E7E8EA;
  font-weight: 400;
  margin-bottom: 3rem;
}

.seciton__heading {
  text-align: center;
  margin-bottom: 6rem;
}
.seciton__heading h2 {
  font-size: clamp(3rem, 5vw, 6.4rem);
  font-weight: 500;
  color: #fff;
}
.seciton__heading p {
  text-align: center;
  max-width: 620px;
  color: #F3F3F4;
  margin: auto;
  font-weight: 400;
}
@media (max-width: 768px) {
  .seciton__heading p {
    width: 85%;
  }
}

.g-5 {
  gap: 0.5rem;
}

.g-10 {
  gap: 1rem;
}

.g-15 {
  gap: 1.5rem;
}

.g-20 {
  gap: 2rem;
}
@media (max-width: 991px) {
  .g-20 {
    gap: 1rem;
  }
}

.g-30 {
  gap: 3rem;
}

.g-40 {
  gap: 4rem;
}
@media (max-width: 768px) {
  .g-40 {
    gap: 2rem;
  }
}

.g-50 {
  gap: 5rem;
}
@media (max-width: 768px) {
  .g-50 {
    gap: 3rem;
  }
}

.grid {
  display: grid;
  gap: 20px;
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

section {
  padding: 10rem 0;
}
@media (max-width: 1440px) {
  section {
    padding: 5rem 0;
  }
}
@media (max-width: 1366px) {
  section {
    padding: 4rem 0;
  }
}
@media (max-width: 768px) {
  section {
    padding: 3rem 0;
  }
}

.highlight__text {
  font-weight: 500;
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 1.8rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.highlight__text:hover {
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-background-clip: text;
}

.icon-gradient {
  display: inline-block;
  font-size: 24px;
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 2rem 0;
}

.icon-gradient:hover {
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.medium__text {
  font-size: clamp(3rem, 5vw, 8rem);
  font-weight: 500;
}

.small__text {
  font-size: clamp(2rem, 5vw, 3.6rem);
  font-weight: 400;
}
@media (max-width: 991px) {
  .small__text {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  .small__text {
    font-size: 2rem;
  }
}
@media (max-width: 520px) {
  .small__text {
    font-size: 1.6rem;
  }
}
@media (max-width: 400px) {
  .small__text {
    font-size: 1.4rem;
  }
}

.common_text {
  font-size: clamp(2rem, 5vw, 1.8rem);
  font-weight: 400;
}
@media (max-width: 991px) {
  .common_text {
    font-size: 1.6rem;
  }
}
@media (max-width: 520px) {
  .common_text {
    font-size: 1.4rem;
  }
}

.base__text {
  font-size: clamp(1.6rem, 5vw, 1.8rem);
  font-weight: 400;
  color: #70757F;
}

.bar {
  width: 0.2rem;
  background: #70757F;
  height: 3rem;
}

.my-2 {
  margin: 2rem 0;
}

.my-3 {
  margin: 3rem 0;
}

.py-3 {
  padding: 3rem 0;
}

.my-5 {
  margin: 5rem 0;
}

.mt-5 {
  margin-top: 5rem !important;
}

.inputbox {
  position: relative;
  margin-top: 2rem;
}

.inputbox input,
.inputbox .input,
.inputbox .form-select {
  position: relative;
  padding: 1.5rem;
  background: transparent;
  font-size: 1.8rem;
  color: #fff !important;
  z-index: 10;
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
  border-radius: 0.5em;
  border: 1px solid transparent;
}
@media (max-width: 1280px) {
  .inputbox input,
  .inputbox .input,
  .inputbox .form-select {
    padding: 1.5rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 991px) {
  .inputbox input,
  .inputbox .input,
  .inputbox .form-select {
    padding: 1.5rem;
    font-size: 1.6rem;
  }
}
.inputbox input:focus,
.inputbox .input:focus,
.inputbox .form-select:focus {
  border-color: #fff;
  outline: none;
}

.form-select option {
  color: #10192A;
}

.form-select-arrow {
  position: relative;
}
.form-select-arrow svg {
  position: absolute;
  top: 60%;
  right: 1.5rem;
  z-index: 100;
}
@media (max-width: 991px) {
  .form-select-arrow svg {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

label {
  font-size: 1.8rem;
  color: #fff !important;
  font-weight: 500;
  display: block;
  margin-bottom: 1.5rem !important;
}
@media (max-width: 1280px) {
  label {
    font-size: 1.5rem;
  }
}

::-webkit-input-placeholder {
  color: #9FA3AA !important;
}

::-moz-placeholder {
  color: #9FA3AA !important;
}

:-ms-input-placeholder {
  color: #9FA3AA !important;
}

::-ms-input-placeholder {
  color: #9FA3AA !important;
}

::placeholder, select {
  color: #9FA3AA !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23221e1f'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23221e1f'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-button-prev {
  -webkit-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6));
          filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6));
}

@media (max-width: 1200px) {
  .grid-3,
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-5 {
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 768px) {
  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr !important;
  }
  .flex-column-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .grid-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .container {
    padding: 0 10px;
  }
  .grid-5 {
    grid-template-columns: 1fr;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}
.ripple {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ripple::before,
.ripple::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-animation: ripple 1.5s linear infinite;
          animation: ripple 1.5s linear infinite;
}

.ripple::after {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
.ripple:hover::before,
.ripple:hover::after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(-100%);
            transform: scale(0.5) translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(100%);
            transform: scale(0.5) translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
}
.animate {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

.hidden {
  opacity: 0;
}

body :nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

body :nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.agents__section {
  position: relative;
}
@media (max-width: 768px) {
  .agents__section .swper {
    padding-bottom: 0 !important;
  }
}
.agents__section .agency__user-card {
  position: relative;
  background: linear-gradient(139.96deg, #E8E8EB 3.22%, #B9B1C2 86.86%);
  border-radius: 2.4rem;
  min-height: 440px;
  height: 440px;
  padding: 3rem 0 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .agents__section .agency__user-card {
    width: 100%;
    height: 350px;
    min-height: 350px;
    padding: 1rem 0 0;
  }
}
.agents__section .agency__user-card-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.agents__section .agency__user-content {
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  background: linear-gradient(92.39deg, #1B1B31 0.24%, #2B1E36 56.45%, #1B1B31 99.83%);
  border-radius: 0 5rem 5rem 0;
  padding: 2rem;
}
@media (max-width: 1366px) {
  .agents__section .agency__user-content {
    padding: 1.5rem;
  }
}
.agents__section .agency__user-content-info {
  background: linear-gradient(92.39deg, #1B1B31 0.24%, #2B1E36 56.45%, #1B1B31 99.83%);
}
.agents__section .agency__user-content-info-name {
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 768px) {
  .agents__section .agency__user-content-info-name {
    font-size: 1.8rem;
  }
}
@media (max-width: 520px) {
  .agents__section .agency__user-content-info-name {
    font-size: 1.6rem;
  }
}
.agents__section .agency__user-content-info-position {
  font-size: 1.8rem;
  color: #F3F3F4;
  font-weight: 400;
}
@media (max-width: 1366px) {
  .agents__section .agency__user-content-info-position {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .agents__section .agency__user-content-info-position {
    font-size: 1.4rem;
  }
}

.header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 5rem;
  z-index: 100;
}
@media (max-width: 1024px) {
  .header {
    padding: 0 2rem;
  }
}
.header::after {
  position: absolute;
  content: "";
  top: -4.8rem;
  left: -4.8rem;
  width: 17.8rem;
  height: 18rem;
  background: rgba(111, 28, 177, 0.8);
  border-radius: 50%;
  z-index: -1;
  -webkit-filter: blur(10rem);
          filter: blur(10rem);
}
@media (max-width: 1280px) {
  .header__logo-container {
    width: 200px;
  }
}
.header__logo {
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__logo-image img {
  width: 100%;
}
.header__logo-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}
.header__nav {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5rem;
}
@media (max-width: 1280px) {
  .header__menu {
    gap: 0rem;
  }
}
.header__menu-item {
  position: relative;
  padding: 3rem 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header__menu-item--dropdown {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header__menu-item--dropdown:hover .header__submenu {
  display: block;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  padding: 0;
  top: 100%;
}
.header__menu-item--dropdown:hover .header__submenu li {
  padding: 1rem;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.header__menu-item--dropdown:hover .header__submenu li:hover {
  background: rgba(0, 0, 0, 0.2);
}
.header__menu-item--dropdown:hover .header__submenu li:last-child {
  border-bottom: none;
}
.header__menu-item--dropdown:hover .header__submenu-link {
  color: #fff;
  display: block;
  font-size: 1.6rem;
}
.header__menu-link {
  position: relative;
  text-decoration: none;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  display: block;
  padding: 1rem 2rem;
  border: 2px solid transparent;
  border-radius: 5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1280px) {
  .header__menu-link {
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
  }
}
.header__menu-link:hover {
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
}
.header__menu-link.active {
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
}
.header__submenu {
  position: absolute;
  top: 120%;
  left: 0;
  max-width: 350px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 250px;
  background-color: rgba(255, 255, 255, 0.04);
  list-style-type: none;
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  margin: 0;
  border-radius: 5px;
  display: none;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  z-index: 100;
  border-radius: 0 0 1.2rem 1.2rem;
}
.header__submenu li a {
  padding: 1rem 2rem;
  display: block;
  color: #fff;
  text-decoration: none;
}

.mobile_nav {
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mobile_nav .common_icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #FCB635;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile_nav .common_icon:hover {
  background: #fff;
}
.mobile_nav .header__logo {
  width: 280px;
}
@media (max-width: 400px) {
  .mobile_nav .header__logo {
    width: 250px;
  }
}

.mobile__bottom-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(92.39deg, #1B1B31 0.24%, #2B1E36 56.45%, #1B1B31 99.83%);
  padding: 1rem 0;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.mobile__bottom-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #E7E8EA;
  font-size: 1.2rem;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.mobile__bottom-menu-item i {
  font-size: 2.5rem;
}
.mobile__bottom-menu-item span {
  color: #E7E8EA;
}
.mobile__bottom-menu-item:hover {
  color: #fff;
}
.mobile__bottom-menu-item.active i {
  color: #fff;
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mobile__bottom-menu-item.active span {
  color: white !important;
}

.hero {
  position: relative;
  min-height: 70vh;
  height: 70vh;
  width: 100%;
  padding: 15rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero__video {
  position: absolute;
  left: 15%;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero__video video {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  mix-blend-mode: screen;
}
.hero__content {
  max-width: 60rem;
}
.hero__content h1 {
  margin-top: 0;
}
.hero__btn {
  text-align: center;
}
.hero__btn .common__btn {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

#ourworks {
  position: relative;
}
#ourworks .how__wework-video {
  position: relative;
}
#ourworks .how__wework-video-thumbnail {
  position: relative;
  max-width: 1280px;
  width: 100%;
  height: 650px;
  border-radius: 4.8rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  #ourworks .how__wework-video-thumbnail {
    height: 350px;
  }
}
@media (max-width: 768px) {
  #ourworks .how__wework-video-thumbnail {
    height: 250px;
  }
}
#ourworks .how__wework-video-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#ourworks .how__wework-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#ourworks .how__wework-video-play .play_icon {
  width: 15.8rem;
  height: 15.8rem;
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
  border: 0.4rem solid transparent;
  text-align: center;
  line-height: 14rem;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 768px) {
  #ourworks .how__wework-video-play .play_icon {
    width: 8rem;
    height: 8rem;
    border: 0.2rem solid #fff;
  }
}
#ourworks .how__wework-video-play .play_icon:hover {
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.1), 0 0 3rem #6384FC;
          box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.1), 0 0 3rem #6384FC;
  -webkit-animation: none;
          animation: none;
}
#ourworks .how__wework-video-play .play_icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
          animation: ripple 3s infinite;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  z-index: -1;
  border-radius: 50%;
}
#ourworks .how__wework-video-play .play_icon i {
  position: relative;
  left: 0.5rem;
  font-size: 8rem;
  color: #fff;
}
@media (max-width: 768px) {
  #ourworks .how__wework-video-play .play_icon i {
    font-size: 4rem;
    left: 0.3rem;
  }
}

.how_we_works .work__process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  padding: 5rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.how_we_works .work__process-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
.how_we_works .work__process-items.left .work__process-item::before {
  right: 0%;
  top: 100%;
  border-color: transparent transparent rgba(255, 255, 255, 0.04) transparent;
}
.how_we_works .work__process-items.left .work__process-item::after {
  top: calc(100% + 1rem);
  bottom: auto;
  -webkit-transform: translateY(2rem) scale(0.95);
          transform: translateY(2rem) scale(0.95);
}
.how_we_works .work__process-items.left .work__process-item.one {
  position: relative;
  z-index: 1;
}
.how_we_works .work__process-items.left .work__process-item.one::before {
  top: auto;
  bottom: 100%;
  border-color: rgba(255, 255, 255, 0.04) transparent transparent transparent;
}
.how_we_works .work__process-items.left .work__process-item.one::after {
  top: auto;
  bottom: calc(100% + 1rem);
  -webkit-transform: translateY(-2rem) scale(0.95);
          transform: translateY(-2rem) scale(0.95);
}
.how_we_works .work__process-items.left .work__process-item.one:hover::before {
  left: 100%;
  -webkit-transform: translateX(-50%) translateY(-2rem);
          transform: translateX(-50%) translateY(-2rem);
}
.how_we_works .work__process-items.left .work__process-item.one:hover::after {
  -webkit-transform: translateY(-1rem) scale(1);
          transform: translateY(-1rem) scale(1);
}
.how_we_works .work__process-items.left .work__process-item:hover::before {
  -webkit-transform: translateX(-50%) translateY(-2rem);
          transform: translateX(-50%) translateY(-2rem);
}
.how_we_works .work__process-items.left .work__process-item:hover::after {
  -webkit-transform: translateY(1rem) scale(1);
          transform: translateY(1rem) scale(1);
}
.how_we_works .work__process-items.left .work__process-item:nth-child(odd) {
  position: relative;
  left: 15%;
}
.how_we_works .work__process-items.right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.how_we_works .work__process-items.right .work__process-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
}
.how_we_works .work__process-items.right .work__process-item:nth-child(odd) {
  position: relative;
  left: -15%;
}
.how_we_works .work__process-items.right .work__process-item::before {
  left: 5rem;
  top: 100%;
  border-color: transparent transparent rgba(255, 255, 255, 0.04) transparent;
}
.how_we_works .work__process-items.right .work__process-item::after {
  top: calc(100% + 1rem);
  -webkit-transform: translateY(2rem) scale(0.95);
          transform: translateY(2rem) scale(0.95);
}
.how_we_works .work__process-items.right .work__process-item:hover::before {
  -webkit-transform: translateX(-50%) translateY(-2rem);
          transform: translateX(-50%) translateY(-2rem);
}
.how_we_works .work__process-items.right .work__process-item:hover::after {
  -webkit-transform: translateY(1rem) scale(1);
          transform: translateY(1rem) scale(1);
}
.how_we_works .work__process-item {
  position: relative;
  background: #10192A;
  padding: 1.5rem 1.5rem 1.5rem 3rem;
  max-width: 40rem !important;
  width: 40rem !important;
  color: #fff;
  border-radius: 10rem;
  text-align: center;
  cursor: pointer;
  font-size: 2.4rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.how_we_works .work__process-item::before {
  content: "";
  position: absolute;
  top: -10rem;
  border-width: 2rem;
  border-style: solid;
  visibility: hidden;
  opacity: 0;
  z-index: 1001;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.how_we_works .work__process-item::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  width: 100%;
  padding: 3rem 1rem;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  white-space: normal;
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  border-radius: 1.5rem;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.how_we_works .work__process-item:hover {
  z-index: 100;
}
.how_we_works .work__process-item:hover::before, .how_we_works .work__process-item:hover::after {
  visibility: visible;
  opacity: 1;
}
.how_we_works .work__process-item-icon {
  position: relative;
  width: 10rem;
  height: 10rem;
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
  border-radius: 50%;
}
.how_we_works .work__process-item-icon img {
  width: 50%;
  height: 50%;
}
.how_we_works .circle-container {
  position: relative;
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
}
.how_we_works .circle-container::after {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  background: linear-gradient(105.32deg, #361a67 11.27%, #1b1b31 20.43%, #251f40 57.77%, #412178 87.6%) padding-box, linear-gradient(181.5deg, #6331f1 0.44%, #6331f1 55.78%, #6d43e4 72.02%, #9f63ff 104.85%) border-box;
  border: 2px solid transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 1;
}
.how_we_works .circle-number {
  position: absolute;
  padding: 1.8rem 2rem;
  width: 6rem;
  height: 3.2rem;
  background: linear-gradient(105.32deg, #361a67 11.27%, #1b1b31 20.43%, #251f40 57.77%, #412178 87.6%);
  color: #FCB635;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  border-radius: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  /* Number positions */
}
.how_we_works .circle-number.n1 {
  top: 10%;
  left: 20%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.how_we_works .circle-number.n2 {
  top: 45%;
  left: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.how_we_works .circle-number.n3 {
  bottom: 0%;
  left: 20%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.how_we_works .circle-number.n4 {
  bottom: 10%;
  right: 20%;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}
.how_we_works .circle-number.n5 {
  top: 45%;
  right: 5%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.how_we_works .circle-number.n6 {
  top: 10%;
  right: 20%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.how_we_works .center-text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 4.8rem;
  font-weight: 500;
  z-index: 5;
}

.play_icon {
  width: 15.8rem;
  height: 15.8rem;
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
  border: 0.4rem solid transparent;
  text-align: center;
  line-height: 14rem;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 768px) {
  .play_icon {
    width: 8rem;
    height: 8rem;
    border: 0.2rem solid #fff;
  }
}
.play_icon:hover {
  background: linear-gradient(104.7deg, #6384FC 4.1%, #C16EFD 54.8%, #6384FC 92.38%);
  -webkit-box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.1), 0 0 3rem #6384FC;
          box-shadow: 0 0 0 0.4rem rgba(255, 255, 255, 0.1), 0 0 3rem #6384FC;
  -webkit-animation: none;
          animation: none;
}
.play_icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
          animation: ripple 3s infinite;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
  z-index: -1;
  border-radius: 50%;
}
.play_icon i {
  position: relative;
  left: 0.5rem;
  font-size: 8rem;
  color: #fff;
}
@media (max-width: 768px) {
  .play_icon i {
    font-size: 4rem;
    left: 0.3rem;
  }
}

#our__podcast {
  padding-top: 0;
  position: relative;
}
#our__podcast .podcast__wrapper {
  overflow: hidden;
}
#our__podcast .podcast__item {
  position: relative;
  border-radius: 2.4rem;
  overflow: hidden;
}
#our__podcast .podcast__item-img {
  width: 100%;
  overflow: hidden;
}
#our__podcast .podcast__item-img img {
  width: 100%;
  border-radius: 2.4rem;
}
#our__podcast .podcast__item-overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem 4rem;
  z-index: 10;
}
#our__podcast .podcast__item-overlay-content h3 {
  font-size: clamp(1.6rem, 5vw, 2.4rem);
  font-weight: 500;
  max-width: 380px;
  margin-right: auto;
}
#our__podcast .podcast__item-overlay-content .video__info-badges {
  position: relative;
  width: 100%;
}
#our__podcast .podcast__item-overlay-content .video__info-badges .video__info-badge {
  padding: 0.8rem 2.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  border-radius: 5rem;
}
#our__podcast .podcast__item-overlay-content .video__info-badges .video__info-badge.video__duration {
  background: #C16EFD;
}
#our__podcast .podcast__item-overlay-content .video__info-badges .video__info-badge.upload__date {
  background: #6384FC;
}
#our__podcast .podcast__item-overlay-content .video__play-icon {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
#our__podcast .podcast__item::after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
  height: 200px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(53%, rgba(0, 0, 0, 0.63)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 53%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
}

#choose__metro .choose__metro-buttons {
  position: relative;
}
#choose__metro .choose__metro-buttons-item {
  background: #10192A;
}
#choose__metro .choose__metro-buttons-item:first-of-type {
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
}
#choose__metro .choose__metro-buttons-item:nth-of-type(2) {
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
}
#choose__metro .choose__metro-buttons-item:nth-of-type(3) {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
}
#choose__metro .choose__metro-buttons-item:nth-of-type(4) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#choose__metro .choose__metro-buttons-item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
  z-index: 2000;
}
@media (max-width: 991px) {
  #choose__metro .choose__metro-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 3rem;
  }
}
@media (max-width: 400px) {
  #choose__metro .choose__metro-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    margin-bottom: 5rem;
  }
}
@media (max-width: 991px) {
  #choose__metro .choose__metro-content-title {
    text-align: left;
  }
}
@media (max-width: 400px) {
  #choose__metro .choose__metro-content-title {
    text-align: center;
  }
}
#choose__metro .choose__metro-content .common__btn {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

#success_story .success__stories-card {
  position: relative;
  border-radius: 3.2rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#success_story .success__stories-card__image {
  width: 100%;
}
#success_story .success__stories-card__image img {
  width: 99%;
  border-radius: 32px 32px 0 0;
  margin: 0.2rem auto;
  display: block;
}
#success_story .success__stories-card__content {
  padding: 2rem;
}
#success_story .success__stories-card__content h3 {
  margin-bottom: 2rem;
  text-align: left;
  line-height: 1.4;
}
#success_story .success__stories-card::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.2rem;
  background: linear-gradient(92.72deg, #c16efd 33.06%, #ffffff 81.02%);
  border-radius: inherit;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#success_story .success__stories-card:hover {
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
}
#success_story .success__stories-card:hover::after {
  opacity: 1;
}
#success_story .success__stories-card:hover .success__stories-card__status-pill.views {
  background: #C16EFD;
}
#success_story .success__stories-card:hover .success__stories-card__status-pill.cpa {
  background: #7A5AF8;
}
#success_story .success__stories-card:hover .success__stories-card__status-pill.sales {
  background: #6384FC;
}
#success_story .success__stories-card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}
#success_story .success__stories-card__status-pill {
  padding: 0.8rem 2rem;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 5rem;
  background: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.contact__section-content {
  background: rgba(255, 255, 255, 0.04);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
  gap: 5rem;
  padding: 10rem 0;
  border-radius: 3rem;
  height: 100%;
}
@media (max-width: 991px) {
  .contact__section-content {
    padding: 5rem 0;
    gap: 3rem;
  }
}
.contact__section-content-social-icons ul {
  padding: 0;
}
.contact__section-content-social-icons ul li a {
  width: 5rem;
  height: 5rem;
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .contact__section-content-social-icons ul li a {
    width: 4rem;
    height: 4rem;
  }
}
.contact__section-content-social-icons ul li a:hover {
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%);
}
.contact__section-content-social-icons ul li a:hover i {
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact__section-content-social-icons ul li a i {
  font-size: 3rem;
  color: #fff;
}
@media (max-width: 991px) {
  .contact__section-content-social-icons ul li a i {
    font-size: 2rem;
  }
}
.contact__section .primary__btn {
  width: 100%;
  border: none;
}
@media (max-width: 991px) {
  .contact__section-form {
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  .mt-5 {
    margin-top: 2rem !important;
  }
}

#footer {
  padding: 2rem;
}
#footer .footer {
  background-color: #10192A;
  color: #fff;
  padding: 4rem 2rem;
}
@media (max-width: 991px) {
  #footer .footer {
    padding: 2rem;
  }
}
@media (max-width: 991px) {
  #footer .footer__section {
    margin-bottom: 1.5rem;
  }
}
#footer .footer__title {
  font-size: 3.2rem;
  font-weight: 400;
  margin-bottom: 0.3rem;
}
@media (max-width: 991px) {
  #footer .footer__title {
    font-size: 2.5rem;
  }
}
#footer .footer__subtitle {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  margin: 0.5rem 0 0.3rem;
}
#footer .footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer__item {
  margin-bottom: 0.5rem;
}
#footer .footer__link {
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 991px) {
  #footer .footer__link {
    font-size: 1.6rem;
    margin: 1rem 0;
  }
}
#footer .footer__link:hover {
  color: #FCB635;
}
#footer .footer__link--email .footer__icon {
  color: #fff;
  width: 4rem;
  height: 4rem;
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
  margin-right: 1rem;
  border-radius: 50%;
}
#footer .footer__nav {
  margin-bottom: 0.8rem;
}
#footer .footer__contact {
  margin-top: 0.5rem;
}

.footer__bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3rem 0;
  gap: 3rem;
  border-top: 0.2rem solid transparent;
  border-image-source: linear-gradient(15.32deg, #361A67 11.27%, #361A67 20.43%, #361A67 57.77%, #412178 87.6%);
  border-image-slice: 1;
}
@media (max-width: 1280px) {
  .footer__bottom {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer__bottom-logo img {
  max-width: 100%;
  margin: 5rem auto;
  display: block;
}
@media (max-width: 991px) {
  .footer__bottom-logo img {
    margin: 2rem auto;
  }
}
@media (max-width: 768px) {
  .footer__bottom {
    padding: 2rem 0 10rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer__bottom p {
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .footer__bottom p {
    text-align: center;
  }
}
.footer__bottom .company__policy ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.footer__bottom .company__policy ul li a {
  font-size: 1.4rem;
  color: #fff;
}
.footer__bottom .company__policy ul li a:hover {
  color: #FCB635;
}
.footer__bottom-partner .base__text {
  font-size: clamp(1.6rem, 5vw, 2.4rem);
}

#services {
  position: relative;
}
#services .services {
  position: relative;
}
#services .services__item {
  position: relative;
  padding: 3rem;
  margin: 1rem 0;
  background: #10192A;
  border-radius: 2.4rem;
  -webkit-box-shadow: 0 0 0 1px transparent, 0 2px 4px transparent, 0 12px 24px transparent;
          box-shadow: 0 0 0 1px transparent, 0 2px 4px transparent, 0 12px 24px transparent;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  #services .services__item {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  #services .services__item img {
    width: 5.6rem;
  }
}
#services .services__item__content h3 {
  margin-bottom: 2rem;
}
@media (max-width: 1366px) {
  #services .services__item__content h3 {
    font-size: 3rem;
  }
}
@media (max-width: 1180px) {
  #services .services__item__content h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 991px) {
  #services .services__item__content h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 768px) {
  #services .services__item__content h3 {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  #services .services__item__content h3 {
    font-size: 1.6rem;
  }
}
#services .services__item__content p {
  margin-bottom: 1.5rem;
}
#services .services__item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  font-size: 2rem;
  color: #fff !important;
  z-index: 10;
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
  border-radius: 0.5em;
  border: 1px solid transparent;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#services .services__item:hover::after {
  opacity: 1;
}

.metro__solver-progress {
  padding: 0 0 10rem;
}
.metro__solver-progress-update {
  background: linear-gradient(92.39deg, #1B1B31 0.24%, #2B1E36 56.45%, #1B1B31 99.83%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem;
  border-radius: 2.4rem;
}
@media (max-width: 768px) {
  .metro__solver-progress-update {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .metro__solver-progress-update img {
    width: 20px;
  }
}
.metro__solver-progress-update h3 {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.metro__solver-progress-update h4 {
  font-size: 3.6rem;
  font-weight: 400;
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  .metro__solver-progress-update h4 {
    font-size: 2.5rem;
  }
}
@media (max-width: 991px) {
  .metro__solver-progress-update h4 {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .metro__solver-progress-update h4 {
    font-size: 1.8rem;
    margin-top: 1rem;
  }
}
@media (max-width: 520px) {
  .metro__solver-progress-update h4 {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}

#testimonial {
  position: relative;
  width: 100%;
  padding: 0;
}
#testimonial .testimonial__items {
  padding: 4rem;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #0A111C;
  border-radius: 3.2rem;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#testimonial .testimonial__items:hover {
  background: linear-gradient(105.32deg, #361A67 11.27%, #1B1B31 20.43%, #251F40 57.77%, #412178 87.6%);
}
@media (max-width: 991px) {
  #testimonial .testimonial__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 3rem;
  }
}
@media (max-width: 768px) {
  #testimonial .testimonial__items {
    padding: 1rem;
  }
}
#testimonial .testimonial__items-content {
  width: 100%;
}
@media (max-width: 991px) {
  #testimonial .testimonial__items-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#testimonial .testimonial__items-content-authorinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  margin-bottom: 2rem;
}
#testimonial .testimonial__items-content-authorinfo-avatar {
  width: 9rem;
  height: 9rem;
  background: linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%);
  border-radius: 50%;
  padding: 0.15rem;
  overflow: hidden;
}
#testimonial .testimonial__items-content-authorinfo-avatar img {
  width: 99%;
  height: 99%;
  border-radius: 50%;
}
@media (max-width: 991px) {
  #testimonial .testimonial__items-content-name {
    width: 100%;
  }
}
#testimonial .testimonial__items-content-name .testimonial__items-content-quote {
  width: 10rem;
}
@media (max-width: 991px) {
  #testimonial .testimonial__items-content-name .testimonial__items-content-quote {
    width: 5rem;
  }
}
#testimonial .testimonial__items-content-review img {
  width: 3rem;
}
@media (max-width: 768px) {
  #testimonial .testimonial__items-content-review img {
    width: 2rem;
  }
}

.swiper {
  position: relative;
  overflow: hidden;
  padding: 0 0 12rem;
}
@media (max-width: 768px) {
  .swiper {
    padding: 0 0 10rem;
  }
}

.arrow.service__arrow {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
}
@media (max-width: 991px) {
  .arrow.service__arrow {
    bottom: 10rem;
  }
}

.arrow {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
}

.swiper-button-next,
.swiper-button-prev {
  font-size: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7rem;
  background: #28303F;
  height: 7rem;
  -webkit-filter: none;
          filter: none;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 5rem;
    height: 5rem;
  }
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: linear-gradient(181.5deg, #6331F1 0.44%, #6331F1 55.78%, #6D43E4 72.02%, #9F63FF 104.85%);
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: 3.5rem;
}
@media (max-width: 768px) {
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    font-size: 2rem;
  }
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 3.5rem;
}
@media (max-width: 768px) {
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    font-size: 2rem;
  }
}

@media (max-width: 991px) {
  section.faq {
    padding-top: 0;
  }
}

.nav-item {
  margin: 2rem 0;
  position: relative;
}

.nav-pills .nav-link {
  font-size: 2.4rem !important;
  color: #9FA3AA;
  position: relative;
  left: 2.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .nav-pills .nav-link {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 520px) {
  .nav-pills .nav-link {
    font-size: 1.6rem !important;
  }
}
.nav-pills .nav-link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: #9A9B9B;
  border-radius: 50%;
  outline: 2px solid #9A9B9B;
  outline-offset: 3px;
}
.nav-pills .nav-link:hover {
  color: #fff;
}
.nav-pills .nav-link:hover::after {
  outline-color: #FCB635;
  background: #FCB635;
}
.nav-pills .nav-link.active {
  background: none;
  color: #fff;
}
.nav-pills .nav-link.active::after {
  outline-color: #FCB635;
  background: #FCB635;
}

.accordion-item {
  color: #fff;
  background-color: transparent;
  border: none;
}
.accordion-item button, .accordion-item [type=button], .accordion-item [type=reset], .accordion-item [type=submit] {
  -webkit-appearance: button;
  font-size: 2.4rem;
  font-weight: 400;
  color: #9FA3AA;
  background: transparent;
  border: none;
  padding: 4rem 0;
  border-bottom: 0.1rem solid #3C2D51 !important;
}
@media (max-width: 520px) {
  .accordion-item button, .accordion-item [type=button], .accordion-item [type=reset], .accordion-item [type=submit] {
    font-size: 1.8rem;
  }
}
@media (max-width: 400px) {
  .accordion-item button, .accordion-item [type=button], .accordion-item [type=reset], .accordion-item [type=submit] {
    font-size: 1.6rem;
    padding-right: 1.5rem;
  }
}

.accordion-header:hover button, .accordion-button:not(.collapsed) {
  color: #fff !important;
}

.accordion-body {
  color: #E7E8EA !important;
  font-size: 1.8rem;
  font-weight: 400 !important;
}
@media (max-width: 520px) {
  .accordion-body {
    font-size: 1.6rem;
  }
}

.accordion-button:not(.collapsed) {
  background: none;
  border-bottom: 0.1rem solid #3C2D51 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion-button {
  position: relative;
  padding-right: 2.5rem;
}

.accordion-header:hover .accordion-button::after {
  background-image: url("/assets/images/accordion-hover-icon.svg");
  width: 2.4rem;
  height: 2.4rem;
}

.accordion-header:hover .accordion-button:not(.collapsed)::after {
  background-image: url("/assets/images/accordion-arrow-up.svg");
}

.accordion-button::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("/assets/images/accordion-arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("/assets/images/accordion-arrow-up.svg");
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.map_wrapper {
  position: relative;
  aspect-ratio: 16/8;
  background: url("/assets/images/google-map.svg") no-repeat center center/cover;
  border-radius: 3rem;
}

.location {
  position: absolute;
  font-size: 3.5rem;
  color: #FFD700;
  cursor: pointer;
}

.location[data-id="1"] {
  top: 15%;
  left: 48%;
}

.location[data-id="2"] {
  top: 70%;
  left: 20%;
}

.location[data-id="3"] {
  top: 75%;
  left: 75%;
}

.location[data-id="4"] {
  top: 15%;
  left: 5%;
}

.tooltip {
  position: absolute;
  background: linear-gradient(92.39deg, #1B1B31 0.24%, #2B1E36 56.45%, #1B1B31 99.83%);
  top: 0;
  color: #fff;
  padding: 1rem;
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  z-index: 10;
  max-width: 500px;
  width: 500px;
  left: 120%;
}
@media (max-width: 991px) {
  .tooltip {
    left: -12rem;
    top: -2rem;
    width: 400px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.tooltip strong {
  font-size: 2.4rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.tooltip strong span {
  width: 5rem;
  height: 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  background: linear-gradient(#10192A, #10192A) padding-box, linear-gradient(92.72deg, #C16EFD 33.06%, #FFFFFF 81.02%) border-box;
  border-radius: 0.5em;
  border: 1px solid transparent;
  border-radius: 50%;
}
.tooltip .office__info-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.tooltip .office__info-address_icon img {
  width: 2rem;
}
.tooltip .office__info-address-info span {
  font-size: 1.8rem;
  font-weight: 400;
}
.tooltip .office__info-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}
.tooltip .office__info-contact-icon img {
  width: 2rem;
}
.tooltip .office__info-contact-number a {
  text-decoration: none;
  font-size: 1.8rem;
  color: #fff;
}

.tooltip::before {
  content: "";
  position: absolute;
  top: 15%;
  left: -2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 2rem 2rem 0;
  border-color: transparent #10192A transparent transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.location:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.location[data-id="3"] .tooltip {
  left: -20rem;
}
@media (max-width: 768px) {
  .location[data-id="3"] .tooltip {
    left: -20rem;
  }
}

.newsletter {
  position: relative;
  text-align: center;
}
.newsletter__title {
  font-size: 4rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 991px) {
  .newsletter__title {
    font-size: 3rem;
  }
}
.newsletter__subtitle {
  font-size: 1.8rem;
  font-weight: 400;
}
@media (max-width: 991px) {
  .newsletter__subtitle {
    font-size: 2rem;
  }
}
.newsletter__form {
  position: relative;
  margin-top: 3rem;
}
.newsletter__form-group {
  position: relative;
  background: #fff;
  width: 60rem;
  overflow: hidden;
  height: 7.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 2rem;
  border-radius: 10rem;
}
@media (max-width: 991px) {
  .newsletter__form-group {
    height: 60px;
  }
}
.newsletter__form-group .newsletter__input {
  position: absolute;
  left: 0;
  height: 100%;
  width: 60%;
  padding: 2rem;
  border: none;
  font-size: 2rem;
  outline: none;
  color: #70757F;
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 991px) {
  .newsletter__form-group .newsletter__input {
    font-size: 1.4rem;
    padding: 1rem;
    left: 15px;
  }
}
.newsletter__form-group .sparkle-button {
  position: absolute;
  right: 0.8rem;
}
@media (max-width: 991px) {
  .newsletter__form-group .sparkle-button {
    right: -2rem;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

.pricing-page {
  background: #1A202C;
  color: #fff;
  min-height: 100vh;
  padding: 4rem 0;
}

.pricing-page .header {
  text-align: center;
  margin-bottom: 4rem;
}
.pricing-page .header__title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.pricing-page .header__tabs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
  border-radius: 50px;
  margin-bottom: 2rem;
}
.pricing-page .header__tab {
  padding: 0.75rem 2rem;
  border: none;
  background: none;
  color: #fff;
  border-radius: 25px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.pricing-page .header__tab--active {
  background: rgba(255, 255, 255, 0.2);
}
.pricing-page .header__description {
  max-width: 800px;
  margin: 0 auto;
  opacity: 0.8;
  line-height: 1.6;
}

.pricing__title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.pricing__subtitle {
  display: block;
  font-size: 2.5rem;
}

.pricing-card {
  background: #2D3748;
  border-radius: 1rem;
  padding: 2rem;
  position: relative;
  margin-bottom: 2rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.pricing-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.pricing-card--popular {
  border: 2px solid #38B2AC;
}
.pricing-card--popular .pricing-card__badge {
  position: absolute;
  top: -12px;
  right: 2rem;
  background: #38B2AC;
  color: #fff;
  padding: 0.25rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
}
.pricing-card__header {
  text-align: center;
  margin-bottom: 2rem;
}
.pricing-card__title {
  color: #6B46C1;
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}
.pricing-card__price {
  position: relative;
  display: inline-block;
}
.pricing-card__original {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-decoration: line-through;
  opacity: 0.7;
  font-size: 0.875rem;
}
.pricing-card__discount {
  position: absolute;
  top: -1.5rem;
  right: -3rem;
  background: #F6E05E;
  color: #1A202C;
  padding: 0.125rem 0.5rem;
  border-radius: 20px;
  font-size: 0.75rem;
}
.pricing-card__final {
  font-size: 2.5rem;
  font-weight: bold;
}
.pricing-card__currency {
  font-size: 1.5rem;
  vertical-align: super;
  margin-right: 0.25rem;
}
.pricing-card__features {
  margin-bottom: 2rem;
}
.pricing-card__features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-card__features ul li {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  position: relative;
}
.pricing-card__features ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #38B2AC;
}
.pricing-card__additional {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1.5rem;
}
.pricing-card__additional h4 {
  color: #38B2AC;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.pricing-card__additional ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-card__additional ul li {
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  position: relative;
}
.pricing-card__additional ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #38B2AC;
}

@media (max-width: 992px) {
  .pricing-page {
    padding: 2rem 0;
  }
  .header__tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .pricing-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 576px) {
  .header__title {
    font-size: 2rem;
  }
  .header__description {
    font-size: 0.875rem;
  }
  .pricing__title {
    font-size: 2rem;
  }
}
.prelaunch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  text-align: center;
  padding: 5rem 0;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 991px) {
  .prelaunch {
    padding: 3rem 0;
  }
}
.prelaunch::after {
  content: "";
  position: absolute;
  bottom: -15rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/world.svg");
  background-repeat: no-repeat;
  z-index: -1;
  background-size: 100%;
}
.prelaunch h1 {
  font-size: clamp(3rem, 5vw, 6.4rem);
  color: #F3F3F4;
}
.prelaunch p {
  font-size: clamp(1.6rem, 5vw, 2.4rem);
  font-weight: 500;
  color: #E7E8EA;
}
.prelaunch .logo {
  width: 15rem;
}
.prelaunch .prelaunching__timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 991px) {
  .prelaunch .prelaunching__timer {
    margin: 3rem 0;
  }
}
.prelaunch .prelaunching__timer .time-box {
  color: #fff;
  font-size: 3rem;
  width: 20rem;
  height: 20rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backdrop-filter: blur(20rem);
          backdrop-filter: blur(20rem);
}
@media (max-width: 768px) {
  .prelaunch .prelaunching__timer .time-box {
    width: 15rem;
    height: 15rem;
  }
}
.prelaunch .prelaunching__timer .time-box .number {
  font-size: clamp(4rem, 5vw, 9rem);
}/*# sourceMappingURL=main.css.map */