/*
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");

: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;
  /* border: none; */
}

.btn-wrap{
  display: flex;
  align-items: center;
  gap: 12px;
}

.white-btn,
.mobile-btn,
.gold-btn {
  background-color: var(--White);
  border-radius: 32px;
  border: 1px solid transparent;
  background: linear-gradient(white, white),
    linear-gradient(to right, #94632a, #f2e897, #94632a);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  color: var(--NeutralN-100);
  width: fit-content;
  cursor: pointer;
  color: var(--NeutralN-100);
  background-color: transparent;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  padding: 16px 24px;
  border-radius: 32px;
  /* transition: all 0.3s ease-in-out; */
}

.gold-btn{
  border: 1px solid #94632A;
  background: linear-gradient(90deg, #94632A 0.05%, #F2E897 52.98%, #94632A 99.95%);
}

.gold-btn:hover{
  background: var(--White);
}

.mobile-btn {
  display: none;
}

.white-btn:hover,
.mobile-btn:hover {
  background: var(--PrimaryP-500);
  color: var(--White);
}

.header-section .white-btn:hover{
   background: linear-gradient(90deg, #94632A 0.05%, #F2E897 52.98%, #94632A 99.95%);
   color: #000000;
}

.white-btn,
.mobile-btn button {
  color: var(--NeutralN-100);
  background-color: transparent;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  padding: 16px 24px;
  border-radius: 32px;
}

.white-btn>button:hover {
  color: var(--White);
}



/* header */

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

.header-wrapper {
  padding: 0px 24px;
  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;
}

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

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

.navbar-menu {
  /* width: 100%; */
  display: flex;
  /* justify-content: space-between; */
  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);
}

.footer-top {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.footer-logo img {
  display: block;
  width: 260px;
  height: 64px;
}

.footer-nav {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.footer-nav a {
  color: var(--Woodsmoke-100);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--DM);
  text-transform: uppercase;
  line-height: 26px;
  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: space-between;
  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 {
  padding: 218px 0px 158px 0px;
  overflow: hidden;
  background-image: url("./images/banner-bg.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: 1328px;
  width: 100%;
  margin: 0 auto;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  font-family: var(--DM);
}

.hero-intro-content h1 span {
  /* background: linear-gradient(to right, #94632a, #f2e897, #94632a); */
  background: linear-gradient(90deg, #94632a 0%, #f2e897 49.69%, #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-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}

.hero-image img {
  max-width: 1300px;
  height: 900px;
}

.group-text-content-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.text-content-box {
  display: flex;
  max-width: 305px;
  width: 100%;
  padding: 12px 12px;
  flex-direction: column;
  gap: 6px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(3.5px);
}

.text-content-box-title {
  color: #b57819;
  font-size: 18px;
  font-weight: 400;
  line-height: 155.556%;
  text-align: start;
}

.text-content-box-desc {
  color: #ccc;
  font-size: 18px;
  font-weight: 300;
  line-height: 155.556%;
}

.first-content-box {
  position: absolute;
  top: 80px;
  left: 150px;
}

.second-content-box {
  position: absolute;
  bottom: 300px;
  left: 0px;
}

.third-content-box {
  position: absolute;
  top: 120px;
  right: 180px;
}

.fourth-content-box {
  position: absolute;
  bottom: 300px;
  right: 50px;
}

.image-bottom-text {
  position: absolute;
  bottom: 120px;
  margin: 0 auto;
  width: 100%;
}

.image-bottom-text p {
  font-size: 16px;
  color: white;
  text-align: center;
}

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

/* hero */

.works-section {
  position: relative;
}

.works-section-wrapper {
  padding: 100px 0px;
  background-color: #f5f5f5;
}

.works-title-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}

.works-title-left-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

.works-title-right-section p {
  color: var(--Neutral-300);
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  max-width: 653px;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}

/* .works-video-section {
  margin-top: 72px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
} */

.works-video-section {
  margin-top: 72px;
  display: flex;
  gap: 28px;
}

.video-with-about-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.videoWithPlayIcon {
  position: relative;
}

.videoWithPlayIcon img {
  border-radius: 30px;
}

.video-thumbnail-image {
  aspect-ratio: 800/450;
  width: 100%;
}

.video-play-icon {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}

.video-desc {
  color: var(--NeutralN-100);
  font-size: 24px;
  font-weight: 600;
  line-height: 144%;
}

.works-section-bottom-image {
  width: 100%;
}

.video-wrapper {
  max-width: 100%;
  width: 100%;
  /* height: 440px; */
  height: 289px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* clip rounded corners for thumbnail, iframe, video and native controls */
  border-radius: 20px;
  background-color: #000;
}

.video-wrapper iframe,
.video-wrapper video {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  /* object-fit: cover; */
  object-fit: contain;
}

/* Ensure the YouTube thumbnail fills the wrapper like the iframe */
.video-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.black-layer {
  border-radius: 20px;
  background: #000;
  opacity: 30%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.playIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* width: 50px;
  height: 50px; */
  cursor: pointer;
  /* z-index: 10; */
  z-index: 0;
}

/*  */

.protection-section {
  padding: 140px 0px 120px 0px;
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--White);
}

.protection-container {
  max-width: 1781px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  padding-left: 20px;
}

.protection-inner {
  display: flex;
  justify-content: space-between;
  gap: 95px;
  align-items: flex-start;
}

.protection-inner-left {
  max-width: 650px;
  width: 100%;
}

.protection-top-title-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

.protection-section-desc {
  color: var(--Neutral-300);
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}

.protection-image-with-title-section {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.protection-image-with-title-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.protectionImages {
  aspect-ratio: 560/622;
  width: 100%;
}

.protection-image-with-title-inner h3 {
  color: var(--Neutral-20);
  font-size: 24px;
  font-weight: 600;
  line-height: 133.333%;
}

.protection-image-with-title-inner p {
  color: var(--Neutral-300);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.protection-image-with-title-inner p span {
  color: #d29b20;
}

.protection-inner-right {
  position: sticky;
  top: 0;
  right: 0;
}

.protection-image {
  max-width: 1055px;
  height: 100%;
  max-height: 100vh;
  padding: 0;
}

/*  */

.protect-section {
  position: relative;
  padding: 15.5% 0;
  background-color: #f5f5f5;
}

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

.protect-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 915px;
  margin: 0 auto;
}

.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-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  line-height: 145%;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}

.protect-text p {
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
  color: var(--Neutral-300);
}

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

.protect-box {
  position: relative;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background-color: var(--White);
  border-radius: 24px;
  width: 100%;
  max-width: 514.67px;
}

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

.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: var(--NeutralN-400);
}

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

.infomation {
  padding: 100px 0;
  background-color: var(--White);
}

.infomation-info {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.advisor {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 80px;
}

.default-image img {
  max-width: 786px;
  object-fit: cover;
  border-radius: 32px;
}

.advisor-details {
  max-width: 650px;
}

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

.details h3 {
  color: var(--PrimaryP-950);
  font-family: var(--DM);
  font-weight: 700;
  font-size: 36px;
  line-height: 145%;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.details h4:not(.subtitle-text) {
  color: var(--PrimaryP-800);
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 26px;
  line-height: 146%;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.details p {
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  color: var(--Neutral-300);
}

.access {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}

.access-detail {
  max-width: 650px;
}

.large-image img {
  max-width: 1005px;
  width: 100%;
  object-fit: cover;
  border-radius: 32px;
}

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

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

/* ---- Add SVG icon beside Yellow Text option in TinyMCE dropdown ---- */
.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;
}

/* insurance */

.insurance-section {
  padding: 100px 0;
}

.insurance-detail {
  border-radius: 64px;
  overflow: hidden;
  padding: 80px;
  position: relative;
  background-image: linear-gradient(99deg,
      #94632a 0.03%,
      #d1b970 80%,
      #94632a 110.28%);
  display: flex;
  justify-content: space-between;
  gap: 117px;
}

.insurance-info {
  max-width: 843px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.insurance-info-heading h2 {
  color: var(--White);
  font-size: 56px;
  font-weight: 700;
  font-family: var(--DM);
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 12px;
  padding-top: 27px;
}

.insurance-info-heading h3 {
  color: var(--White);
  font-size: 26px;
  font-weight: 500;
  font-family: var(--DM);
  line-height: 138%;
  margin-bottom: 24px;
}

.insurance-info-heading p {
  color: #f5f5f5;
  font-size: 22px;
  font-weight: 500;
  font-family: var(--DM);
  line-height: 155%;
}

.insurance-info-contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.insurance-info-contact a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px;
  background: var(--Black);
  border: none;
  border-radius: 1200px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--White);
  cursor: pointer;
  transition: all 0.3s ease;
}

.insurance-info-contact a:hover {
  background-color: var(--PrimaryP-500);
}

.insurance-info-contact span {
  font-family: var(--DM);
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  color: var(--White);
}

.insurance-image {
  margin-bottom: -80px;
  max-width: 440px;
  width: 100%;
  display: flex;
  align-items: flex-end;
}

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

.disclaimer-section {
  margin-top: 100px;
  margin-bottom: 120px;
}

.disclaimer-content {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 24px;
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.disclaimer-content .subtitle-text {
  margin-bottom: 0;
}

.advisor-shap-image {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.advisor-protect-section {
  max-width: 1600px;
  width: 100%;
  margin: 56px auto 0 auto;
  border-radius: var(--Radius-3xl, 24px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(219, 208, 189, 0.07);
  backdrop-filter: blur(3.5px);
  display: flex;
  padding: 24px 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  background-image: url("../../images/advisorHeroEllipse.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 470px 470px;
}

.advisor-protect-top-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.advisor-protect-top-heading h2 {
  color: var(--White);
  text-align: center;
  font-size: 24px;
  line-height: 158.333%;
}

.advisor-protect-top-heading p {
  color: var(--NeutralN-800);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 155.556%;
}

.advisor-protect-bottom-about-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.advisor-protect-bottom-about-box h3 {
  color: var(--PrimaryP-600);
  text-align: center;
  font-size: 20px;
  line-height: 150%;
}

.advisor-protect-bottom-about-box p {
  color: var(--NeutralN-800);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 155.556%;
  margin-top: 6px;
}

.advisor-main-Hero-Image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 74px;
}

.advisor-main-Hero-Image img {
  aspect-ratio: 1285/780;
  width: 100%;
  max-width: 1285px;
}

@media screen and (max-width: 1279px) {
  .roundedEllliseLeft {
    width: 250px;
    height: 250px;
  }

  .roundedEllliseRight {
    width: 250px;
    height: 250px;
  }
}

@media screen and (max-width: 1023px) {
  .roundedEllliseLeft {
    display: none;
  }

  .roundedEllliseRight {
    display: none;
  }

  .advisor-protect-section {
    background-position: top;
  }

  .advisor-protect-bottom-about-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}

.advisor-protect-bottom-about-section>div:last-of-type {
  display: none;
}

.works-title-left-section .subtitle-text {
  margin-bottom: 0;
}

.protection-section.right-dir .protection-inner {
  flex-direction: row-reverse;
}

.protection-section.right-dir .protection-container {
  margin-left: unset;
}

.protection-section.right-dir .protection-container {
  margin-right: auto;
  margin-right: 0;
  padding-right: 20px;
  padding-left: 0;
}

.protection-section.right-dir .protection-image {
  margin-top: -350px;
  max-height: calc(100vh + 350px);
}

/* .protection-section.right-dir .protection-inner-right{
  top: 140px;
} */


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

.protect-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 650px;
}

.highlight {
  color: var(--PrimaryP-500);
  font-weight: 700;
  font-style: italic;
  font-size: 22px;
  line-height: 145%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.protect-detail h3 {
  font-weight: 700;
  font-size: 38px;
  line-height: 145%;
  text-transform: uppercase;
  text-align: left;
}

.protect-text p {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  text-align: left;
  color: var(--Neutral-300);
}

.protect-product-highlights-section {
  margin-top: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.protect-product-highlights-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.protect-product-features {
  border-radius: 24px;
  background: var(--White);
  padding: 32px 32px;
  display: flex;
  gap: 24px;
}

.protect-product-features-left {
  max-width: 48px;
  width: 100%;
}

.features-icon {
  width: 48px;
  height: 48px;
}

.protect-product-features-right {
  max-width: 650px;
  width: 100%;
}

.protect-product-features-right h3 {
  color: var(--PrimaryP-500);
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.protect-product-features-right p {
  color: var(--NeutralN-400);
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 8px;
}

.protect-product-highlights-right {
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  padding: 80px 136px 0px 136px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.protect-product-highlights-image {
  max-width: 513px;
  width: 100%;
  height: 650px;
  position: absolute;
  bottom: 0;
}

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

.protect-section.purpose .protect-detail {
  display: block;
  margin: unset;
}

.protect-section.purpose .protection-row {
  align-items: flex-start;
}

.protect-section.insights h3,
.protect-section.insights p {
  text-align: center;
}

.btn-black {
  padding: 20px;
  background-color: var(--NeutralN-20);
  border-radius: 100px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  border: 1px solid var(--NeutralN-20);
  /* transition: all 0.3s ease-in-out; */
  cursor: pointer;
  text-align: center;
}

.btn-black:hover {
  background-color: transparent;
  color: var(--NeutralN-20);
}

.infomation p:has(a) {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}

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

body.error404 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 {
  color: black;
}

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

.subtitle-text {
  display: block;
}

.access.default-image.image-right .access-img {
  margin-left: auto;
}

section.protect-section.company .protect-box-text h3 {
  margin-bottom: 0;
}

section.protect-section.company .protect-box-text h4 {
  margin-bottom: 12px;
}

section.protect-section.company .protect-detail h3 {
  margin-bottom: 0;
}

section.protect-section.company .bottom {
  display: none;
}

section.protect-section.company {
  padding-bottom: 100px;
}

section.protect-section.company+.disclaimer-section {
  margin-top: 100px;
}

/* support */

.support {
  padding: 100px 0;
}

.support-row {
  border-radius: 64px;
  overflow: hidden;
  padding: 80px 120px;
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: var(--Black);
  background-image: url("./images/Pattern.png");
  background-repeat: no-repeat;
  background-position: right;
}

.support-left {
  max-width: 650px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.support-left-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.support-left-heading {
  margin-bottom: 24px;
}

.support-left h2 {
  color: var(--White);
  font-size: 56px;
  font-weight: 700;
  font-family: var(--DM);
  text-transform: uppercase;
  line-height: 142.857%;
}

.support-left-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

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

.support-left p:last-child {
  margin-bottom: 0;
}

.black-theme .insurance-info-contact a {
  padding: 20px 28px;
  border-radius: 1200px;
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: transparent;
  border: 1px solid #eccd79;
  font-family: var(--DM);
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 155%;
  letter-spacing: 0;
  text-transform: inherit;
  color: #eccd79;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-wrap: wrap;
  justify-content: center;
}

.black-theme .insurance-info-contact a:hover {
  background-color: var(--PrimaryP-500);
  color: var(--Black);
}

.black-theme .insurance-info-contact a:hover img {
  filter: brightness(0) saturate(100%);
}

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

.support-right {
  margin-bottom: -80px;
  max-width: 475px;
  width: 100%;
}

.company-img {
  position: absolute;
  top: 0;
  right: 0;
}

.company-img img {
  display: block;
  width: 100%;
  object-fit: cover;
  width: 144px;
  height: 132px;
}

@media screen and (max-width: 1439px) {
  .support-row {
    padding: 70px;
    gap: 80px;
    background-size: cover;
  }

  .support-left h2 {
    font-size: 48px;
  }

  .support-left p {
    font-size: 24px;
  }
}

@media (max-width: 1279px) {
  .support-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px;
    gap: 60px;
  }

  .support-left {
    max-width: 100%;
    align-items: center;
    text-align: center;
  }

  .support-left-title {
    justify-content: center;
  }

  .black-theme .insurance-info-contact a {
    margin: 0 auto;
  }

  .support-left h2 {
    font-size: 42px;
  }

  .support-left p {
    font-size: 22px;
  }
}

@media (max-width: 1023px) {
  .support {
    padding: 80px 0;
  }

  .support-left h2 {
    font-size: 38px;
  }

  .support-left p {
    font-size: 20px;
  }

  .black-theme .insurance-info-contact a {
    padding: 16px 24px;
    font-size: 16px;
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .support {
    padding: 60px 0;
  }

  .support-row {
    padding: 40px;
    border-radius: 36px;
  }

  .support-left h2 {
    font-size: 30px;
  }

  .support-left p {
    font-size: 18px;
  }

  .black-theme .insurance-info-contact a {
    padding: 14px 22px;
    font-size: 15px;
    gap: 8px;
  }

  .support-left-detail {
    gap: 12px;
  }
}

@media (max-width: 479px) {
  .support {
    padding: 40px 0;
  }

  .support-row {
    padding: 20px;
    gap: 40px;
  }

  .support-left h2 {
    font-size: 22px;
  }

  .support-left p {
    font-size: 16px;
  }

  .black-theme .insurance-info-contact a {
    padding: 12px 20px;
    font-size: 14px;
    gap: 6px;
  }

  .support-left-heading {
    margin-bottom: 20px;
  }

  .support-left-detail {
    gap: 10px;
  }
}

.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;
  /* overflow: hidden; */
  /* background: var(--White); */
  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;
}

@media (max-width: 1279px) {
  .partners-gallery {
    grid-template-columns: repeat(3, 1fr);
  }

  .partners-heading h3 {
    font-size: 36px;
  }

  .partners-heading span {
    font-size: 22px;
  }

  .partners-heading {
    margin-bottom: 60px;
  }
}

@media (max-width: 1023px) {
  .strategic {
    padding-bottom: 80px;
  }

  .partners-heading h3 {
    font-size: 32px;
  }

  .partners-box-title span {
    font-size: 22px;
  }

  .follow-icon {
    padding: 8px;
  }

  .partners-box {
    gap: 12px;
  }

  .partners-heading span {
    font-size: 20px;
  }

  .partners-heading {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .strategic {
    padding-bottom: 60px;
  }

  .partners-heading h3 {
    font-size: 30px;
  }

  .partners-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }

  .partners-box {
    gap: 8px;
  }

  .partners-heading span {
    font-size: 18px;
  }

  .partners-heading {
    margin-bottom: 40px;
  }

  .partners-heading {
    gap: 10px;
  }
}

@media (max-width: 639px) {
  .strategic {
    padding-bottom: 40px;
  }

  .partners-box-title span {
    font-size: 20px;
  }

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

  .partners-heading {
    margin-bottom: 30px;
  }

  .partners-heading span {
    font-size: 16px;
  }
}

@media (max-width: 419px) {
  .partners-heading h3 {
    font-size: 28px;
  }
}

.leadership {
  padding: 100px 0;
}

.leadership-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 915px;
  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;
}

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

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

@media (max-width: 1279px) {
  .leadership-gallery {
    grid-template-columns: repeat(3, 1fr);
  }

  .leadership-heading h3 {
    font-size: 36px;
  }

  .leadership-heading span {
    font-size: 22px;
  }

  .leadership-heading {
    margin-bottom: 60px;
  }
}

@media (max-width: 1023px) {
  .leadership {
    padding: 80px 0;
  }

  .leadership-heading h3 {
    font-size: 32px;
  }

  .leadership-heading span {
    font-size: 20px;
  }

  .leadership-box-title span {
    font-size: 22px;
  }

  .leadership-box-title p {
    font-size: 18px;
  }

  .leadership-box {
    gap: 12px;
  }

  .leadership-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .leadership-heading {
    margin-bottom: 50px;
  }

  .follow-icon {
    padding: 8px;
  }
}

@media (max-width: 767px) {
  .leadership {
    padding: 60px 0;
  }

  .leadership-box {
    gap: 8px;
  }

  .leadership-heading h3 {
    font-size: 30px;
  }

  .leadership-heading span {
    font-size: 18px;
  }

  .leadership-heading {
    margin-bottom: 40px;
  }

  .leadership-heading {
    gap: 10px;
  }
}

@media (max-width: 639px) {
  .leadership {
    padding: 40px 0;
  }

  .leadership-box-title span {
    font-size: 20px;
  }

  .leadership-heading {
    margin-bottom: 30px;
  }

  .leadership-heading span {
    font-size: 16px;
  }

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

@media (max-width: 419px) {
  .leadership-heading h3 {
    font-size: 28px;
  }
}

/*********** Leadership  ************/

.interested-section {
  padding: 280px 0 284px 0;
  background-color: #f5f5f5;
  position: relative;
}

.interested-shape {
  position: absolute;
  bottom: 0;
}

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

.interested-heading {
  margin-bottom: 72px;
}

.interested-title p {
  margin-bottom: 16px;
}

.interested-section .title h3 {
  color: var(--PrimaryP-950);
  font-family: var(--DM);
  font-weight: 700;
  font-size: 36px;
  line-height: 145%;
  letter-spacing: 0;
  text-transform: uppercase;
}

.interested-section .interested-title {
  margin-bottom: 24px;
}

.interested-section .info-card h4 {
  font-family: var(--DM);
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 142%;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.interested-section .info-card p {
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  color: var(--NeutralN-300);
  margin-bottom: 24px;
}

.interested-section .interested-info {
  display: flex;
  flex-direction: row;
  gap: 28px;
}

.interested-section a {
  padding: 20px;
  background-color: var(--Neutral-20);
  border: none;
  border-radius: 1200px;
  color: var(--White);
  font-family: var(--DM);
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
}

.interested-section a:hover {
  background-color: var(--PrimaryP-500);
  color: var(--White);
}

.interested-section .interested-img img {
  display: block;
  object-fit: cover;
  width: 100%;
  border-radius: 32px;
}

@media (max-width: 1279px) {
  .interested-section {
    padding: 240px 0 200px 0;
  }
}

@media (max-width: 1023px) {
  .interested-section {
    padding: 200px 0 150px 0;
  }

  .interested-section .interested-info {
    flex-direction: column;
  }

  .interested-section .title h3 {
    font-size: 30px;
  }

  .interested-section .info-card p {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .interested-section .interested-heading {
    margin-bottom: 60px;
  }

  .interested-section a {
    padding: 14px 24px;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .interested-section {
    padding: 160px 0 120px 0;
  }

  .interested-section .interested-title p {
    margin-bottom: 10px;
  }

  .interested-section .title h3 {
    font-size: 26px;
  }

  .interested-section .interested-heading {
    margin-bottom: 40px;
  }

  .interested-section .info-card p {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .interested-section a {
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 800px;
  }
}

@media (max-width: 419px) {
  .interested-section {
    padding: 120px 0 80px 0;
  }

  .interested-section .interested-img img {
    border-radius: 20px;
  }

  .interested-section .info-card h4 {
    font-size: 18px;
  }

  .interested-section .title h3 {
    font-size: 20px;
  }

  .interested-section .interested-heading {
    margin-bottom: 20px;
  }

  .interested-section .info-card p {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .interested-section a {
    padding: 10px 18px;
    font-size: 13px;
    border-radius: 600px;
    width: 100%;
    width: fit-content;
  }

  .interested-section button.btn {
    width: 100%;
  }
}

.support.black-theme .subtitle-text {
  color: white;
}

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

/* legal pages */

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

.terms-hero-section {
  padding: 226px 0 80px 0;
  background-color: black;
  overflow: hidden;
}

.terms-hero-section h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 52px;
  line-height: 127%;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: var(--White);
}

.terms-hero-section h1 span {
  background: linear-gradient(90deg,
      #94632a 0.05%,
      #f2e897 52.98%,
      #94632a 99.95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.terms-content {
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.terms-info {
  border-radius: 24px;
  padding: 32px;
  max-width: 1328px;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  margin: 0 auto;
  display: flex;
  gap: 40px;
  flex-direction: column;
}

.terms-content ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.terms-content h4,
.terms-content .yellow-text {
  font-size: 28px;
  font-weight: 700;
  line-height: 135%;
  color: #1a1a1a;
}

.terms-content h4 {
  margin-top: 24px;
}

.terms-content .yellow-text {
  color: #78461b;
}

.terms-content ol>li+li {
  margin-top: 16px;
}

.terms-content p {
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 155%;
  letter-spacing: 0;
  color: #333333;
}

/* .terms-content ol {
  list-style-position: inside;
} */

.terms-content ul li,
.terms-content ol li {
  font-family: var(--DM);
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 155%;
  letter-spacing: 0;
  color: #333333;
  margin-left: 20px;
}

.terms-content ul li {
  list-style-type: disc;
}

.terms-content ol>li {
  color: #78461b;
}

.terms-policy {
  padding: 100px 0 120px 0;
}

@media screen and (max-width: 1279px) {
  .terms-info {
    padding: 24px;
  }

  .terms-policy {
    padding: 80px 0;
  }

  .terms-hero-section {
    padding: 200px 0 80px 0;
  }

  .terms-hero-section h1 {
    font-size: 40px;
  }

  .terms-content h4 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .terms-policy {
    padding: 60px 0;
  }

  .terms-hero-section {
    padding: 180px 0 60px 0;
  }

  .terms-hero-section h1 {
    font-size: 32px;
  }

  .terms-content h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .terms-policy {
    padding: 40px 0;
  }

  .terms-content {
    gap: 12px;
  }

  .terms-content ul {
    gap: 12px;
  }

  .terms-info {
    padding: 20px;
  }

  .terms-content h4 {
    font-size: 18px;
  }

  .terms-hero-section {
    padding: 150px 0 50px 0;
  }

  .terms-hero-section h1 {
    font-size: 28px;
  }

  .terms-content p {
    font-size: 16px;
  }

  .terms-content ul li {
    font-size: 16px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 479px) {
  .terms-hero-section h1 {
    font-size: 24px;
  }

  .terms-content h4 {
    font-size: 16px;
  }

  .terms-content p {
    font-size: 14px;
  }

  .terms-content ul li {
    font-size: 14px;
  }
}

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

.underline {
  text-decoration: underline;
}

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

.faq-hero-section {
  padding: 226px 0 80px 0;
  background-color: black;
  overflow: hidden;
}

.faq-hero-title {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 52px;
  line-height: 127%;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: var(--White);
}

.faq-hero-title span {
  background: linear-gradient(to right, #94632a, #f2e897, #94632a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq {
  margin: 100px 0;
}

.faq-row {
  max-width: 1328px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.faq-list {
  background-color: #f5f5f5;
  border-radius: 24px;
  padding: 32px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.faq-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.faq-title>div {
  font-size: 28px;
  font-weight: 700;
  line-height: 135%;
}

.faq-title svg {
  width: 40px;
  height: 40px;
  display: block;
}

.faq-text {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.faq-text p {
  font-size: 18px;
  line-height: 155%;
  color: #555;
  margin-top: 16px;
}

.faq-list.active .faq-text {
  max-height: 300px;
}

.faq-list .icon {
  transition: transform 0.3s ease;
}

.faq-list.active .icon {
  transform: rotate(45deg);
}

@media screen and (max-width: 1279px) {
  .faq-hero-section {
    padding: 200px 0 80px 0;
  }

  .faq-hero-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .faq {
    padding: 80px 0;
  }

  .faq-hero-section {
    padding: 180px 0 60px 0;
  }

  .faq-hero-title {
    font-size: 32px;
  }

  .faq-title>div {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .faq-title svg {
    width: 30px;
    height: 30px;
  }

  .faq {
    padding: 40px 0;
  }

  .faq-list {
    padding: 24px;
  }

  .faq-hero-section {
    padding: 150px 0 50px 0;
  }

  .faq-hero-title {
    font-size: 28px;
  }

  .faq-title>div {
    font-size: 18px;
  }

  .faq-text p {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .faq-list {
    padding: 20px;
  }

  .faq-hero-title {
    font-size: 24px;
  }

  .faq-title>div {
    font-size: 16px;
  }

  .faq-text p {
    font-size: 14px;
  }
}

/* Smooth open/close animation */
.faq-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

.faq-list.active .faq-text {
  max-height: 500px;
  /* adjust to fit your content */
  opacity: 1;
  margin-top: 0.5rem;
}

/* Rotate the plus icon smoothly */
.faq-list .icon {
  transition: transform 0.3s ease;
}

.faq-list.active .icon {
  transform: rotate(45deg);
  /* turns + into × */
}

/* Optional — make the whole block feel clickable */
.faq-list {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.faq-list:hover {
  background-color: #f9f9f9;
}

.terms-content h4:first-of-type {
  margin-top: 0;
}

.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;
  /* iPhone smooth scroll */
  scrollbar-width: none;
  /* Firefox */
}

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

/* .popup-right {
  flex: 1;
  overflow-y: auto;
  max-height: 70vh;
} */

.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;
}
/* 
body.no-scroll {
  overflow: hidden;
} */

.close-popup:focus,
.close-popup:focus-visible {
  border: none !important;
  outline: none !important;
}

.video-wrapper iframe {
  pointer-events: none;
}

.video-wrapper.playing iframe {
  pointer-events: auto;
}

.pum-theme-564,
.pum-theme-enterprise-blue {
  background: rgba(0, 0, 0, 0.26);
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
  overflow: hidden !important;
}

.pum-theme-564 .pum-container,
.pum-theme-enterprise-blue .pum-container {
  /* display: flex !important; */
  max-width: 800px !important;
  padding: 40px !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px !important;
  border-radius: 24px !important;
  border: 1px solid #ccc !important;
  background: #fff !important;
  max-height: 90vh !important;
  overflow: auto !important;
}

.pum-theme-564 .pum-container::-webkit-scrollbar,
.pum-theme-enterprise-blue .pum-container::-webkit-scrollbar {
  display: none;
  /* Hides scrollbar in Webkit browsers */
}

.pum-theme-564 .pum-container {
  -ms-overflow-style: none;
  /* Hides scrollbar in Internet Explorer 10+ */
  scrollbar-width: none;
  /* Hides scrollbar in Firefox */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
  margin: 20px 20px 0;
  text-align: center;
  font-weight: 500;
}

.pum-content.popmake-content {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}

.pum-content.popmake-content h4.subtitle-text {
  margin: 0 !important;
}

.pum-content.popmake-content h2 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 12px;
  text-align: center;
}

.wpcf7-spinner {
  display: none !important;
}

.pum-content.popmake-content p {
  color: #4d4d4d;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 8px;
}

.wpcf7,
.advisor-form-fields {
  max-width: 640px;
  width: 100%;
}

.wpcf7 {
  margin-top: 40px;
}

.wpcf7-form-control-wrap {
  max-width: 100%;
  width: 100% !important;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
  max-width: 100%;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  display: flex;
  height: 56px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  /* 157.143% */
}


.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap input:focus-visible,
.wpcf7-form-control-wrap textarea:focus,
.wpcf7-form-control-wrap input:focus-visible {
  outline: none;
  border-color: #ccc;
}

.wpcf7-form-control-wrap textarea {
  resize: none;
  min-height: 128px;
}

.advisor-form-actions>p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 40px 0 0 !important;
}

.advisor-form-actions>p br {
  display: none !important;
}

.advisor-form-actions>p button,
.advisor-form-actions>p input {
  max-width: 200px;
  width: 100%;
  display: flex;
  padding: 18px 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 1200px;
  border: 1px solid #B3B3B3;
  background-color: #fff;
  color: #050505;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  text-transform: uppercase;
  cursor: pointer !important;
}

.advisor-form-actions>p input {
  color: #fff;
  background: #050505;
}

.advisor-form-fields br {
  display: none;
}

.advisor-form-fields>p {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wpcf7-not-valid-tip {
  text-align: left;
  font-size: 14px;
}

.pum-theme-564 .pum-content+.pum-close,
.pum-theme-enterprise-blue .pum-content+.pum-close {
  display: none;
}

.thankyou-card .success-image {
  max-width: 225.934px;
  height: 178.25px;
  margin-left: auto;
  margin-right: auto;
}

.thankyou-card h2 {
  color: #1A1A1A;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 !important;
  text-transform: inherit !important;
}

.thankyou-card {
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.thankyou-card img {
  max-width: 228px;
  width: 100%;
  height: 180px !important;
  object-fit: contain;
  margin-bottom: 24px;
}

#popmake-582,
#popmake-597 {
  height: 374px !important;
}


html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
  padding-right: 0 !important;
}

.gold-loader {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: conic-gradient(from 0deg,
      #D29B20 0deg,
      rgba(210, 155, 32, 0) 120deg,
      rgba(210, 155, 32, 0) 360deg);
  mask: radial-gradient(circle 35px, transparent 35px, black 36px);
  animation: spin 1s linear infinite;
  margin-bottom: 80px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.navbar-menu {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.navbar-menu::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body.menu-open {
  position: fixed;
  overflow: hidden;
  inset: 0;    
  width: 100%;
}

.pum-content.popmake-content, .pum-content.popmake-content  form.wpcf7-form.init {
  overflow: auto; 
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}

.pum-content.popmake-content::-webkit-scrollbar, .pum-content.popmake-content  form.wpcf7-form.init::-webkit-scrollbar {
  display: none; 
}

header .btn-wrap .gold-btn{
  background: white !important;
}


header .btn-wrap .gold-btn:hover{
  background: linear-gradient(90deg, #94632A 0.05%, #F2E897 52.98%, #94632A 99.95%) !important;
}


.advisor-form-actions>p input:disabled{
  cursor: not-allowed !important;
  opacity: 40%;
}

/*  */
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;
}

/*  */