@charset "UTF-8";
/*! Normalise CSS !*/
@import url(normalize.css);
/*! Google Fonts !*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/*! Google Fonts !*/
:root,
:host {
  --fa-style-family-classic: "Font Awesome 7 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
}

* {
  margin: 0rem;
  padding: 0rem;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  margin: 0rem;
  padding: 0rem;
  scroll-behavior: smooth;
}

body {
  margin: 0rem;
  padding: 0rem;
  color: var(--Dark-gray, #636363);
  /* Body text */
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  background: #fff;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 0.5rem;
}
body::-webkit-scrollbar-track {
  background-color: rgba(53, 145, 244, 0.2);
}
body::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #3591F4;
}

p {
  padding: 0rem;
  margin: 0rem 0 1.5625rem;
  color: var(--Dark-gray, #636363);
  /* Body text */
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
}
p:last-child {
  margin: 0;
}

h1 {
  margin: 0rem 0rem 1.25rem;
  padding: 0rem;
  color: var(--White, #fff);
  /* H1 */
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

h2 {
  margin: 0rem 0rem 1.25rem;
  padding: 0rem;
  color: var(--Black, #000);
  /* H2 */
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

h3 {
  margin: 0rem 0rem 1rem;
  padding: 0rem;
  color: var(--Black, #000);
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

h4 {
  margin: 0rem 0rem 1rem;
  padding: 0rem;
  color: #fff;
  /* H4 */
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

h5 {
  margin: 0rem 0rem 1rem;
  padding: 0rem;
  color: #fff;
  /* Desktop/lg/base/Medium */
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}

h6 {
  margin: 0rem 0rem 1rem;
  padding: 0rem;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  line-height: normal;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-object-fit: cover;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  margin: 0;
  padding: 0;
}

a {
  color: var(--Grey, #333);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
a:hover {
  color: #000;
}

.btn {
  position: relative;
  display: inline-flex;
  padding: 0.875rem 2.125rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--White, #fff);
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  border: 1px solid var(--Blue-primary, #3591f4);
  border-radius: 60px;
  background: var(--Blue-primary, #3591f4);
  box-shadow: none;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  z-index: 1;
  gap: 0.5rem;
}
.btn span {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}
.btn span img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.btn:focus, .btn:active:focus {
  outline: 0;
  box-shadow: none;
  border: 1px solid var(--Blye-light, #4cadfc);
  color: #4cadfc;
  background: rgba(18, 110, 208, 0);
}
.btn:focus span img, .btn:active:focus span img {
  filter: brightness(0) saturate(100%) invert(48%) sepia(27%) saturate(3806%) hue-rotate(192deg) brightness(100%) contrast(92%);
}
.btn:hover {
  border: 1px solid var(--Blye-light, #4cadfc);
  background: rgba(18, 110, 208, 0);
  color: #4cadfc;
}
.btn:hover span img {
  filter: brightness(0) saturate(100%) invert(48%) sepia(27%) saturate(3806%) hue-rotate(192deg) brightness(100%) contrast(92%);
}
.btn.blueStroke {
  border: 1px solid #126ed0;
  background: transparent;
  color: #fff;
}
.btn.blueStroke:focus, .btn.blueStroke:active:focus {
  outline: 0;
  box-shadow: none;
  border: 1px solid var(--Blye-light, #4cadfc);
  background: rgba(18, 110, 208, 0.1);
}
.btn.blueStroke:hover {
  border: 1px solid var(--Blye-light, #4cadfc);
  background: rgba(18, 110, 208, 0.1);
}

input:not([type=submit])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: inherit;
  opacity: 1;
  font-size: inherit;
}

input:not([type=submit])::placeholder,
textarea::placeholder,
select::placeholder {
  color: inherit;
  opacity: 1;
  font-size: inherit;
}

input:not([type=submit], [type=checkbox], [type=radio]) {
  border-radius: 0.25rem;
  border: 1px solid #d4d4d4;
  padding: 1rem;
  display: block;
  width: 100%;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  transition: all 0.3s ease-in-out;
  position: relative;
  background-color: #fff;
  color: #000;
  /* Eye brow text */
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
}
input:not([type=submit], [type=checkbox], [type=radio])::-moz-placeholder {
  color: var(--Black, #000);
  opacity: 1;
}
input:not([type=submit], [type=checkbox], [type=radio])::placeholder {
  color: var(--Black, #000);
  opacity: 1;
}
input:not([type=submit], [type=checkbox], [type=radio]):focus {
  outline: none;
  border-color: #3591f4;
}

textarea {
  resize: none;
  overflow: hidden;
  display: block;
  width: 100%;
  /* Desktop/lg/base/Regular */
  background-color: #fff;
  padding: 1.25rem 1.5rem;
  height: 8.8125rem;
  box-shadow: none;
  margin-bottom: 0;
  outline: none;
  line-height: normal;
  border-radius: 0.25rem;
  border: 1px solid var(--Grey, #b3b3b3);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  transition: all 0.3s ease-in-out;
  position: relative;
  background-color: #fff;
  color: #000;
  /* Eye brow text */
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
}
textarea::-moz-placeholder {
  color: var(--Body, #b3b3b3);
  opacity: 0.6;
}
textarea::placeholder {
  color: var(--Body, #b3b3b3);
  opacity: 0.6;
}

textarea:focus {
  outline: none;
}

select {
  -webkit-appearance: none;
  /* Removes default appearance in Safari */
  -moz-appearance: none;
  /* Removes default appearance in Firefox */
  appearance: none;
  /* Standard */
  outline: none;
  /* Removes the focus outline */
  box-shadow: none;
  /* Removes the box shadow */
  padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  /* Add padding for better UI */
  background-color: transparent;
  /* Background color */
  background-image: url("../images/select-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-size: 0.75rem;
  width: 100%;
  border-radius: 0;
  height: auto;
  background-color: #fff;
  color: #000;
  /* Eye brow text */
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 1.5rem;
}

select:focus {
  border: 0.0625rem solid #cccccc;
  outline: none;
  background-color: transparent;
}

select option {
  color: #a8a8a8;
  font-size: 0.875rem;
  font-weight: normal;
}

label {
  color: var(--Primary, #fff);
  /* Desktop/lg/base/Regular */
  font-family: "Netflix Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  font: inherit;
  color: #c8a96a;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 3px;
  border: 0.125rem solid currentColor;
  background-color: #fff;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  position: relative;
  cursor: pointer;
  transition: all 120ms ease-in-out;
}
input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
  background-color: #fff;
}
input[type=checkbox]:checked {
  background-color: currentColor;
  border-color: currentColor;
}
input[type=checkbox]:checked::before {
  transform: scale(1);
}
input[type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(36, 157, 143, 0.25);
}
input[type=checkbox]:disabled {
  color: #ccc;
  border-color: #ccc;
  cursor: not-allowed;
  background-color: #f9f9f9;
}
input[type=checkbox]:disabled:checked {
  background-color: #ccc;
}

input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  margin: 0;
  font: inherit;
  color: #000;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  background-color: #fff;
  cursor: pointer;
  transition: all 120ms ease-in-out;
}
input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em currentColor;
  background-color: currentColor;
}
input[type=radio]:checked::before {
  transform: scale(1);
}
input[type=radio]:focus {
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.25);
}
input[type=radio]:disabled {
  color: #ccc;
  border-color: #ccc;
  cursor: not-allowed;
  background-color: #f9f9f9;
}

section h1,
section h2 {
  margin: 0 0 1.5rem;
}
section.defaultPadding {
  padding: 8rem 0;
}
section.defaultPadding120 {
  padding: 7.5rem 0;
}
section.defaultPadding100 {
  padding: 6.25rem 0;
}
section.defaultPadding60 {
  padding: 3.75rem 0;
}

.mb16 {
  margin-bottom: 1rem !important;
}

.mb18 {
  margin-bottom: 1.125rem !important;
}

.mb24 {
  margin: 0 0 1.5rem !important;
}

.mb25 {
  margin: 0 0 1.5625rem !important;
}

.mb28-5 {
  margin-bottom: 1.75rem !important;
}

.mb30 {
  margin-bottom: 1.875rem !important;
}

.mb32 {
  margin-bottom: 2rem !important;
}

.mb36 {
  margin-bottom: 2.25rem !important;
}

.mb40 {
  margin-bottom: 2.5rem !important;
}

.mb50 {
  margin-bottom: 3.125rem !important;
}

.mb60 {
  margin-bottom: 3.75rem !important;
}

.mb66 {
  margin-bottom: 4.125rem !important;
}

.mb70 {
  margin-bottom: 4.375rem !important;
}

.mb80 {
  margin-bottom: 5rem !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb180 {
  margin-bottom: 11.25rem !important;
}

.mt30 {
  margin-top: 1.875rem !important;
}

.mt33 {
  margin-top: 2.0625rem !important;
}

.mt60 {
  margin-top: 3.75rem !important;
}

.mt65 {
  margin-top: 4.0625rem !important;
}

.mt85 {
  margin-top: 5.3125rem !important;
}

.pt-42 {
  padding-top: 2.625rem !important;
}

.pt-48 {
  padding-top: 2.9375rem !important;
}

.pb-60 {
  padding-bottom: 3.75rem !important;
}

.pb-275 {
  padding-bottom: 17.1875rem !important;
}

.pb-300 {
  padding-bottom: 18.75rem !important;
}

.overlayBg {
  position: fixed;
  z-index: 1000;
  background-color: #000;
  inset: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

body:has(.openNav) .overlayBg {
  opacity: 0.8;
  visibility: visible;
  pointer-events: all;
}

header.header_main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: transparent; /* Dark background from screenshot */
  padding: 0;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}
header.header_main .d_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.25rem 0;
  gap: 2rem;
}
header.header_main .logo {
  transition: all 0.3s ease-in-out;
}
header.header_main .logo a {
  display: block;
}
header.header_main .logo a img {
  max-width: 5.5rem;
  max-height: 4rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header.header_main .search-wraper {
  display: table;
  margin-left: auto;
}
header.header_main .search-wraper.open-search input[type=search] {
  cursor: auto;
  width: 22rem;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  background-size: 1rem 1rem;
  background-position: left 1.2rem center;
}
header.header_main .search-wraper input[type=search] {
  width: 2.5187rem;
  height: 2.5187rem;
  padding: 1.2rem;
  border-radius: 1.875rem;
  background-color: transparent;
  border: 1px solid #4cadfc;
  color: #ffffff;
  background-image: url(../images/search-icon2.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.2rem 1.2rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
header.header_main .search-wraper input[type=search]::-moz-placeholder {
  font-size: 0;
  color: #fff;
}
header.header_main .search-wraper input[type=search]::placeholder {
  font-size: 0;
  color: #fff;
}
@media (min-width: 992px) {
  header.header_main .main_nav > ul {
    display: flex;
    align-items: center;
    gap: 1.5rem; /* Spacing between nav items */
  }
  header.header_main .main_nav > ul li a {
    transition: all 0.3s ease;
    border: 1px solid transparent;
  }
  header.header_main .main_nav > ul li a:hover {
    color: #fff;
    border: 1px solid var(--Blye-light, #4cadfc);
  }
  header.header_main .main_nav > ul li.current-menu-item a {
    color: #fff;
    border: 1px solid var(--Blye-light, #4cadfc);
  }
}

.stellarnav.mobile.right .close-menu::before,
.stellarnav.mobile.left .close-menu::before {
  content: "\f00d";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 1.25rem;
  color: #c9ab73;
  transition: color 0.3s ease;
  position: relative;
  top: 1px;
}
.stellarnav.mobile.right .close-menu:hover::before,
.stellarnav.mobile.left .close-menu:hover::before {
  color: #c9ab73;
}

section.what_we_do.defaultPadding .row {
  --bs-gutter-y: 0rem;
}
section.what_we_do.defaultPadding .feature_card {
  padding: 0 3.5rem;
  margin-bottom: 5.5rem;
}
section.what_we_do.defaultPadding .section_cta {
  margin-top: 4.38rem;
}

.headingGlobalTxt {
  width: 100%;
  margin: 0 auto 3.125rem;
  text-align: center;
}
.headingGlobalTxt p:first-of-type {
  color: var(--Blue-primary, #3591f4);
  text-align: center;
  /* Eye brow text */
  font-family: "Inter", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.headingGlobalTxt h2 {
  color: var(--Black, #000);
  margin-bottom: 0;
  position: relative;
}
.headingGlobalTxt h2 ~ p {
  color: var(--Black, #000);
  margin: 1.5rem auto 4.38rem;
  margin-bottom: 0;
  font-weight: 400;
  max-width: 40.5rem;
}
.headingGlobalTxt h3 {
  font-weight: 600;
  color: #000;
  font-family: "Inter", sans-serif;
}

.hm_banner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #040814;
  text-align: center;
  padding-top: 19.875rem;
  padding-bottom: 27.625rem;
}
.hm_banner .hero_img_wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.6;
  width: 100%;
  height: 100%;
}
.hm_banner .hero_img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hm_banner .container {
  position: relative;
  z-index: 5;
}
.hm_banner .innerTxt {
  max-width: 50.375rem;
  margin: 0 auto;
}
.hm_banner .innerTxt h1 {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.5rem;
}
.hm_banner .innerTxt p {
  max-width: 40.5rem;
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0 auto 1.88rem;
}
.hm_banner .gp_btn {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.hm_banner .card_img_wrap {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1200px;
  z-index: 10;
  padding-left: 20px;
  padding-right: 20px;
}
.hm_banner .card_img_wrap img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 30px rgba(53, 145, 244, 0.4));
}

/* --- What We Do Section --- */
.what_we_do {
  background-color: #fff;
  text-align: center;
}
.what_we_do .row {
  --bs-gutter-y: 4rem;
}
.what_we_do .feature_card .feature_img {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.what_we_do .feature_card .feature_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.what_we_do .feature_card:hover .feature_img img {
  transform: scale(1.05);
}
.what_we_do .feature_card .feature_info {
  max-width: 400px;
  margin: 0 auto;
}
.what_we_do .feature_card .feature_info h3 {
  font-weight: 700;
  color: #000;
  margin-bottom: 1rem;
}
.what_we_do .feature_card .feature_info p {
  color: var(--Dark-gray, #636363);
  margin-bottom: 0;
}
.what_we_do .section_cta {
  margin-top: 5rem;
  display: flex;
  justify-content: center;
}

/* --- Mission Section --- */
.mission_section {
  background: url(../images/stand_bg.jpg) no-repeat center center, linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
  background-size: cover;
  /* overflow: hidden; */
  position: relative;
  z-index: 1;
}
.mission_section .mission_content h6 {
  color: #3591f4;
  margin-bottom: 1.5rem;
}
.mission_section .mission_content h2 {
  color: #000;
  margin-bottom: 2rem;
}
.mission_section .mission_content p {
  font-size: 1rem;
  line-height: 1.7;
  color: #636363;
}
.mission_section .mission_content ul {
  margin-bottom: 1.5rem;
  padding-left: 0.625rem;
}
.mission_section .mission_content ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #636363;
}
.mission_section .mission_content ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #636363;
  font-weight: bold;
}
.mission_section .mission_content ul ~ p {
  color: #000;
}
.mission_section .mission_char_img {
  display: flex;
  width: 31.25rem;
  height: 31.25rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 131/121;
  left: 0;
  position: relative;
  margin-bottom: -8.375rem;
  margin-left: -6.3125rem;
  /* transform: scale(1.8); */
  position: relative;
  z-index: -1;
}
.mission_section .mission_char_img img {
  max-width: 120%; /* Allows image to pop slightly out of its column */
  height: auto;
  /* Using a subtle drop shadow to ground the characters */
  filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}

/* --- Careers Callout Section --- */
.careers_callout {
  background-color: #fff;
  text-align: center;
}
.careers_callout .career_row {
  max-width: 970px;
  width: 100%;
  margin: auto;
}
.careers_callout .counter_card {
  border-radius: 1.25rem;
  border: 1px solid var(--Blye-light, #4CADFC);
  background: var(--Light-blue, #F3F7FD);
  padding: 1.75rem 1.5rem;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.careers_callout .counter_card:hover {
  background: rgba(53, 145, 244, 0.06);
  transform: translateY(-5px);
}
.careers_callout .counter_card h3 {
  color: var(--Black, #000);
  text-align: center;
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.careers_callout .counter_card p {
  color: var(--Black, #000);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
}
.careers_callout .section_cta {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
}

/* --- Main Footer --- */
.footer_main {
  position: relative;
  padding: 3.87rem 0 2.62rem;
  background: radial-gradient(circle at top, #16365f 0%, #040814 100%);
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.footer_main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/footer-bg-pattern.png) no-repeat center center;
  background-size: cover;
  /* opacity: 0.1; */
  pointer-events: none;
  width: 100%;
}
.footer_main .footer_content {
  position: relative;
  z-index: 2;
  max-width: 54.125rem;
  margin: 0 auto;
}
.footer_main .footer_content .footer_logo {
  width: 151px;
  margin: 0 auto 54px;
}
.footer_main .footer_content .footer_logo img {
  max-width: 100%;
}
.footer_main .footer_content h2 {
  margin-bottom: 25px;
  color: #fff;
}
.footer_main .footer_content p {
  color: #9ea6b2;
  margin-bottom: 2.5rem;
}
.footer_main .footer_divider {
  width: 40px;
  height: 2px;
  background-color: #3591f4;
  margin: 0 auto 40px;
}
.footer_main .social_links {
  display: flex;
  justify-content: center;
  gap: 0.68rem;
  margin-bottom: 1.75rem;
}
.footer_main .social_links a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  color: #040814;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}
.footer_main .social_links a i {
  font-size: 1.6rem;
  color: #202d5e;
}
.footer_main .social_links a:hover {
  background-color: #3591f4;
  color: #fff;
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(53, 145, 244, 0.5);
}
.footer_main .copyright p {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0;
}

section.careers_callout.defaultPadding {
  padding-top: 10.9375rem;
}
section.careers_callout.defaultPadding .headingGlobalTxt {
  margin-bottom: 2.13rem;
}
section.careers_callout.defaultPadding .section_cta {
  margin-top: 2.62rem;
}

section.careers_callout.defaultPadding .headingGlobalTxt h2 + p {
  max-width: 48.375rem;
}

section.inner-banner {
  position: relative;
  overflow: hidden;
}
section.inner-banner .img-wrapeer {
  width: 100%;
  height: auto;
}
section.inner-banner .img-wrapeer img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
section.inner-banner .content-wraper {
  position: absolute;
  inset: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.inner-banner .content-wraper .text-wraper {
  padding-top: 0.94rem;
}
section.inner-banner .content-wraper h1 {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.5rem;
}
section.inner-banner .content-wraper p {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin-bottom: 1.88rem;
}
section.inner-banner .content-wraper .btn-wraper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.88rem;
}
section.inner-banner .content-wraper ul.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
section.inner-banner .content-wraper ul.breadcrumbs li {
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  padding-right: 1.875rem;
  position: relative;
}
section.inner-banner .content-wraper ul.breadcrumbs li:last-child {
  padding: 0;
}
section.inner-banner .content-wraper ul.breadcrumbs li:last-child::after {
  display: none;
}
section.inner-banner .content-wraper ul.breadcrumbs li::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background-image: url(../images/bd-arow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
section.inner-banner .content-wraper ul.breadcrumbs li a {
  color: var(--White, #FFF);
}

section.about-sec1 {
  padding: 8rem 0;
}
section.about-sec1 .heading-wraper {
  display: block;
}
section.about-sec1 .heading-wraper h6 {
  color: var(--Blue-primary, #3591F4);
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
section.about-sec1 .heading-wraper h2 {
  margin-bottom: 3.38rem;
  text-align: center;
}
section.about-sec1 .build-card {
  display: block;
  width: 100%;
  padding: 0 0.69rem;
}
section.about-sec1 .build-card span {
  width: 5.125rem;
  height: 5.125rem;
  border-radius: 2.5625rem;
  background: var(--Blue-primary, #3591F4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
section.about-sec1 .build-card span img {
  max-width: 2.25rem;
  max-height: 2.25rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.about-sec1 .build-card h4 {
  color: var(--Black, #000);
  text-align: center;
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 1.25rem 0 0.88rem;
}
section.about-sec1 .build-card p {
  color: var(--Dark-gray, #636363);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0;
}
section.about-sec1 .btn-wraper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.38rem;
}

section.about-sec2 {
  padding: 0 0 8rem;
}
section.about-sec2 .row {
  gap: 1.97rem 0;
}
section.about-sec2 .heading-wraper {
  margin-bottom: 2.01rem;
}
section.about-sec2 .heading-wraper h6 {
  color: var(--Blue-primary, #3591F4);
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
section.about-sec2 .heading-wraper h2 {
  text-align: center;
  margin-bottom: 1.5rem;
}
section.about-sec2 .heading-wraper p {
  max-width: 62.5rem;
  color: var(--Dark-gray, #636363);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0 auto;
}
section.about-sec2 .principles-card {
  border-radius: 0.9375rem;
  background: var(--Light-blue, #F3F7FD);
  padding: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1.31rem;
}
section.about-sec2 .principles-card img.arow {
  max-width: 2.11094rem;
  max-height: 2.11094rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.about-sec2 .principles-card .text-wraper {
  display: block;
  max-width: 17.6875rem;
  width: 100%;
  padding-top: 0.25rem;
}
section.about-sec2 .principles-card .text-wraper h5 {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.88rem;
}
section.about-sec2 .principles-card .text-wraper p {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0;
}

section.game-sec1 {
  padding: 5.94rem 0 8rem;
}
section.game-sec1 .heading-wraper {
  display: block;
  width: 100%;
  margin-bottom: 3.56rem;
}
section.game-sec1 .heading-wraper h6 {
  color: var(--Blue-primary, #3591F4);
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
section.game-sec1 .heading-wraper h2 {
  text-align: center;
  margin-bottom: 1.5rem;
}
section.game-sec1 .heading-wraper p {
  color: var(--Dark-gray, #636363);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0;
}
section.game-sec1 .specialize-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.9375rem;
  margin-bottom: 5.69rem;
}
section.game-sec1 .specialize-card .img-wraper {
  border-radius: 0.9375rem;
  width: 100%;
  height: 31.1875rem;
}
section.game-sec1 .specialize-card .img-wraper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.9375rem;
}
section.game-sec1 .specialize-card .text-wraper {
  width: 100%;
  padding: 2.25rem 1.94rem 0 1.94rem;
}
section.game-sec1 .specialize-card .text-wraper h4 {
  color: var(--Black, #000);
  text-align: center;
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.88rem;
}
section.game-sec1 .specialize-card .text-wraper h5 {
  color: var(--Dark-gray, #636363);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0;
}
section.game-sec1 .specialize-card a.absolute {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 9;
}

section.game-sec2 {
  padding: 0 0 8rem;
}
section.game-sec2 .hub-wraper {
  padding: 3.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.9375rem;
  background-image: url(../images/hub-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
section.game-sec2 .hub-wraper h2 {
  text-align: center;
  color: #ffffff;
}
section.game-sec2 .hub-wraper p {
  color: var(--Light-gray, #DCDCE0);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  max-width: 56.875rem;
  margin: 0 auto 1.25rem;
}
section.game-sec2 .hub-wraper .btn-wraper {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.team-sec1 {
  padding: 8rem 0 9.94rem;
}
section.team-sec1 .heading-wraper {
  width: 100%;
}
section.team-sec1 .heading-wraper h6.sub-heading {
  color: var(--Blue-primary, #3591F4);
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
section.team-sec1 .heading-wraper h2 {
  text-align: center;
  margin-bottom: 3.5rem;
}
section.team-sec1 .team-member-card {
  width: 100%;
  min-height: 57.6875rem;
  display: block;
  border-radius: 0.9375rem;
  border-radius: 0.9375rem;
  border: 1px solid #D4D4D4;
  margin-bottom: 4.69rem;
}
section.team-sec1 .team-member-card .img-wraper {
  width: 100%;
  height: 30rem;
  border-radius: 0.9375rem;
}
section.team-sec1 .team-member-card .img-wraper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.9375rem;
}
section.team-sec1 .team-member-card .text-wraper {
  padding: 2rem 1.12rem 2.19rem;
}
section.team-sec1 .team-member-card .text-wraper h5 {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.25rem;
}
section.team-sec1 .team-member-card .text-wraper h6.sub-heading {
  color: var(--Blue-primary, #3591F4);
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.37rem;
}
section.team-sec1 .team-member-card .text-wraper p {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin-bottom: 1.37rem;
}
section.team-sec1 .team-member-card .text-wraper ul li {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin-bottom: 1.36rem;
}
section.team-sec1 .team-member-card .text-wraper ul li:last-child {
  margin: 0;
}
section.team-sec1 .team-member-card .text-wraper ul li strong {
  color: var(--Black, #000);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.25rem;
}

section.careers-sec1 {
  padding: 0 0 8rem;
}
section.careers-sec1 .row {
  gap: 3.88rem 0;
}
section.careers-sec1 .heading-wraper h6.sub-heading {
  color: var(--Blue-primary, #3591F4);
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
section.careers-sec1 .heading-wraper h2 {
  text-align: center;
  margin-bottom: 1.5rem;
}
section.careers-sec1 .heading-wraper p {
  max-width: 56.875rem;
  color: var(--Dark-gray, #636363);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin: 0 auto;
}
section.careers-sec1 .open-position-card {
  border-radius: 0.9375rem;
  border: 2px solid var(--Blue-primary, rgba(53, 145, 244, 0));
  background: var(--Light-blue, #F3F7FD);
  padding: 2.75rem 1.5rem;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 1.31rem;
  transition: all 0.3s ease-in-out;
}
section.careers-sec1 .open-position-card:hover {
  border: 2px solid var(--Blue-primary, #3591F4);
}
section.careers-sec1 .open-position-card img.icon {
  max-width: 2.11094rem;
  max-height: 2.11094rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.careers-sec1 .open-position-card .text-wraper {
  padding-top: 0.25rem;
}
section.careers-sec1 .open-position-card .text-wraper h4 {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.87rem;
}
section.careers-sec1 .open-position-card .text-wraper p {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin-bottom: 1.5rem;
}
section.careers-sec1 .open-position-card .text-wraper h5 {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 0.87rem;
}
section.careers-sec1 .open-position-card .text-wraper ul {
  margin-bottom: 1.5rem;
}
section.careers-sec1 .open-position-card .text-wraper ul li {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  padding-left: 1.5rem;
  position: relative;
}
section.careers-sec1 .open-position-card .text-wraper ul li::after {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #636363;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
}

.game-designer-popup::-webkit-scrollbar {
  display: none;
}
.game-designer-popup .modal-dialog {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto;
  border-radius: 1.875rem;
  background: #FFF;
}
.game-designer-popup .modal-dialog .modal-content {
  border-radius: 1.875rem;
  background: #FFF;
}
.game-designer-popup .modal-dialog .modal-content .modal-body {
  border-radius: 1.875rem;
  background: #FFF;
  position: relative;
  overflow: hidden;
  padding: 5rem 7.81rem 5.12rem 8.25rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body button.btn-close {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  background-color: var(--dark-blue, #031738);
  background-image: url(../images/popup-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 1.31rem;
  right: 1.56rem;
  opacity: 1;
  box-shadow: none;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper {
  padding-bottom: 4.37rem;
  border-bottom: 1px solid #DDD;
  display: block;
  width: 100%;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper img {
  max-width: 4.125rem;
  max-height: 4.125rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  display: block;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper h2 {
  text-align: center;
  margin-top: 2.31rem;
  margin-bottom: 0.88rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper h5 {
  color: var(--Dark-gray, #636363);
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin-bottom: 1.5rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper h6 {
  color: var(--Black, #000);
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
  margin-bottom: 0.88rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper p {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  margin-bottom: 1.5rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper p:last-of-type {
  margin: 0;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper ul {
  margin-bottom: 1.5rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper ul li {
  color: var(--Dark-gray, #636363);
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  padding-left: 1.5rem;
  position: relative;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .text-wraper ul li::after {
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #636363;
  border-radius: 50%;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper {
  padding-top: 4.12rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper h2 {
  text-align: center;
  margin-bottom: 2.62rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flex-box {
  display: flex;
  align-items: flex-start;
  gap: 0.94rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper {
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper input:not([type=submit]), .game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper select, .game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper textarea {
  width: 100%;
  height: 3.875rem;
  border-radius: 0.25rem;
  border: 1px solid #D4D4D4;
  padding: 1.25rem;
  color: #000;
  outline: none;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper input:not([type=submit])::-moz-placeholder, .game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper select::-moz-placeholder, .game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper textarea::-moz-placeholder {
  color: #000;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper input:not([type=submit])::placeholder, .game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper select::placeholder, .game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper textarea::placeholder {
  color: #000;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper select {
  background-image: url(../images/select-arow.svg);
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  padding-right: 3rem;
  margin: 0;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .flid-wraper textarea {
  min-height: 10.375rem;
  resize: none;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .btn {
  margin: 2.31rem auto 0;
  display: flex;
  max-width: -moz-max-content;
  max-width: max-content;
  position: relative;
  overflow: hidden;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .btn input[type=submit] {
  position: absolute;
  font-size: 0;
  inset: 0;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
  border-radius: 3.75rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .file-wraper {
  border-radius: 0.25rem;
  border: 1px solid #D4D4D4;
  display: block;
  width: 100%;
  height: 3.875rem;
  overflow: hidden;
  padding: 1.25rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .file-wraper span.file-name {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 183.333% */
  text-transform: uppercase;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .file-wraper .button-wraper {
  padding: 0.62rem 0.87rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.62rem;
  border-radius: 0.25rem;
  border: 1px solid #9DBDD7;
  background: var(--Light-blue, #F3F7FD);
  position: relative;
  overflow: hidden;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .file-wraper .button-wraper input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  padding: 0;
  height: auto;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .file-wraper .button-wraper img {
  max-width: 1.375rem;
  max-height: 1.375rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.game-designer-popup .modal-dialog .modal-content .modal-body .form-wraper .file-wraper .button-wraper span {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 185.714% */
}/*# sourceMappingURL=style.css.map */