/*
Theme Name: twentytwentyfour-child
Template: twentytwentyfour
*/

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

 html {
    scroll-behavior: smooth; 
}

:root {
  --White: #ffffff;
  --Black: #000000;
  --PrimaryP-500: #d29b20;
  --PrimaryP-950: #3c1e0c;
  --NeutralN-300: #4d4d4d;
  --NeutralN-400: #666666;
  --PrimaryP-800: #78461b;
  --NeutralN-600: #999999;
  --Woodsmoke-100: #e7e7e7;
  --Neutral-20: #050505;
  --Neutral-300: #4d4d4d;
  --NeutralN-100: #1a1a1a;
  --Woodsmoke-400: #878787;
  --PrimaryP-600: #b57819;
  --NeutralN-800: #ccc;
  --NeutralN-20: #050505;
  --DM: "DM Sans", sans-serif;
}

.container {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--DM);
}

body {
  font-family: var(--DM);
  background-color: var(--White);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: var(--DM);
}

a {
  text-decoration: none;
}

a:focus,
a:focus-within {
  outline: none;
}

.btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.mobile-btn {
  display: none;
}

/* ================= header =================*/

.header-section {
  padding-top: 40px;
  position: absolute;
  left: auto;
  right: auto;
  width: 100%;
  z-index: 50000000;
}

.header-wrapper {
  padding: 0px 32px;
  border-radius: 10000px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  transition: background 0.3s ease;
}

.navbar-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nav-badge {
  color: #f5f5f5;
  font-family: var(--DM);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  padding: 4px 10px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border-radius: 22px;
  border: 1px solid #d49d20;
  background: linear-gradient(
    90deg,
    rgba(181, 120, 25, 0.16) 0%,
    rgba(255, 193, 7, 0.16) 100%
  );
}

.header-wrapper.scrolled {
  background: #000;
}

.logo img {
  width: 235px;
}

.logo a{
  display: block;
}

.navbar-menu {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: center;
}

.mobile-menu-toggle {
  display: hidden;
}

.navbar-item {
  color: #878787;
  text-transform: uppercase;
  font-size: 18px;
  text-decoration: none;
  font-weight: 600;
  padding: 40px 0px;
}

.navbar-item:focus-visible {
  outline: none;
}

.navbar-item:focus {
  outline: none;
}

.navbar-item-active {
  color: white;
  background-image: url("./images/overlay.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 100px;
}

.navbar-item:hover {
  color: white;
  transition: all 0.2s ease-in-out;
}

.navbar-item-active {
  color: white;
}

.mobile-menu-toggle,
.mobile-menu-close-icon {
  display: none;
  cursor: pointer;
  width: 30px;
}

.mobile-menu-toggle img,
.mobile-menu-close-icon img {
  width: 100%;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* ================= header =================*/

/* ================= footer =================*/

.footer {
  background-color: var(--Black);
}

.address {
  margin-top: 16px;
}

.address p,
.address a {
  color: #ccc;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

h4.footer-title {
  color: #e1b12c;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.footer-nav-columns {
  display: flex;
  gap: 298px;
}

.footer-logo a img {
  width: 186.217px;
  height: auto;
}

.address p + p {
  margin-top: 4px;
}

.footer-top {
  padding: 80px 0;
  display: flex;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.footer-nav {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  list-style-type: none;
}

.footer-nav a {
  color: #ccc;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-nav a:focus {
  outline: none;
}

.footer-nav a:hover {
  color: var(--PrimaryP-500);
}

.mid-border {
  border-top: 1px solid white;
  opacity: 20%;
}

.footer-bottom {
  padding: 32px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.footer-bottom p {
  color: var(--NeutralN-600);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--DM);
  line-height: 24px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-bottom a:hover {
  color: var(--White);
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-links a {
  font-size: 14px;
  text-decoration: underline;
  color: var(--NeutralN-600);
}

/* ================= footer =================*/

/* ================= hero =================*/

.home-hero-section {
  position: relative;
}

.hero-section,
body.error404 main.has-global-padding, .secondary-hero-section .hero-section{
  padding: 200px 0px 12vw 0px;
  overflow: hidden;
  background-image: url("./images/hero-banner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.hero-section.no-feature {
  background-image: url("./images/secondary-banner.png");
  padding-bottom: 247px;
}

.hero-intro-content h1 {
  color: white;
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  line-height: 140%;
  padding-bottom: 24px;
  max-width: 1246px;
  width: 100%;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-family: var(--DM);
}

.hero-intro-content h1 span {
  background: linear-gradient(90deg, #94632A 0%, #F2E897 50.48%, #94632A 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-intro-content p {
  color: white;
  font-size: 24px;
  max-width: 1072px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 158%;
}

.hero-image-content-section {
  margin-top: 40px;
  position: relative;
}

.hero-section-bottom-image {
  width: 100%;
  position: absolute;
  bottom: -1px;
}

/* ================= hero =================*/

/* ================= protect section =================*/
.protect-section {
  position: relative;
  padding: 7.5% 0;
}

.protect-section > div.protect-section-wrapper {
  padding: 100px 0;
  background-color: #000101;
}

.protection-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
}

.protect-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.subtitle-text {
  color: var(--PrimaryP-500);
  font-family: var(--DM);
  font-weight: 700;
  font-style: italic;
  font-size: 22px;
  line-height: 145%;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.protect-detail h3 {
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  line-height: 145%;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
  color: white;
}

.protect-text {
  max-width: 80%;
  width: 100%;
}

.protect-text p {
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
  color: #f5f5f5;
}

.protect-gallery {
  display: flex;
  justify-content: center;
  gap: 28px;
  width: 100%;
  flex-wrap: wrap;
}

.protect-box {
  position: relative;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 24px;
  width: calc(33.333% - 18.67px);
  max-width: 515px;
}

.protect-box-icon {
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.protect-box-text h3 {
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 142%;
  letter-spacing: 0px;
  text-align: center;
  margin-bottom: 16px;
  color: #f5f5f5;
  text-transform: uppercase;
}

.protect-box-text h4 {
  color: #666;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}

.protect-box-text p {
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0px;
  text-align: center;
  color: #cccccc;
}

.top {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.top img {
  display: block;
  object-fit: cover;
  width: 100%;
}

.bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

.bottom img {
  display: block;
  object-fit: cover;
  width: 100%;
}

.gradient-text {
  background: linear-gradient(90deg, #ff7e5f, #feb47b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.yellow-text {
  color: #ECCD79;
  font-weight: 600;
}

.subtitle-text.left-icon::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 6px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3165 10.6794C12.1914 11.0812 12.456 11.4541 12.8745 11.4597C13.3227 11.4653 13.7705 11.4625 14.2188 11.4634H14.4048C14.3546 11.595 10.8517 16.0701 10.5918 16.3333C10.6169 16.2631 10.6304 16.2199 10.6481 16.1776C11.0777 15.1546 11.5051 14.1283 11.9408 13.1086C11.9906 12.9942 12.0037 12.8672 11.9782 12.745C11.9528 12.6229 11.8899 12.5117 11.7985 12.4269C11.7455 12.3783 11.6834 12.3406 11.6158 12.316C11.5482 12.2914 11.4765 12.2804 11.4046 12.2837C10.8466 12.2837 10.2886 12.2836 9.73061 12.2813H9.5474C9.5939 12.1418 13.5929 6.56555 13.7789 6.41861C13.7603 6.4758 13.7426 6.533 13.7231 6.58926C13.2677 7.91637 12.8122 9.24364 12.3565 10.5711C12.3407 10.605 12.3258 10.6427 12.3165 10.6794Z" fill="%23D29B20"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.602 13.3917L7.69298 19.7483C6.82183 18.81 6.02797 17.8028 5.31916 16.7365C3.10157 13.3787 2.06416 9.73592 2.11717 5.64392L2.12042 5.62997C5.90552 4.27728 9.1382 2.5605 12.0003 0.375C12.0896 0.443355 12.1793 0.51078 12.2695 0.578205C13.199 1.2719 14.1646 1.9159 15.1623 2.50749C15.1214 2.56469 15.0846 2.61723 15.047 2.66931C12.703 5.91563 10.3593 9.16226 8.01569 12.4092C7.94862 12.496 7.89659 12.5935 7.86178 12.6975C7.83889 12.7775 7.83456 12.8617 7.84912 12.9437C7.86368 13.0257 7.89674 13.1032 7.9458 13.1705C7.99485 13.2377 8.0586 13.2929 8.13219 13.3318C8.20579 13.3707 8.28728 13.3923 8.37049 13.395C8.42024 13.395 8.47046 13.395 8.52022 13.395L10.396 13.3917H10.602Z" fill="%23D29B20"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7093 16.69C17.1502 19.0638 15.0023 21.2963 12.2328 23.445C12.1556 23.505 12.0775 23.565 12.0003 23.625C11.8084 23.4781 11.6193 23.3308 11.433 23.1833C10.4317 22.3945 9.47523 21.5505 8.56811 20.655C8.60438 20.6085 8.63554 20.562 8.66855 20.5225C11.1014 17.4616 13.5338 14.4003 15.9658 11.3388C16.0415 11.2514 16.0992 11.15 16.1355 11.0402C16.2285 10.6906 15.9923 10.3706 15.6277 10.3353C15.578 10.3327 15.5282 10.3327 15.4785 10.3353L13.8352 10.34H13.6203C14.4829 7.90893 15.3339 5.5086 16.189 3.09665C16.9742 3.52754 17.7872 3.93442 18.6279 4.31727C19.6655 4.78909 20.7497 5.2265 21.8806 5.6295L21.8834 5.64299C21.935 9.71592 20.9069 13.3439 18.7093 16.69Z" fill="%23D29B20"/></svg>')
    no-repeat center;
  background-size: contain;
}

.subtitle-text.right-icon::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 6px;
  background-size: contain;
  background: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.8409 10.3139C6.53188 11.2864 7.18553 12.1891 8.21941 12.2026C9.32682 12.2161 10.4331 12.2094 11.5405 12.2116H12C11.8759 12.5302 3.22229 23.3629 2.58013 24C2.64216 23.83 2.67548 23.7253 2.71913 23.6229C3.78059 21.1466 4.8363 18.6624 5.9127 16.194C6.03593 15.9172 6.0683 15.6097 6.00532 15.314C5.94234 15.0184 5.78713 14.7492 5.56117 14.5438C5.43026 14.4262 5.27691 14.335 5.10994 14.2755C4.94297 14.216 4.76566 14.1894 4.58817 14.1972C3.20965 14.1972 1.83113 14.1972 0.452615 14.1915H0C0.114877 13.8539 9.99426 0.355689 10.4538 0C10.4078 0.138449 10.3642 0.276897 10.3159 0.413094C9.19089 3.62555 8.06548 6.83838 6.93969 10.0516C6.90063 10.1338 6.86387 10.2249 6.8409 10.3139Z' fill='%23D29B20'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8409 10.3139C21.5319 11.2864 22.1855 12.1891 23.2194 12.2026C24.3268 12.2161 25.4331 12.2094 26.5405 12.2116H27C26.8759 12.5302 18.2223 23.3629 17.5801 24C17.6422 23.83 17.6755 23.7253 17.7191 23.6229C18.7806 21.1466 19.8363 18.6624 20.9127 16.194C21.0359 15.9172 21.0683 15.6097 21.0053 15.314C20.9423 15.0184 20.7871 14.7492 20.5612 14.5438C20.4303 14.4262 20.2769 14.335 20.1099 14.2755C19.943 14.216 19.7657 14.1894 19.5882 14.1972C18.2097 14.1972 16.8311 14.1972 15.4526 14.1915H15C15.1149 13.8539 24.9943 0.355689 25.4538 0C25.4078 0.138449 25.3642 0.276897 25.3159 0.413094C24.1909 3.62555 23.0655 6.83838 21.9397 10.0516C21.9006 10.1338 21.8639 10.2249 21.8409 10.3139Z' fill='%23D29B20'/%3E%3C/svg%3E")
    no-repeat center;
}

.content-with-image-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.content-with-image {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.content-with-image.large-image img {
  max-width: 700px;
  width: 100%;
}

.content-with-image.default-image img {
  max-width: 400px;
  width: 100%;
}

.content-text {
  flex: 1;
}

body.error404 main.has-global-padding, body.search main.has-global-padding{
  background: black;
  margin: 0 !important;
  padding: 218px 20px 100px !important;
}

body.error404 main.has-global-padding * , body.search main.has-global-padding *{
  color: white;
}

body.error404 .wp-block-search__button {
  background-color: var(--PrimaryP-500);
  color: black !important;
}

body.error404 main.has-global-padding .wp-block-search__input, body.search main.has-global-padding .wp-block-search__input {
  color: black;
  padding: 0 12px;
}

body.search main.has-global-padding .wp-block-search__input + button{
  background-color: #ECCD79 !important;
  color: black !important;
}

body.menu-open {
  overflow-y: hidden;
}

.subtitle-text {
  display: block;
}

/* ================= partners =================*/

.partners {
  padding-top: 40px;
  padding-bottom: 100px;
}

.partners-heading h3 {
  font-family: var(--DM);
  font-weight: 700;
  font-style: normal;
  font-size: 38px;
  line-height: 137%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: var(--PrimaryP-950);
}

.partners-heading span {
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 158%;
  letter-spacing: 0;
  text-align: center;
  color: var(--NeutralN-300);
}

.leadership-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 52px;
  height: 52px;
  border-bottom-right-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}

.leadership-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partners-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 915px;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  margin-bottom: 72px;
}

.partners-box-title {
  text-align: center;
}

.partners-box-title span {
  font-family: var(--DM);
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 142%;
  letter-spacing: 0;
  text-align: center;
}

.partners-gallery {
  display: grid;
  gap: 72px 28px;
  grid-template-columns: repeat(4, 1fr);
}

.partners-img {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.partners-img img {
  display: block;
  object-fit: cover;
  width: 100%;
}

.follow-icon {
  background-color: #3c1e0c;
  padding: 11.6px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-top-left-radius: 11.56px;
}

.partners-box {
  display: flex;
  gap: 16px;
  flex-direction: column;
  cursor: pointer;
}

.strategic {
  position: relative;
  padding: 142px 0 0;
}
/* ================= leadership =================*/

.leadership {
  padding: 100px 0;
}

.leadership-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 820px;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  margin-bottom: 72px;
}

.leadership-heading .subtitle-text {
  margin-bottom: 0;
}

.leadership-heading span {
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  line-height: 158%;
  letter-spacing: 0;
  text-align: center;
  color: var(--NeutralN-300);
}

.leadership-img {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.leadership-img img {
  display: block;
  object-fit: cover;
  width: 100%;
}

.follow-icon {
  background-color: #3c1e0c;
  padding: 11.6px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-top-left-radius: 11.56px;
}

.leadership-gallery {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(4, 1fr);
}

.leadership-box {
  display: flex;
  gap: 16px;
  flex-direction: column;
  cursor: pointer;
}

.leadership-box-title span {
  font-family: var(--DM);
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 142%;
  letter-spacing: 0;
  text-align: center;
  display: block;
  color: #3C1E0C;
}

.leadership-heading h3 {
  font-family: var(--DM);
  font-weight: 700;
  font-style: normal;
  font-size: 38px;
  line-height: 137%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #3c1e0c;
}

.leadership-box-title p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0;
  text-align: center;
  color: var(--NeutralN-400);
}

.yellow-color {
  color: #78461b !important;
}

.underline {
  text-decoration: underline;
}

html,
body,
body > .wp-site-blocks {
  height: 100%;
}

body > .wp-site-blocks {
  display: flex;
  flex-direction: column;
}

footer.wp-block-template-part {
  margin-top: auto;
}

.btn {
  border-radius: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  color: #1a1a1a;
}
.btn.btn-outline {
  position: relative;
  display: inline-block;
  background: #000;
  color: #f5f5f5;
  overflow: hidden;
  border: none;
}

.btn.btn-outline::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(
    90deg,
    #94632a -21.83%,
    #f2e897 51.97%,
    #94632a 117.46%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.btn.btn-fill {
  border: 1px solid #94632a;
  background: linear-gradient(
    90deg,
    #94632a -21.83%,
    #f2e897 51.97%,
    #94632a 117.46%
  );
}

.banner-btns {
  max-width: 900px;
  width: 100%;
  margin: 48px auto;
}

.btn {
  padding: 14px 24px;
  text-transform: uppercase;
}

.banner-btns .btn {
  min-width: 440px;
}

.banner-note p {
  color: #ccc;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

a .yellow-text {
  text-decoration: underline;
}

.hero-intro-content p:has(img.banner-logo) img {
  max-width: 403px;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.protect-box:nth-of-type(1):after,
.protect-box:nth-of-type(even):after {
  content: url("./images/gradient-divider.svg");
  position: absolute;
  right: 0;
}

.protect-note {
  max-width: 65%;
  width: 100%;
  margin: 0 auto;
}
.protect-note p {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.7;
}

/********** What We Build Start ************/

.what-we-build {
  padding: 100px 0;
}

.build-title-left-section {
  display: flex;
  flex-direction: column;
  max-width: 787px;
}

.build-title-left-section h3 {
  display: flex;
  align-items: center;
}

.subtitle-text.left-icon::before {
  margin-right: 0;
}

.build-heading {
  color: var(--PrimaryP-950);
  font-size: 36px;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
}

.build-card h3 {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.857%;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.build-card p {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 155.556%;
  color: #4d4d4d;
}

.build-card > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.build-cards {
  margin-top: 72px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.build-logo {
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.build-logo img {
  max-width: 251px;
  width: 100%;
}

.build-icon {
  width: 80px;
  height: 80px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 32px;
}

.badge {
  cursor: pointer;
  border-radius: 22px;
  padding: 4px 10px;
  border: 1px solid var(--PrimaryP-500);
  background: rgba(225, 177, 44, 0.16);
}

.badge {
  color: var(--PrimaryP-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 157.143%;
}

.build-card {
  border-radius: 32px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.what-we-build.variant-quaternary .build-card,
.what-we-build.variant-primary .build-card {
  padding: 24px;
}

.build-link {
  display: flex;
  align-items: center;
  gap: 8px;
}

.build-card a {
  color: var(--PrimaryP-800);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 155.556%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  margin-top: 40px;
}

.build-card a::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 12H4.99997' stroke='%2378461B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6' stroke='%2378461B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.corner-shape {
  width: 200px;
  height: 200px;
  aspect-ratio: 1/1;
  position: absolute;
  right: -80px;
  bottom: -100px;
  stroke-width: 32px;
  stroke: #94632a;
}

/********** What We Build End ************/

/********** industry-problem Start ************/
.industry-problem {
  position: relative;
  padding: 7.5% 0 0;
}

section.industry-problem.odd .wrapper {
  padding: 100px 0;
}

.industry-problem .wrapper {
  background-color: #f5f5f5;
}

section.industry-problem.even .wrapper {
  padding: 100px 0 242px;
}

.label {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.industry-heading {
  color: var(--PrimaryP-950);
  font-size: 36px;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
  text-align: center;
}

.industry-description {
  color: #1a1a1a;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-top: 18px;
}

.problem-box {
  margin-top: 72px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 32px;
  border: 1px solid #94632a;
  background: linear-gradient(
    90deg,
    #d2ac60 -21.83%,
    #f5efa3 51.97%,
    #d2ac60 117.46%
  );
  padding: 32px;
  max-width: 1328px;
  width: 100%;
}

.problem-box ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.problem-box ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--Neutral-20);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 145.455%;
}

.warning-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 100%;
}

.quote {
  color: var(--NeutralN-100);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  max-width: 1058px;
  width: 100%;
  margin: 0 auto;
}

.build-card.has-background-pattern {
  padding: 40px 40px 60px;
}

/********** industry-problem End ************/

.insurance {
  padding: 100px 0 200px;
  position: relative;
}

.insurance-row {
  background-image: url("./images/insurance.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 120px 0;
  border-radius: 64px;
}

.insurance-title {
  max-width: 790px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.insurance-title .subtitle-text {
  color: white;
}

.insurance-heading {
  color: var(--White);
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.857%;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.insurance-text {
  color: #f5f5f5;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  max-width: 694px;
  width: 100%;
  margin: 0 auto;
}

.insurance-title .btn-wrap {
  margin-top: 40px;
}

.insurance-title .btn-wrap .btn {
  min-width: 260px;
}

.subtitle-text.left-icon.white-icon::before {
  filter: brightness(0) invert(1);
}

.top.reverse-top {
  transform: rotate(180deg);
  margin-top: -1px;
}

section.industry-problem.even {
  background-color: transparent;
}

section.industry-problem.even .wrapper {
  background-color: #f5f5f5;
}

.top.reverse {
  transform: rotate(180deg);
}

.leadership-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.leadership-popup.active {
  opacity: 1;
  visibility: visible;
}

.popup-content {
  border-radius: 32px;
  background: #fff;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
  max-width: 1140px;
  width: 100%;
  padding: 54px;
  transform: translateY(-30px);
  transition: all 0.4s ease;
  position: relative;
}

.popup-content > div {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  max-height: 80vh;
  overflow: auto;
  max-width: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.popup-content > div::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.leadership-popup.active .popup-content {
  transform: translateY(0);
}

.popup-left img {
  width: 331px;
  border-radius: 21.6px;
  aspect-ratio: 331.2/360;
  margin-bottom: 16px;
}

.close-popup {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  cursor: pointer;
}

.popup-text p {
  color: #4d4d4d;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.popup-name {
  text-align: center;
  color: #3c1e0c;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.popup-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.popup-position {
  border-radius: 100px;
  background: #fcf9ea;
  color: #3c1e0c;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: inline-flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.hero-section.no-feature {
  padding-bottom: 80px !important;
}

.platform {
  padding: 200px 0 100px;
}

.platform-row-title {
  max-width: 1052px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 72px;
}

.platform-heading {
  color: var(--White);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.platform-text {
  max-width: 1014px;
  width: 100%;
  margin: 0 auto;
  color: #f5f5f5;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.platform-info {
  position: relative;
  display: flex;
  max-width: 445px;
  width: 100%;
  padding: 16px 20px 16px 16px;
  align-items: center;
  gap: 16px;
  border-radius: 20px;
  background: linear-gradient(
    270deg,
    rgba(255, 193, 7, 0.0192) 0%,
    rgba(255, 193, 7, 0.24) 100%
  );
  overflow: hidden;
}

.platform-info::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(
    90deg,
    rgba(212, 157, 32, 0.4) 0%,
    rgba(212, 157, 32, 0.096) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
}

.platform-info h5 {
  color: var(--White);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 155.556%;
}

.platform-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
}

.platform-infomation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.secondary-hero-section .hero-section {
  background-image: url("./images/hero-secondary-bg.png");
}
/****** Platform End ******/

section.home-hero-section.secondary-hero-section .hero-section {
  padding-bottom: 8vw;
}

/****** Platform Defination Start ******/
.platform-definition {
  position: relative;
  padding: 100px 0;
}

.platform-wrapper {
  display: flex;
  align-items: center;
  gap: 68px;
}

.platform-left {
  max-width: 747px;
  width: 100%;
}

.platform-left-title {
  margin-bottom: 24px;
}

.platform-right {
  max-width: 786px;
  width: 100%;
  border-radius: 32px;
  background: #f5f5f5;
  padding: 62px 73px;
  text-align: center;
}

.platform-left-text p {
  color: var(--NeutralN-300);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 155.556%;
}

.platform-left-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.platform-right-img img {
  width: 100%;
  height: auto;
  display: block;
}

.platform-left-heading {
  color: var(--PrimaryP-950);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
}

section.platform-definition.platform--Secondary {
  background-color: #f5f5f5;
}

section.platform-definition.platform--Secondary .top {
  transform: rotate(180deg);
}

.hero-section.no-feature .platform {
  display: none;
}

.platform-definition.platform--Secondary .platform-wrapper {
  padding: 100px 0;
}

.platform-left-text blockquote {
  padding-left: 20px;
  border-left: 2px solid;
  border-image-source: linear-gradient(180deg, #d29b20 0%, #d29b20 100%);
  border-image-slice: 1;
}

.platform-left-text blockquote p strong {
  color: #1a1a1a;
}
/****** Platform Defination End ******/

/******** Compliance Start ********/

.compliance {
  padding: 242px 0;
  background-color: #000;
  position: relative;
}

.compliance-title {
  max-width: 650px;
  width: 100%;
}

.compliance-heading {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.compliance-text {
  color: #f5f5f5;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.compliance-row {
  display: flex;
  align-items: center;
  gap: 88px;
  max-width: 1328px;
  margin: 0 auto;
}

.compliance-info ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.compliance-info ul li {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 60px;
  border: 1px solid #d49d203d;
  background: linear-gradient(
    270deg,
    rgba(255, 193, 7, 0.01) 0%,
    rgba(255, 193, 7, 0.16) 100%
  );
  color: var(--White);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 145.455%;
  position: relative;
  text-align: left !important;
}

/* Add 40x40 SVG icon before each li */
.compliance-info ul li::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><rect width="40" height="40" rx="20" fill="%23F5F5F4" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5746 18.5232C20.4347 18.9725 20.7306 19.3895 21.1986 19.3958C21.6999 19.402 22.2006 19.3989 22.7019 19.3999H22.9099C22.8537 19.5471 18.9366 24.5516 18.6459 24.8459C18.674 24.7674 18.6891 24.719 18.7088 24.6717C19.1893 23.5277 19.6672 22.38 20.1544 21.2397C20.2102 21.1118 20.2249 20.9697 20.1964 20.8332C20.1678 20.6966 20.0976 20.5722 19.9953 20.4774C19.936 20.423 19.8666 20.3809 19.7911 20.3534C19.7155 20.3259 19.6352 20.3136 19.5549 20.3172C18.9309 20.3172 18.3069 20.3172 17.6829 20.3146H17.478C17.53 20.1586 22.002 13.9228 22.21 13.7584C22.1892 13.8224 22.1694 13.8864 22.1476 13.9493C21.6383 15.4334 21.1289 16.9176 20.6193 18.402C20.6016 18.44 20.585 18.4821 20.5746 18.5232Z" fill="%23E1B12C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.6573 21.5564L15.4042 28.6648C14.43 27.6155 13.5423 26.4891 12.7496 25.2967C10.2697 21.5418 9.10963 17.4681 9.16891 12.8921L9.17255 12.8765C13.4053 11.3638 17.0204 9.444 20.221 7C20.3208 7.07644 20.4212 7.15184 20.5221 7.22724C21.5615 8.00299 22.6414 8.72315 23.757 9.38472C23.7112 9.44868 23.6701 9.50744 23.628 9.56568C21.0069 13.196 18.3859 16.8266 15.7651 20.4576C15.6901 20.5547 15.6319 20.6637 15.593 20.78C15.5674 20.8695 15.5626 20.9637 15.5788 21.0553C15.5951 21.147 15.6321 21.2337 15.6869 21.3089C15.7418 21.3841 15.8131 21.4458 15.8954 21.4894C15.9777 21.5329 16.0688 21.557 16.1619 21.56C16.2175 21.56 16.2737 21.56 16.3293 21.56L18.427 21.5564H18.6573Z" fill="%23E1B12C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.7235 25.2447C25.98 27.8993 23.5781 30.3958 20.481 32.7988C20.3947 32.8658 20.3073 32.9329 20.221 33C20.0064 32.8357 19.7949 32.671 19.5866 32.506C18.4669 31.624 17.3973 30.6801 16.3829 29.6788C16.4234 29.6268 16.4583 29.5748 16.4952 29.5306C19.2158 26.1076 21.9359 22.6842 24.6555 19.2606C24.7402 19.1629 24.8048 19.0494 24.8453 18.9267C24.9493 18.5357 24.6852 18.1779 24.2775 18.1384C24.2219 18.1355 24.1662 18.1355 24.1106 18.1384L22.2729 18.1436H22.0327C22.9973 15.425 23.9489 12.7408 24.9051 10.0436C25.7833 10.5254 26.6924 10.9804 27.6325 11.4086C28.7928 11.9362 30.0053 12.4253 31.2699 12.876L31.2731 12.8911C31.3308 17.4458 30.1811 21.5028 27.7235 25.2447Z" fill="%23E1B12C"/></svg>')
    center center no-repeat;
  background-size: contain;
}

section.compliance.compliance-info--Secondary .compliance-row {
  flex-direction: column;
  max-width: 100%;
  width: 100%;
}

section.compliance.compliance-info--Secondary .compliance-row * {
  text-align: center;
}

section.compliance.compliance-info--Secondary
  .compliance-row
  .compliance-info
  ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

section.compliance.compliance-info--Secondary
  .compliance-row
  .compliance-info
  ul
  + h6 {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-top: 72px;
}
/******** Compliance End ********/

.reverse {
  transform: rotate(180deg);
}

section.what-we-build.align-center .build-title-left-section * {
  text-align: center;
  justify-content: center;
}

section.what-we-build.align-center .build-title-left-section {
  margin: 0 auto;
}

.build-subheading {
  color: #1a1a1a;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-top: 24px;
}

section.what-we-build.variant-secondary .build-card > div,
section.what-we-build.variant-quaternary .build-card > div {
  height: auto;
}

section.what-we-build.variant-quaternary .build-title-left-section {
  max-width: 670px;
}

span.card-number {
  min-width: 64px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px 12px 24px;
  align-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 50px;
  color: #808080;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
  background: #fff;
  position: absolute;
  right: 40px;
}

section.what-we-build.align-center.variant-ternary
  .build-card.has-background-pattern {
  padding: 40px;
}

section.what-we-build.align-center.variant-ternary .build-card h3 {
  margin-bottom: 100px;
}

section.what-we-build.align-center.variant-quaternary .build-icon {
  margin-bottom: 90px;
}

/*  */

section.simple-content {
  padding: 100px 0;
}

section.simple-content * {
  text-align: center;
}

section.simple-content h2 {
  color: #3c1e0c;
  max-width: 50%;
  width: 100%;
  margin-inline: auto;
}

.simple-content-wrapper p + p {
  margin-top: 16px;
}

.simple-content-wrapper h4 {
  color: #1a1a1a;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin-top: 72px;
}

.strategic,
.partners {
  background: #f5f5f5;
}

/******** Values Start ********/

.values {
  position: relative;
  background-color: #f5f5f5;
  padding: 100px 0 242px;
}

.value-heading {
  color: var(--PrimaryP-950);
  text-align: center;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 136.842%;
  text-transform: uppercase;
}

.value-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 72px;
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.value-box {
  padding: 32px;
  border-radius: 32px;
  border: 1px solid #94632a;
  background: linear-gradient(
    90deg,
    #d2ac60 -21.83%,
    #f5efa3 51.97%,
    #d2ac60 117.46%
  );
  gap: 100px;
}

.value-box-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.value-box p:has(img) {
  display: flex;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50px;
  margin-bottom: 24px;
}

.value-box p:has(img) img {
  max-width: 100%;
  width: 100%;
}

.value-box h4 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.857%;
  text-transform: uppercase;
  margin-bottom: 100px;
}

.value-box p {
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 155.556%;
}

/****** Platform works Start ******/

.platform-works {
  padding: 100px 0;
}

.platform-works-title {
  max-width: 786px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 72px;
}

.platform-works-heading {
  color: var(--PrimaryP-950);
  text-align: center;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 136.842%;
  text-transform: uppercase;
}

.work-details {
  display: flex;
  gap: 16px;
}

.work-info-row {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.work-infomation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 100px;
}

.work-infomation-heading h4 {
  color: var(--Black);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  top: -14px;
  min-height: 72px;
  display: flex;
  align-items: center;
}

.work-infomation-heading {
  max-width: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}

.work-infomation-heading p {
  color: var(--NeutralN-300);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 155.556%;

  padding: 12px;
  border-radius: 16px;
  background: #f5f5f5;
}

.work-infomation-badge {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  border: 1px solid var(--PrimaryP-500);
  background: rgba(225, 177, 44, 0.16);
}

.work-infomation-badge p {
  color: var(--PrimaryP-600);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.work-infomation-aero img {
  max-width: 100%;
}

.work-infomation-badge p {
  display: flex;
  align-items: center;
  gap: 8px;
}

.work-infomation-badge p:not(:first-child)::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66675 10H18.3334' stroke='%23B57819' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 4.1665L18.3333 9.99984L12.5 15.8332' stroke='%23B57819' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 4.1665L1.66667 9.99984L7.5 15.8332' stroke='%23B57819' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center / contain;
}

/******** platform-modules-container Start ******/

.platform-modules {
  position: relative;
  padding: 100px 0;
  background-color: #f5f5f5;
  padding: 242px 0;
}

.platform-modules-container {
  display: flex;
  flex-direction: column;
  gap: 72px;
  align-items: center;
}

.platform-modules-title {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.platform-modules-head {
  margin-bottom: 24px;
  text-align: center;
}

.platform-modules-heading {
  color: var(--PrimaryP-950);
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
}

.platform-modules-text {
  color: var(--NeutralN-100);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.pillars-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
}

.pillar-card {
  width: 100%;
  max-width: 650px;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid var(--Colors-Neutral-N-800, #ccc);
  background: #fff;
  box-sizing: border-box;
}

.pillar-card p:has(img) img {
  width: 80px;
  height: 80px;
}

.pillar-card h4 {
  color: #000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.857%;
  text-transform: uppercase;
  margin: 24px 0 8px;
}

.pillar-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.pillar-card h5 {
  color: #78461b;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 16px;
}

.pillar-card p:not(:has(img)) {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 500;
}

.platform-footer {
  width: 100%;
  max-width: 1058px;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid #94632a;
  background: linear-gradient(
    90deg,
    #d2ac60 -21.83%,
    #f5efa3 51.97%,
    #d2ac60 117.46%
  );
}

.platform-footer h4 {
  color: var(--Black);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.857%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}

.platform-footer p {
  color: #333;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 155.556%;
}

section.platform-definition.platform--Secondary .platform-right {
  padding: 0;
}

/*  */

.legal-content-section .introduction * {
  text-align: center;
}

.legal-content-section h2 {
  color: var(--PrimaryP-950);
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.444%;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.legal-content-section p,
.legal-content-section ul li {
  color: #1a1a1a;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.legal-content-section ul {
    list-style-position: outside;
    margin-top: -12px;
    margin-left: 24px;
}

.legal-content-section ul li {
  text-align: left;
}

.legal-content-section h6 {
  color: #4d4d4d;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-top: 76px;
  line-height: 1.5;
}

.legal-list-wrap {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

.legal-btn {
  padding: 8px 16px;
  border-radius: 22px;
  border: 1px solid var(--Anzac-500, #d29b20);
  background: rgba(225, 177, 44, 0.16);
  color: var(--Anzac-600, #b57819);
  font-family: var(--Font-Family-DM);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.legal-content-section {
  position: relative;
}

section.legal-content-section.has-pattern {
  background: #f5f5f5;
}

section.legal-content-section.has-pattern .wrapper {
  padding: 242px 0;
}

.description-card {
  border-radius: 32px;
  border: 1px solid var(--Colors-Neutral-N-800, #ccc);
  background: #fff;
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 1000px;
  width: 100%;
  margin: 72px auto 0;
}

section.legal-content-section.no-pattern .description-card {
  background: #f5f5f5;
}

.description-card p {
  text-align: left;
  font-size: 18px;
}

.legal-content-section .introduction {
  max-width: 60%;
  width: 100%;
  margin: 0 auto;
}

.legal-content-section .btn-wrap {
  margin-top: 42px;
}

section.legal-content-section.no-pattern {
  padding: 100px 0;
}

.legal-content-section .description-card p a {
  color: #d29b20;
  text-decoration: underline;
}
.legal-content-section ul li::marker {
  width: 6px;
  height: 6px;
  aspect-ratio: 1 / 1;
  border-radius: 30px;
  color: #e1b12c;
}

.legal-content-section ul li + li {
  margin-top: 8px;
}

body.page-legal .hero-intro-content h1 span {
  background: linear-gradient(90deg, #fff 42.84%, #f2e897 57.12%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.legal-wrap {
  padding: 242px 0 80px;
}

.hero-section.no-feature h1 {
  padding-bottom: 0;
}

.legal-content-section + footer {
  margin-top: 100px;
}

.banner-note a span.yellow-text{
  font-weight: 400;
}

section.home-hero-section.secondary-hero-section .hero-section{
  padding: 242px 0px 12vw 0px;
}

.hero-section.no-feature {
    padding-top: 200px !important;
}

.hero-section.no-feature p:has(img){
  margin-bottom: 20px;
}

.compliance-info {
    width: 100%;
}

 .work-infomation-aero.tablet{
    display: none;
  }

  .top.reverse {
    top: -1px;
}

body.error404 main.has-global-padding {
    padding-bottom: 300px !important;
}