@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
.gap_8 {
  gap: 0.8rem;
}

.gap_12 {
  gap: 1.2rem;
}

.gap_120 {
  gap: 12rem;
}

.mt_20 {
  margin-top: 2rem;
}

.px_40 {
  padding: 0 4rem;
}

.mt_34 {
  margin-top: 3.4rem;
}

.mt_22 {
  margin-top: 2.2rem;
}

.mt_16 {
  margin-top: 1.6rem;
}

.fade_in {
  opacity: 0 !important;
}

.pe_lg_120 {
  padding-right: 12rem;
}

.gap_16 {
  gap: 1.6rem;
}

.gutter_x_32 {
  --bs-gutter-x: 3.2rem;
}

.ptb_lg_40 {
  padding: 4rem 0;
}

.ptb_lg_90 {
  padding: 9rem 0;
}

.mb_lg_32 {
  margin-bottom: 3.2rem;
}

.mb_lg_40 {
  margin-bottom: 4rem;
}

.mt_lg_40 {
  margin-top: 4rem;
}

.mt_lg_24 {
  margin-top: 2.4rem;
}

.mt_lg_32 {
  margin-top: 3.2rem;
}

.mt_lg_34 {
  margin-top: 3.4rem;
}

.mb_lg_24 {
  margin-bottom: 2.4rem;
}

.mb_lg_101 {
  margin-bottom: 10.1rem;
}

.mt_lg_101 {
  margin-top: 10.1rem;
}

.mt_lg_53 {
  margin-top: 5.3rem;
}

.d_none_lg {
  display: none;
}

.gutter_x_40 {
  --bs-gutter-x: 4rem;
}

.gutter_y_40 {
  --bs-gutter-y: 4rem;
}

.pb_lg_60 {
  padding-bottom: 6rem;
}

.gap_24 {
  gap: 2.4rem;
}

.p_lg_eb {
  padding-right: 0;
  padding-bottom: 0;
}

.w_lg_100 {
  min-width: 100% !important;
}

.ps_0 {
  padding-left: 0 !important;
}

.d_block_xs {
  display: none;
}

.mt_lg_50 {
  margin-top: 5rem;
}

.gutter_lg_24 {
  --bs-gutter-x: 2.4rem;
}

.mt_lg_0 {
  margin-top: 0rem !important;
}

.w_70 {
  width: 70%;
}

@media screen and (min-width: 1600px) {
  .awards_content_block .container_custom {
    padding: 0 0 0 16vw !important;
  }
  .content_gsap--heading {
    padding: 0 10rem !important;
  }
  .steps_content_block--item.step_item_one:after {
    height: 50rem !important;
  }
  .mobile.maintabcontent img {
    height: auto !important;
  }
  .ad_section_block--iframe .desktop {
    width: 56.8rem !important;
  }
  .steps_content_block--item.step_item_theree:after {
    height: 50rem !important;
  }
  html {
    font-size: 10px !important;
  }
  .container_inner {
    max-width: 100%;
  }
  section.awards_content_block .container_custom {
    width: 100%;
    padding: 0 0 0 16vw;
  }
  .products_content_block .w_2000 {
    width: 147rem !important;
  }
  .products_content_block--images {
    margin-top: 4rem !important;
  }
}
.z_index_1 {
  z-index: 1;
}

.z_index_2 {
  z-index: 2;
}

.z_index_3 {
  z-index: 3;
}

html {
  font-size: 8px;
  scroll-behavior: smooth;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body::-webkit-scrollbar {
  width: 5px;
}

body::-webkit-scrollbar-track {
  background-color: #cae6f7;
  border-radius: 5px;
}

body::-webkit-scrollbar-button,
body::-webkit-scrollbar-thumb {
  background-color: #a4a4a4;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: #EB4824;
  border-radius: 8rem;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

a,
button {
  transition: 0.3s ease-in;
}
a:hover,
button:hover {
  transition: 0.3s ease-in;
}

/*************************************Header*************************************/
.header_content {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
}
.header_content.--fixed {
  position: fixed;
  transition: 0.3s ease;
  left: 0;
  top: 0;
}
.header_content .sub_header {
  padding: 1rem 0;
  opacity: 1;
  height: 4rem;
  transition: opacity 0.2s ease;
  background-color: #7b11f9;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.header_content .sub_header .pattern_circle {
  position: absolute;
  left: -49px;
  margin: auto 0;
  top: 3vw;
  bottom: 0;
  content: "";
  width: 581px;
  height: 581px;
  background: rgba(0, 0, 0, 0.1);
  display: block;
  border-radius: 50rem;
  pointer-events: none;
}
.header_content .sub_header .pattern_circle .inner_one {
  position: absolute;
  right: 127px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  content: "";
  background: rgb(0, 0, 0);
  display: block;
  border-radius: 50rem;
  width: 427px;
  height: 427px;
  flex-shrink: 0;
  z-index: 1;
  opacity: 0.1;
}
.header_content .sub_header .pattern_circle .inner_two {
  position: absolute;
  right: 241px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 298px;
  height: 298px;
  flex-shrink: 0;
  background: rgb(0, 0, 0);
  z-index: 2;
  opacity: 0.15;
  display: block;
  border-radius: 50rem;
}
.header_content .sub_header .pattern_circle .inner_three {
  position: absolute;
  right: 351px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 298px;
  height: 298px;
  background: rgb(0, 0, 0);
  z-index: 3;
  opacity: 0.25;
  display: block;
  border-radius: 50rem;
}
.header_content .sub_header .pattern_circle .inner_four {
  position: absolute;
  right: 461px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 298px;
  height: 298px;
  flex-shrink: 0;
  background: rgb(0, 0, 0);
  z-index: 4;
  display: block;
  border-radius: 50rem;
  opacity: 0.2;
}
.header_content .sub_header::after {
  position: absolute;
  right: 12vw;
  margin: auto 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 13.916rem;
  height: 1.9rem;
  background-image: url(https://assets.xapads.com/images/pattern/pattern.svg);
  background-size: cover;
}
.header_content .sub_header .text {
  font-family: "Inter", sans-serif;
  color: #FFF;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  margin-bottom: 0;
  z-index: 3;
}
.header_content .sub_header .text .link {
  color: #EBFF00;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
  margin-left: 0.8rem;
}
.header_content .sub_header .btn_close {
  background: transparent;
  border: 0;
  height: auto;
  width: auto;
  right: 1vw;
}
.header_content header {
  height: 7.2rem;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6980392157);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: relative;
  z-index: 1;
}
.header_content header .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header_content header .nav .text_link {
  color: #211E1F;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  text-decoration: none;
  padding: 3rem 2rem;
}
.header_content header .nav .text_link:hover {
  color: #EB4824;
}
.header_content header .nav .text_link.active {
  color: #EB4824 !important;
}
.header_content header .nav .text_link.--secondary {
  color: #442FFF;
  font-weight: 500;
}
.header_content header .nav .text_link.--secondary:hover {
  color: #EB4824;
}
.header_content #menuContainer {
  position: absolute;
  left: 0;
  top: -211.2rem;
  transition: 0.5s ease;
  width: 100%;
}
.header_content #menuContainer.active {
  top: -7rem;
  transition: 0.5s ease;
}
.header_content .menu_inner {
  padding: 8rem 0 3rem;
  background: #FFFFFF;
  z-index: -1;
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  width: 100%;
  box-shadow: 0 0 107px -34px rgba(84, 84, 84, 0.5294117647);
}
.header_content .menu_inner.active {
  transition: 0.3s ease;
  opacity: 1;
  z-index: 0;
}
.header_content .menu_inner .menu_sub_links {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
.header_content .menu_inner .menu_sub_links .text_link {
  color: #211E1F !important;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  display: inline-block;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
.header_content .menu_inner .menu_sub_links .text_link.active {
  color: #EB4824 !important;
}
.header_content .menu_inner .menu_sub_links .text_link:hover {
  color: #EB4824 !important;
}
.header_content .menu_inner .sub_heading {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  text-transform: uppercase;
  padding-bottom: 0.8rem;
  margin-bottom: 2.4rem;
  border-bottom: 0.1rem solid #D7DAE0;
}
.header_content .menu_inner .products_item {
  border-radius: 1.2rem;
  background: var(--Beige-100, #FBF9F5);
  display: flex;
  padding: 1.8rem 1.6rem;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  margin-bottom: 1.6rem;
}
.header_content .menu_inner .products_item img {
  height: 3rem;
}
.header_content .menu_inner .products_item:hover .button_round--icon {
  background: #EB4824;
}
.header_content .menu_inner .products_item:hover .button_round--icon svg path {
  stroke: #FFF !important;
}
.header_content .menu_inner .products_item .mx-auto {
  height: 20rem;
}
.header_content .menu_inner .products_item .text {
  color: #211E1F !important;
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin: 0.8rem 0 0;
}

.header_content .hidden {
  display: none;
}

.blogs_content_header {
  text-decoration: none;
  display: flex;
}
.blogs_content_header:hover .text_primary {
  color: #DC301A;
  transition: 0.5s ease;
}
.blogs_content_header .image {
  border-radius: 1.2rem;
  width: 100%;
  overflow: hidden;
  height: 17rem;
  width: 70%;
}
.blogs_content_header .content {
  width: 30%;
  padding-left: 1.6rem;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.blogs_content_header .content .text_primary {
  color: #EB4824;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  text-decoration: none;
  transition: 0.5s ease;
}
.blogs_content_header .content .heading {
  color: #211E1F;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.8rem;
  margin: 0 0 1rem;
}
.blogs_content_header .content .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 0;
}

/*************************************Header End*************************************/
/*************************************Footer*************************************/
footer {
  background: var(--dark-blue, #08031E);
  position: relative;
  padding: 9.6rem 0 25rem;
  bottom: -1px;
}
footer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, var(--dark-blue, #08031E) 10%, transparent 54%);
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 9;
}
footer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: url("https://assets.xapads.com/images/background/footer.svg");
  background-size: cover;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.footer_brands {
  display: flex;
  gap: 2.4rem;
  text-decoration: none;
}

.footer_bottom {
  background: var(--dark-blue, #08031E);
  padding: 2.4rem 0;
  position: relative;
  z-index: 1;
}
.footer_bottom .heading {
  color: var(--Gray-500, #667085);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
}

.copyright {
  color: var(--Gray-500, #667085);
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1.6rem;
  opacity: 0.75;
}

.footer_content--blocks {
  color: var(--Primary-White, #FFF);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  /* 171.429% */
  text-transform: capitalize;
}
.footer_content--blocks .heading {
  color: var(--Gray-500, #667085);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
.footer_content--blocks .text {
  color: var(--Primary-White, #FFF);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin: 1.6rem 0 2.4rem;
  max-width: 40rem;
  text-transform: none;
  position: relative;
}
.footer_content--social {
  padding: 0;
  display: flex;
  gap: 3.2rem;
}
.footer_content--social li {
  list-style: none;
  margin: 0;
}
.footer_content--social li a.--icon svg path {
  stroke: #FFF;
  transition: 0.5s ease;
}
.footer_content--social li a.--icon:hover svg path {
  stroke: #EB4824;
  transition: 0.5s ease;
}
.footer_content--social li a svg path {
  fill: #FFF;
  transition: 0.5s ease;
}
.footer_content--social li a:hover svg path {
  fill: #EB4824;
  transition: 0.5s ease;
}
.footer_content--links {
  padding: 0;
  gap: 2.4rem;
  margin-bottom: 0;
  height: 100%;
  align-items: center;
  position: relative;
  z-index: 2;
}
.footer_content--links li {
  list-style: none;
}
.footer_content--links .text_link {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
}
.footer_content--links .text_link img {
  filter: none;
  /* Explicitly set no filter for the default state */
  transition: filter 0.2s ease;
}
.footer_content--links .text_link:hover {
  color: #EB4824;
}
.footer_content--links .text_link:hover img {
  transition: 0.5s ease;
  filter: invert(52%) sepia(91%) saturate(4847%) hue-rotate(347deg) brightness(94%) contrast(96%);
}
.footer_content--list {
  padding: 0;
}
.footer_content--list li {
  list-style: none;
  margin-bottom: 0.8rem;
}
.footer_content--list .text_link {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
  z-index: 11;
}
.footer_content--list .text_link img {
  filter: none;
  /* Explicitly set no filter for the default state */
  transition: filter 0.2s ease;
}
.footer_content--list .text_link:hover {
  color: #EB4824;
}
.footer_content--list .text_link:hover img {
  transition: 0.5s ease;
  filter: invert(52%) sepia(91%) saturate(4847%) hue-rotate(347deg) brightness(94%) contrast(96%);
}

/*************************************Footer End*************************************/
#scrollImage {
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  left: 3rem;
  position: relative;
}

.--6 li:nth-child(5) {
  background: #EB4824;
  width: 3.2rem;
  transition: 0.3s ease;
}

ul.list_pagination {
  padding: 0;
}
ul.list_pagination li {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-flex;
  background: #FFF;
  border-radius: 10rem;
  margin-right: 0.8rem;
}
ul.list_pagination li.active {
  background: #EB4824;
  width: 3.2rem;
  transition: 0.3s ease;
}

#smooth-content {
  overflow: visible;
  width: 100%;
  padding-top: 11.2rem;
}

#smooth-content.remove_subheader {
  padding-top: 7.2rem;
}

.hidden {
  opacity: 0;
  pointer-events: none;
  height: 0;
  padding: 0;
}

.xpd_pos_abs {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.btn_primary {
  background: transparent;
  border-radius: 0.6rem;
  background-color: #EB4824;
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  display: flex;
  height: 4rem;
  padding: 1.4rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.btn_primary:hover {
  background-color: #DC301A;
  color: #FFF;
}

.content_left {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
}

.content_right {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: end;
}

.badge {
  border-radius: 3.9rem;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: 3.6rem;
  padding: 0 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  font-family: "Inter", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}
.badge_purple {
  color: #7445F7;
  background: rgba(116, 69, 247, 0.12);
}

.heading_swiper.swiper {
  width: 100%;
  overflow: hidden;
  height: 20rem;
}
.heading_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.heading_swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.heading_swiper .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.heading_swiper .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.banner_img_carousal {
  width: 80vw;
}
.banner_img_carousal .img_strip img {
  height: 6rem;
  margin-top: 2rem;
}
.banner_img_carousal img {
  height: 10rem;
  width: auto;
}

.banner {
  text-align: center;
  background-image: url("https://assets.xapads.com/images/background/banner.webp");
  background-size: cover;
  padding: 10rem 0 0;
}
.banner.--home {
  padding-top: 7rem;
}
.banner.--home .banner_content_block.banner_inner {
  padding-bottom: 2rem;
}
.banner .banner_content_block {
  padding: 0 0 5rem;
}
.banner .banner_content_block.banner_inner {
  padding-bottom: 9.6rem;
}
.banner .banner_content_block .heading_swiper {
  margin-top: 3.6rem;
}
.banner .banner_content_block .heading {
  color: #211E1F;
  text-align: center;
  font-family: "Public Sans", sans-serif;
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 9rem;
  /* 125% */
  letter-spacing: -0.144rem;
  text-transform: capitalize;
}
.banner .banner_content_block .heading.--home {
  font-size: 9.2rem;
  line-height: 11.8rem;
  margin: 0;
}
.banner .banner_content_block .heading .text_primary {
  color: #EB4824;
  font-family: "Public Sans", sans-serif;
}
.banner .v_content {
  padding: 4rem;
}
.banner .v_content video {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}

.counter_content_block--item {
  display: flex;
  width: 30.8rem;
  padding: 3.4rem;
  flex-direction: column;
  align-items: center;
  gap: 3.4rem;
  border-radius: 1.2rem;
  background: linear-gradient(111deg, #FBF9F5 -1.94%, rgba(251, 249, 245, 0.7) 104.28%);
  width: 100%;
}
.counter_content_block--counter {
  color: #211E1F;
  text-align: center;
  font-family: "Public Sans", sans-serif;
  font-size: 10.2rem;
  font-style: normal;
  font-weight: 200;
  line-height: 10.2rem;
  /* 125% */
  letter-spacing: -0.144rem;
  display: flex;
  padding: 1.5rem 0;
}
.counter_content_block--counter.active .counter_number .text {
  position: absolute;
  bottom: 0 !important;
  transition: 1.5s ease;
}
.counter_content_block .counter_number {
  width: 6.4rem;
  height: 10.2rem;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.counter_content_block .counter_number .text {
  position: absolute;
  bottom: -203%;
  transition: 1.5s ease;
}
.counter_content_block .counter_number .text.second {
  bottom: -403%;
}
.counter_content_block .counter_number .text span {
  position: relative;
}
.counter_content_block--heading {
  color: #211E1F;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}

.service_content_block {
  padding: 16rem 0 12rem;
}
.service_content_block--item {
  border-radius: 1.2rem;
  background: var(--Tile-Bg, linear-gradient(111deg, #FBF9F5 -1.94%, rgba(251, 249, 245, 0.7) 104.28%));
  display: flex;
  margin: 1.5rem;
}
.service_content_block--img img {
  height: 30rem;
  width: 30.6rem;
}
.service_content_block--details {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 3.2rem;
}
.service_content_block--details .heading {
  color: #211E1F;
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
  margin-bottom: 1.2rem;
  text-transform: capitalize;
}
.service_content_block--details .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2rem;
}

.btn_outline {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  display: flex;
  height: 4rem;
  padding: 1.4rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  flex-shrink: 0;
  border-radius: 0.6rem;
  width: -moz-fit-content;
  width: fit-content;
}
.btn_outline--primary {
  color: #EB4824;
  border: 0.1rem solid #EB4824;
}
.btn_outline--primary:hover {
  background: #EB4824;
  color: #FFF;
  border: 0.1rem solid #EB4824;
  transition: 0.2s ease-in;
}
.btn_outline--primary:hover svg path {
  stroke: #FFF;
}
.btn_outline--primary.--md {
  height: 4rem;
  font-size: 1.4rem;
  padding: 0 2rem;
  border-radius: 0.6rem;
  line-height: 3rem;
}

.content_gsap--block {
  padding: 10rem 0 10rem;
}
.content_gsap--heading {
  color: #211E1F;
  text-align: center;
  font-family: "Public Sans", sans-serif;
  font-size: 5.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 8rem;
  letter-spacing: -0.096rem;
  padding: 0 30rem;
}
.content_gsap--heading .text_primary {
  color: #EB4824;
}

.partners_content--block {
  background-image: url("https://assets.xapads.com/images/background/dark_bg.svg");
  background-size: cover;
  padding: 11.6rem 0;
}
.partners_content--block .swiper-slide {
  width: -moz-fit-content !important;
  width: fit-content !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partners_content--item img {
  height: 3.2rem;
  width: auto;
}

.partners_carousal .swiper-wrapper {
  display: flex;
  animation: scroll 30s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
    /* Scroll entire width of the container */
  }
}
.title_group {
  width: 64rem;
}
.title_group.w_custom_100 {
  max-width: none !important;
  width: 100%;
}
.title_group.--center {
  text-align: center;
  width: 78rem;
  margin: 0 auto;
  margin-bottom: 9.6rem;
}
.title_group.--center .heading {
  color: #211E1F;
  margin-bottom: 0;
}
.title_group.--center .heading .text_primary {
  color: #EB4824;
  font-family: "Public Sans", sans-serif;
}
.title_group .heading {
  color: #FFF;
  font-family: "Public Sans", sans-serif;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 6rem;
  letter-spacing: -0.096rem;
  margin-bottom: 2.4rem;
  text-transform: capitalize;
}
.title_group .heading .text_primary {
  color: #EB4824;
  font-family: "Public Sans", sans-serif;
}
.title_group .text {
  color: #edeef1;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.title_group .sub_text_dark {
  color: #211E1F;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  margin-top: 1.6rem;
}
.title_group .sub--text {
  color: #6A5F63;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  margin-top: 1.6rem;
}

.partners_carousal {
  margin: 10rem 0;
}
.partners_carousal img {
  width: auto;
}

.awards_content_block {
  padding: 9.6rem 0;
  background: var(--Tile-Bg, linear-gradient(111deg, #FBF9F5 -1.94%, rgba(251, 249, 245, 0.7) 104.28%));
}
.awards_content_block .container_custom {
  width: 100%;
  padding: 0 0 0 4.5vw;
}
.awards_content_block .title_group {
  margin-bottom: 6.4rem;
}
.awards_content_block .title_group .heading {
  color: #211E1F;
}
.awards_content_block--item {
  border-radius: 1.2rem;
  border: 1px solid var(--Gray-300, #B3B9C6);
  background: var(--Tile-Bg, linear-gradient(111deg, #FBF9F5 -1.94%, rgba(251, 249, 245, 0.7) 104.28%));
  display: flex;
  width: 100%;
  padding: 3.2rem 1.6rem;
  text-decoration: none;
}
.awards_content_block--img {
  border-radius: 1.2rem;
  background: #FBF9F5;
  width: 35%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 15rem;
  pointer-events: none;
}
.awards_content_block--details {
  width: 65%;
  padding-left: 1.6rem;
  height: 15rem;
}
.awards_content_block--details .date {
  color: var(--Gray-400, #8A94A6);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  /* 142.857% */
}
.awards_content_block--details .category {
  border-radius: 5.2rem;
  background: var(--Gray-100, #EDEEF1);
  color: var(--Gray-700, #464C5E);
  height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.4rem 1.6rem;
}
.awards_content_block--details .heading {
  color: #211E1F;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  margin: 1.6rem 0;
  min-height: 6rem;
}
.awards_content_block--details .text_link {
  color: #EB4824;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  position: relative;
}

.blogs_content_block {
  padding: 9.6rem 0;
}
.blogs_content_block .title_group {
  margin-bottom: 6.4rem;
}
.blogs_content_block .title_group .heading {
  color: #211E1F;
  display: block;
}
.blogs_content_block--item {
  box-shadow: 0 0 12px 10px rgba(238, 238, 238, 0.5490196078);
  height: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
  transition: 0.5s ease;
}
.blogs_content_block--item:hover {
  transform: translateY(-17px);
  transition: 0.5s ease;
}
.blogs_content_block--item.--side {
  display: flex;
  margin-bottom: 3.2rem;
  height: auto;
}
.blogs_content_block--item.--side .heading {
  margin: 2.4rem 0;
  display: block;
}
.blogs_content_block--item.--side .blogs_content_block--img {
  width: 50%;
  min-height: 27rem;
}
.blogs_content_block--item.--side .blogs_content_block--img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.blogs_content_block--item.--side .blogs_content_block--details {
  width: 50%;
}
.blogs_content_block--item.--side .blogs_content_block--details {
  justify-content: space-between;
  flex-direction: column;
  padding: 2rem 1.6rem;
}
.blogs_content_block--details {
  padding: 3.2rem 1.6rem;
}
.blogs_content_block--details .--country {
  color: rgb(33, 30, 31);
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blogs_content_block--details .--country svg {
  height: 2rem;
  width: 2rem;
}
.blogs_content_block--details a {
  text-decoration: none;
}
.blogs_content_block--details .date {
  color: #667085;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}
.blogs_content_block--details .heading {
  color: #222;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  margin: 2.4rem 0 4rem;
  display: block;
}
.blogs_content_block--details .tags_content_block {
  display: flex;
  padding: 0.4rem 1.2rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.blogs_content_block--details .tags_content_block a {
  color: #667085;
}
.blogs_content_block--details .tags_content_block.--primary {
  border-radius: 0.4rem;
  background: var(--Blue-100, #E8ECFF);
  display: none;
}
.blogs_content_block--details .tags_content_block.--secondary {
  border-radius: 0.4rem;
  background: var(--Beige-100, #FBF9F5);
}

.step_section {
  position: relative;
}
.step_section .container {
  position: relative;
  z-index: 1;
}
.step_section::after {
  content: "";
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #faf5f2;
  position: absolute;
  z-index: 0;
}

.steps_content_block {
  background: #FFF;
  overflow: hidden;
}
.steps_content_block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.5rem;
  background: var(--orange-shade-1, #F2EEE0);
  width: 0.2rem;
  height: 100%;
}
.steps_content_block.step_one .left_content_block {
  top: 0;
  transition: 0.5s ease-in-out;
}
.steps_content_block.step_two .left_content_block {
  top: -46vw;
  transition: 0.5s ease-in-out;
}
.steps_content_block.step_three .left_content_block {
  top: -95vw;
  transition: 0.5s ease-in-out;
}
.steps_content_block.step_four .left_content_block {
  top: -100vw;
  transition: 0.5s ease-in-out;
}
.steps_content_block video {
  width: 100%;
  position: relative;
  right: -12rem;
  pointer-events: none;
  border: none;
  box-shadow: none;
  height: 100%;
}
.steps_content_block .right_content_block {
  height: 100vh;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.steps_content_block .sub_text {
  color: var(--Gray-300, #B3B9C6);
  font-family: "Public Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 2.2rem 0 1.6rem;
  position: relative;
  z-index: 1;
}
.steps_content_block .right_content_block {
  width: 50%;
  padding: 50px;
  background-color: #faf5f2;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  overflow: hidden;
}
.steps_content_block--btn {
  margin-top: 0rem;
  padding: 0 3rem;
  height: 6.4rem;
  border-radius: 1.2rem;
  border: 1px solid rgba(243, 239, 225, 0.5);
  background: linear-gradient(111deg, rgba(251, 249, 245, 0.5) -1.94%, rgba(251, 249, 245, 0.35) 104.28%);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.steps_content_block--btn:hover {
  border: 1px solid #EB4824;
}
.steps_content_block--item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10rem;
  position: relative;
}
.steps_content_block--item .sub_heading {
  color: #211E1F;
  /* Heading 4/Semibold */
  font-family: "Public Sans", sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.2rem;
  /* 133.333% */
  letter-spacing: -0.048rem;
  position: relative;
  z-index: 1;
  margin-bottom: 1.6rem;
}
.steps_content_block--item .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  /* 155.556% */
  position: relative;
  z-index: 1;
}

/**********************************************************************************/
#mainWrapper {
  overflow-x: hidden;
  width: 100%;
}

#cursor {
  background-color: #eb4824;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  position: fixed;
  text-align: center;
  align-items: center;
  display: flex;
  font-size: 0.5rem;
  color: #080808;
  z-index: 9999999999999;
}

.contenttext {
  height: 100vh;
  display: grid;
  place-content: center;
}

.contenttext p {
  font-size: clamp(2rem, 5vw, 8rem);
}

.marquee-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee {
  display: flex;
  justify-content: flex-start;
  animation: scroll 20s linear infinite;
}

.marquee img {
  width: 200px;
  /* Adjust the size as needed */
  height: auto;
  margin-right: 20px;
  /* Space between images */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.progress-bar {
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 0.8rem;
  margin: 0 auto;
  height: 100%;
  background-color: transparent;
  overflow: hidden;
  transition: 0s;
}

.progress-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  /* Start with 0 height */
  background-color: #EB4824;
  /* Change color as needed */
  transition: height 0.2s ease;
}

/***********************************Scroll***********************************/
.horizontal {
  overflow: hidden;
  background-image: url(https://assets.xapads.com/images/background/bg_product.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.horizontal.--branding .wrap_content {
  width: 189rem;
}
.horizontal.--w_pmt .wrap_content {
  width: 231rem;
}
.horizontal.--programmatic .wrap_content {
  width: 147rem;
}
.horizontal.--programmatic.--3 li:nth-child(2) {
  background: #EB4824;
  width: 3.2rem;
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--xerxes {
  background: var(--bg-color, linear-gradient(180deg, #FBF9F5 -13.68%, rgba(255, 255, 255, 0.6) 113.18%), #FFF) !important;
}
.horizontal.--programmatic.--3 .products_content_block--item.--xerxes:before {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--xerxes img {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--mi_xapads {
  background: var(--bg-color, linear-gradient(180deg, rgba(230, 136, 62, 0) -13.68%, rgba(230, 136, 62, 0.6) 113.18%), #FFF);
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--mi_xapads:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--mi_xapads img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--helix {
  background: linear-gradient(180deg, rgba(46, 208, 219, 0) -13.68%, rgba(3, 185, 198, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--helix:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--helix:before {
  background: url("https://assets.xapads.com/images/background/products/helix.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.horizontal.--programmatic.--3 .products_content_block--item.--helix .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}

.wrap_content {
  display: flex;
  height: 100%;
  width: 273rem;
}

.interactive_ads_block {
  background-image: url(https://assets.xapads.com/images/background/bg_product.svg);
  background-size: cover;
  background-attachment: fixed;
}
.interactive_ads_block .interactive_ads_images {
  gap: 3rem;
  display: flex;
  overflow: hidden;
  height: 100%;
}
.interactive_ads_block .interactive_ads_images img {
  max-width: 23rem;
}
.interactive_ads_block.products_content_block .title_group {
  max-width: 46rem;
  padding: auto;
}
.interactive_ads_block.products_content_block .--img-1 {
  bottom: -14rem;
  position: relative;
}
.interactive_ads_block.products_content_block .--img-2 {
  bottom: 8rem;
  position: relative;
}
.interactive_ads_block.products_content_block .--img-3 {
  bottom: -14rem;
  position: relative;
}

.products_content_block {
  overflow-x: hidden;
}
.products_content_block--logo {
  height: 4rem;
}
.products_content_block--images {
  align-items: end;
  display: flex;
  justify-content: center;
  margin-top: 0;
  position: relative;
}
.products_content_block--images img {
  height: 34.6rem;
}
.products_content_block .item:nth-child(2) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(3) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(4) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(5) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item {
  overflow: hidden;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xerxes {
  background: linear-gradient(180deg, rgba(0, 165, 107, 0) -13.68%, rgba(0, 165, 107, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xerxes:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xerxes img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xaprio {
  background: linear-gradient(180deg, rgba(99, 102, 241, 0) -13.68%, rgba(99, 102, 241, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xaprio:before {
  background: url("https://assets.xapads.com/images/background/products/xaprio.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xaprio:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block .item:nth-child(1) .products_content_block--item.--xaprio img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--pm.--2 .products_content_block--item.--helix {
  background: var(--bg-color, linear-gradient(180deg, #FBF9F5 -13.68%, rgba(255, 255, 255, 0.6) 113.18%), #FFF) !important;
}
.products_content_block.--pm.--2 .products_content_block--item.--helix:before {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.products_content_block.--pm.--2 .products_content_block--item.--helix img {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.products_content_block.--pm.--3 .products_content_block--item.--unwire {
  background: linear-gradient(180deg, rgba(225, 94, 113, 0) -13.68%, rgba(225, 94, 113, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--pm.--3 .products_content_block--item.--unwire:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--pm.--3 .products_content_block--item.--unwire:before {
  background: url("https://assets.xapads.com/images/background/products/unwire.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--pm.--3 .products_content_block--item.--unwire .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--pm.--4 .products_content_block--item.--unwire {
  background: var(--bg-color, linear-gradient(180deg, #FBF9F5 -13.68%, rgba(255, 255, 255, 0.6) 113.18%), #FFF) !important;
}
.products_content_block.--pm.--4 .products_content_block--item.--unwire:before {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.products_content_block.--pm.--4 .products_content_block--item.--unwire img {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.products_content_block.--pm.--4 .products_content_block--item.--helix {
  background: linear-gradient(180deg, rgba(46, 208, 219, 0) -13.68%, rgba(3, 185, 198, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--pm.--4 .products_content_block--item.--helix:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--pm.--4 .products_content_block--item.--helix:before {
  background: url("https://assets.xapads.com/images/background/products/helix.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--pm.--4 .products_content_block--item.--helix .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--branding.--2 .products_content_block--item.--unwire {
  background: linear-gradient(180deg, rgba(225, 94, 113, 0) -13.68%, rgba(225, 94, 113, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--branding.--2 .products_content_block--item.--unwire:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--branding.--2 .products_content_block--item.--unwire:before {
  background: url("https://assets.xapads.com/images/background/products/unwire.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--branding.--2 .products_content_block--item.--unwire .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--helix {
  background: linear-gradient(180deg, rgba(46, 208, 219, 0) -13.68%, rgba(3, 185, 198, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--helix:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--helix:before {
  background: url("https://assets.xapads.com/images/background/products/helix.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--helix .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xerxes {
  background: var(--bg-color, linear-gradient(180deg, #FBF9F5 -13.68%, rgba(255, 255, 255, 0.6) 113.18%), #FFF) !important;
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xerxes:before {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xerxes img {
  filter: grayscale(1) !important;
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--mi_xapads {
  background: var(--bg-color, linear-gradient(180deg, rgba(230, 136, 62, 0) -13.68%, rgba(230, 136, 62, 0.6) 113.18%), #FFF);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--mi_xapads:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--mi_xapads img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xaprio {
  background: linear-gradient(180deg, rgba(99, 102, 241, 0) -13.68%, rgba(99, 102, 241, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xaprio:before {
  background: url("https://assets.xapads.com/images/background/products/xaprio.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xaprio:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .products_content_block--item.--xaprio img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--2 .item:nth-child(2) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--2 .item:nth-child(3) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block.--2 .item:nth-child(4) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block.--3 .products_content_block--item.--pulse {
  background: linear-gradient(180deg, rgba(159, 77, 176, 0) -13.68%, rgba(159, 77, 176, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--3 .products_content_block--item.--pulse:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--3 .products_content_block--item.--pulse:before {
  background: url("https://assets.xapads.com/images/background/products/pulse.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--3 .products_content_block--item.--pulse .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--3 .item:nth-child(2) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--3 .item:nth-child(3) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--3 .item:nth-child(4) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block.--3 .item:nth-child(5) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block.--4 .products_content_block--item.--unwire {
  background: linear-gradient(180deg, rgba(225, 94, 113, 0) -13.68%, rgba(225, 94, 113, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--4 .products_content_block--item.--unwire:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--4 .products_content_block--item.--unwire:before {
  background: url("https://assets.xapads.com/images/background/products/unwire.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--4 .products_content_block--item.--unwire .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--4 .item:nth-child(2) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--4 .item:nth-child(3) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--4 .item:nth-child(4) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--4 .item:nth-child(5) {
  transform: scale(0.9);
  opacity: 0.6;
  transition: 0.3s ease;
}
.products_content_block.--5 .products_content_block--item.--helix, .products_content_block.--7 .products_content_block--item.--helix, .products_content_block.--6 .products_content_block--item.--helix {
  background: linear-gradient(180deg, rgba(46, 208, 219, 0) -13.68%, rgba(3, 185, 198, 0.6) 113.18%), #FFF;
  transition: 0.3s ease;
}
.products_content_block.--5 .products_content_block--item.--helix:before, .products_content_block.--7 .products_content_block--item.--helix:before, .products_content_block.--6 .products_content_block--item.--helix:before {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--5 .products_content_block--item.--helix:before, .products_content_block.--7 .products_content_block--item.--helix:before, .products_content_block.--6 .products_content_block--item.--helix:before {
  background: url("https://assets.xapads.com/images/background/products/helix.webp");
  background-size: cover;
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--5 .products_content_block--item.--helix .products_content_block--images img, .products_content_block.--7 .products_content_block--item.--helix .products_content_block--images img, .products_content_block.--6 .products_content_block--item.--helix .products_content_block--images img {
  filter: grayscale(0);
  transition: 0.3s ease;
}
.products_content_block.--5 .item:nth-child(2), .products_content_block.--7 .item:nth-child(2), .products_content_block.--6 .item:nth-child(2) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--5 .item:nth-child(3), .products_content_block.--7 .item:nth-child(3), .products_content_block.--6 .item:nth-child(3) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--5 .item:nth-child(4), .products_content_block.--7 .item:nth-child(4), .products_content_block.--6 .item:nth-child(4) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block.--5 .item:nth-child(5), .products_content_block.--7 .item:nth-child(5), .products_content_block.--6 .item:nth-child(5) {
  transform: scale(1);
  opacity: 1;
  transition: 0.3s ease;
}
.products_content_block .col-lg-8 {
  overflow: hidden;
  height: 100vh;
}
.products_content_block .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 2.4rem;
  width: 42rem;
}
.products_content_block .w_420 {
  width: 42rem;
}
.products_content_block .w_1000 {
  width: 110rem;
}
.products_content_block .w_2000 {
  width: 110rem;
}
.products_content_block--item {
  border-radius: 1.2rem;
  text-decoration: none;
  position: relative;
  background: var(--bg-color, linear-gradient(180deg, #FBF9F5 -13.68%, rgba(255, 255, 255, 0.6) 113.18%), #FFF);
  transition: 0.3s ease;
}
.products_content_block--item:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 37.5rem;
  content: "";
  display: block;
}
.products_content_block--item.--xerxes:before {
  background: url("https://assets.xapads.com/images/background/products/xerxes.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--xerxes .products_content_block--images img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--mi_xapads:before {
  background: url("https://assets.xapads.com/images/background/products/mi.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--mi_xapads .products_content_block--images img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--xaprio:before {
  background: url("https://assets.xapads.com/images/background/products/xaprio.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--xaprio .products_content_block--images img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--pulse:before {
  background: url("https://assets.xapads.com/images/background/products/pulse.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--pulse .products_content_block--images img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--unwire:before {
  background: url("https://assets.xapads.com/images/background/products/unwire.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--unwire .products_content_block--images img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--helix:before {
  background: url("https://assets.xapads.com/images/background/products/helix.webp");
  background-size: cover;
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item.--helix .products_content_block--images img {
  filter: grayscale(1);
  transition: 0.3s ease;
}
.products_content_block--item:hover .button_round--icon {
  background: #EB4824;
}
.products_content_block--item:hover .button_round--icon svg path {
  stroke: #FFF;
}
.products_content_block--item .heading {
  color: #211E1F;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4rem;
  margin-bottom: 0.7rem;
  margin-top: 1.6rem;
  text-transform: capitalize;
}
.products_content_block--item .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 0;
  min-height: 10rem;
}
.products_content_block--details {
  margin-bottom: 0;
  padding: 3.2rem;
  padding-bottom: 0;
}
.products_content_block .title_group {
  padding: 10.6rem 0;
  max-width: 33rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.products_content_block .title_group .heading .text_primary {
  color: #EB4824;
}

section.two .--one {
  display: none;
  transition: 0.5s ease-in-out;
}
section.two .--two {
  display: flex;
  transition: 0.5s ease-in-out;
}

section.three .--one {
  display: none;
  transition: 0.5s ease-in-out;
}
section.three .--two {
  display: none;
  transition: 0.5s ease-in-out;
}
section.three .--three {
  display: flex;
  transition: 0.5s ease-in-out;
}

.swiper-pagination-custom {
  display: flex;
  justify-content: end;
  align-items: start;
  top: 0 !important;
  height: auto;
  gap: 1.6rem;
}

.swiper-pagination-custom .swiper-button-prev,
.swiper-pagination-custom .swiper-button-next {
  color: #667085;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 1.2rem;
  position: relative;
  top: 0;
  border-radius: 0.4rem;
  border: 1px solid var(--Gray-500, #667085);
  width: 3.8rem;
  height: 3.6rem;
  background-color: transparent;
  left: auto;
  right: auto;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #667085;
  color: #FFF;
}

.swiper-pagination-custom .swiper-button-next:after,
.swiper-pagination-custom .swiper-button-prev:after {
  font-size: 1.2rem;
}

.bg_dark {
  background: var(--dark-blue, #08031E);
}

.adformat_section_block {
  padding: 9.6rem 0;
  text-align: center;
}
.adformat_section_block--content {
  margin: 0 auto;
}
.adformat_section_block--images {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  overflow: hidden;
}

.button_round--logo {
  border-radius: 20rem;
  border: 1px solid var(--grad-grey-linear-1, rgba(179, 185, 198, 0.5));
  display: inline-flex;
  height: 5.6rem;
  padding: 0rem 0.4rem 0rem 1.6rem;
  align-items: center;
  gap: 2.4rem;
  flex-shrink: 0;
  transition: 0.3s ease;
  width: -moz-fit-content;
  width: fit-content;
}
.button_round--logo.button_grey .button_round--icon {
  background: rgba(179, 185, 198, 0.5);
  border-color: rgba(179, 185, 198, 0.5);
}
.button_round--logo.button_grey .button_round--icon svg path {
  stroke: #FFF;
}
.button_round--logo.--sm {
  height: 4rem;
}
.button_round--logo.--sm .button_round--icon {
  height: 3.2rem;
  width: 3.2rem;
}
.button_round--logo.--sm .button_round--icon svg {
  transform: scale(1.5);
}
.button_round--logo .text {
  color: var(--Gray-400, #8A94A6);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.button_round--logo img {
  height: 2.4rem;
}
.button_round--logo:hover .button_round--icon {
  background: #EB4824;
  transition: 0.3s ease;
}
.button_round--logo.--icon {
  border: none;
  padding: 0;
}
.button_round--icon {
  display: flex;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0.7rem;
  align-items: center;
  gap: 1rem;
  border-radius: 2.4rem;
  background: transparent;
  transition: 0.3s ease;
  border: 0.667px solid var(--Orange-500, #EB4824);
}
.button_round--icon svg path {
  stroke: #EB4824;
}
.button_round--icon:hover svg path {
  stroke: #FFF !important;
}

.performance_content_service {
  padding: 2.4rem 0 0;
}
.performance_content_service--item {
  border-radius: 1.2rem;
  background: #faf8f4;
  padding: 4rem;
  text-align: left;
  display: block;
  text-decoration: none;
}
.performance_content_service--item.--right {
  padding: 4rem 0 0 4rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.performance_content_service--item.--right .performance_content_service--image {
  margin-bottom: 0;
  text-align: right;
}
.performance_content_service--item.--right .performance_content_service--image img {
  width: 85%;
}
.performance_content_service--item.px_custom {
  padding: 0;
}
.performance_content_service--item.px_custom .performance_content_service--details {
  padding: 4rem 4rem 0;
}
.performance_content_service--item.px_custom .performance_content_service--image {
  padding: 0 1.5rem 0;
}
.performance_content_service--item.flex_item {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.performance_content_service--item.flex_item .text {
  padding-right: 3rem;
}
.performance_content_service--item.p_lg_eb {
  padding-right: 0;
  padding-bottom: 0;
}
.performance_content_service--item.--right-row {
  display: flex;
  justify-content: space-between;
}
.performance_content_service--item .text_sub_head {
  color: var(--Gray-400, #8A94A6);
  font-family: "Inter", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  margin-bottom: 0.4rem;
  margin-top: 2.4rem;
}
.performance_content_service--item .heading {
  color: #211E1F;
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.2rem;
  /* 133.333% */
  letter-spacing: -0.048rem;
  margin-bottom: 0.8rem;
}
.performance_content_service--item .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.performance_content_service--image.--gif {
  margin-top: 4rem;
}
.performance_content_service--image.--gif video {
  width: 44rem;
  margin-top: 0.3rem;
}
.performance_content_service--image.--gif img {
  width: 60%;
}

.image_container {
  position: relative;
  width: 100%;
  height: 69rem;
  overflow: hidden;
}
.image_container .fade {
  position: absolute;
  width: auto;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.5s ease-in-out-in-out;
}
.image_container .fade.show {
  opacity: 1;
}
@keyframes showHide {
  0%, 20% {
    opacity: 1;
  }
  30%, 100% {
    opacity: 0;
  }
}

.case_study_block {
  padding: 9.6rem 0;
}
.case_study_block .title_group {
  margin-bottom: 6.4rem;
}
.case_study_block--item {
  display: flex;
  width: 100%;
  box-shadow: 0 0 12px 10px rgba(238, 238, 238, 0.5490196078);
  border-radius: 11px;
  text-decoration: none;
}
.case_study_block--start {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 2.41rem;
  border-radius: 1.2rem 0rem 0rem 1.2rem;
  overflow: hidden;
}
.case_study_block--start .case_img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.case_study_block--showcase {
  width: auto;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.case_study_block--showcase .sub-head {
  color: var(--Primary-Orange, #EB4824);
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
}
.case_study_block--showcase .sub-text {
  color: var(--Black-600, #6A5F63);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.case_study_block--showcase .hr-cs {
  background: #C0B9BC;
  width: 0.1rem;
  height: 4.8rem;
}
.case_study_block--end {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5rem;
  height: 55.6rem;
}
.case_study_block--end img {
  width: auto;
  margin: 0 auto;
  height: 3.8rem;
}
.case_study_block--end .heading {
  color: #000;
  text-align: center;
  font-family: "Public Sans", sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.8rem;
  letter-spacing: -0.06rem;
  margin: 4rem 0 2.4rem;
  padding: 0 2rem;
}
.case_study_block--end .text {
  color: #6A5F63;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.case_study_block--end .text_link {
  color: #EB4824;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  margin-top: 4rem;
  text-decoration: none;
}
.case_study_block--end .text_link:hover {
  color: #DC301A;
}

.rocket {
  width: 1.6rem;
}

/**********************************************/
.wrapper {
  display: flex;
  width: 100%;
  position: relative;
}

.left_content {
  width: 50%;
  height: 210vh;
  box-sizing: border-box;
}

.right_content {
  width: 50%;
  height: 100vh;
  background-color: #fcf7f4;
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
}

.buyingmodels_section_block {
  background: var(--dark-blue, #08031E);
  padding: 14.3rem 0 10rem;
  /* Style the tab content */
  /* Progress bar styles */
}
.buyingmodels_section_block .tab_group_cs {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  position: relative;
  gap: 4.8rem;
}
.buyingmodels_section_block .tab_group_cs.tab_group-0 .tablinks:nth-child(2)::before {
  background-color: #EB4824;
}
.buyingmodels_section_block .tab_group_cs.tab_group-1 .tablinks:nth-child(2)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-1 .tablinks:nth-child(3)::before {
  background-color: #EB4824;
}
.buyingmodels_section_block .tab_group_cs.tab_group-2 .tablinks:nth-child(2)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-2 .tablinks:nth-child(3)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-2 .tablinks:nth-child(4)::before {
  background-color: #EB4824;
}
.buyingmodels_section_block .tab_group_cs.tab_group-3 .tablinks:nth-child(2)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-3 .tablinks:nth-child(3)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-3 .tablinks:nth-child(4)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-3 .tablinks:nth-child(5)::before {
  background-color: #EB4824;
}
.buyingmodels_section_block .tab_group_cs.tab_group-4 .tablinks:nth-child(2)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-4 .tablinks:nth-child(3)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-4 .tablinks:nth-child(4)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-4 .tablinks:nth-child(5)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-4 .tablinks:nth-child(6)::before,
.buyingmodels_section_block .tab_group_cs.tab_group-4 .tablinks:nth-child(7)::before {
  background-color: #EB4824;
}
.buyingmodels_section_block .tab_group_cs .tablinks {
  color: var(--Gray-500, #667085);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  position: relative;
  padding-left: 1.7rem;
  height: 3rem;
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}
.buyingmodels_section_block .tab_group_cs .tablinks::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  box-shadow: 0 0 0 0.4rem var(--dark-blue, #08031E);
  display: flex;
  background-color: var(--Gray-500, #667085);
  border-radius: 10rem;
  z-index: 1;
}
.buyingmodels_section_block .tab_group_cs .tablinks.active {
  color: #EB4824;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem;
}
.buyingmodels_section_block .tab_group_cs .tablinks.active::before {
  background-color: #EB4824;
  border-radius: 10rem;
}
.buyingmodels_section_block .tabcontent {
  display: none;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}
.buyingmodels_section_block .tabcontent img {
  width: 80%;
  filter: drop-shadow(0px 0px 100px rgba(255, 255, 255, 0.29));
}
.buyingmodels_section_block .progressbar_cs {
  background-color: #667085;
  transition: 0.5s ease;
  position: absolute;
  left: 0.2rem;
  top: 1rem;
  width: 0.3rem;
  display: block;
  height: 93%;
}
.buyingmodels_section_block .progressbar_cs::after {
  background-color: #EB4824;
  transition: 0.5s ease;
  position: absolute;
  left: 0rem;
  top: 1rem;
  width: 0.3rem;
  display: block;
  content: "";
  z-index: 1;
}
.buyingmodels_section_block .progress-0::after {
  height: 0%;
}
.buyingmodels_section_block .progress-1::after {
  height: 25%;
}
.buyingmodels_section_block .progress-2::after {
  height: 50%;
}
.buyingmodels_section_block .progress-3::after {
  height: 73%;
}
.buyingmodels_section_block .progress-4::after {
  height: 94%;
}
.buyingmodels_section_block .progressbar_cs_st.progress-0::after {
  height: 0%;
}
.buyingmodels_section_block .progressbar_cs_st.progress-1::after {
  height: 33%;
}
.buyingmodels_section_block .progressbar_cs_st.progress-2::after {
  height: 64%;
}
.buyingmodels_section_block .progressbar_cs_st.progress-3::after {
  height: 90%;
}
.buyingmodels_section_block .pb_1_items .progressbar_cs {
  height: auto;
}
.buyingmodels_section_block .pb_2_items .progressbar_cs {
  height: 73%;
}
.buyingmodels_section_block .pb_2_items .progress-0::after {
  height: 0%;
}
.buyingmodels_section_block .pb_2_items .progress-1::after {
  height: 100%;
}
.buyingmodels_section_block .pb_3_items .progressbar_cs {
  height: 90%;
}
.buyingmodels_section_block .pb_3_items .progress-0::after {
  height: 0%;
}
.buyingmodels_section_block .pb_3_items .progress-1::after {
  height: 39%;
}
.buyingmodels_section_block .pb_3_items .progress-2::after {
  height: 90%;
}
.buyingmodels_section_block .progressbar_performance .progress-0::after {
  height: 0%;
}
.buyingmodels_section_block .progressbar_performance .progress-1::after {
  height: 18%;
}
.buyingmodels_section_block .progressbar_performance .progress-2::after {
  height: 40%;
}
.buyingmodels_section_block .progressbar_performance .progress-3::after {
  height: 59%;
}
.buyingmodels_section_block .progressbar_performance .progress-4::after {
  height: 79%;
}
.buyingmodels_section_block .progressbar_performance .progress-5::after {
  height: 96%;
}

/* Style the maintab */
.maintab {
  overflow: hidden;
  display: flex;
  border-radius: 22rem;
  border: 1px solid #8590FF;
  background: rgba(133, 144, 255, 0.1);
  padding: 0.3rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4.7rem;
}

/* Style the buttons inside the maintab */
.maintablinks {
  background-color: inherit;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  color: var(--Primary-White, #FFF);
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  box-shadow: none;
  background-color: transparent;
  border: 0 solid;
  height: 4rem;
  padding: 0 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Create an active/current maintablink class */
.maintablinks.active {
  border-radius: 11.2rem;
  background: var(--Orange-500, #EB4824);
}

.ads_display .maintabcontent {
  height: 100%;
}

/* Style the maintab content */
.maintabcontent {
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
}
.maintabcontent img {
  width: 100%;
}
.maintabcontent.active {
  display: block;
}

.mobile.maintabcontent {
  position: relative;
}
.mobile.maintabcontent .tabcontent {
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: 0.5s ease;
  display: block;
  text-align: center;
}
.mobile.maintabcontent .tabcontent.active {
  opacity: 1;
  transition: 0.5s ease;
}
.mobile.maintabcontent img {
  width: auto;
  height: 50rem;
}

.desktop.maintabcontent {
  position: relative;
}
.desktop.maintabcontent .tabcontent {
  display: flex !important;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: 0.5s ease;
  display: block;
  text-align: center;
}
.desktop.maintabcontent .tabcontent.active {
  opacity: 1;
  transition: 0.5s ease;
}

.ctv.maintabcontent .tabcontent {
  display: flex !important;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: 0.5s ease;
  display: block;
  text-align: center;
  height: 100%;
  align-items: center;
}
.ctv.maintabcontent .tabcontent.active {
  opacity: 1;
  transition: 0.5s ease;
}

.youtube.maintabcontent {
  position: relative;
}
.youtube.maintabcontent .tabcontent {
  display: flex !important;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: 0.5s ease;
  display: block;
  text-align: center;
}
.youtube.maintabcontent .tabcontent.active {
  opacity: 1;
  transition: 0.5s ease;
}

.micore_content_service {
  overflow: hidden;
  border-radius: 1.2rem;
  background: var(--dark-blue, #08031E);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 24rem;
}
.micore_content_service .micore_content_img {
  display: flex;
  gap: 7rem;
  position: relative;
  z-index: 1;
}
.micore_content_service .micore_content_img .--img-1 {
  position: relative;
  top: 10rem;
  height: 40rem;
}
.micore_content_service .micore_content_img .--img-2 {
  position: relative;
  top: -4rem;
  height: 40rem;
}
.micore_content_service .micore_content_img .--img-3 {
  position: relative;
  top: 15rem;
  height: 40rem;
}
.micore_content_service .micore_content_block {
  text-align: left;
}
.micore_content_service::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 60rem;
  width: 60rem;
  background: url(https://assets.xapads.com/images/background/x.svg);
  background-size: cover;
  display: block;
  pointer-events: none;
}
.micore_content_service .heading {
  margin-bottom: 2.4rem;
  padding-right: 20rem;
}

/*************************Contact*************************/
.demo_list {
  text-align: left;
  padding: 0;
  margin-top: 2.4rem;
}
.demo_list li {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  position: relative;
  list-style: none;
  margin-bottom: 2.4rem;
}
.demo_list li::before {
  position: relative;
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E %3Cpath d="M15 1.33989C16.5083 2.21075 17.7629 3.46042 18.6398 4.96519C19.5167 6.46997 19.9854 8.17766 19.9994 9.91923C20.0135 11.6608 19.5725 13.3758 18.72 14.8946C17.8676 16.4133 16.6332 17.6831 15.1392 18.5782C13.6452 19.4733 11.9434 19.9627 10.2021 19.998C8.46083 20.0332 6.74055 19.6131 5.21155 18.7791C3.68256 17.9452 2.39787 16.7264 1.48467 15.2434C0.571462 13.7604 0.0614093 12.0646 0.00500011 10.3239L0 9.99989L0.00500011 9.67589C0.0610032 7.94888 0.563548 6.26585 1.46364 4.79089C2.36373 3.31592 3.63065 2.09934 5.14089 1.25977C6.65113 0.420205 8.35315 -0.0137108 10.081 0.000330246C11.8089 0.0143713 13.5036 0.47589 15 1.33989ZM13.707 7.29289C13.5348 7.12072 13.3057 7.01729 13.0627 7.002C12.8197 6.98672 12.5794 7.06064 12.387 7.20989L12.293 7.29289L9 10.5849L7.707 9.29289L7.613 9.20989C7.42058 9.06075 7.18037 8.98692 6.9374 9.00225C6.69444 9.01757 6.46541 9.12101 6.29326 9.29315C6.12112 9.4653 6.01768 9.69433 6.00235 9.9373C5.98702 10.1803 6.06086 10.4205 6.21 10.6129L6.293 10.7069L8.293 12.7069L8.387 12.7899C8.56237 12.926 8.77803 12.9998 9 12.9998C9.22197 12.9998 9.43763 12.926 9.613 12.7899L9.707 12.7069L13.707 8.70689L13.79 8.61289C13.9393 8.42049 14.0132 8.18024 13.9979 7.93721C13.9826 7.69419 13.8792 7.46509 13.707 7.29289Z" fill="%23EB4824"/%3E %3C/svg%3E');
  background-size: 20px 20px;
  /* Adjust as needed */
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0.8rem;
  top: 0.3rem;
  background-size: 100%;
}

.contact_details {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.contact_details .text_link {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 1.2rem;
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.contact_details .text_link svg path {
  stroke: rgb(102, 112, 133);
  transition: 0.3s ease;
}
.contact_details .text_link:hover {
  color: #EB4824;
}
.contact_details .text_link:hover svg path {
  stroke: #EB4824;
  transition: 0.3s ease;
}

.contact_section_block {
  padding: 10rem 0;
}
.contact_section_block .title_group .heading {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Public Sans", sans-serif;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 6rem;
  letter-spacing: -0.096rem;
  margin-top: 2.4rem;
  text-align: left;
  margin-bottom: 1.6rem;
}
.contact_section_block .title_group .text {
  color: #6A5F63 !important;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  padding-right: 7rem;
  text-align: left;
}

.contact_form {
  background: var(--Primary-White, #FFF);
  box-shadow: 0px 4px 40.8px 0px rgba(33, 30, 31, 0.06), 0 0 0 20px #FBF9F5;
  padding: 4.8rem 2.4rem;
  border-radius: 1.2rem;
}
.contact_form .btn_primary {
  margin-top: 4.8rem;
}

.form_group {
  margin-bottom: 2.4rem;
}
.form_group label {
  display: block;
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 0.8rem;
}

.form_control {
  width: 100%;
  height: 5.2rem;
  background: #FFF;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--Gray-300, #B3B9C6);
  padding: 1.6rem;
  color: #211E1F;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  color: #211E1F;
}
.form_control:focus, .form_control:hover, .form_control:focus-visible {
  border: 0.1rem solid #EB4824;
  box-shadow: none;
  outline: none;
}
.form_control.--search {
  padding-left: 4.8rem;
  background: url(https://assets.xapads.com/images/icons/search.svg) no-repeat;
  background-size: 2.4rem;
  background-position: 1.6rem center;
}

.text_white {
  color: #FFF;
}

.bg_contact_section {
  background: url(https://assets.xapads.com/images/background/bg-contact.svg);
  background-size: cover;
  padding: 9.6rem 0 5.6rem;
}

.bg_collage_gallery {
  background: url(https://assets.xapads.com/images/background/bg-dark-center.svg);
  background-size: cover;
  padding: 9.6rem 0 5.6rem;
}

.office_block--item {
  border-radius: 1.2rem;
  border: 1px solid var(--Primary-White, #FFF);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 0px 50px 0px rgba(33, 30, 31, 0.09);
  padding: 1.6rem;
  height: 100%;
  min-height: 26.6rem;
}
.office_block--item .text_hq {
  display: flex;
  padding: 0.6rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 0.8rem;
  background: var(--Gray-100, #EDEEF1);
  color: var(--Gray-500, #667085);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  height: 3.6rem;
}
.office_block--item .heading {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 0.8rem;
  margin-top: 1.6rem;
}
.office_block--item .text {
  color: var(--Gray-500, #667085);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.job_section_block {
  padding: 5rem 0rem 8rem;
}
.job_section_block .embed_jobs_with_style_2 .rec_filter_cls,
.job_section_block .embed_jobs_with_style_1 .rec_filter_cls {
  border: 0;
}
.job_section_block .rec-grp-drop.vscomp-ele.pop-comp-ele {
  padding: 0rem;
  border: 0 solid;
  display: flex;
  align-items: center;
  background-image: none;
  min-width: 18rem;
}
.job_section_block .rec-grp-drop.vscomp-ele.pop-comp-ele .vscomp-toggle-button {
  border: 1px solid var(--Gray-300, #B3B9C6);
  border-radius: 1.2rem;
}
.job_section_block .rec-grp-drop.vscomp-ele.pop-comp-ele .vscomp-value {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #211E1F !important;
}
.job_section_block .rec-grp-name {
  font-weight: 500;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  font-family: "Inter", sans-serif;
  font-family: "Public Sans", sans-serif;
}
.job_section_block .rec-grp-cnt {
  margin-left: 8px;
  font-family: "Inter", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  padding: 0.5rem 1rem;
}
.job_section_block .embed_jobs_head {
  background: none;
}
.job_section_block .embed_jobs_head2 {
  background-color: #fff;
  margin: auto;
  font: normal 14px "Inter", sans-serif;
  border: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.job_section_block .rec_job_listing_div_jobs .rec-group .rec-job-title {
  list-style: none;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 2.5rem;
  margin: 0 !important;
}
.job_section_block .rec_job_listing_div_jobs .rec-group .rec-job-title a {
  font-weight: 400;
  margin: 0;
  cursor: pointer;
}
.job_section_block .embed_jobs_with_style_1 .rec-job-info {
  border-radius: 1.2rem;
  background: #FFF;
  min-height: 12rem;
}
.job_section_block .embed_jobs_with_style_1 .zrsite_Job_Type {
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
}
.job_section_block .embed_jobs_with_style_1 .zrsite_Location {
  margin-top: 0.2rem;
  color: #222222;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.job_section_block .embed_jobs_with_style_1 .rec-grp-drop {
  font-size: 1.4rem;
}

.col-lg-12 .job_content--item {
  padding: 1rem 1.6rem;
}
.col-lg-12 .job_content--item .job_content--heading {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 2rem;
}
.col-lg-12 .job_content--item .job_content--heading .heading {
  margin: 0;
}
.col-lg-12 .job_content--item .btn_primary {
  position: relative;
  top: -1.6rem;
}

.job_content--item {
  display: flex;
  padding: 3.2rem 2.4rem;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 1.8rem;
  border: 1px solid var(--Gray-300, #B3B9C6);
  background: #FFF;
  margin-bottom: 4rem;
}
.job_content--item .badge_text {
  display: flex;
  padding: 0.4rem 0.8rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.4rem;
}
.job_content--item .badge_text.--operations {
  background: #E8ECFF;
  color: var(--Blue-400, #5755FF);
}
.job_content--item .badge_text.--hr {
  background: var(--Gray-100, #EDEEF1);
  color: var(--Gray-600, #565E73);
}
.job_content--item .badge_text.--product {
  background: #F3EFE1;
  color: var(--Beige-700, #AB814B);
}
.job_content--item .heading {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  margin-bottom: 4.8rem;
  margin-top: 1.6rem;
}
.job_content--item .location {
  color: var(--Gray-400, #8A94A6);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.job_content--details {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn_tabs {
  display: flex;
  gap: 1.6rem;
  justify-content: end;
  margin: 4.8rem 0 2.4rem;
}
.btn_tabs .btn {
  background: none;
  border: 0;
  padding: 0;
}
.btn_tabs .btn svg path {
  fill: #8A94A6;
}
.btn_tabs .btn.active svg path {
  fill: #EB4824;
}

.bg_journey_section {
  width: 100%;
  background: url("../../images/background/journey.webp") #08031E;
  background-size: cover;
  padding: 9rem 0 16rem;
}
.bg_journey_section .container.position-relative {
  max-width: 84%;
  margin: 0 0 0 auto;
}
.bg_journey_section .date_heading {
  margin-top: 2rem;
  color: var(--Primary-White, #FFF);
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
}
.bg_journey_section .date_heading .text_primary {
  color: var(--Orange-500, #EB4824);
}

.swiper_gallery {
  margin-top: 9.6rem;
  padding: 2.4rem 3.6rem;
  border-radius: 1.2rem;
  border: 2px dashed rgba(235, 72, 36, 0.5);
}
.swiper_gallery .swiper {
  border-radius: 1.2rem;
}

.year_text {
  color: #FFF;
  -webkit-text-stroke-width: 2;
  -webkit-text-stroke-color: var(--dark-blue, #08031E);
  font-family: "Public Sans", sans-serif;
  font-size: 21rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 24rem */
  letter-spacing: -0.48rem;
  opacity: 0.12;
  display: flex;
  height: 20rem;
  overflow: hidden;
  position: relative;
  right: -112px;
  bottom: 0;
  width: 51rem;
}
.year_text.--2 .text {
  top: -21rem;
  transition: 0.5s ease;
}
.year_text.--3 .text {
  top: -41rem;
  transition: 0.5s ease;
}
.year_text.--4 .text {
  top: -63rem;
  transition: 0.5s ease;
}
.year_text.--5 .text {
  top: -84.2rem;
  transition: 0.5s ease;
}
.year_text.--6 .text {
  top: -105rem;
  transition: 0.5s ease;
}
.year_text.--7 .text {
  top: -126.4rem;
  transition: 0.5s ease;
}
.year_text.--8 .text, .year_text.--9 .text {
  top: -147rem;
  transition: 0.5s ease;
}
.year_text.--10 .text, .year_text.--11 .text {
  top: -168rem;
  transition: 0.5s ease;
}
.year_text.--12 .text {
  top: -189rem;
  transition: 0.5s ease;
}
.year_text.--13 .text {
  top: -210rem;
  transition: 0.5s ease;
}
.year_text.--14 .text {
  top: -231rem;
  transition: 0.5s ease;
}
.year_text.--15 .text {
  top: -252rem;
  transition: 0.5s ease;
}
.year_text--absolute {
  position: absolute;
  transform: rotate(-90deg);
  left: -21vw;
  bottom: 8vw;
}
.year_text--counter {
  color: transparent;
  text-align: center;
  -webkit-text-stroke-width: 2px !important;
  -webkit-text-stroke-color: var(--Primary-White, #FFF) !important;
  font-family: "Public Sans", sans-serif;
  font-size: 21rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 24rem */
  letter-spacing: -0.48rem;
}
.year_text--counter .text {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  transition: 0.5s ease;
}

.number {
  display: flex;
  width: 100%;
  overflow: hidden;
  align-items: center;
  height: 100%;
}
.number.--1 .number_list {
  transition: 0.1s ease;
}
.number.--2 .number_list {
  left: -68rem;
  transition: 0.1s ease;
}
.number.--3 .number_list {
  left: -103rem;
  transition: 0.1s ease;
}
.number.--4 .number_list {
  left: -138rem;
  transition: 0.1s ease;
}
.number.--5 .number_list {
  left: -172rem;
  transition: 0.1s ease;
}
.number.--6 .number_list {
  left: -208rem;
  transition: 0.1s ease;
}
.number.--7 .number_list {
  left: -243rem;
  transition: 0.1s ease;
}
.number.--8 .number_list {
  left: -278rem;
  transition: 0.1s ease;
}
.number.--9 .number_list {
  left: -312rem;
  transition: 0.1s ease;
}
.number.--10 .number_list {
  left: -348rem;
  transition: 0.1s ease;
}
.number.--11 .number_list {
  left: -382rem;
  transition: 0.1s ease;
}
.number.--12 .number_list {
  left: -418rem;
  transition: 0.1s ease;
}
.number.--13 .number_list {
  left: -453rem;
  transition: 0.1s ease;
}
.number.--14 .number_list {
  left: -488rem;
  transition: 0.1s ease;
}
.number .number_list {
  display: flex;
  color: var(--Primary-White, #FFF);
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
  list-style: none;
  position: relative;
  left: -33rem;
  transition: 0.3s ease;
  gap: 6rem;
}
.number .number_list::before {
  position: absolute;
  content: "";
  top: -2.5rem;
  left: 0;
  border-top: 2px dashed rgba(235, 72, 36, 0.8);
  width: 100%;
}
.number .number_list li {
  color: var(--Primary-White, #FFF);
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
  flex-direction: column;
  display: flex;
  width: 100%;
  width: 29rem;
  position: relative;
}
.number .number_list li:before {
  position: absolute;
  content: "";
  left: 0;
  top: -3.6rem;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  /* background: #999; */
  border-radius: 0.8rem;
  opacity: 1;
  background: rgb(190, 59, 37);
  z-index: 1;
}
.number .number_list li .text_primary {
  color: #EB4824;
}

/********************************************************************************/
.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: white;
}

.btn_burger {
  height: 4rem;
  width: 4rem;
  border: none;
  background: none;
  display: none;
  padding-right: 0;
}

.dropdown_menu {
  display: none;
  flex-direction: column;
  background-color: white;
  padding: 0;
}
.dropdown_menu .hiring_link {
  color: var(--Blue-500, #442FFF);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  padding: 1.2rem 2rem;
  text-decoration: none;
  display: flex;
}
.dropdown_menu .dropdown a {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  padding: 1.2rem 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}
.dropdown_menu .dropdown a.sub_menu.active {
  color: #EB4824 !important;
  font-weight: 600;
}
.dropdown_menu .dropdown a.sub_menu.active::after {
  transform: rotate(180deg);
}
.dropdown_menu .dropdown a.sub_menu::after {
  content: "";
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background: url("https://assets.xapads.com/images/icons/arrow-down.svg");
  background-size: cover;
  height: 2rem;
  width: 2rem;
}
.dropdown_menu .dropdown ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}
.dropdown_menu .dropdown ul li a {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  padding: 1.2rem 2rem;
}
.dropdown_menu .dropdown ul li a:hover {
  color: #ff5722;
}

/* Responsive styling */
@media (max-width: 768px) {
  .btn_burger {
    display: block;
  }
  .navbar_content {
    display: none;
  }
  .dropdown_menu.active {
    display: flex;
  }
}
/*************************************************************/
.banner_about {
  position: relative;
  overflow: hidden;
}
.banner_about img {
  border-radius: 1rem;
}

#aboutGallery.active .banner_gallery {
  top: 0;
  left: -88rem;
  transition: 10s ease;
  border-radius: 1rem;
}

.banner_gallery {
  display: flex;
  gap: 2rem;
  width: 100%;
  position: relative;
  top: 0;
  left: 1rem;
  transition: 2.5s ease;
  align-items: center;
}
.banner_gallery.d_none_lg {
  display: none;
}
.banner_gallery img {
  display: block;
  border-radius: 1.3rem;
}

.our_vision_block {
  background: url("https://assets.xapads.com/images/about/background/bg-dark-about.svg");
  background-size: cover;
  padding: 13rem 0;
}
.our_vision_block .item_content {
  border-radius: 1.0596rem;
  background: linear-gradient(164deg, rgba(70, 76, 94, 0.25) 13.69%, rgba(102, 112, 133, 0.25) 88.86%);
  box-shadow: 4.415px 4.415px 8.83px 0px rgba(36, 38, 45, 0.5);
  -webkit-backdrop-filter: blur(2.6491000652px);
          backdrop-filter: blur(2.6491000652px);
  padding: 8rem 12rem;
  text-align: center;
  height: 100%;
}
.our_vision_block .item_content .heading {
  color: var(--Primary-White, #FFF);
  text-align: center;
  font-family: "Public Sans", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
  margin: 2.4rem 0 1.6rem;
}
.our_vision_block .item_content .heading .text_primary {
  color: var(--Orange-500, #EB4824);
}
.our_vision_block .item_content .text {
  color: var(--Primary-White, #FFF);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  margin-bottom: 0;
}

.ad_section_block {
  background: var(--Beige-100, #FBF9F5);
  padding: 3rem 5rem;
}
.ad_section_block--menu {
  height: 100%;
  border-radius: 1.8rem;
  border: 1px solid rgba(237, 238, 241, 0.5);
  background: var(--Primary-White, #FFF);
  padding: 4rem 2.4rem;
}
.ad_section_block--menu .heading {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 4rem;
}
.ad_section_block--menu .dropdown_menu {
  display: block;
  height: 71vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ad_section_block--menu .dropdown_menu .dropdown .sub_menu svg {
  margin-right: 0.8rem;
  width: 2.4rem;
}
.ad_section_block--menu .dropdown_menu .dropdown .sub_menu.active {
  color: #211E1F !important;
  font-weight: 500 !important;
}
.ad_section_block--menu .dropdown_menu .dropdown ul {
  padding: 0 3rem;
}
.ad_section_block--menu .dropdown_menu .dropdown ul li a.active {
  border-radius: 0.8rem;
  background: var(--Orange-500, #EB4824);
  color: #FFF !important;
}
.ad_section_block .btn_nav:focus, .ad_section_block .btn_nav:focus-within {
  border-color: transparent;
  outline: none;
}
.ad_section_block--iframe {
  border-radius: 1.8rem;
  border: 1px solid rgba(237, 238, 241, 0.5);
  background: var(--Primary-White, #FFF);
  padding: 3.8rem 2rem 7rem;
  height: 100%;
}
.ad_section_block--iframe #mobile.tabcontent {
  transform: scale(0.7);
  top: -9rem;
  height: 50rem;
  position: relative;
}
.ad_section_block--iframe .tab-content {
  display: none;
}
.ad_section_block--iframe .active {
  display: block;
}
.ad_section_block--iframe .tab_ads {
  display: flex;
}
.ad_section_block--iframe .tab_ads .tablinks {
  padding: 0;
  cursor: pointer;
  margin-left: 0.5rem;
  border: 0;
  background-color: transparent;
}
.ad_section_block--iframe .tab_ads .tablinks.active svg path {
  stroke: #EB4824;
  fill: #FCE5D8;
}
.ad_section_block--iframe .heading {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  border-radius: 1.2rem;
  background: rgba(237, 238, 241, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.4rem 1.6rem;
  min-width: 70%;
  margin: 0 auto 9rem;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: space-between;
}
.ad_section_block--iframe .mobile {
  border-radius: 3.4734rem;
  background: #F3F5F7;
  width: 35rem;
  height: 70rem;
  overflow: hidden;
  box-shadow: 0 0 0rem 2rem rgba(0, 0, 0, 0.05), -1.389px -6.947px 13.894px 0px rgba(102, 131, 188, 0.25) inset;
  margin: 0 auto;
}
.ad_section_block--iframe .mobile iframe {
  width: 35rem;
  height: 70rem;
  flex-shrink: 0;
}
.ad_section_block--iframe .desktop {
  border-radius: 0 0 3.4734rem 3.4734rem;
  background: #F3F5F7;
  width: 100%;
  height: 42.2rem;
  overflow: hidden;
  box-shadow: 0 11px 12.894px 0px rgba(102, 131, 188, 0.25), -1.389px -6.947px 13.894px 0px rgba(102, 131, 188, 0.25) inset, -1.389px -6.947px 13.894px 0px rgba(102, 131, 188, 0.25) inset;
  margin: 0 auto;
}
.ad_section_block--iframe .desktop iframe {
  width: 100%;
  height: 42.2rem;
  flex-shrink: 0;
}
.ad_section_block--details {
  border-radius: 1.8rem;
  border: 1px solid rgba(237, 238, 241, 0.5);
  background: var(--Primary-White, #FFF);
  padding: 4rem 2.4rem;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  display: flex;
}
.ad_section_block--details .heading,
.ad_section_block--details .sub_heading {
  color: #211E1F !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
}
.ad_section_block--details .heading {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 4rem;
}
.ad_section_block--details .sub_heading {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.ad_section_block--details .text,
.ad_section_block--details .text_primary {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.ad_section_block--details .text {
  color: #6A5F63;
  margin-bottom: 1.6rem;
}
.ad_section_block--details .text_primary {
  color: var(--Blue-600, #3402FF);
  text-decoration: none;
  margin-bottom: 13.5rem;
  display: flex;
  word-break: break-all;
}
.ad_section_block--details .note {
  color: var(--Black-900, #211E1F);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: 1.6rem;
}
.ad_section_block .qr_code {
  width: 18.5rem;
  height: 18.5rem;
}

.products_carousal {
  display: none;
}

.explore_section_block {
  padding: 9.6rem 0;
}
.explore_section_block .explore_ads {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 1.2rem;
  overflow: hidden;
  transition: 0.5s ease;
  height: 100%;
}
.explore_section_block .explore_ads:hover {
  transform: translateY(-17px);
  transition: 0.5s ease;
}
.explore_section_block .explore_ads .--img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: 55.8rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 1.2rem 1.2rem 0rem 0rem;
  background: rgba(237, 238, 241, 0.4);
}
.explore_section_block .explore_ads .--img .--desktop {
  width: 36.2rem;
}
.explore_section_block .explore_ads .--img .--mobile {
  width: 23.2rem;
}
.explore_section_block .explore_ads .--details {
  border-radius: 0rem 0rem 1.2rem 1.2rem;
  border-top: 1px solid var(--Gray-200, #D7DAE0);
  background: var(--Primary-White, #FFF);
  display: flex;
  padding: 3.2rem 2rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.explore_section_block .explore_ads .--details .heading {
  color: #211E1F;
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
  margin: 1.6rem 0 0.8rem;
}
.explore_section_block .explore_ads .--details .text {
  color: #211E1F;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin: 0;
}
.explore_section_block .explore_ads .tag {
  display: flex;
  padding: 0.6rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 0.8rem;
  background: var(--Gray-100, #EDEEF1);
  color: var(--Gray-500, #667085);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}

/* Tooltip styles */
#copyBtn {
  position: relative;
  cursor: pointer;
}
#copyBtn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  /* Position above the button */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
#copyBtn:hover::after, #copyBtn[data-tooltip-active=true]::after {
  opacity: 1;
}

section {
  overflow-x: hidden;
}

.awards_block--item {
  border-radius: 0rem 0rem 1.2rem 1.2rem;
  background: #FFF;
  border-radius: 1.2rem;
  text-decoration: none;
  text-align: left;
  box-shadow: 0 0 12px 10px rgba(238, 238, 238, 0.5490196078);
  height: 100%;
}
.awards_block--item img {
  width: 100%;
  margin: 0 auto;
}
.awards_block--img {
  text-align: center;
}
.awards_block--date {
  color: #6A5F63;
  font-family: Inter;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.awards_block--details {
  padding: 2.4rem;
}
.awards_block--details .heading {
  color: #211E1F;
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  /* 133.333% */
  letter-spacing: -0.048rem;
  text-decoration: none;
  margin-top: 2.4rem;
  display: block;
}
.awards_block--details .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
  margin-bottom: 2rem;
}

.page_content_block {
  text-align: left;
}
.page_content_block .heading {
  color: #211E1F;
  font-family: "Public Sans", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: -0.048rem;
  margin-top: 3rem;
  margin-bottom: 1.2rem;
}
.page_content_block .sub_head {
  color: #211E1F;
  font-family: "Public Sans", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: -0.048rem;
  margin-top: 3rem;
  margin-bottom: 1.2rem;
}
.page_content_block .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
  margin-bottom: 2rem;
}
.page_content_block ul {
  list-style: circle;
}
.page_content_block ul li {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
}
.page_content_block ol {
  padding-left: 2.9rem;
}
.page_content_block ol li {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
}
.page_content_block .text_primary {
  color: #EB4824;
}

.scroll_down {
  position: absolute;
  top: 0;
  bottom: -20rem;
  margin: auto;
  left: 0;
  right: 0;
  transform: scale(1.5) rotate(180deg);
  animation: MoveUpDown 2s linear infinite;
  pointer-events: none;
  opacity: 0;
  transition: 0.5s ease;
}
.scroll_down.show {
  opacity: 1;
  transition: 0.5s ease;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: -20rem;
  }
  50% {
    bottom: 0rem;
  }
}
.error_message {
  display: none;
  color: #F00;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  text-align: left;
}

.loader_btn {
  transform: scale(0.7);
}

.form_message {
  display: flex;
  padding: 1.6rem;
  align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 2.4rem;
  gap: 0.6rem;
  color: var(--Black-900, #211E1F);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  align-items: center;
}
.form_message.--success {
  border-left: 4px solid #00A16B;
  background: rgba(0, 161, 107, 0.05);
}
.form_message.--danger {
  border-left: 4px solid #D71414;
  background: rgba(215, 20, 20, 0.05);
}

.vscomp-value[data-tooltip=Select] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #6A5F63 !important;
}

.vscomp-value {
  color: #211E1F;
}

.vscomp-options-container::-webkit-scrollbar {
  width: 2px;
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.storytelling_xs {
  margin-top: 3rem;
}

video::-webkit-media-controls {
  display: none !important;
}

.performance_content_service .performance_content_service--item:hover .button_round--icon {
  background: var(--Orange-500, #EB4824);
}

.form_message span {
  text-align: left;
}

/**********************************/
.bg_gradient {
  background: linear-gradient(180deg, #f8f0f4, transparent);
}

img.panasonic {
  height: 6rem;
  margin-bottom: -2rem;
}

.cards-container {
  position: relative;
  width: 100%;
  height: 90rem;
  padding: 0rem 4rem 0;
}
.cards-container .sub_text {
  color: var(--Gray-300, #B3B9C6);
  font-family: "Public Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 2.2rem 0 1.6rem;
  position: relative;
  z-index: 1;
}
.cards-container .img_card {
  height: 50rem;
  width: auto;
  filter: drop-shadow(6px 23px 24px rgba(0, 0, 0, 0.06));
}
.cards-container .steps_content_block--item {
  padding-left: 10rem;
}
.cards-container .heading {
  font-family: "Public Sans", sans-serif;
  font-size: 6.6rem;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  top: 1rem;
  left: 4rem;
  color: rgba(255, 255, 255, 0.7490196078);
  margin: 0;
  opacity: 0.4;
  color: var(--Gray-200, #D7DAE0);
  letter-spacing: -0.144rem;
}
.cards-container .card {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 4rem;
  margin: 0 auto;
  width: 90%;
  height: 60rem;
  overflow: hidden;
  border-radius: 3.2rem;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF -36.46%, #F8F8F8 128.47%);
  box-shadow: 0px -1px 24px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.cards-container .card.z_index_3 {
  margin-top: 10rem;
  transition: 0.1s ease;
}
.cards-container .card.end-card {
  margin-top: 0;
  transition: 0.1s ease;
}
.cards-container .card-content {
  text-align: center;
  color: white;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutBanner .swiper-slide {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.journey_content_block {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 50rem;
}
.journey_content_block.--1 .progress_bar {
  width: 100%;
  transition: 6s ease-out;
}
.journey_content_block.--1 .item.--1 {
  transition: 0.3s ease-in-out;
  height: 17rem;
}
.journey_content_block.--2 {
  /* .progress_bar {
      width: 12%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--2 .item.--1::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--2 .item.--1 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--2 .item.--1 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--2 .item.--2 {
  height: 37rem;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--3 {
  /* .progress_bar {
      width: 18%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--3 .item.--2::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--3 .item.--2 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--3 .item.--2 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--3 .item.--3 {
  transition: 0.3s ease-in-out;
  height: 20rem;
}
.journey_content_block.--4 {
  /* .progress_bar {
      width: 24%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--4 .item.--3::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--4 .item.--3 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--4 .item.--3 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--4 .item.--4 {
  transition: 0.3s ease-in-out;
  height: 27rem;
}
.journey_content_block.--5 {
  /* .progress_bar {
      width: 30%;
      transition: 0.3s ease;

  } */
}
.journey_content_block.--5 .item.--4::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--5 .item.--4 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--5 .item.--4 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--5 .item.--5 {
  transition: 0.3s ease-in-out;
  height: 15rem;
}
.journey_content_block.--6 {
  /* .progress_bar {
      width: 36%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--6 .item.--5::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--6 .item.--5 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--6 .item.--5 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--6 .item.--6 {
  transition: 0.3s ease-in-out;
  height: 34rem;
}
.journey_content_block.--7 {
  /* .progress_bar {
      width: 42%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--7 .item.--6::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--7 .item.--6 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--7 .item.--6 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--7 .item.--7 {
  transition: 0.3s ease-in-out;
  height: 14rem;
}
.journey_content_block.--8 {
  /* .progress_bar {
      width: 48%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--8 .item.--7::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--8 .item.--7 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--8 .item.--7 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--8 .item.--8 {
  transition: 0.3s ease-in-out;
  height: 27rem;
}
.journey_content_block.--9 {
  /* .progress_bar {
      width: 54%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--9 .item.--8::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--9 .item.--8 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--9 .item.--8 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--9 .item.--9 {
  transition: 0.3s ease-in-out;
  height: 17rem;
}
.journey_content_block.--10 {
  /* .progress_bar {
      width: 60%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--10 .item.--9::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--10 .item.--9 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--10 .item.--9 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--10 .item.--10 {
  transition: 0.3s ease-in-out;
  height: 32rem;
}
.journey_content_block.--11 {
  /* .progress_bar {
      width: 66%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--11 .item.--10::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--11 .item.--10 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--11 .item.--10 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--11 .item.--11 {
  transition: 0.3s ease-in-out;
  height: 16rem;
}
.journey_content_block.--12 {
  /* .progress_bar {
      width: 72%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--12 .item.--11::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--12 .item.--11 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--12 .item.--11 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--12 .item.--12 {
  transition: 0.3s ease-in-out;
  height: 27rem;
}
.journey_content_block.--13 {
  /* .progress_bar {
      width: 78%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--13 .item.--12::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--13 .item.--12 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--13 .item.--12 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--13 .item.--13 {
  transition: 0.3s ease-in-out;
  height: 17rem;
}
.journey_content_block.--14 {
  /* .progress_bar {
      width: 84%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--14 .item.--13::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--14 .item.--13 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--14 .item.--13 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--14 .item.--14 {
  transition: 0.3s ease-in-out;
  height: 25rem;
}
.journey_content_block.--15 {
  /* .progress_bar {
      width: 90%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--15 .item.--14::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--15 .item.--14 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--15 .item.--14 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--15 .item.--15 {
  transition: 0.3s ease-in-out;
  height: 17rem;
}
.journey_content_block.--16 {
  /* .progress_bar {
      width: 94%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--16 .item.--15::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--16 .item.--15 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--16 .item.--15 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--16 .item.--16 {
  transition: 0.3s ease-in-out;
  height: 24rem;
}
.journey_content_block.--17 {
  /* .progress_bar {
      width: 100%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--17 .item.--16::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--17 .item.--16 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--17 .item.--16 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--17 .item.--17 {
  transition: 0.3s ease-in-out;
  height: 37rem;
}
.journey_content_block.--18 {
  /* .progress_bar {
      width: 100%;
      transition: 0.3s ease;
  } */
}
.journey_content_block.--18 .item.--17::after {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--18 .item.--17 .heading {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--18 .item.--17 .text {
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.journey_content_block.--18 .item.--18 {
  transition: 0.3s ease-in-out;
  height: 37rem;
}
.journey_content_block .progress_bar {
  width: 0;
  height: 0.2rem;
  background: var(--Orange-500, #EB4824);
  transition: 0.5s ease;
  position: absolute;
  bottom: 0;
}
.journey_content_block .inner {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  cursor: grab;
  /* Enables smooth scrolling for scrollLeft changes */
  /* Handle on hover */
}
.journey_content_block .inner:active {
  cursor: grabbing;
}
.journey_content_block .inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.journey_content_block .inner::-webkit-scrollbar-track {
  background: transparent;
}
.journey_content_block .inner::-webkit-scrollbar-thumb {
  background: #888;
}
.journey_content_block .inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.journey_content_block .inner .inner_content {
  width: 306rem;
  display: flex;
  gap: 4.9rem;
  justify-content: space-between;
  align-items: end;
  padding: 0 5.3rem;
}
.journey_content_block .item {
  width: 12rem;
  top: 0;
  left: 0;
  position: relative;
  padding-left: 2.2rem;
  height: 0;
  transition: 0.5s ease;
}
.journey_content_block .item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0.5rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #EB4824;
  box-shadow: 0 0 0 0.2rem #EB4824;
  border: 0.4rem solid #08031E;
  border-radius: 10rem;
  opacity: 0;
  transition: 0.5s ease;
}
.journey_content_block .item::before {
  position: absolute;
  content: "";
  left: 0.6rem;
  top: 0.5rem;
  width: 0.2rem;
  height: 100%;
  background: #EB4824;
}
.journey_content_block .item .heading {
  color: #EB4824;
  font-family: "Inter", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  opacity: 0;
  transition: 0.5s ease;
}
.journey_content_block .item .text {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.2rem;
  margin-bottom: 0;
  opacity: 0;
  transition: 0.5s ease;
}

.dropdown.no-arrow a.sub_menu::after {
  display: none;
}

.pagination-links {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  position: relative;
}
.pagination-links .prev,
.pagination-links .next {
  width: auto;
}
.pagination-links .next {
  right: 0;
  position: absolute;
}
.pagination-links .prev {
  left: 0;
  position: absolute;
}
.pagination-links .page,
.pagination-links .prev,
.pagination-links .next {
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-self: center;
  font-family: "Public Sans", sans-serif;
  width: 48px;
  font-size: 1.8rem;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 0;
  color: var(--Gray-300, #B3B9C6);
  text-decoration: none;
}
.pagination-links .page:hover, .pagination-links .page.active,
.pagination-links .prev:hover,
.pagination-links .prev.active,
.pagination-links .next:hover,
.pagination-links .next.active {
  text-decoration: none;
  width: 48px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--Orange-500, #EB4824);
  border-radius: 12px;
  background: var(--Orange-100, #FCE5D8);
}

.bg_qr {
  border-radius: 0.6rem;
  border: 1px solid var(--Orange-100, #FCE5D8);
  background: rgba(252, 229, 216, 0.5);
  padding: 1.2rem;
}

.job_banner {
  background: url(../../images/background/bg-job.webp) !important;
  background-size: cover;
}
.job_banner .text {
  color: #6A5F63;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
  margin: 1.6rem 0 0;
}

.bg_job_form .content {
  border-radius: 1.2rem;
  border: 1px solid rgba(252, 229, 216, 0.25);
  background: linear-gradient(112deg, #FBF9F5 -50.99%, rgba(251, 249, 245, 0.7) 75.6%);
  padding: 6.4rem 0;
  position: relative;
  text-align: center;
  margin-bottom: 8rem;
}
.bg_job_form .content .heading {
  color: var(--Black-900, #211E1F);
  text-align: center;
  font-family: "Public Sans", sans-serif;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 6rem;
  letter-spacing: -0.096rem;
  margin-bottom: 3.2rem;
}
.bg_job_form .content .btn_primary {
  text-decoration: none;
}
.bg_job_form .content::before, .bg_job_form .content::after {
  content: "";
  background: url("../../images/background/form-bg.webp") center no-repeat;
  background-size: cover;
  height: 100%;
  width: 40rem;
  display: block;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.bg_job_form .content::before {
  left: 0;
}
.bg_job_form .content::after {
  right: 0;
  transform: rotate(180deg);
}

.cky-consent-container .cky-consent-bar {
  padding: 0.2rem 1.6rem 1.6rem !important;
}

.cky-notice-des a {
  color: #667085 !important;
  font-weight: 400 !important;
}
.cky-notice-des a:hover {
  color: #211E1F !important;
}

.cky-notice-btn-wrapper {
  display: inline-flex !important;
}

button.cky-btn.cky-btn-accept {
  background: transparent;
  border-radius: 0.6rem;
  background-color: #EB4824;
  color: #FFF;
  font-family: "Inter", sans-serif !important;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  display: inline-flex;
  height: 4rem;
  padding: 1.4rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
button.cky-btn.cky-btn-accept:hover {
  background-color: #DC301A;
  color: #FFF;
}

button.cky-btn.cky-btn-reject {
  background: transparent;
  border-radius: 0.6rem;
  font-family: "Inter", sans-serif !important;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  display: inline-flex;
  height: 4rem;
  padding: 1.4rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

.cky-box-bottom-right {
  bottom: 1rem !important;
  right: 1rem !important;
}

.cky-consent-container {
  width: 38rem !important;
}

@media (max-width: 440px) {
  .cky-btn {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .cky-notice-btn-wrapper {
    flex-direction: row !important;
    margin-top: 0;
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .cky-consent-container .cky-consent-bar {
    padding: 0 !important;
  }
}
.highlight_content_block {
  margin-top: 1.7rem;
  background: var(--Blue-900, #08031E);
  position: relative;
}
.highlight_content_block::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 62rem;
  left: 0;
  top: 0;
  background-image: url(../../images/background/x-bg-highlight.png);
  background-repeat: no-repeat;
  background-size: 100%;
  pointer-events: none;
}
.highlight_content_block .--details {
  padding: 17rem 0 13rem 21.7rem;
}
.highlight_content_block .--details .sub_heading {
  color: var(--Orange-500, #EB4824);
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.highlight_content_block .--details .heading {
  color: var(--Primary-White, #FFF);
  font-family: "Public Sans", sans-serif;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 6.5rem;
}

.c_default {
  cursor: default !important;
}

.tabs {
  overflow: hidden;
  display: flex;
  gap: 1.6rem;
  margin-top: 4rem;
  flex-wrap: wrap;
}

.tabslinks,
.tabswitch {
  display: flex;
  padding: 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  background: rgba(133, 144, 255, 0.1);
  border: 0.1rem solid #8590FF;
  border-radius: 1.2rem;
  gap: 1rem;
}
.tabslinks.--text,
.tabswitch.--text {
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}
.tabslinks.--text:hover,
.tabswitch.--text:hover {
  border: 0.1rem solid #EB4824;
  background: #EB4824;
  color: #FFF;
  text-decoration: none;
}
.tabslinks:hover,
.tabswitch:hover {
  border: 0.1rem solid #EB4824;
}
.tabslinks:hover.c_default,
.tabswitch:hover.c_default {
  cursor: default !important;
  border: 0.1rem solid #8590FF;
}
.tabslinks.active,
.tabswitch.active {
  border-radius: 1.2rem;
  background: #EB4824;
  border: 0.1rem solid #EB4824;
}
.tabslinks.active:hover,
.tabswitch.active:hover {
  background-color: #DC301A;
}

/* Style the tab_switch content */
.tabscontent {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.5s ease;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
}
.tabscontent.opacity-1 {
  opacity: 1;
}

.tab_switch {
  padding: 9rem 0;
  background: url("../../images/background/bg_tabswitch.webp");
  background-size: cover;
  border-radius: 2rem;
  background-repeat: no-repeat;
}

.ads_content_block .vid_content {
  position: relative;
  width: 26.8rem;
  height: 55.7252rem;
  flex-shrink: 0;
  overflow: hidden;
  border: 0.5rem solid #667085;
  margin: 0 auto;
  padding: 0.5rem;
  border-radius: 3.2rem;
  background: #FFF;
}
.ads_content_block .vid_content::before {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0.4rem;
  content: "";
  width: 1.2716rem;
  height: 1.2716rem;
  background: #667085;
  border-radius: 100%;
}
.ads_content_block .vid_content video {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin: 1.2rem 0;
}

.badge_ads {
  color: #FFF;
  position: absolute;
  display: flex;
  gap: 0.66rem;
  border-radius: 5.8976rem;
  background: rgba(255, 255, 255, 0.15);
  color: #FFF;
  font-family: "Public Sans", sans-serif;
  font-size: 1.7474rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6211rem;
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: left 1rem center;
  padding: 0 0.87rem 0 3.37rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  background-image: url("../../images/icons/icon_ads.svg");
}
.badge_ads.--1 {
  left: 8%;
  top: 15%;
}
.badge_ads.--2 {
  right: 3%;
  top: 35%;
}
.badge_ads.--3 {
  left: 14%;
  top: 70%;
}
.badge_ads.--4 {
  right: 10%;
  bottom: 20%;
}

.programmatic_fb {
  padding: 0rem 5rem 0 20rem;
}

.ptb_lg_55 {
  padding-bottom: 5.5rem;
}/*# sourceMappingURL=style.css.map */