@charset "UTF-8";
.--bs-gutter-x-32 {
  --bs-gutter-x: 3.2rem;
}

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

.--bs-gutter-x-20 {
  --bs-gutter-x: 2rem;
}

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

.gap_8 {
  gap: 0.8rem;
}

.gap_75 {
  gap: 7.5rem;
}

.gap_12 {
  gap: 1.2rem;
}

.gap_16 {
  gap: 1.6rem;
}

.gap_120 {
  gap: 12rem;
}

.gap_24 {
  gap: 2.4rem;
}

.opacity-1 {
  opacity: 1;
}

.opacity-0 {
  opacity: 0;
}

.fade_in {
  opacity: 0 !important;
}

.px_40 {
  padding: 0 4rem;
}

.px_80 {
  padding: 0 8rem;
}

.mb_32 {
  margin-bottom: 3.2rem;
}

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

.mt_lg_127 {
  margin-top: 12.7rem;
}

.w_lg_80 {
  width: 80%;
}

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

.pb_lg_60 {
  padding-bottom: 6rem;
}

.pb_lg_100 {
  padding-bottom: 10rem !important;
}

.ptb_lg_40 {
  padding: 4rem 0;
}

.pe_lg_120 {
  padding-right: 12rem;
}

.ptb_lg_90 {
  padding: 9rem 0;
}

.ptb_lg_160 {
  padding: 16rem 0;
}

.mt_20 {
  margin-top: 2rem;
}

.mt_34 {
  margin-top: 3.4rem;
}

.mt_22 {
  margin-top: 2.2rem;
}

.mt_16 {
  margin-top: 1.6rem;
}

.mt_13 {
  margin-top: 1.3rem;
}

.mb_lg_32 {
  margin-bottom: 3.2rem;
}

.mb_lg_16 {
  margin-bottom: 1.6rem !important;
}

.mb_lg_64 {
  margin-bottom: 6.4rem !important;
}

.mb_lg_80 {
  margin-bottom: 8rem;
}

.mb_lg_40 {
  margin-bottom: 4rem;
}

.mt_lg_40 {
  margin-top: 4rem;
}

.mt_lg_60 {
  margin-top: 6rem;
}

.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;
}

.mt_lg_50 {
  margin-top: 5rem;
}

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

.d_none_lg {
  display: none;
}

.d_block_xs {
  display: none;
}

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

.--bs-gutter-xy-24 {
  --bs-gutter-x: 2.4rem;
  --bs-gutter-y: 2.4rem;
}

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

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

.gutter_lg_25 {
  --bs-gutter-x: 2.5rem;
}

.gutter_lg_26 {
  --bs-gutter-x: 2.6rem;
}

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

.gutter_x_25 {
  --bs-gutter-x: 2.5rem;
}

.gutter_y_25 {
  --bs-gutter-y: 2.5rem;
}

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

.w_lg_50 {
  width: 50%;
}

.w_lg_5 {
  width: 5%;
}

.w_lg_25 {
  width: 25%;
}

.w_lg_30 {
  width: 30%;
}

.w_lg_35 {
  width: 35%;
}

.w_lg_40 {
  width: 40%;
}

.w_70 {
  width: 70%;
}

.z_index_1 {
  z-index: 1;
}

.z_index_2 {
  z-index: 2;
}

.z_index_3 {
  z-index: 3;
}

.py_section {
  padding: 9.6rem 0 13.6rem;
}

.pt_lg_80 {
  padding-top: 8rem !important;
}

.py_lg_80 {
  padding: 8rem 0;
}

.py_lg_150 {
  padding: 15rem 0;
}

.pb_lg_150 {
  padding-bottom: 15rem;
}

.py_lg_120 {
  padding: 12rem 0;
}

.d_lg_none {
  display: none;
}

.d_lg_none {
  display: none;
}

.text_center {
  text-align: center;
}

@keyframes ringPulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  70% {
    opacity: 0.1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pop-comp-wrapper {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.6rem;
  overflow: hidden;
}

.w_lg_50 {
  width: 50%;
}

.mb_lg_8 {
  margin-bottom: 0.8rem !important;
}

.virtual_select.vscomp-ele {
  width: 100%;
  max-width: 100%;
}
.virtual_select .vscomp-toggle-button {
  border-radius: 0.6rem;
  border: 1px solid var(--Grey-400, #98A2B3);
  background-color: transparent;
  height: 4.8rem;
  padding-right: 3rem;
}
.virtual_select .vscomp-toggle-button:hover {
  box-shadow: 0 0 0 0.2rem #EAECF0;
  transition: 0.5s ease;
}
.virtual_select.error .vscomp-toggle-button {
  border: 0.1rem solid var(--Error-500, #F04438);
  background: var(--Error-25, #FFFBFA);
}
.virtual_select.error .vscomp-toggle-button:hover {
  box-shadow: 0 0 0 0.2rem #FECDCA;
  transition: 0.5s ease;
}
.virtual_select.error .vscomp-wrapper.focused .vscomp-toggle-button,
.virtual_select.error .vscomp-wrapper:focus .vscomp-toggle-button {
  border: 0.1rem solid var(--Error-500, #F04438);
  background: var(--Error-25, #FFFBFA);
}
.virtual_select .vscomp-value[data-tooltip=Select] {
  opacity: 1 !important;
  color: #CCCCCC;
  font-family: "Manrope", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.virtual_select .vscomp-value[data-tooltip=Select] {
  opacity: 1 !important;
  color: #CCCCCC;
  font-family: "Manrope", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
}
.virtual_select .vscomp-wrapper.focused .vscomp-toggle-button,
.virtual_select .vscomp-wrapper:focus .vscomp-toggle-button {
  box-shadow: none;
  border: 0.1rem solid #98a2b3;
  cursor: text;
}
.virtual_select .vscomp-search-label {
  color: #cad5e2 !important;
}
.virtual_select .vscomp-search-input {
  padding-left: 2.5rem;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/search-icon.svg);
  background-repeat: no-repeat;
  background-position: left 0rem center;
  background-size: 2rem;
  font-family: "Manrope", sans-serif;
}
.virtual_select .vscomp-search-input:placeholder-shown {
  color: #98a2b3 !important;
}
.virtual_select .vscomp-search-input::-webkit-input-placeholder {
  /* Chrome/Safari/Edge */
  color: #98a2b3;
}
.virtual_select .vscomp-search-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #98a2b3;
  opacity: 1;
}
.virtual_select .vscomp-search-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #98a2b3;
}
.virtual_select .vscomp-search-input:-moz-placeholder {
  /* Firefox 4-18 */
  color: #98a2b3;
  opacity: 1;
}
.virtual_select .vscomp-search-input::placeholder,
.virtual_select .vscomp-search-input::-webkit-input-placeholder,
.virtual_select .vscomp-search-input::-moz-placeholder,
.virtual_select .vscomp-search-input:-ms-input-placeholder,
.virtual_select .vscomp-search-input:-moz-placeholder {
  color: #98a2b3 !important;
  font-family: "Manrope", sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.virtual_select .vscomp-search-container {
  border-bottom: 0.1rem solid #EAECF0;
  padding-left: 1.2rem;
}
.virtual_select .vscomp-option {
  padding: 0 1.2rem;
  background-image: "";
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
.virtual_select .vscomp-option.focused {
  background: #F5F5F5;
}
.virtual_select .vscomp-option:hover {
  background-image: "";
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
.virtual_select .vscomp-option.selected {
  background-color: #F5F5F5;
  background-image: url("https://assets.xerxes.media/web/assets-main/images/icons/check-outline-green.svg");
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  color: #141415;
  padding-right: 3rem;
}

.vscomp-wrapper:not(.has-value) .vscomp-value {
  opacity: 1 !important;
  color: var(--Grey-400, #98A2B3);
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

.virtual_select .vscomp-wrapper .checkbox-icon::after {
  transition-duration: 0.2s;
  border: 0;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/checkbox-select.svg);
  background-size: 100%;
  width: 100%;
  transform: none;
}

.virtual_select .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after,
.virtual_select .checkbox-icon.vscomp-toggle-all-checkbox.checked::after {
  border: 0;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/checkbox-selected-1.svg);
  transform: none;
  width: 100%;
  background-size: 100%;
}

.vscomp-arrow {
  right: 0.6rem;
}

.virtual_select .vscomp-option {
  transition: background-image 0s, 0.3s ease;
}
.virtual_select .vscomp-option.focused {
  background-color: var(--Gray-100, #F2F4F7);
}

.vscomp-option-text {
  font-weight: 400;
  color: #020618;
}

.vscomp-dropbox-container.pop-comp-wrapper {
  z-index: 9999999 !important;
  min-width: 30rem;
}

.vscomp-clear-button:hover {
  background: #f8f8f9;
}

.input-group-virtual {
  display: flex;
}
.input-group-virtual .vscomp-toggle-button {
  height: 5.6rem;
  background: #FFF;
}
.input-group-virtual .virtual_select.vscomp-ele {
  width: 100%;
  max-width: fit-content;
}
.input-group-virtual .vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button {
  display: none;
}
.input-group-virtual .form_control {
  border-radius: 0 0.6rem 0.6rem 0;
  border-left: 0;
  position: relative;
  width: 100%;
}
.input-group-virtual .vscomp-wrapper.has-clear-button .vscomp-toggle-button {
  border-radius: 0.6rem 0 0 0.6rem;
  border-right: 0;
  position: relative;
  padding-right: 3rem;
  cursor: pointer !important;
}
.input-group-virtual .vscomp-wrapper.has-clear-button .vscomp-toggle-button:before {
  position: absolute;
  content: "";
  height: 2.6rem;
  width: 0.1rem;
  background-color: #edeef1;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.input-group-virtual .vscomp-wrapper.has-clear-button .vscomp-toggle-button:hover {
  box-shadow: none;
  border-right: 0;
  outline: none;
}
.input-group-virtual .vscomp-wrapper.has-clear-button .vscomp-toggle-button .country_name {
  display: none;
}
.input-group-virtual .vscomp-arrow {
  width: auto;
}
.input-group-virtual .vscomp-arrow::after {
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/chevron-down-dark.svg);
  background-size: 100%;
  top: 0;
  right: 0rem;
  position: absolute;
  height: 2.4rem;
  width: 2.4rem;
  transition: 0.3s ease;
  transform: rotate(0deg);
  bottom: 0;
  margin: auto;
  border: 0;
}
.input-group-virtual .vscomp-wrapper.has-clear-button .vscomp-toggle-button .country_name {
  display: none;
}

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

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  width: 100%;
  background: #F5F5F5;
}

section {
  overflow: hidden;
  width: 100%;
}

*::-webkit-scrollbar {
  width: 0.7rem;
}

*::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #0F1114 0%, #344054 120.45%);
}

*::-webkit-scrollbar-thumb {
  background: #D0D5DD;
  border-radius: 1rem;
  cursor: pointer;
  transition: 0.5s ease;
}

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

.btn {
  text-transform: uppercase;
  --x: 13.2890625rem;
  --y: 4.1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
a,
p,
span,
div {
  font-family: "Manrope", sans-serif;
  font-style: normal;
}

/****************Header****************/
.nav_inner_menu {
  display: flex;
  gap: 4rem;
}
.nav_inner_menu .text_link {
  display: flex;
  gap: 1.2rem !important;
  padding: 0.8rem 1.2rem;
}
.nav_inner_menu .text_link.active {
  background: #F2F4F7 !important;
  border-radius: 1.5rem !important;
}
.nav_inner_menu img {
  width: 4rem;
  height: 4rem;
  padding: 0.8rem;
  border-radius: 1rem;
  border-radius: 0.8rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.04);
  background: #FFF;
  box-shadow: 0.2rem 0.2rem 1.5rem 0.2rem rgba(0, 0, 0, 0.04);
}
.nav_inner_menu .heading {
  display: flex;
  color: #0F1114;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
}
.nav_inner_menu .text {
  display: flex;
  color: #667085;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.nav_inner_menu .--item-1,
.nav_inner_menu .--item-2,
.nav_inner_menu .--item-3 {
  width: 33%;
}
.nav_inner_menu .--item-3 {
  margin-left: 2rem;
}

.header_content.shrink header {
  position: fixed;
  width: 100%;
  z-index: 8;
  padding: 0.8rem 0;
  transition: 0.5s ease;
  box-shadow: 0 2rem 6.7rem -3.3rem rgba(0, 0, 0, 0.29);
  background: rgba(255, 255, 255, 0.89);
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}
.header_content header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  height: 8rem;
  display: flex;
  align-items: center;
  transition: 0.5s ease;
  background: #FFF;
}
.header_content header .--item-1,
.header_content header .--item-2,
.header_content header .--item-3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.header_content header .--item-1 .main_heading,
.header_content header .--item-2 .main_heading,
.header_content header .--item-3 .main_heading {
  color: #0C1018;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4rem;
  gap: 0.8rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}
.header_content header .--item-1 .main_heading img,
.header_content header .--item-2 .main_heading img,
.header_content header .--item-3 .main_heading img {
  padding: 0;
  width: 2rem;
  height: 2rem;
  aspect-ratio: 1/1;
  box-shadow: none;
  border: none;
}
.header_content header .dropdown_item {
  height: 8rem;
  display: flex;
  align-items: center;
}
.header_content header .dropdown_item:hover .dropdown_content {
  top: 7rem;
  transition: 0.3s ease;
  opacity: 1;
  pointer-events: all;
  gap: 1.6rem;
  transform: scale(1);
}
.header_content header .dropdown_item.position-relative:hover .dropdown_content {
  top: 6rem;
}
.header_content header .dropdown_item.position-relative .dropdown_content {
  min-width: max-content;
}
.header_content header .dropdown_item.position-relative .dropdown_content .nav_inner_menu .text_link {
  padding-right: 2rem;
}
.header_content header .dropdown_content {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 62vw;
  height: auto;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-shadow: 0 1.4rem 5.5rem 0 rgba(208, 202, 239, 0.3);
  border-radius: 1.2rem;
  transition: 0.2s ease;
  opacity: 0;
  pointer-events: none;
  background: #FFFFFF;
  overflow: hidden;
}
.header_content header .dropdown_content .text_link:hover {
  border-radius: 1.2rem;
  background: #F2F4F7;
}
.header_content header .dropdown_content .text_link {
  display: flex;
  gap: 1rem;
  font-size: 1.6rem !important;
}
.header_content header .nav {
  display: flex;
  gap: 3.6rem;
  height: 100%;
  align-items: center;
  margin-left: 6rem;
}
.header_content header .nav .text_link {
  color: #0C1018;
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  cursor: pointer;
  height: 8rem;
  display: flex;
  align-items: center;
  background: none;
  border: 0;
  gap: 0.6rem;
}
.header_content header .nav .text_link.active {
  color: #e6883f;
  font-weight: 600;
  transition: 0.5s ease;
}
.header_content header .nav .text_link.active svg path {
  fill: #e6883f;
  transition: 0.5s ease;
}
.header_content header .nav .text_link.active:hover {
  color: #e6883f;
  transition: 0.5s ease;
}
.header_content header .nav .text_link.active:focus, .header_content header .nav .text_link.active:focus-visible, .header_content header .nav .text_link.active:active {
  outline: none;
  box-shadow: none;
  color: #e6883f;
}
.header_content header .nav .text_link:hover {
  color: #344054;
  transition: 0.5s ease;
}
.header_content header .nav .text_link:focus, .header_content header .nav .text_link:focus-visible, .header_content header .nav .text_link:active {
  outline: none;
  box-shadow: none;
  color: #0C1018;
}
.header_content header .btn_login {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.header_content header .content_left {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 6.4rem;
  height: 100%;
}
.header_content header .content_left img {
  width: 10rem;
  height: auto;
}
.header_content header .content_right {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1.6rem;
}
.header_content .menubar {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

/*****************************************************/
.banner {
  padding: 6.3rem 0;
}
.banner.--home {
  padding: 4.3rem 0 9.3rem;
}
.banner.--inapp {
  height: auto;
  display: flex;
  align-items: center;
  padding: 6rem 0;
}
.banner.--inapp .title_main {
  padding-right: 3rem;
}
.banner.--inapp .banner_img_content {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner.--inapp .banner_img_content img {
  width: 70%;
}
.banner.contact_section .container_main {
  padding: 0 8vw 0 15vw;
}
.banner .title_main {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.banner .title_main .heading {
  color: #0F1114;
  font-size: 6.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 7.6rem;
  margin-bottom: 2.4rem;
  text-transform: capitalize;
}
.banner .title_main .text {
  color: #475467;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: 0.04rem;
  margin-bottom: 4.8rem;
}
.banner .banner_img {
  padding-left: 15rem;
  width: 100%;
}
.banner.--gradient {
  background: linear-gradient(180deg, #FFF 0%, #F5F5F5 100%);
}
.banner .banner_img_content {
  background: #F2F4F7;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7.7rem;
  width: 100%;
}
.banner .banner_img_content img {
  width: 70%;
}
.banner .banner_content {
  padding-left: 10rem;
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.banner .banner_content.mh_80 {
  min-height: 60rem !important;
}
.banner .banner_content.--home {
  min-height: fit-content;
}
.banner .banner_content.--home.--platform {
  min-height: fit-content;
}
.banner .banner_content.--solutions {
  padding-left: 0;
  min-height: fit-content;
}
.banner .banner_content.--solutions .video-ios-border-fix {
  position: absolute;
  z-index: 1;
  box-sizing: initial;
  left: -0.2rem;
  top: -0.2rem;
  right: -0.2rem;
  bottom: -0.2rem;
  border: 1rem solid #f5f5f5;
}
.banner .banner_content.--home .video-ios-border-fix {
  left: 9.1rem;
}
.banner .banner_content video {
  width: 100%;
  z-index: 1;
  position: relative;
}
.banner .banner_content .video-ios-border-fix {
  border-bottom: 0.7rem solid #f5f5f5;
}
.banner .banner_content .video-ios-border-fix {
  position: absolute;
  z-index: 1;
  box-sizing: initial;
  left: -0.2rem;
  top: -0.2rem;
  right: -0.2rem;
  bottom: -0.2rem;
  border: 1rem solid #f5f5f5;
}

.awards_section {
  padding: 4.4rem 0;
  background: #FFFFFF;
}
.awards_section .flex_awards {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-top: 2rem;
}
.awards_section .flex_awards img {
  height: 6rem;
}
.awards_section .title .heading {
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.8rem;
  margin-bottom: 0;
  text-transform: capitalize;
}
.awards_section .title .text {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.awards_section .marquee {
  position: relative;
  overflow: hidden;
}
.awards_section .marquee-awards {
  gap: 4.8rem;
  display: inline-flex;
  align-items: center;
}
.awards_section .marquee-awards .award_logo {
  display: flex;
  width: 26rem;
  height: 8rem;
  padding: 0.9231rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 0.7692rem;
  border-radius: 0.9231rem;
  background: #F5F5F5;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.awards_section .marquee-awards img {
  height: 5.5rem;
  transition: transform 0.5s;
  flex-shrink: 0;
  width: auto;
}

/*****************************************************/
.services_section {
  padding: 12rem 0;
}
.services_section.--oem .row {
  --bs-gutter-y: 1.6rem;
}
.services_section.--oem .--card {
  height: 100%;
  margin: 0;
}
.services_section.--mi .--card {
  padding: 4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.04);
  background: #FFFFFF;
}
.services_section.--mi .--card::after {
  display: none;
}
.services_section.--mi .--card.--mi {
  border-radius: 1.2rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.04);
  background: #FE810F;
}
.services_section.--mi .--card.--mi .tag {
  display: flex;
  width: 15.4rem;
  position: relative;
  padding: 0.5rem 0.9rem;
  left: -4rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  color: #FFF;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  border-radius: 0 0.8rem 0.8rem 0;
  background: #FFA858;
  line-height: 3rem;
  margin-bottom: 2.5rem;
}
.services_section.--mi .--card.--mi .heading {
  color: #FFF;
  margin-bottom: 1.8rem;
}
.services_section.--mi .--card .sub_head {
  color: #1E1E1E;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 3.2rem;
}
.services_section.--mi .--card .flex_logos {
  display: flex;
  flex-wrap: wrap;
}
.services_section.--mi .--card .flex_logos .item {
  flex: 1 0 calc(50% - 10px);
  box-sizing: border-box;
  padding: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid #D0D5DD;
}
.services_section.--mi .--card .flex_logos .item:nth-child(even) {
  border-left: 0.1rem solid #D0D5DD;
}
.services_section.--mi .--card .flex_logos .item:nth-child(5), .services_section.--mi .--card .flex_logos .item:nth-child(6) {
  border-bottom: 0rem;
}
.services_section.--mi .--card .flex_logos .item img {
  height: 3rem;
  max-width: 16rem;
  filter: none;
}
.services_section.--mi .--card .heading {
  color: #1E1E1E;
  font-size: 4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 9.3rem;
}
.services_section.--mi .--card .heading span {
  color: #FF6200;
}
.services_section.--mi .--card .--content .sub_head {
  color: #1E1E1E;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 6rem;
  margin: 0;
}
.services_section.--mi .--card .--content .text {
  color: #1E1E1E;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  margin-bottom: 0;
}
.services_section.--mi .filter_none {
  filter: none;
}
.services_section.--inapp {
  background: #FFF;
}
.services_section .--item {
  text-align: center;
}
.services_section .--item .heading {
  color: #1E1E1E;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin: 1.6rem 0 0;
}
.services_section .--card {
  padding: 2.4rem 1.6rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 13.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.04);
  border-bottom: 0.1rem solid #ededed !important;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(245, 245, 245, 0.1) 106.8%);
  position: relative;
  overflow: hidden;
  margin-bottom: 1.6rem;
  overflow: hidden;
}
.services_section .--card .heading,
.services_section .--card .text {
  position: relative;
  z-index: 1;
}
.services_section .--card .text {
  margin-bottom: 0;
}
.services_section .--card::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -40%;
  right: -30%;
  width: 40rem;
  height: 100%;
  opacity: 0.3;
  filter: brightness(1) invert(1);
  background: url("https://assets.xerxes.media/web/assets-main/images/background/bg_icon.svg");
  background-size: cover;
}
.services_section .heading {
  color: #0F1114;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-top: 8rem;
}
.services_section .text {
  color: #475467;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.032rem;
}

/*****************************************************/
.cta_section {
  background: radial-gradient(65.98% 61.93% at 36.41% 29.91%, #1D2939 0%, #0F1114 100%);
  padding: 12rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta_section::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: url("https://assets.xerxes.media/web/assets-main/images/background/bg-pattern-1.webp?=v1");
  background-size: cover;
  pointer-events: none;
}
.cta_section .btn_outline_dark {
  background: #FFFFFF;
}
.cta_section .title.text_center {
  width: 40%;
}
.cta_section .title.text_center .text {
  color: #D0D5DD;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
}
.cta_section .title.text_center .heading {
  color: #FFFFFF;
  text-align: center;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 6rem;
  margin-bottom: 4rem;
  text-transform: capitalize;
}

/*****************************************************/
.marquee_section {
  padding: 3rem 0;
}
.marquee_section .marquee {
  overflow-x: clip;
  white-space: nowrap;
  position: relative;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.marquee_section .marquee .marquee-inner {
  display: flex;
  align-items: center;
  gap: 14rem;
}
.marquee_section .marquee .marquee-inner img {
  height: 2.5rem;
  transition: transform 0.5s;
  flex-shrink: 0;
  width: auto;
}
.marquee_section .marquee .marquee-inner img.--lg {
  height: 4rem !important;
}

/*****************************************************/
.blogs_content_block_section {
  padding: 8rem 0;
}
.blogs_content_block_section .blogs_content_block_item {
  border-radius: 1.2rem;
  background: #F9FAFB;
  transform: translateY(0);
  transition: 0.5s ease;
  overflow: hidden;
}
.blogs_content_block_section .blogs_content_block_item:hover {
  transform: translateY(-17px);
  transition: 0.5s ease;
}
.blogs_content_block_section .blogs_content_block_item--details {
  padding: 2.4rem 2.4rem 3.2rem;
  min-height: 19.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blogs_content_block_section .blogs_content_block_item--details .btn_outline_dark {
  width: fit-content;
}
.blogs_content_block_section .blogs_content_block_item .heading {
  color: #000000;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  margin-bottom: 2.4rem;
}

/*****************************************************/
.inner {
  width: 100rem;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}

.inner_xs {
  width: 88rem;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}

.container_main {
  padding: 0 2vw 0 15vw;
  width: 100%;
  z-index: 1;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.container_xl {
  padding: 0 5vw;
  width: 100%;
  z-index: 1;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.container_inner {
  padding: 0 12rem;
  width: 100%;
  z-index: 1;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.title.text_center {
  width: 70%;
  margin: 0 auto;
}
.title.w_heading_100 {
  width: 100%;
}
.title.w_heading_100 .heading {
  width: 100%;
  text-transform: capitalize;
}
.title.w_heading_100 .text {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.title.main_title {
  margin-bottom: 16rem;
}
.title.main_title .heading {
  color: #0F1114;
  text-align: center;
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 9rem;
  text-transform: capitalize;
}
.title .heading {
  color: #0F1114;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 6rem;
  margin: 0 0 2.4rem;
  text-transform: capitalize;
}
.title .heading span {
  color: #98A2B3;
}
.title .text {
  color: #475467;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: 0.036rem;
  margin-bottom: 4rem;
}

.btn_outline_dark {
  position: relative;
  border-radius: 0.6rem;
  border: 0.1rem solid #0F1114;
  padding: 1.2rem 3.2rem;
  text-transform: capitalize;
  overflow: hidden;
  background: transparent;
}
.btn_outline_dark::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  width: 0;
  height: 0;
  background: #344054;
  transform: translate(-50%, -50%);
  transition: width 0.5s ease, height 0.5s ease;
  z-index: 0;
  border-radius: 60rem;
}
.btn_outline_dark:hover {
  border-color: #344054;
}
.btn_outline_dark:hover span {
  color: #FFFFFF;
  transition: 0.5s ease;
}
.btn_outline_dark:hover::before {
  width: 40rem;
  height: 40rem;
  filter: blur(12px);
}
.btn_outline_dark span {
  color: #0F1114;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  border-radius: 60rem;
  text-transform: capitalize;
  position: relative;
  z-index: 3;
  transition: 0.5s ease;
}

.flex_button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(1.2);
}

.button_round--logo {
  border: 0;
  display: inline-flex;
  height: 9rem;
  padding: 0rem 0.87rem 0rem 3.5rem;
  align-items: center;
  gap: 2.4rem;
  flex-shrink: 0;
  transition: 0.3s ease;
  width: fit-content;
  position: relative;
  border-radius: 43.7318rem;
  background: #FFFBF7;
  box-shadow: 4px 4px 25px 0 rgba(249, 191, 136, 0.7);
}
.button_round--logo .btn_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 20.1rem;
  z-index: 0;
}
.button_round--logo img,
.button_round--logo .button_round--icon {
  position: relative;
  z-index: 1;
}
.button_round--logo::after {
  transition: 0.2s ease;
  background: #FFF;
  opacity: 0.5;
}
.button_round--logo::before {
  transition: 0.4s ease;
  background: #FFF;
  opacity: 0.2;
}
.button_round--logo .btn_bg::before {
  transition: 0.6s ease;
  background: #FFF;
  opacity: 0.15;
}
.button_round--logo .btn_bg::after {
  transition: 0.8s ease;
  background: #FFF;
  opacity: 0.05;
}
.button_round--logo:hover {
  background: #FFF;
}
.button_round--logo:hover::after {
  transition: 0.2s ease;
  background: #FFF;
  opacity: 0.035;
  transform: scale(7);
  width: 77%;
  border-radius: 2000rem;
}
.button_round--logo:hover::before {
  transition: 0.4s ease;
  background: #FFF;
  opacity: 0.045;
  transform: scale(7);
  width: 67%;
  border-radius: 2000rem;
}
.button_round--logo:hover .btn_bg::before {
  transition: 0.6s ease;
  background: #FFF;
  opacity: 0.065;
  transform: scale(7);
  width: 58%;
  border-radius: 2000rem;
}
.button_round--logo:hover .btn_bg::after {
  transition: 0.8s ease;
  background: #FFF;
  opacity: 0.08;
  transform: scale(7);
  width: 47%;
  border-radius: 2000rem;
}
.button_round--logo::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 75%;
  height: 9rem;
  margin: 0 auto;
  transform: scale(1.5);
  border-radius: 20rem;
  transition: 0.5s ease;
}
.button_round--logo::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 63%;
  height: 9rem;
  margin: 0 auto;
  transform: scale(2);
  border-radius: 20rem;
  transition: 0.5s ease;
}
.button_round--logo .btn_bg::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 56%;
  height: 9rem;
  margin: 0 auto;
  transform: scale(2.5);
  border-radius: 20rem;
  transition: 0.5s ease;
}
.button_round--logo .btn_bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 51%;
  height: 9rem;
  margin: 0 auto;
  transform: scale(3);
  border-radius: 20rem;
  transition: 0.5s ease;
  box-shadow: 4px 4px 10px 0 #D16706;
}
.button_round--logo.button_grey .button_round--icon {
  background: #FFA858;
  border-color: #FFA858;
}
.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: "Manrope", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.button_round--logo img {
  height: 4.4rem;
}
.button_round--logo:hover .button_round--icon {
  background: #FE810F;
  transition: 0.3s ease;
}
.button_round--logo.--icon {
  border: none;
  padding: 0;
}
.button_round--icon {
  display: flex;
  width: 6.8571rem;
  height: 6.8571rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 12.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;
}

.btn_dark {
  position: relative;
  z-index: 1;
  display: inline-flex;
  padding: 1.2rem 3.2rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 0.6rem;
  background: linear-gradient(180deg, #0F1114 0%, #344054 120.45%);
  overflow: hidden;
  white-space: nowrap;
}
.btn_dark::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  width: 0;
  height: 0;
  background: #344054;
  transform: translate(-50%, -50%);
  transition: width 0.5s ease, height 0.5s ease;
  z-index: 0;
  border-radius: 60rem;
}
.btn_dark:hover {
  border-color: #344054;
}
.btn_dark:hover span {
  transition: 0.5s ease;
}
.btn_dark:hover::before {
  width: 40rem;
  height: 40rem;
  filter: blur(1.6rem);
}
.btn_dark span {
  color: #FFFFFF;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  border-radius: 60rem;
  text-transform: capitalize;
  position: relative;
  z-index: 3;
  transition: 0.5s ease;
}

.btn_outline_white {
  position: relative;
  border-radius: 0.6rem;
  border: 0.1rem solid #FFFFFF;
  padding: 1.2rem 3.2rem;
  text-transform: capitalize;
  overflow: hidden;
  background: transparent;
}
.btn_outline_white::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  width: 0;
  height: 0;
  background: #344054;
  transform: translate(-50%, -50%);
  transition: width 0.5s ease, height 0.5s ease;
  z-index: 0;
  border-radius: 60rem;
}
.btn_outline_white:hover {
  border-color: #344054;
}
.btn_outline_white:hover span {
  color: #FFFFFF;
  transition: 0.5s ease;
}
.btn_outline_white:hover::before {
  width: 40rem;
  height: 40rem;
  filter: blur(12px);
}
.btn_outline_white span {
  color: #FFFFFF;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  border-radius: 60rem;
  text-transform: capitalize;
  position: relative;
  z-index: 3;
  transition: 0.5s ease;
}

/*******************************************************************/
footer {
  border-top: 1px solid #EAECF0;
  background: linear-gradient(180deg, #F5F5F5 0%, #FFF 50.08%);
  padding-top: 9rem;
}
footer .social_links {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-top: 2.4rem;
}
footer .social_links .--icon {
  fill: #667085;
  transition: 0.5s ease;
}
footer .social_links .--icon svg {
  width: 3rem;
}
footer .social_links a:hover .--icon {
  fill: #344054;
  transition: 0.5s ease;
}
footer .text {
  color: #0F1114;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-top: 1.08rem;
}
footer .footer_content {
  display: flex;
  gap: 8rem;
  justify-content: end;
  flex-wrap: wrap;
}
footer .footer_content .footer_links {
  /* 2 in a row with gap */
}
footer .footer_content .footer_links .heading {
  color: #98A2B3;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4rem;
  margin-bottom: 2rem;
}
footer .footer_content .footer_links .--links {
  padding: 0;
  margin-bottom: 0;
}
footer .footer_content .footer_links .--links li {
  list-style: none;
  margin-bottom: 1.2rem;
}
footer .footer_content .footer_links .--links li:last-child {
  margin-bottom: 0;
}
footer .footer_content .footer_links .--links li a {
  color: #0F1114;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  transition: 0.5s ease;
}
footer .footer_content .footer_links .--links li a:hover {
  opacity: 0.6;
  transition: 0.5s ease;
}
footer .center_footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 0.1rem solid #EAECF0;
  border-bottom: 0.1rem solid #EAECF0;
  padding: 3.8rem 0 3.9rem;
  margin-top: 6.4rem;
}
footer .center_footer .--item {
  width: max-content;
  border-radius: 1.2rem;
  background: #F9FAFB;
  padding: 0.8rem;
  gap: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .center_footer .--item.--mi .badge {
  height: auto;
}
footer .center_footer .--item.--mi .badge img {
  width: 3.7498rem;
  height: 3.7498rem;
  aspect-ratio: 1/1;
}
footer .center_footer .--item.d_flex_item {
  flex-direction: row;
  height: fit-content;
  gap: 1.33rem;
}
footer .center_footer .--item.d_flex_item .badge {
  width: auto;
  height: max-content;
}
footer .center_footer .--item.d_flex_item .badge img {
  width: auto;
}
footer .center_footer .--item.d_flex_item .text {
  text-align: center;
  font-size: 1.1659rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6655rem;
  /* 142.857% */
}
footer .center_footer .--item.d_flex_item .text span {
  color: #7A7A7A;
  text-align: center;
  font-size: 0.8725rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
footer .center_footer .--item .badge {
  width: 8.6rem;
  height: 3.6rem;
  flex-shrink: 0;
  border-radius: 0.8rem;
  background: #F2F4F7;
  padding: 0.8rem;
}
footer .center_footer .--item .badge img {
  width: 100%;
}
footer .center_footer .--item .heading {
  border-top: 0.1rem solid #EAECF0;
  margin: 0;
  padding-top: 0.8rem;
  color: #F79009;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8rem;
}
footer .center_footer .--item .text {
  color: #0C1018;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  margin: 0;
}
footer .center_footer .--item .type {
  display: inline-flex;
  padding: 0.2rem 0.6rem;
  justify-content: center;
  width: max-content;
  margin: 0 auto;
  align-items: center;
  gap: 1rem;
  color: #000000;
  text-align: center;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  border-radius: 1.2rem;
  background: #EAECF0;
}
footer .bottom_footer {
  display: flex;
  justify-content: space-between;
  padding: 2.6rem 0;
  flex-wrap: wrap;
}
footer .bottom_footer .copyright {
  color: #98A2B3;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}
footer .bottom_footer .footer_right {
  display: flex;
  gap: 2.4rem;
}
footer .bottom_footer .footer_right a {
  color: #475467;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  transition: 0.5s ease;
}
footer .bottom_footer .footer_right a:hover {
  opacity: 0.6;
  transition: 0.5s ease;
}

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

.counter_section {
  padding: 8rem 0;
}
.counter_section .counterSwiper {
  padding-left: calc(21vw - 10rem);
}
.counter_section .flex_swiper {
  display: flex;
  gap: 3.2rem;
}
.counter_section .flex_swiper .swiper-slide {
  width: auto;
}
.counter_section .flex_swiper .swiper-slide.w_lg_50 {
  width: 50%;
}
.counter_section .swiper {
  width: 100%;
  height: 100%;
  margin-top: 4rem;
}
.counter_section .swiper_nav {
  display: flex;
  gap: 1.2rem;
  justify-content: end;
  height: 100%;
  align-items: end;
}
.counter_section .swiper_nav .custom-prev[aria-disabled=true] .nav_icon,
.counter_section .swiper_nav .custom-next[aria-disabled=true] .nav_icon {
  stroke: #98A2B3;
}
.counter_section .swiper_nav .nav_icon {
  stroke: #0F1114;
}
.counter_section .swiper-slide .--item {
  border-radius: 1.2rem;
  border: 0.1rem solid rgba(152, 162, 179, 0.12);
  background: #FFFFFF;
  padding: 2rem 2.2rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.counter_section .swiper-slide .--item .graph {
  width: 100%;
  margin: 0 auto;
}
.counter_section .swiper-slide .--item .sub_head {
  color: #1E1E1E;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 2.5rem;
}
.counter_section .swiper-slide .--item .sub_head.--mh {
  min-height: 9rem;
}
.counter_section .swiper-slide .--item .heading {
  text-align: right;
  font-size: 8.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  background: linear-gradient(180deg, #0F1114 0%, #475467 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 4.6rem;
}

.highlight_section {
  background: radial-gradient(65.98% 61.93% at 36.41% 29.91%, #1D2939 0%, #0F1114 100%);
  padding: 8.1rem 0;
  position: relative;
}
.highlight_section.--oem .--content_highlight.item_content_flex .--item.--content {
  min-height: 16.4rem;
  justify-content: start;
}
.highlight_section.--solutions {
  padding-bottom: 14rem;
}
.highlight_section.--light {
  background-color: #FFFFFF;
  background-image: url(https://assets.xerxes.media/web/assets-main/images/background/bg-x-tabs.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right -28rem center;
}
.highlight_section.--light .--content_highlight.--flex {
  margin-top: 4.9rem;
}
.highlight_section.--light .title .heading {
  color: #0F1114;
}
.highlight_section.--light .title .text {
  color: #475467;
  font-family: Manrope;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: 0.036rem;
  margin-bottom: 6rem;
}
.highlight_section.--light .--item-block {
  border-radius: 0.8051rem;
  border: 0.671px solid #D0D5DD;
  background: #FFF;
  display: flex;
  padding: 1.0735rem 1.3418rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.3418rem;
}
.highlight_section.--light .--item-block .heading {
  color: #1E1E1E;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.8rem;
}
.highlight_section.--light .--item-block .text {
  text-align: right;
  font-size: 2rem;
  font-style: normal;
  width: 100%;
  font-weight: 500;
  line-height: 3rem;
  background: linear-gradient(180deg, #0F1114 0%, #475467 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
.highlight_section.--inapp .--item.--content {
  width: 100%;
  height: auto;
  margin: 1rem 0rem;
  padding: 3.7rem 2.7rem;
}
.highlight_section .--center {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.highlight_section .bg_side {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43%;
}
.highlight_section .title .badge {
  color: #FFFFFF;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  font-family: "Manrope", sans-serif;
  border-radius: 4.8rem;
  background: #1D2939;
  width: fit-content;
  height: 3.2rem;
  flex-shrink: 0;
  padding: 0.6rem 1rem;
}
.highlight_section .title .badge span {
  color: #6A9795;
  font-size: 1.2rem;
  font-weight: 700;
}
.highlight_section .title .heading {
  color: #FFFFFF;
  margin: 1.2rem 0 1.6rem;
}
.highlight_section .title .text {
  color: #D0D5DD;
  margin-bottom: 0;
}
.highlight_section .--points {
  display: flex;
  gap: 2rem;
  margin-top: 3.2rem;
  padding-right: 20rem;
}
.highlight_section .--points .--item {
  width: 33%;
  position: relative;
  background: linear-gradient(221deg, #19222F 60%, #98A2B3);
  border-radius: 1.2rem;
}
.highlight_section .--points .--item .--content {
  position: relative;
  z-index: 1;
  padding: 2.4rem 1.6rem;
}
.highlight_section .--points .--item::after {
  content: "";
  background: linear-gradient(0deg, #000, #ccc);
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 1.2rem;
  background: #0C1018;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.99);
}
.highlight_section .--points .--item .sub_head {
  color: var(--white, #FFF);
  font-family: "Manrope", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  margin-bottom: 0;
}
.highlight_section .--points .--item .sub_text {
  color: var(--Grey-400, #98A2B3);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  margin-bottom: 0;
}
.highlight_section .--points .--item .badge_content {
  display: flex;
  height: 3.2rem;
  padding: 0.6rem 1.2rem;
  align-items: center;
  gap: 1rem;
  border-radius: 4.8rem;
  color: var(--white, #FFF);
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  gap: 1rem;
  margin-bottom: 1.6rem;
}
.highlight_section .--points .--item .badge_content.--1 {
  background: var(--Brand-400, #1F6361);
  box-shadow: 0 4px 45.6px 0 #1F6361;
}
.highlight_section .--points .--item .badge_content.--2 {
  background: var(--Primary-5, #6366F1);
  box-shadow: 0 4px 47.6px 0 #6366F1;
}
.highlight_section .--points .--item .badge_content.--3 {
  background: #9810FA;
  box-shadow: 0 4px 63.3px 0 #9810FA;
}
.highlight_section .--points .--item .text {
  color: var(--Grey-200, #EAECF0);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.032rem;
  min-height: 10rem;
}
.highlight_section .marquee-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  gap: 2.4rem;
}
.highlight_section .vertical-marquee {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  gap: 2.4rem;
  height: 71.1rem;
}
.highlight_section .vertical-marquee .--item {
  border-radius: 1.2rem;
  background: #0C1018;
  width: 30.2rem;
  height: 16.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highlight_section .--content_block_highlight {
  display: flex;
  gap: 2rem;
  align-items: center;
  height: 100%;
}
.highlight_section .--content_block_highlight.--home {
  justify-content: space-between;
}
.highlight_section .--content_block_highlight.--home .--item.--1 {
  margin-bottom: 20rem;
}
.highlight_section .--content_block_highlight.--home .--second {
  position: relative;
  left: -10rem;
}
.highlight_section .--content_highlight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
  height: 100%;
}
.highlight_section .--content_highlight:last-child {
  justify-content: center;
}
.highlight_section .--content_highlight.--v2.--ott .--item.--content {
  min-height: 19rem;
}
.highlight_section .--content_highlight.--v2.--ott .--item img {
  top: 9rem;
}
.highlight_section .--content_highlight.--v2 .row {
  --bs-gutter-x: 10.4rem;
}
.highlight_section .--content_highlight.--v2 .badge {
  border-radius: 4.8rem;
  padding: 0.6rem 1.2rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 2.4rem;
  position: relative;
  z-index: 1;
}
.highlight_section .--content_highlight.--v2 .--item img {
  position: absolute;
  right: -10.4rem;
  width: 10.4rem;
  height: auto;
  top: 7rem;
}
.highlight_section .--content_highlight.--v2 .--challange {
  position: relative;
}
.highlight_section .--content_highlight.--v2 .--challange .badge {
  background: #DA3862;
  box-shadow: 0 4px 61.9px 0 #DA3862;
}
.highlight_section .--content_highlight.--v2 .--challange .--item {
  background: linear-gradient(324deg, #19222F 57%, #DA3862);
  margin-bottom: 1.6rem;
}
.highlight_section .--content_highlight.--v2 .--solutions {
  position: relative;
  top: 7.4rem;
}
.highlight_section .--content_highlight.--v2 .--solutions .badge {
  background: #1F6361;
  box-shadow: 0 4px 45.6px 0 #1F6361;
}
.highlight_section .--content_highlight.--v2 .--solutions .--item {
  background: linear-gradient(324deg, #19222F 57%, #00B6AB);
  margin-bottom: 1.6rem;
}
.highlight_section .--content_highlight.--v2 .--item.--content {
  min-height: 15rem;
  padding: 2.4rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highlight_section .--content_highlight.--v2 .--item.--content .sub_head {
  color: #EAECF0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 0;
}
.highlight_section .--content_highlight.item_content_flex .--item.--content {
  width: 100%;
  height: auto;
  padding: 3.7rem 2.7rem;
  align-items: start;
}
.highlight_section .--content_highlight.item_content_flex .--item.--content::before {
  display: none;
}
.highlight_section .--content_highlight.--flex {
  flex-direction: row;
  width: 100%;
  justify-content: left;
  margin-top: 18.6rem;
}
.highlight_section .--content_highlight .--item {
  width: 30.2rem;
  height: 16.4rem;
  flex-shrink: 0;
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.highlight_section .--content_highlight .--item .--count {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.highlight_section .--content_highlight .--item .--count .s_head {
  z-index: 1;
  position: relative;
  color: #FFFFFF;
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 6rem;
  margin-bottom: 0;
}
.highlight_section .--content_highlight .--item .--count .s_text {
  z-index: 1;
  position: relative;
  color: #98A2B3;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
}
.highlight_section .--content_highlight .--item.--content {
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
  height: 25rem;
  justify-content: space-between;
  width: 33%;
}
.highlight_section .--content_highlight .--item.--content::before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://assets.xerxes.media/web/assets-main/images/highlight/chart.svg);
  background-size: cover;
  width: 80%;
  height: 80%;
  position: absolute;
  margin: auto;
  z-index: 22;
  pointer-events: none;
}
.highlight_section .--content_highlight .--item.--content::after {
  height: 100%;
  width: 100%;
}
.highlight_section .--content_highlight .--item.--content .text {
  color: #98A2B3;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.032rem;
  z-index: 1;
  position: relative;
  margin-bottom: 0;
}
.highlight_section .--content_highlight .--item.--content .sub_head {
  color: #FFF;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  position: relative;
  z-index: 1;
  width: 100%;
  margin-bottom: 0.8rem;
  gap: 0.8rem;
  display: flex;
}
.highlight_section .--content_highlight .--item.--content .heading {
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 9rem;
  background: linear-gradient(180deg, #FFF 50%, #101620 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: right;
  margin-bottom: 0;
}
.highlight_section .--content_highlight .--item.--1 {
  background: linear-gradient(324deg, #19222F 57%, #98A2B3);
}
.highlight_section .--content_highlight .--item.--2 {
  background: linear-gradient(37deg, #19222F 57%, #98A2B3);
}
.highlight_section .--content_highlight .--item.--3 {
  background: linear-gradient(324deg, #19222F 57%, #98A2B3);
}
.highlight_section .--content_highlight .--item.--4 {
  background: linear-gradient(221deg, #19222F 57%, #98A2B3);
}
.highlight_section .--content_highlight .--item.--5 {
  background: linear-gradient(154deg, #19222F 57%, #98A2B3);
}
.highlight_section .--content_highlight .--item img {
  position: relative;
  z-index: 1;
}
.highlight_section .--content_highlight .--item::after {
  content: "";
  background: linear-gradient(0deg, #000, #ccc);
  width: 30.2rem;
  height: 16.4rem;
  flex-shrink: 0;
  border-radius: 1.2rem;
  background: #0C1018;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.99);
}

.docs_section {
  padding: 8rem 0;
  overflow: visible;
}
.docs_section .sm_search {
  margin-bottom: 3.2rem;
}
.docs_section .sm_search .vscomp-toggle-button {
  padding-left: 3.5rem;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/search-icon.svg);
  background-repeat: no-repeat;
  background-position: left 1rem center;
  background-size: 2rem;
  font-family: "Manrope", sans-serif;
}
.docs_section .sm_search .vscomp-arrow {
  display: none;
}
.docs_section .title {
  margin-bottom: 12rem;
}
.docs_section .--card {
  display: inline-flex;
  padding: 2.4rem 2.4rem;
  flex-direction: column;
  background: #FFFFFF;
  width: 100%;
}
.docs_section .--card h1 {
  color: #0F1114;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.8rem;
  margin-bottom: 2.4rem;
}
.docs_section .--card p {
  color: #475467;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
.docs_section .--card .warning_content {
  background: rgb(255, 235, 235);
  border: 0.1rem dashed rgb(255, 151, 151);
  padding: 2rem;
  border-radius: 1rem;
  margin: 2rem 0;
}
.docs_section .--card ol li,
.docs_section .--card ul li {
  color: #475467;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
}
.docs_section .--card table {
  width: 100%;
  margin: 0rem 0 2rem;
  box-shadow: 0px 0px 0px 1px #EAECF0;
  border-radius: 0.6rem;
  border: 0.1rem solid transparent;
  overflow: hidden;
}
.docs_section .--card table tbody {
  border-radius: 0.6rem;
}
.docs_section .--card table tr {
  border: 0.1rem solid #EAECF0;
  vertical-align: sub;
}
.docs_section .--card table th {
  width: 26rem;
}
.docs_section .--card table th p {
  font-weight: 600;
  color: #0F1114;
}
.docs_section .--card table td p {
  font-weight: 400;
  color: #475467;
}
.docs_section .--card table th p,
.docs_section .--card table td p {
  padding: 2rem;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 2.4rem;
  font-family: "Manrope", sans-serif;
  margin-bottom: 0;
}
.docs_section .--card a {
  font-weight: 500;
  color: var(--Grey-600, #475467);
  text-decoration: underline;
  transition: 0.5s ease;
  word-break: break-all;
}
.docs_section .--card a:hover {
  color: var(--Grey-900, #0C1018);
  transition: 0.5s ease;
  font-weight: 500;
}
.docs_section .--card h2 {
  color: #0F1114;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin: 1rem 0 1.6rem;
}

.info_text,
.label_text,
.form_label {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.info_text {
  color: #475467;
  margin-bottom: 0rem;
}
.info_text:last-child {
  margin-bottom: 4rem;
}
.info_text b {
  color: #1D2939;
  font-weight: 400;
}

.label_text {
  color: #1D2939;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.6rem;
}
.label_text label {
  cursor: pointer;
}
.label_text span {
  color: var(--Error-500, #F04438);
}

.modal-content {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  padding: 5.4rem 4rem;
}
.modal-content .modal_title {
  color: #0F1114;
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.8rem;
  margin-bottom: 0;
}
.modal-content .modal_footer {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.ad_title_xs {
  display: none;
}

.contact_section {
  padding: 8rem 0;
  position: relative;
  height: auto;
}
.contact_section::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  bottom: 0;
  margin: auto;
  background: url(https://assets.xerxes.media/web/assets-main/images/background/grid-pattern.webp);
  background-size: cover;
}
.contact_section .form_group {
  margin-bottom: 2.1rem;
}
.contact_section .form_group .form_label {
  color: #020618;
  display: flex;
  margin-bottom: 0.4rem;
}
.contact_section .form_group .form_label span {
  color: var(--Error-500, #F04438);
}
.contact_section .form_group .error_message {
  display: none;
  color: #F00;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  text-align: left;
}
.contact_section .virtual_select.form_control {
  padding: 0;
  border: 0;
}
.contact_section .virtual_select.form_control .vscomp-wrapper:not(.has-value) .vscomp-value {
  opacity: 0.5;
  color: #CAD5E2;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  height: auto;
}
.contact_section .virtual_select.form_control .vscomp-toggle-button {
  border-radius: 0.6rem;
  border: 0.1rem solid #98A2B3;
  background-color: transparent;
  height: 4.8rem;
  padding-right: 3rem;
  height: 5.6rem;
  padding: 1.6rem;
  background: #FFFFFF;
  cursor: pointer;
}

#searchComponent .vscomp-arrow::after {
  transform: none;
  border: 0;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0;
  background-image: url(https://assets.xerxes.media/web/assets-main/images/icons/chevron-down-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.form_control_search {
  height: 4.8rem;
  padding: 1.2rem;
  align-self: stretch;
  color: #0C1018;
  font-family: "Manrope", sans-serif;
  line-height: 2rem;
  padding: 1.2rem;
  border: 0.1rem solid #98A2B3;
  background: transparent;
  width: 88rem;
  margin: 0 auto;
  transition: 0.5s ease;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/search-icon.svg);
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: left 1.2rem center;
  padding-left: 4.6rem;
  cursor: text;
}
.form_control_search:focus-visible {
  box-shadow: none;
  outline: none;
  background-color: #FFFFFF !important;
  transition: 0.5s ease;
}
.form_control_search::placeholder {
  color: #98A2B3;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

.form_control {
  height: 5.6rem;
  padding: 1.6rem;
  border: 0.1rem solid #98A2B3;
  background: #FFFFFF;
}
.form_control:focus-visible {
  box-shadow: none;
  outline: none;
  background-color: #FFFFFF !important;
  transition: 0.5s ease;
}
.form_control::placeholder {
  color: #D0D5DD;
  font-style: normal;
  line-height: 2rem;
}

.form_control_search,
.form_control {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  font-style: normal;
  border-radius: 0.6rem;
  font-weight: 500;
}

.hub_listing {
  padding: 4rem 0;
}
.hub_listing .title {
  margin-bottom: 4rem;
}
.hub_listing .title .head_sub {
  color: #0F1114;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.8rem;
  margin-bottom: 0;
  text-transform: capitalize;
}
.hub_listing .--card-item {
  padding: 4rem 2.4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.8rem;
  border: 0.1rem solid #D0D5DD;
  background: transparent;
  text-align: center;
  transition: 0.5s ease;
  display: flex;
}
.hub_listing .--card-item.--mh {
  min-height: 18rem;
}
.hub_listing .--card-item:hover {
  background: #FFFFFF;
  transition: 0.5s ease;
}
.hub_listing .--card-item .--icon {
  margin: 0 auto 1.6rem;
}
.hub_listing .--card-item .--icon.--new {
  height: 3rem;
}
.hub_listing .--card-item .--icon.h_50 {
  height: 3.5rem;
}
.hub_listing .--card-item .heading {
  color: #0F1114;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 2.4rem;
}
.hub_listing .--card-item .text {
  color: #475467;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
.hub_listing .--card-item .--badge-article {
  color: #000000;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
  display: flex;
  padding: 0.9rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: fit-content;
  margin: 0 auto;
  border-radius: 2rem;
  background: #EAECF0;
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.sidebar .sub_head {
  border-bottom: 0.1rem solid #EAECF0;
  padding-bottom: 1rem;
  margin-bottom: 1.2rem;
}
.sidebar .list_nav {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin: 2.4rem 0 0;
}
.sidebar .list_nav a {
  color: #98A2B3;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
.sidebar .list_nav a.active {
  color: #0F1114;
}
.sidebar .social_links {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 2.4rem;
}
.sidebar .social_links .fill_gray {
  fill: #98A2B3;
  transition: 0.5s ease;
}
.sidebar .social_links .fill_white {
  fill: #FFFFFF;
}
.sidebar .social_links a {
  cursor: pointer;
}
.sidebar .social_links a:hover .fill_gray {
  fill: #344054;
  transition: 0.5s ease;
}
.sidebar .--demo-card {
  border-radius: 1.2rem;
  padding: 2rem;
  background-image: url(https://assets.xerxes.media/web/assets-main/images/background/bg-card.webp);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-size: cover;
  position: relative;
}
.sidebar .--demo-card .btn_dark {
  border-radius: 0.6rem;
  background: #0C1018;
}
.sidebar .--demo-card .heading {
  color: #0F1114;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.8rem;
  margin: 14rem 0 2.4rem;
}

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

.--bs-gutter-x-80 {
  --bs-gutter-x: 8rem ;
}

.global_section {
  padding: 8rem 0;
  max-width: 1920px;
  margin: 0 auto;
}
.global_section .uj_banner_xs .video-ios-border-fix {
  border-left: 0;
  border-right: 0;
}
.global_section .title .heading {
  margin-bottom: 2rem;
}
.global_section .title .text {
  margin-bottom: 2.4rem;
}
.global_section .--card {
  border-radius: 1.6rem;
  background: #FFFFFF;
  padding: 15rem 8rem;
  margin-top: 6.4rem;
}
.global_section .--card img {
  width: 100%;
}

.nav_sidebar {
  width: 100%;
}
.nav_sidebar .subnav_menu {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
  padding-left: 5.2rem;
}
.nav_sidebar .head_menu {
  color: #0F1114;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 2.4rem;
}
.nav_sidebar .nav_menu-item.active > .nav_menu-btn svg path {
  stroke: #0f1114;
  /* example active color */
}
.nav_sidebar .nav_menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav_sidebar .nav_menu-btn {
  width: 100%;
  border: none;
  cursor: pointer;
  text-align: left;
  background: transparent;
  gap: 0.8rem;
  display: flex;
  align-items: center;
  color: #98A2B3;
  padding: 0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  padding-left: 2rem;
  /* 150% */
}
.nav_sidebar .nav_menu-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.nav_sidebar .nav_menu-btn.active {
  color: #0F1114;
  position: relative;
}
.nav_sidebar .subnav_menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  margin-top: 2.4rem;
}
.nav_sidebar .nav_menu-item {
  color: #0F1114;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 1.6rem;
}
.nav_sidebar .nav_menu-item .nav_menu-btn {
  margin-top: 2.4rem;
  position: relative;
}
.nav_sidebar .nav_menu-item .nav_menu-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2.4rem;
  height: 2.4rem;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/chevron-down.svg);
  background-size: cover;
  opacity: 0.3;
}
.nav_sidebar .nav_menu-item.active {
  border-top: 0.1rem solid #EAECF0;
  border-bottom: 0.1rem solid #EAECF0;
}
.nav_sidebar .nav_menu-item.active .nav_menu-btn {
  color: #0F1114;
}
.nav_sidebar .nav_menu-item.active .nav_menu-btn::after {
  opacity: 1;
}
.nav_sidebar .nav_menu-item[aria-expanded=true] .subnav_menu {
  max-height: 100rem;
  height: auto;
}
.nav_sidebar .subnav_menu a {
  display: block;
  text-decoration: none;
  color: #98A2B3;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 1.6rem;
}
.nav_sidebar .subnav_menu a.active {
  color: #0F1114;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

/*************************************************************/
.datepicker.datepicker-dropdown table tr td span.focused,
.datepicker.datepicker-dropdown table tr td span:hover {
  background: #6A9795 !important;
  color: #FFFFFF;
}
.datepicker.datepicker-dropdown::before, .datepicker.datepicker-dropdown::after {
  display: none;
}
.datepicker.datepicker-dropdown {
  padding: 1.2rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #EAECF0;
  background: #FFFFFF;
  box-shadow: 0 0.4rem 0.8rem -0.2rem rgba(16, 24, 40, 0.1), 0 0.2rem 0.4rem -0.2rem rgba(16, 24, 40, 0.06);
}
.datepicker.datepicker-dropdown .datepicker-days td {
  height: 3.2rem;
  width: 3.2rem;
}
.datepicker.datepicker-dropdown th.prev,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.dow {
  height: 3.2rem;
  width: 3.2rem;
}
.datepicker.datepicker-dropdown th.datepicker-switch {
  border-radius: 0.5rem;
  box-shadow: 0 0 0 0.1rem #F2F4F7 inset;
  background: var(--Gray-50, #F9FAFB);
  height: 3.2rem;
  color: #0C1018;
  text-align: center;
  font-size: 1.3rem !important;
  font-weight: 500;
  cursor: default;
}
.datepicker.datepicker-dropdown th.datepicker-switch:hover {
  background: #F2F4F7;
}
.datepicker.datepicker-dropdown td,
.datepicker.datepicker-dropdown th {
  border-radius: 0.4rem;
  font-family: "Manrope", sans-serif;
  font-size: 1.2rem !important;
}
.datepicker.datepicker-dropdown td.old.day {
  color: #98A2B3;
  visibility: hidden;
}
.datepicker.datepicker-dropdown table tr td.new {
  color: #98A2B3;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
}
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
  display: flex;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 0.4rem;
  color: transparent;
  background-size: 1.6rem !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.datepicker.datepicker-dropdown span.year.active,
.datepicker.datepicker-dropdown span.month.active {
  background: #475467 !important;
}
.datepicker.datepicker-dropdown th.next:hover,
.datepicker.datepicker-dropdown th.prev:hover {
  background-color: #F2F4F7 !important;
}
.datepicker.datepicker-dropdown td.active.day {
  border-radius: 0.4rem;
  background: #475467 !important;
}
.datepicker.datepicker-dropdown th.next {
  background: url("https://assets.xerxes.media/web/assets-main/images/icons/chevron-next.svg");
}
.datepicker.datepicker-dropdown th.prev {
  background: url("https://assets.xerxes.media/web/assets-main/images/icons/chevron-previous.svg");
}
.datepicker.datepicker-dropdown th.datepicker-switch {
  color: #000;
  text-align: center;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
}
.datepicker.datepicker-dropdown td.new.day {
  opacity: 0;
  pointer-events: none;
}
.datepicker.datepicker-dropdown th {
  color: #CCC;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}
.datepicker.datepicker-dropdown td {
  color: #000;
  text-align: center;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
}
.datepicker.datepicker-dropdown table tr td.day.focused,
.datepicker.datepicker-dropdown table tr td.day:hover {
  background: linear-gradient(180deg, #0F1114 0%, #344054 120.45%);
  color: #FFFFFF;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background: #F5F5F5;
}

.datepicker td.disabled.day {
  cursor: no-drop !important;
}
.datepicker td.disabled.day:hover {
  background: transparent !important;
  color: #999 !important;
}

.h_lg_100 {
  height: 100%;
}

.ad_formats_section {
  padding: 8rem 0 13rem;
}
.ad_formats_section.tab_primary .title .heading {
  margin-top: 9rem;
}
.ad_formats_section .title {
  padding-right: 8rem;
}
.ad_formats_section .title .sub_head {
  color: #0F1114;
  font-family: Manrope;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.2rem;
  margin-top: 1.2rem;
}
.ad_formats_section .list_style {
  padding: 0;
  margin-top: 1.2rem;
}
.ad_formats_section .list_style li {
  color: #344054;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  margin-bottom: 1.2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.ad_formats_section .list_style li::before {
  content: "";
  position: relative;
  min-width: 2rem;
  min-height: 2rem;
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/check-green.svg);
  background-size: cover;
  display: block;
  margin-right: 1.2rem;
}
.ad_formats_section .h_tab_content {
  min-height: 44rem;
  overflow: hidden;
}
.ad_formats_section.tab_primary .tab {
  margin-bottom: 4rem;
}
.ad_formats_section .tabcontent .--item {
  text-align: center;
}
.ad_formats_section .tabcontent .--item .heading {
  color: #1E1E1E;
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-top: 1.2rem;
  text-transform: capitalize;
}
.ad_formats_section .tabcontent .--item img {
  width: auto;
  height: 40rem;
}

.tab_primary .tab {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  padding: 0.4rem;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  border: 0;
  background: transparent;
  overflow: hidden;
  margin-bottom: 3.2rem;
  border-radius: 0.6rem;
  background: #98A2B3;
  margin-bottom: 9rem;
}
.tab_primary .tab .tablinks {
  display: flex;
  padding: 1rem 2.4rem;
  align-items: center;
  color: #FFFFFF;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  display: flex;
  padding: 1.2rem 2.4rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: none;
  border: 0;
  cursor: pointer;
}
.tab_primary .tab .tablinks img {
  opacity: 0.3;
  height: 2.3077rem;
  width: 100%;
}
.tab_primary .tab .tablinks:hover {
  color: #0F1114;
}
.tab_primary .tab .tablinks.active {
  border-radius: 0.4rem;
  background: #FFF;
  color: #0F1114;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
}
.tab_primary .tabcontent {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0) translatex(0px);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
  padding: 0;
  border: 0;
  border-top: none;
  position: absolute;
  width: 100%;
}
.tab_primary .tabcontent img {
  width: 100%;
}
.tab_primary {
  /* Active tab (visible) */
}
.tab_primary .tabcontent.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
}

.awards_section_main {
  position: relative;
}
.awards_section_main .container_inner {
  position: relative;
}
.awards_section_main::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: url(https://assets.xerxes.media/web/assets-main/images/background/bg-pattern-1.webp);
  background-size: cover;
  pointer-events: none;
}

.awards-banner {
  width: 100%;
}

.oem_inapp_section {
  padding: 8rem 0 14.2rem;
  background-image: url(https://assets.xerxes.media/web/assets-main/images/background/bg-x-tabs.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right -7rem center;
}
.oem_inapp_section .title {
  width: 39.9rem;
}
.oem_inapp_section .tabcontent.active {
  position: absolute;
}
.oem_inapp_section .position-relative.h-tabs {
  height: 90rem;
}

.casestudy_section {
  padding: 8rem 0;
  background-image: url(https://assets.xerxes.media/web/assets-main/images/background/bg-x.webp);
  background-size: 113rem;
  background-repeat: no-repeat;
  background-position: left 0rem center;
}
.casestudy_section .tab {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
  border-radius: 10rem;
  border: 0;
  background: transparent;
  overflow: hidden;
  margin-bottom: 3.2rem;
}
.casestudy_section .tab button.tablinks,
.casestudy_section .tab a.tablinks {
  display: flex;
  padding: 1rem 2.4rem;
  align-items: center;
  gap: 0.8rem;
  border-radius: 10rem;
  border: 0.1rem solid #D0D5DD;
  background: #FFF;
  height: 5.2rem;
  opacity: 0.55;
  cursor: pointer;
}
.casestudy_section .tab button.tablinks img,
.casestudy_section .tab a.tablinks img {
  height: 2.4rem;
}
.casestudy_section .tab button.tablinks img.b_icon,
.casestudy_section .tab a.tablinks img.b_icon {
  top: -0.3rem;
  position: relative;
}
.casestudy_section .tab button.tablinks:hover,
.casestudy_section .tab a.tablinks:hover {
  background: #ddd;
}
.casestudy_section .tab button.tablinks.active,
.casestudy_section .tab a.tablinks.active {
  border: 0.1rem solid #475467;
  background: #FFF;
  opacity: 1;
}
.casestudy_section .tab button.tablinks.active img,
.casestudy_section .tab a.tablinks.active img {
  filter: grayscale(0);
}
.casestudy_section .--card_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
.casestudy_section .tabcontent {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
  padding: 0;
  border: 0;
  border-top: none;
  position: absolute;
  width: 100%;
}
.casestudy_section .tabcontent .card_content {
  padding-right: 6rem;
}
.casestudy_section .tabcontent .card_content .heading {
  margin-bottom: 2.6rem;
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4rem;
  margin: 0 0 2.4rem;
}
.casestudy_section .tabcontent .card_content .text {
  color: #475467;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: 0.036rem;
  margin-bottom: 4rem;
}
.casestudy_section .tabcontent .--card {
  padding: 2rem;
  border-radius: 1.2rem;
  background: #FFF;
  height: 100%;
  width: 100%;
}
.casestudy_section .tabcontent .--card.--map {
  background-image: url(https://assets.xerxes.media/web/assets-main/images/oem-hub/map.png);
  background-size: 27rem !important;
  background-repeat: no-repeat;
  background-position: right 0rem center;
  background-size: contain;
  height: 100%;
}
.casestudy_section .tabcontent .--card .sub_head {
  color: #1E1E1E;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
}
.casestudy_section .tabcontent .--card .flex_badge {
  flex-wrap: wrap;
  display: flex;
  gap: 0.8rem;
  margin-top: 1rem;
  width: 100%;
}
.casestudy_section .tabcontent .--card .flex_badge .badge_gray {
  border-radius: 3rem;
  border: 0.1rem solid #EAECF0;
  background: #F2F4F7;
  color: #000000;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.4rem 2rem;
  margin-bottom: 0.2rem;
}
.casestudy_section .tabcontent .--card .flex_data {
  display: flex;
}
.casestudy_section .tabcontent .--card .flex_data .--item:last-child {
  border-left: 0.1rem solid #EAECF0;
  padding-left: 2.4rem;
  margin-left: 2.4rem;
}
.casestudy_section .tabcontent .--card .flex_data .--item #copyBtn {
  position: relative;
  cursor: pointer;
}
.casestudy_section .tabcontent .--card .flex_stats {
  display: flex;
}
.casestudy_section .tabcontent .--card .flex_stats .--item {
  width: 50%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.casestudy_section .tabcontent .--card .flex_stats .--item:first-child {
  border-right: 0.1rem solid #D0D5DD;
}
.casestudy_section .tabcontent .--card .flex_stats .heading {
  color: #1E1E1E;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 6rem;
}
.casestudy_section .tabcontent .--card .flex_stats .text {
  color: #1E1E1E;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
  margin-bottom: 0;
}
.casestudy_section .tabcontent .--box-img {
  border-radius: 1.2rem;
  background: radial-gradient(50% 50% at 50% 50%, #F9FAFB 0%, #F2F4F7 100%);
  padding: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.casestudy_section .tabcontent .--box-img img {
  width: 50%;
}
.casestudy_section .tabcontent .heading {
  color: #1E1E1E;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  margin-bottom: 0.8rem;
}
.casestudy_section .tabcontent .text {
  color: #1E1E1E;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 2.4rem;
}
.casestudy_section {
  /* Active tab (visible) */
}
.casestudy_section .tabcontent.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
}

.oem_section {
  padding: 2rem 0 0;
}
.oem_section .tab {
  display: inline-flex;
  padding: 1.2rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 2.6rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background: #FFF;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.oem_section .tab button {
  display: flex;
  padding: 1rem 1.2rem;
  align-items: center;
  gap: 0.6rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #D0D5DD;
  background: #FFF;
  color: #1D2939;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  opacity: 0.55;
  /* 150% */
}
.oem_section .tab button img {
  height: 3rem;
}
.oem_section .tab button.active {
  border: 0.1rem solid #475467;
  background: #FFF;
  opacity: 1;
}
.oem_section .tab button.active img {
  opacity: 1;
}
.oem_section .tabcontent {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
  position: absolute;
  width: 100%;
}
.oem_section .tabcontent .heading {
  color: var(--Black-900, #211E1F);
  font-family: "Manrope", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  /* 150% */
}
.oem_section .tabcontent .--card_iframe {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.oem_section .tabcontent .--card_frame {
  padding: 4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background: #FFFFFF;
}
.oem_section .tabcontent .--card_frame .box_oem {
  border-radius: 1.2rem;
  padding: 2.4rem 1.7rem;
  border: 0.1rem solid #EAECF0;
  background: #F9FAFB;
  position: relative;
}
.oem_section .tabcontent .--card_frame .box_oem.--map {
  background-image: url(https://assets.xerxes.media/web/assets-main/images/oem-hub/map.png);
  background-size: 27rem !important;
  background-repeat: no-repeat;
  background-position: right 0rem center;
  background-size: contain;
  height: 100%;
  margin-top: 2.2rem;
}
.oem_section .tabcontent .--card_frame .box_oem .flex_badge {
  flex-wrap: wrap;
  display: flex;
  gap: 0.8rem;
  margin-top: 0.7rem;
  width: 50%;
}
.oem_section .tabcontent .--card_frame .box_oem .flex_badge .badge_gray {
  border-radius: 3rem;
  border: 0.1rem solid #EAECF0;
  background: #F2F4F7;
  color: #000000;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.4rem 2rem;
  margin-bottom: 0.2rem;
}
.oem_section .tabcontent .--card_frame .box_oem .flex_data {
  display: flex;
}
.oem_section .tabcontent .--card_frame .box_oem .flex_data .--item:last-child {
  border-left: 0.1rem solid #EAECF0;
  padding-left: 2.4rem;
  margin-left: 2.4rem;
}
.oem_section .tabcontent .--card_frame .box_oem .flex_data .--item #copyBtn {
  position: relative;
  cursor: pointer;
}
.oem_section .tabcontent .--card_frame .box_oem .sub_head {
  color: #0C1018;
  font-family: "Manrope", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.8rem;
  margin-bottom: 0.6rem;
}
.oem_section .tabcontent .--card_frame .box_oem .text {
  color: #667085;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}
.oem_section .tabcontent .--card_frame .box_oem .text_link {
  color: var(--Blue-600, #3402FF);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-right: 1rem;
}
.oem_section .tabcontent .--card_frame .box_oem_frame {
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background: #F9FAFB;
  padding: 9rem;
}
.oem_section .tabcontent .--card_frame .box_oem_frame .phone_frame {
  height: 42.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oem_section .tabcontent .--card_frame .box_oem_frame .phone_frame img {
  width: auto;
  height: 42.1rem;
}
.oem_section .tabcontent.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
}
.oem_section .tabcontent .heading {
  color: var(--Black-900, #211E1F);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  /* 150% */
}
.oem_section .tabcontent .--card {
  padding: 2rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background: #FFF;
  height: 100%;
}
.oem_section .tabcontent .--card .nav_links {
  margin-top: 3rem;
  padding: 0;
  list-style: none;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.oem_section .tabcontent .--card .nav_links button {
  padding: 0;
  background: none;
  border: 0;
  list-style: none;
  color: #98A2B3;
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  width: 100%;
  display: flex;
  padding: 1.2rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.oem_section .tabcontent .--card .nav_links button.active {
  border-radius: 0.6rem;
  background: linear-gradient(180deg, #0F1114 0%, #344054 120.45%);
  color: #FFFFFF;
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  /* 150% */
}

.custom-tooltip {
  font-size: 1.2rem;
}

.mt_lg_16 {
  margin-top: 1.6rem !important;
}

.progress_tab_section {
  padding: 8rem 0;
  background: #141720;
  position: relative;
}
.progress_tab_section::before {
  content: "";
  left: 0;
  top: 0;
  height: 91rem;
  width: 85rem;
  display: block;
  position: absolute;
  background: radial-gradient(65.98% 61.93% at 36.41% 29.91%, #1D2939 0%, #141720 100%);
  z-index: 0;
}
.progress_tab_section .progress_content .--video {
  padding-left: 10rem;
}
.progress_tab_section .title {
  position: relative;
  z-index: 1;
}
.progress_tab_section .title .heading {
  color: #FFFFFF;
}
.progress_tab_section .title .text {
  color: #D0D5DD;
}
.progress_tab_section .nav-pills .show > .nav-link {
  background: none;
}
.progress_tab_section .nav-pills .nav-link.active,
.progress_tab_section .nav-pills .show > .nav-link {
  background: transparent;
}
.progress_tab_section .progress_tab_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.progress_tab_section .tab_link {
  position: relative;
  display: flex;
  padding: 2.4rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  align-self: stretch;
  background: transparent;
  opacity: 0.5;
}
.progress_tab_section .tab_link.--1 .flex_badge .badge_gray {
  background: #1F6361;
  color: #F2F4F7;
  box-shadow: 0 4px 45.6px 0 rgba(31, 99, 97, 0.6);
}
.progress_tab_section .tab_link.--2 .flex_badge .badge_gray {
  background: var(--Primary-7, #9810FA);
  color: #F2F4F7;
  box-shadow: 0 4px 63.3px 0 rgba(152, 16, 250, 0.6);
}
.progress_tab_section .tab_link.--3 .flex_badge .badge_gray {
  background: var(--Warning-500, #E67D2A);
  color: #F2F4F7;
  box-shadow: 0 4px 67.7px 0 rgba(230, 136, 62, 0.6);
}
.progress_tab_section .tab_link.--3-1 .flex_badge .badge_gray {
  background: var(--Primary-5, #6366F1);
  color: #F2F4F7;
  box-shadow: 0 4px 47.6px 0 rgba(99, 102, 241, 0.6);
}
.progress_tab_section .tab_link.--4 .flex_badge .badge_gray {
  background: var(--Error-500, #DA384B);
  color: #F2F4F7;
  box-shadow: 0 4px 61.9px 0 rgba(218, 56, 99, 0.6);
}
.progress_tab_section .tab_link .--video {
  display: none;
}
.progress_tab_section .tab_link.active {
  opacity: 1;
}
.progress_tab_section .tab_link.active .flex_badge {
  display: flex;
  height: auto;
  transform: 0.5s ease;
  margin-bottom: 2rem;
  overflow: visible;
}
.progress_tab_section .tab_link .--content {
  width: 100%;
  display: block;
  text-align: left;
}
.progress_tab_section .tab_link .heading {
  color: #FFFFFF;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
  display: flex;
  width: 100%;
  gap: 1.2rem;
}
.progress_tab_section .tab_link .heading .s_no {
  color: #FFFFFF;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
}
.progress_tab_section .tab_link .text {
  color: #D0D5DD;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 0;
}
.progress_tab_section .flex_badge {
  display: none;
  flex-wrap: wrap;
  display: flex;
  gap: 0.8rem;
  margin-top: 1.6rem;
  width: 100%;
  height: 0rem;
  transition: 0.5s ease;
  overflow: hidden;
}
.progress_tab_section .flex_badge .badge_gray {
  color: #1E1E1E;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  display: flex;
  height: 3.6rem;
  padding: 0.8rem 1.2rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background: #F2F4F7;
  border-radius: 4.8rem;
}
.progress_tab_section .progress {
  width: 100%;
  height: 0.1rem;
  margin: 0;
  position: relative;
  background: #98A2B3;
  overflow: hidden;
  border-radius: 0.2rem;
  top: 0;
  right: 0;
  transform: rotate(180deg);
}
.progress_tab_section .progress .progress_bar {
  width: 0%;
  right: 0;
  height: 0.1rem;
  background: #fff;
  position: absolute;
  bottom: 0;
  transition: height linear;
}

.benchmarkSwiper {
  margin-top: 5.8rem;
  padding-bottom: 7.4rem;
  position: relative;
}
.benchmarkSwiper .--content {
  border-radius: 1.2rem;
  background: rgba(12, 16, 24, 0.72);
  padding: 1.6rem 1.6rem 2.3rem;
  border-radius: 1.2rem;
  position: relative;
  background: linear-gradient(324deg, #19222F 57%, #98A2B3);
}
.benchmarkSwiper .--content::after {
  content: "";
  background: linear-gradient(0deg, #000, #ccc);
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 1.2rem;
  background: #0C1018;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.99);
}
.benchmarkSwiper .--content.--1 .badge {
  background: #1F6361;
  box-shadow: 0 4px 45.6px 0 #1F6361;
}
.benchmarkSwiper .--content.--2 {
  position: relative;
  bottom: -7.2rem;
}
.benchmarkSwiper .--content.--2 .badge {
  background: #E6883E;
  box-shadow: 0 4px 67.7px 0 #E6883E;
}
.benchmarkSwiper .--content.--3 .badge {
  background: #DA3862;
  box-shadow: 0 4px 61.9px 0 #DA3862;
}
.benchmarkSwiper .--content.--4 {
  position: relative;
  bottom: -7.2rem;
}
.benchmarkSwiper .--content.--4 .badge {
  background: #9810FA;
  box-shadow: 0 4px 63.3px 0 #9810FA;
}
.benchmarkSwiper .--content.--5 .badge {
  background: var(--Primary-5, #6366F1);
  box-shadow: 0 4px 47.6px 0 #6366F1;
}
.benchmarkSwiper .--content.--6 {
  position: relative;
  bottom: -7.2rem;
}
.benchmarkSwiper .--content.--6 .badge {
  background: #1F6361;
  box-shadow: 0 4px 45.6px 0 #1F6361;
}
.benchmarkSwiper .content {
  margin-bottom: 2.4rem;
  position: relative;
  z-index: 1;
}
.benchmarkSwiper .content:last-child {
  margin-bottom: 0;
}
.benchmarkSwiper .badge {
  border-radius: 4.8rem;
  padding: 0.6rem 1.2rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 2.4rem;
  position: relative;
  z-index: 1;
}
.benchmarkSwiper .count {
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: linear-gradient(180deg, #FFF 0%, #999 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.8rem;
}
.benchmarkSwiper .text {
  color: #D0D5DD;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

.--card--content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.--card--content .--card-hub {
  height: 50%;
}

.imageUrl {
  border: 0.1rem solid #0C1018;
  position: relative;
  border-radius: 1.8rem;
  width: 19.8945rem;
  min-height: 43rem;
  background: #FFF;
}
.imageUrl::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  border: 0.1rem solid #000;
}

.--card-hub {
  padding: 2rem 2rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background: #FFF;
  width: 100%;
}
.--card-hub .copyBtn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.--card-hub .copyBtn.copied .icon-copy {
  display: none;
}
.--card-hub .copyBtn.copied .icon-done {
  display: inline-block;
}
.--card-hub .copyBtn .icon-done {
  display: none;
}
.--card-hub .copyBtn img {
  width: 2rem;
  height: 2rem;
}
.--card-hub .copy-btn {
  background: none;
  border: 0;
}
.--card-hub.--gray {
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background-color: #F9FAFB;
}
.--card-hub.--gray.--map {
  background-image: url(https://assets.xerxes.media/web/assets-main/images/oem-hub/map.png);
  background-size: 27rem !important;
  background-repeat: no-repeat;
  background-position: right 0rem center;
  background-size: contain;
  margin-top: 2.2rem;
}
.--card-hub .--phone {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  border: 0.1rem solid #EAECF0;
  background: #F9FAFB;
  padding: 9rem 2rem;
  position: relative;
}
.--card-hub .--phone .nav_icons {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  width: 95%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.--card-hub .--phone .nav_icons button {
  width: 4.8rem;
  height: 4.8rem;
  padding: 0;
  border: 0;
  background: none;
}
.--card-hub .--phone .nav_icons button img {
  width: 3.8rem;
  height: auto;
}
.--card-hub .tablinks img {
  height: 4.4rem;
}
.--card-hub .geoList {
  flex-wrap: wrap;
  display: flex;
  gap: 0.8rem;
  margin-top: 1rem;
  width: 100%;
  list-style: none;
  padding: 0;
}
.--card-hub .geoList li {
  border-radius: 3rem;
  border: 0.1rem solid #EAECF0;
  background: #F2F4F7;
  color: #000000;
  font-family: "Manrope", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.4rem 2rem;
  margin-bottom: 0.2rem;
}
.--card-hub .sideNav.nav_links {
  width: 100%;
  max-height: 60rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.--card-hub .sideNav.nav_links button {
  padding: 0;
  background: none;
  border: 0;
  list-style: none;
  color: #98A2B3;
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  width: 100%;
  display: flex;
  padding: 1.2rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.6rem;
  text-transform: capitalize;
  text-align: left;
}
.--card-hub .sideNav.nav_links button.active {
  background: linear-gradient(180deg, #0F1114 0%, #344054 120.45%);
  color: #FFFFFF;
  font-family: "Manrope", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: left;
}
.--card-hub .head {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.--card-hub .sub_head {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}
.--card-hub .head,
.--card-hub .sub_head {
  color: #0C1018;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 2.8rem;
}
.--card-hub .text {
  color: #667085;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1.6rem;
}
.--card-hub .copy-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.--card-hub .text_link {
  color: var(--Blue-600, #3402FF);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  margin-right: 1rem;
  display: inline-block;
  width: 90%;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#successs_msg {
  padding: 1.6rem;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.4rem;
  background: #f4fff4;
  color: #0F1114;
  border: 0.1rem solid #cffccf;
  border-radius: 1rem;
}

#err_msg {
  padding: 1.6rem;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.4rem;
  background: #fff4f4;
  color: #0F1114;
  border: 0.1rem solid #fccfcf;
  border-radius: 1rem;
}

.terms_privacy_section {
  padding: 8rem 0;
}
.terms_privacy_section .sub_head {
  color: #0F1114;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3rem;
}
.terms_privacy_section .list_style {
  padding-left: 4rem;
  list-style: circle;
  margin-bottom: 3rem;
}
.terms_privacy_section .list_style li,
.terms_privacy_section .text {
  color: #475467;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.032rem;
}
.terms_privacy_section .text {
  margin-bottom: 3rem;
}

.w-90 {
  width: 90%;
}

.banner_content .video-ios-border-fix.--home {
  border: 1.2rem solid #f5f5f5;
}
.banner_content .video-ios-border-fix.--technology {
  border: 1.2rem solid #f5f5f5;
}

.uj_banner_xs {
  position: relative;
}
.uj_banner_xs .video-ios-border-fix {
  position: absolute;
  z-index: 1;
  box-sizing: initial;
  left: -0.2rem;
  top: -0.2rem;
  right: -0.2rem;
  bottom: -0.2rem;
  border: 1rem solid #f5f5f5;
}

/*********************************/
img.w_lg_90.w_xs_60 {
  width: 90%;
}

.text_capitalcase {
  text-transform: capitalize !important;
}

@media screen and (min-width: 1600px) {
  .oem_inapp_section .position-relative.h-tabs {
    height: 73rem;
  }
  html {
    font-size: 10px !important;
  }
  .casestudy_section {
    background-size: 117rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .progress_tab_section::before {
    width: 50rem;
  }
  .counter_section .swiper-slide .--item .sub_head {
    font-size: 1.8rem;
    min-height: 6rem;
  }
  .counter_section .swiper-slide .--item .sub_head br {
    display: none;
  }
  .counter_section .swiper-slide .--item .heading {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .highlight_section .bg_side {
    position: relative;
    width: 99%;
    top: 8rem;
    bottom: auto;
    right: -3rem;
  }
}
@media screen and (max-width: 1190px) {
  .header_content header .content_right {
    justify-content: center;
    width: 100%;
  }
  .header_content header .content_right .btn {
    width: 50%;
  }
  .banner .banner_content.mh_80 {
    min-height: auto !important;
  }
  video.w-100.d_none_md {
    display: none !important;
  }
  video.w-100.d_block_md {
    display: block !important;
  }
  #toggleBtn2,
  #toggleBtn {
    padding-left: 0;
  }
  .oem_inapp_section .position-relative.h-tabs {
    height: 68rem;
  }
  .header_content .dropdown_content .row {
    width: 100%;
  }
  .header_content header .d_lg_none {
    display: flex;
  }
  .header_content header .dropdown_item {
    position: relative;
    flex-direction: column;
    height: auto;
    width: 100%;
    align-items: start;
  }
  .header_content header .dropdown_item img {
    width: 5rem;
    height: auto;
  }
  .header_content header .dropdown_item .btn_icon {
    width: 2rem;
  }
  .header_content header .dropdown_item:hover .dropdown_content {
    display: none;
  }
  .header_content header .dropdown_item .text_link {
    width: 100%;
    padding: 0 0 0 1.2rem;
  }
  .close_btn {
    background: none;
    border: 0;
    padding: 0;
  }
  .menubar {
    display: none;
    display: flex;
    width: 100%;
    position: fixed;
    left: 200rem;
    top: 0;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 3rem;
    transition: 0.5s ease;
    padding: 2rem 2rem 0;
    background: #FFFFFF;
  }
  .menubar .logo {
    height: 3rem;
  }
  .menubar .dropdown_item .dropdown_content.show {
    max-height: 50rem;
    top: 1rem !important;
    padding: 2rem 2rem;
    left: 0;
    width: 100%;
    box-shadow: none;
    background: none;
    gap: 1.6rem;
    background: #FFFFFF;
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
    display: flex !important;
    max-height: 200rem;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 1;
  }
  .menubar:has(#dropdownMenu2.show) {
    overflow-y: scroll;
  }
  .menubar.active {
    left: 0rem;
    transition: 0.2s ease;
    justify-content: start;
    height: 100vh;
    overflow: hidden;
    padding-bottom: 5rem;
  }
  .menubar .nav_inner_menu img {
    width: 10rem;
    height: auto;
  }
  .header_content .content_center {
    width: 100%;
  }
  .header_content header #btnMenu {
    width: 4rem;
    display: flex;
    justify-content: end;
  }
  .header_content header .nav {
    flex-direction: column;
    margin-left: 0;
    gap: 2rem;
    align-items: start;
    margin-left: 0;
    width: 100%;
  }
  .header_content header .nav .text_link {
    width: 100%;
  }
  .banner .banner_content.--home {
    min-height: auto;
  }
  .counter_section .swiper-slide .--item .heading {
    text-align: right;
    font-size: 6.6rem;
  }
  .awards-banner {
    margin-top: 5rem;
  }
  .highlight_section .--content_highlight {
    width: 100%;
  }
  .highlight_section .--content_block_highlight {
    justify-content: end;
  }
  .highlight_section .--content_block_highlight {
    gap: 4rem;
  }
  .highlight_section .--points {
    padding-right: 0;
    margin-bottom: 5rem;
  }
  .sidebar {
    margin-top: 3rem;
  }
  .banner.contact_section .container_main,
  .container_main {
    max-width: 100%;
    --bs-gutter-y: 0;
    --bs-gutter-x: 10rem;
    margin: 0 auto;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .banner,
  .banner.contact_section,
  .banner.--inapp {
    height: auto;
    padding: 5rem 0 !important;
  }
  .banner .title_main .heading,
  .banner.contact_section .title_main .heading,
  .banner.--inapp .title_main .heading {
    font-size: 5.2rem;
    font-weight: 400;
    line-height: 6.6rem;
  }
  .banner.--inapp .banner_img_content {
    height: auto;
    padding: 1rem;
  }
  .highlight_section .--content_highlight .--item {
    width: 100%;
  }
  .highlight_section .--content_highlight .--item::after {
    width: 100%;
  }
  .highlight_section .bg_side {
    position: relative;
    width: 99%;
    top: 8rem;
    bottom: auto;
    right: -3rem;
  }
  .casestudy_section .--card_content {
    height: 100%;
  }
  .casestudy_section .tabcontent .--box-img {
    margin-top: 1.6rem;
  }
  .h_md_auto {
    height: auto;
  }
  .btn_icon {
    width: 2rem;
  }
  .oem_inapp_section .title {
    width: 34.9rem;
  }
  .header_content header .dropdown_content .title .text {
    margin-bottom: 2rem;
  }
  .services_section.--oem .--card {
    height: auto;
  }
  .services_section.--inapp .--item img {
    width: 100%;
  }
  .--card-hub .sideNav.nav_links {
    width: 100%;
    max-height: 61rem;
  }
}
@media screen and (max-width: 980px) {
  .error_section .title {
    font-size: 26rem !important;
  }
  .ad_formats_section.tab_primary .title .heading {
    margin-top: 0rem;
  }
  .title.w_heading_100 .text {
    width: 100%;
  }
  .banner_content {
    min-height: auto !important;
  }
  .banner_content.--home {
    min-height: none;
  }
  .banner_content.--solutions {
    min-height: none;
  }
  .banner_content.--oem.--solutions {
    transform: scale(1.2);
    padding-top: 4rem;
  }
  .header_content header #dropdownMenu .title::after,
  .header_content header .title::after {
    display: none;
  }
  .menubar.active::after {
    display: none;
  }
  .header_content header #dropdownMenu .title::after {
    display: none;
  }
  .counter_section .swiper-slide .--item {
    min-height: 58rem;
  }
  .progress_tab_section::before {
    display: none;
  }
  .progress_tab_section .nav-pills .nav-link.active .--video {
    display: block;
  }
  .progress_tab_section .tab_link.active .flex_badge {
    margin-bottom: 5rem;
  }
  .progress_tab_img {
    display: none !important;
  }
  .menubar .d_md_flex {
    display: flex !important;
  }
  .banner.--inapp .banner_img_content {
    margin-top: 2rem;
  }
  .oem_inapp_section {
    background: transparent;
  }
  footer .f_logo {
    width: 10rem;
  }
  footer .center_footer {
    gap: 5rem;
  }
  footer .footer_content {
    gap: 5rem;
  }
  .docs_section .form_control_search {
    width: 100%;
  }
  .w_md_100 {
    width: 100%;
  }
  .oem_section .tab {
    gap: 1.6rem;
  }
  .--card-hub .sideNav.nav_links button {
    text-align: left;
  }
  .banner .title_main {
    margin-bottom: 3rem;
  }
  .banner .title_main .heading {
    font-size: 5.6rem;
    line-height: 6.6rem;
  }
  .banner .banner_content {
    padding: 0;
  }
  .banner .banner_content.--home .video-ios-border-fix {
    left: 0;
  }
  .banner .banner_img {
    padding-left: 0;
  }
  .banner .banner_img.--platform {
    margin-top: 4rem;
  }
  .cta_section .title.text_center .heading,
  .title .heading {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .cta_section .title.text_center,
  .title.text_center {
    width: 100%;
    margin: 0 auto;
  }
  section.highlight_section .item_content_flex {
    margin-top: 2rem;
  }
  section.highlight_section .--points {
    margin-bottom: 5rem;
  }
  section.highlight_section .vertical-marquee {
    width: 50%;
  }
  section.highlight_section .vertical-marquee .--item {
    width: 100%;
  }
  .ad_formats_section .tab {
    margin-top: 3rem;
  }
  .ad_formats_section .tabcontent .--item {
    text-align: center;
    margin-bottom: 5rem;
  }
  .awards_section .flex_awards img {
    height: 5rem;
  }
  .inner_xs {
    width: 100%;
  }
  .progress_tab_section .progress_content .--video {
    padding-left: 0;
  }
  footer .center_footer .--item {
    width: 19%;
  }
  .oem_inapp_section .position-relative.h-tabs {
    height: 80rem;
  }
}
.vscomp-value {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .awards_section_main::after {
    display: none;
  }
  .global_section .text.mb-0 br {
    display: none;
  }
  .oem_inapp_section .position-relative.h-tabs {
    height: auto;
  }
  .hub_listing .--card-item .--icon {
    height: 4rem;
  }
  .hub_listing .--card-item .--icon.--new {
    height: 2rem;
  }
  .ad_formats_section .title {
    padding-right: 0;
  }
  .highlight_section.--light {
    background-image: none;
  }
  .banner.--inapp .title_main,
  .casestudy_section .tabcontent .card_content {
    padding-right: 0;
  }
  .banner_content.--home.--platform {
    transform: scale(1.3);
    position: relative;
    top: 7rem;
  }
  .form-check-input {
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
  }
  .header_content header .dropdown_item.position-relative .dropdown_content {
    width: 100% !important;
  }
  .cta_btn svg {
    width: 3.4rem;
  }
  .casestudy_container {
    position: unset !important;
    min-height: auto !important;
  }
  .casestudy_container .tabcontent.p_absolute {
    position: revert-rule !important;
    left: unset !important;
    top: unset !important;
  }
  .highlight_section .--content_highlight.--v2.--ott .--item.--content {
    min-height: 31rem;
  }
  .highlight_section .--content_highlight.--v2.--ott .--item img {
    top: 15rem;
  }
  section.services_section.--inapp .inner {
    width: 100%;
    padding: 0 2rem;
  }
  .banner_content.--oem.--solutions {
    transform: scale(1);
    padding-top: 4rem;
    min-height: auto;
  }
  .hub_listing .--card-item.--mh-xs {
    min-height: 100%;
  }
  .header_content header {
    height: 6.8rem;
    z-index: 9999 !important;
  }
  .nav_inner_menu .--item-3 {
    margin-left: 0 !important;
  }
  div#dropdownMenu,
  div#dropdownMenu2 {
    padding-left: 1rem;
  }
  .marquee_section .marquee .marquee-inner {
    gap: 6rem !important;
  }
  .highlight_section .--content_block_highlight.--home .--second {
    left: 0;
  }
  .docs_section .--card ol li,
  .docs_section .--card ul li {
    word-wrap: break-word;
    word-break: break-all;
  }
  .docs_section .--card table th {
    width: 14rem;
  }
  .oem_inapp_section .tabcontent.active {
    position: relative;
  }
  .oem_section .tab {
    width: 100%;
    flex-wrap: wrap;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    gap: 1rem;
  }
  .oem_section .tab button {
    width: 31%;
    padding: 1rem 1rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.1rem !important;
    line-height: normal !important;
  }
  .ad-section .--card-hub .--phone {
    padding: 3rem 0;
    margin-bottom: 2rem;
  }
  .ad-section .--card-hub .sideNav.nav_links {
    max-height: 100%;
  }
  .ad-section .ad_title_xs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
  }
  .ad-section .ad_title_xs .branditem {
    color: var(--Black-900, #211E1F);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
  }
  .--card--content .--card-hub {
    height: auto;
  }
  .flex_xs_column {
    flex-direction: column;
  }
  .w_xs_100 {
    width: 100% !important;
  }
  .--card-hub.h-100.side_nav_xs {
    position: fixed;
    top: 6.4rem;
    left: -100rem;
    width: 100vw;
    z-index: 4;
    transition: 0.5s ease;
  }
  .--card-hub.h-100.side_nav_xs.active {
    left: 0;
    transition: 0.5s ease;
  }
  .progress_tab_img {
    display: none;
  }
  .awards_section {
    flex-direction: column;
  }
  .awards_section .flex_awards {
    flex-wrap: wrap;
  }
  .awards_section .flex_awards .--item {
    width: 30%;
    text-align: center;
  }
  .awards_section .flex_awards img {
    height: 4rem;
  }
  .blogs_content_block_section .blogs_content_block_item.h-100 {
    margin-top: 2rem;
    height: auto !important;
  }
  .banner.--inapp .banner_img_content img {
    width: 100%;
  }
  .container_inner,
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl.container_main,
  .banner .container_main {
    --bs-gutter-x: 3rem;
  }
  .container {
    --bs-gutter-x: 3rem;
  }
  .container_inner {
    padding: 0 calc(var(--bs-gutter-x) * 0.5);
  }
  .header_content header .nav .text_link {
    height: auto;
    padding: 1rem 0;
  }
  .header_content header .dropdown_content .nav_inner_menu .text_link {
    padding-left: 1rem;
  }
  .nav_inner_menu {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
  .nav_inner_menu .--item-1, .nav_inner_menu .--item-2, .nav_inner_menu .--item-3 {
    width: 100%;
  }
  .services_section {
    padding: 5rem 0;
  }
  .services_section .--card {
    margin: 0 0 1.6rem;
  }
  .services_section .--card.h-100 {
    height: auto !important;
  }
  .oem_inapp_section {
    padding: 5rem 0;
  }
  .oem_inapp_section .title {
    width: 100%;
  }
  .highlight_section .--content_highlight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2.4rem;
    height: 100%;
    margin-bottom: 2.4rem;
  }
  .highlight_section .--content_highlight.--flex .--item.--content {
    width: 100%;
  }
  .highlight_section .--content_highlight .--item.--3.opacity-0 {
    display: none;
  }
  .counter_section {
    padding: 5rem 0;
  }
  .counter_section .swiper {
    padding: 0 2rem;
  }
  .blogs_content_block_section .blogs_content_block_item--details {
    min-height: auto;
  }
  .blogs_content_block_section .blogs_content_block_item .heading {
    font-size: 2rem;
  }
  .casestudy_section .tab {
    flex-wrap: wrap;
    gap: 2.2rem;
    border-radius: 0;
  }
  .casestudy_section .--card_content {
    margin-top: 0;
  }
  .d_none_xs {
    display: none !important;
  }
  .services_section.--mi .--card .flex_logos .item {
    width: 50%;
  }
  .services_section.--mi .--card.--mi {
    padding-bottom: 11rem;
  }
  .services_section.--mi .--card.--mi .flex_button {
    margin-top: 10rem;
  }
  .benchmarkSwiper {
    padding-bottom: 0;
  }
  .benchmarkSwiper .--content {
    top: 0 !important;
  }
  .pe_xs_0 {
    padding-right: 0;
  }
  footer .footer_content {
    gap: 3rem;
    flex-direction: row;
    justify-content: space-between;
  }
  .services_section.--inapp .--item {
    margin-bottom: 2.6rem;
  }
  .services_section.--inapp .--item img {
    width: 100%;
  }
  footer .bottom_footer {
    display: flex;
    justify-content: space-between;
    padding: 2.6rem 0;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    flex-direction: row;
  }
  footer .social_links {
    margin-bottom: 3rem;
  }
  footer .center_footer {
    gap: 2rem;
  }
  footer .center_footer .--item {
    width: 30%;
  }
  footer .copyright {
    order: 3;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  footer .footer_right {
    justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  section.highlight_section .--points {
    flex-direction: column;
  }
  section.highlight_section .--points .--item {
    width: 100%;
  }
  .casestudy_section .--card_content {
    margin-top: 2rem;
  }
  footer .center_footer {
    justify-content: unset;
  }
  .banner .title_main {
    height: auto;
  }
  .banner .title_main.pe_lg_120 {
    padding-right: 0;
  }
  .highlight_section .--content_highlight.--v2 .row {
    --bs-gutter-x: 8.4rem;
  }
  .highlight_section .--content_highlight.--v2 .--item img {
    position: absolute;
    right: -8.4rem;
    width: 8.4rem;
    height: auto;
    top: 12rem;
  }
  .highlight_section .--content_highlight.--v2 .--item.--content {
    min-height: 23rem;
  }
  .banner,
  .banner.contact_section,
  .banner.--inapp,
  .services_section,
  .awards_section,
  .oem_inapp_section,
  .highlight_section,
  .counter_section,
  .marquee_section,
  .blogs_content_block_section {
    padding: 8rem 0 !important;
  }
  footer .footer_content .footer_links {
    width: 40%;
  }
  footer .text br {
    display: none;
  }
  footer .footer_content {
    gap: 4rem;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5rem;
  }
  .d_block_xs {
    display: block;
  }
  .highlight_section .r_icon {
    position: relative;
    width: 104% !important;
    margin-top: 5rem;
    bottom: auto;
    right: 0;
  }
  .highlight_section .--content_highlight {
    flex-wrap: wrap;
  }
  .highlight_section .--content_highlight .--item-block {
    width: 47%;
  }
}
@media screen and (max-width: 1px) {
  footer .bottom_footer {
    display: flex;
    justify-content: space-between;
    padding: 2.6rem 0;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    flex-direction: row;
  }
  footer .copyright {
    order: 3;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.im_form_control .dd-options {
  width: 29rem !important;
  padding: 0rem 0 !important;
}
.im_form_control .dd-select {
  border-radius: 0.2rem;
  position: relative;
  cursor: pointer;
  width: auto !important;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.im_form_control .dd-desc {
  color: #020618;
  display: flex;
  overflow: hidden;
  font-weight: normal;
}
.im_form_control .dd-selected {
  overflow: hidden;
  display: flex;
  text-decoration: none;
  text-decoration: none;
  color: #020618;
  font-size: 1.3rem;
  padding: 0 1.8em 0 1.6rem;
  font-weight: 400;
  cursor: pointer;
}
.im_form_control .dd-selected:hover {
  background: #F2F4F7;
  color: #020618 !important;
}
.im_form_control .dd-options {
  list-style: none;
  display: none;
  position: absolute;
  z-index: 2000;
  margin: 0;
  padding: 0;
  overflow: auto;
  top: 5.2rem;
  border-radius: 0.6rem;
  border: 0.1rem solid var(--Gray-200, #EAECF0);
  background: #FFF;
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.im_form_control .dd-options > li:last-child > .dd-option {
  border-bottom: none;
}
.im_form_control .dd-option {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  font-size: 1.3rem;
  height: 4rem;
  padding: 0.6rem 1.1rem;
  border: none;
  color: #020618;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.im_form_control .dd-option label {
  color: #020618 !important;
}
.im_form_control .dd-option:hover {
  background-color: var(--Gray-100, #F2F4F7);
  color: #020618;
}
.im_form_control .dd-pointer-down {
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/chevron-down-dark.svg);
  background-size: 100%;
  height: 2.4rem;
  width: 2.4rem;
  top: 0;
  right: -0.3rem;
  position: absolute;
  transition: 0.3s ease;
  transform: rotate(0deg);
  bottom: 0;
  margin: auto;
}
.im_form_control .dd-pointer-up {
  background: url(https://assets.xerxes.media/web/assets-main/images/icons/chevron-down-dark.svg);
  background-size: 100%;
  height: 2.4rem;
  width: 2.4rem;
  top: 0;
  right: -0.3rem;
  position: absolute;
  transition: 0.3s ease;
}
.im_form_control .dd-selected-description-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.im_form_control .dd-option-selected {
  background-color: #FFFFFF;
  background-image: url("https://assets.xerxes.media/web/assets-main/images/icons/check-outline-green.svg");
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
.im_form_control .dd-option-selected label {
  color: #020618 !important;
}
.im_form_control .dd-option-selected:hover {
  background-color: var(--Gray-100, #F2F4F7);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.6666 5L7.49992 14.1667L3.33325 10" stroke="%23444CE7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
.im_form_control .dd-option-image,
.im_form_control .dd-selected-image {
  vertical-align: middle;
  float: left;
  margin-right: 0.6rem;
  max-width: 2.4rem;
}
.im_form_control .dd-image-right {
  float: right;
  margin-right: 1.5rem;
  margin-left: 0.6rem;
}
.im_form_control .dd-container {
  position: relative;
  border-right: 0rem solid;
  display: flex;
  align-items: center;
  padding-right: 0.6rem;
  width: auto !important;
  border-radius: 0.6rem;
  border: 0.1rem solid #98A2B3;
  background-color: transparent;
  height: 4.8rem;
  padding-right: 1rem;
  height: 5.6rem;
  background: #FFFFFF;
  cursor: pointer;
}
.im_form_control .dd-container:hover {
  box-shadow: none;
  outline: none;
  transition: 0.1s ease;
}
.im_form_control .dd-container:before {
  position: absolute;
  content: "";
  height: 2.6rem;
  width: 0.1rem;
  background-color: #edeef1;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.im_form_control .dd-selected-text,
.im_form_control .dd-option-text {
  margin-bottom: 0;
  cursor: pointer;
  font-weight: 400 !important;
  font-size: 1.4rem;
}
.im_form_control .input-group.error .dd-container {
  border: 0.1rem solid var(--Error-500, #F04438);
  background: var(--Error-25, #FFFBFA);
}
.im_form_control .input-group.error .dd-container:before {
  position: absolute;
  content: "";
  height: 2.6rem;
  width: 0.1rem;
  background-color: #020618;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.im_form_control .input-group.error:hover {
  box-shadow: 0 0 0 0.2rem #FECDCA;
  transition: 0.5s ease;
}
.im_form_control .input-group.error:focus-within .dd-container, .im_form_control .input-group.error:focus-within .dd-container {
  border: 0.1rem solid var(--Error-500, #F04438);
  background: var(--Error-25, #FFFBFA);
}
.im_form_control .form_group_control {
  display: inline-flex;
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border-left: 0rem;
}

.vscomp-arrow::after {
  transform: none;
  border: 0;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0;
  background-image: url(https://assets.xerxes.media/web/assets-main/images/icons/chevron-down-dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.--multiple .virtual_select .vscomp-option.selected {
  background: #F5F5F5;
}
.--multiple .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after,
.--multiple .vscomp-wrapper .checkbox-icon.checked::after {
  border-color: #06514F;
  border-left-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(0, 0, 0, 0);
}

.cta_btn {
  position: fixed;
  right: 2vw;
  bottom: 2vw;
  display: flex;
  width: 6rem;
  height: 6rem;
  padding: 0;
  justify-content: center;
  align-items: center;
  gap: 0;
  aspect-ratio: 1/1;
  border-radius: 25rem;
  background: linear-gradient(180deg, #DA3862 0%, #F57F17 100%);
  box-shadow: 0 0 55px 6px rgba(228, 82, 70, 0.6);
  transition: 0.5s ease;
  z-index: 999;
  animation: ctaGlow 3.5s ease-in-out infinite alternate, ctaGradientMove 2s ease-in-out infinite alternate;
  background-size: 100% 200%;
}
.cta_btn:hover {
  animation-play-state: paused;
  transition: 0.5s ease;
  box-shadow: 0 0 15px 0px #e45246;
}

/* 🌟 Soft Glow Animation */
@keyframes ctaGlow {
  0% {
    box-shadow: 0 0 10px 4px rgba(228, 83, 70, 0.662745098);
  }
  100% {
    box-shadow: 0 0 70px 10px rgba(228, 82, 70, 0.75);
  }
}
/* 🎨 Slow gradient shift */
@keyframes ctaGradientMove {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
.casestudy_container {
  position: relative;
  min-height: 70rem;
}
.casestudy_container .tabcontent.p_absolute {
  left: 0;
  top: 0;
}

.marquee__track {
  display: flex;
  width: max-content;
}

@keyframes scroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .marquee__track {
    animation: none;
  }
}
.error_section {
  position: relative;
}
.error_section .title {
  font-size: 96rem;
  font-style: normal;
  font-weight: 800;
  line-height: 76.8rem;
  opacity: 0.8;
  background: linear-gradient(180deg, rgba(208, 213, 221, 0.8) 0%, rgba(227, 230, 233, 0.48) 81.73%, rgba(245, 245, 245, 0.41) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
.error_section .error_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: relative;
}
.error_section .error_content .sub_head {
  color: #0F1114;
  text-align: center;
  font-size: 6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 9.6rem;
  margin: 0;
}
.error_section .error_content .text {
  color: var(--Grey-600, #475467);
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  /* 150% */
  letter-spacing: 0.04rem;
  margin: 0 0 3.2rem;
}