/* =============================
   Investment Essentials Hero
   ============================= */

.investment-hero-section .heroSection{position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;background-color: transparent;z-index: 1;}
.investment-hero-section .heroContainer{position: relative;display: flex;flex-direction: column;align-items: center;gap: 40px;width: 100%;max-width: 1680px;z-index: 1;}
.investment-hero-section .heroContent{display: flex;flex-direction: column;align-items: center;gap: 30px;max-width: 1306px;width: 100%;}
.investment-hero-section .investmentEyebrow{display: none;}
.investment-hero-section .mainHeading{font-family: var(--font-p22-mackinac-pro), serif !important;font-weight: 500 !important;font-size: 75px !important;line-height: 0.95 !important;letter-spacing: -2px !important;color: var(--primary, #333f5b) !important;text-align: center !important;max-width: 928px;margin: 0 !important;width: 50% !important;}
.investment-hero-section .subheading{font-family: var(--font-avenir-next), sans-serif;font-weight: 450;font-size: 20px;line-height: 1.5;letter-spacing: -0.6px;color: var(--text, #6d717b);text-align: center;max-width: 520px;margin: 0;}
.investment-hero-section .videoContainer{position: relative;width: 100%;max-width: 1680px;display: flex;justify-content: center;}
.investment-hero-section .videoWrapper{position: relative;width: 1680px;height: 780px;border-radius: 64px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.investment-hero-section .videoImage{position: absolute;top: -1.57%;left: 0;width: 100%;height: 127.29%;object-fit: cover;max-width: none;z-index: 1;}
.investment-hero-section .videoOverlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(51, 63, 91, 0.3);z-index: 2;}
.investment-hero-section .playButton{position: relative;width: 120px;height: 120px;border: none;background: transparent;cursor: pointer;z-index: 3;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: transform 0.3s ease, filter 0.3s ease;}
.investment-hero-section .playButton:hover{transform: scale(1.1);filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.2));}
.investment-hero-section .playIcon{width: 100%;height: 100%;object-fit: contain;}

@media (max-width: 767px) {
  .investment-hero-section .heroSection{padding: 20px 0 0 0;}
  .investment-hero-section .heroContainer{gap: 20px;}
  .investment-hero-section .heroContent{gap: 22px;}
  .investment-hero-section .investmentEyebrow{display: block;}
  .investment-hero-section .mainHeading{font-size: 32px !important;line-height: 1.1 !important;letter-spacing: 1px !important;width: 100% !important;max-width: 360px;}
  .investment-hero-section .subheading{font-size: 16px;line-height: 1.4;letter-spacing: -0.36px;width: 100%;max-width: 300px;}
  .investment-hero-section .videoContainer{width: 351px;height: 427px;}
  .investment-hero-section .videoWrapper{width: 351px;height: 427px;border-radius: 13px;}
  .investment-hero-section .videoImage{width: 351px;height: 447px;}
  .investment-hero-section .playButton{width: 80px;height: 71px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .investment-hero-section .heroSection{padding: 0px !important;}
  .investment-hero-section .heroContainer{width: 100%;max-width: 1000px;gap: 30px;}
  .investment-hero-section .heroContent{gap: 32px;}
  .investment-hero-section .investmentEyebrow{display: block;}
  .investment-hero-section .mainHeading{font-size: 38px !important;line-height: 1.1 !important;letter-spacing: 2px !important;width: 60% !important;}
  .investment-hero-section .subheading{font-size: 16px;line-height: 1.4;letter-spacing: 0.32px;width: 80%;}
  .investment-hero-section .videoContainer{width: 100%;height: 427px;}
  .investment-hero-section .videoWrapper{width: 100%;height: 427px;border-radius: 13px;}
  .investment-hero-section .videoImage{width: 100%;}
  .investment-hero-section .playButton{width: 70px;height: 60px;}
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .investment-hero-section .heroSection{padding: 0px !important;}
  .investment-hero-section .heroContainer{width: 100%;max-width: 1300px;gap: 30px;}
  .investment-hero-section .heroContent{gap: 32px;}
  .investment-hero-section .investmentEyebrow{display: block;}
  .investment-hero-section .mainHeading{font-size: 98px !important;line-height: 1.1 !important;letter-spacing: 0px !important;width: 100% !important;max-width: 1000px;}
  .investment-hero-section .subheading{font-size: 24px !important;line-height: 1.4 !important;letter-spacing: -0.4px !important;width: 80% !important;max-width: 650px !important;}
  .investment-hero-section .videoContainer{width: 100%;height: 427px;}
  .investment-hero-section .videoWrapper{width: 100%;height: 427px;border-radius: 13px;}
  .investment-hero-section .videoImage{width: 100%;}  
  .investment-hero-section .playButton{width: 60px;height: 60px;}
}

/* Video Model */
.investment-hero-video-modal{position: fixed;inset: 0;display: none;align-items: center;justify-content: center;z-index: 9999;}
.investment-hero-video-modal.is-open{display: flex;}
.investment-hero-video-overlay{position: absolute;inset: 0;background: rgba(15, 23, 42, 0.7);}
.investment-hero-video-dialog{position: relative;width: min(1200px, 94vw);max-height: 90vh;background: #0f172a;border-radius: 16px;overflow: hidden;z-index: 1;box-shadow: 0 24px 64px rgba(15, 23, 42, 0.35);}
.investment-hero-video{display: block;width: 100%;height: auto;max-height: 90vh;background: #0f172a;}
.investment-hero-video-close{position: absolute;top: 12px;right: 12px;width: 36px;height: 36px;border: none;border-radius: 999px;background: rgba(255, 255, 255, 0.9);color: #1e293b;font-size: 22px;line-height: 1;cursor: pointer;z-index: 2;}
body.video-modal-open{overflow: hidden;}

@media (max-width: 767px) {
  .investment-hero-video-dialog{width: calc(100% - 32px);}
  .investment-hero-video-close{top: 8px;right: 8px;}
}

/* Investment */

/* =============================
   Investment Page Wrapper
   ============================= */

.investment-page {min-height: 100vh;width: 100%;}

@media (max-width: 768px) {
  .investment-page {padding: 10px;}
}
@media (max-width: 640px) {
  .investment-page {padding: 4px;}
}

.investment-page .heroColorSpotlightBlue{position: absolute;width: 60%;height: 650px;top: 5%;left: -80px;filter: blur(60px);border-radius: 35%;background: radial-gradient(ellipse, #3495ff 0%, #3495ff 25%, rgba(52, 149, 255, 0.7) 50%, rgba(52, 149, 255, 0.3) 100%);opacity: 0.8;z-index: 0;pointer-events: none;}
.investment-page .heroColorSpotlightOrange{width: 40%;height: 630px;position: absolute;top: 5%;right: 25%;transform: translateX(50%);filter: blur(60px);border-radius: 100%;background: radial-gradient(ellipse, #f8d194 0%, #f8d194 30%, rgba(248, 209, 148, 0.8) 60%, rgba(248, 209, 148, 0.3) 100%);opacity: 0.9;z-index: 0;pointer-events: none;}


@media (max-width: 767px) {
  .investment-page{gap: 20px;}
  .investment-page .heroColorSpotlightBlue{position: absolute;width: 243.045px;height: 243.045px;top: 3.5%;left: -5%;filter: blur(60px);border-radius: 50%;}
  .investment-page .heroColorSpotlightOrange{width: 243.045px;height: 243.045px;position: absolute;top: 3.5%;right: 30%;transform: translateX(50%);filter: blur(60px);border-radius: 50%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .investment-page{gap: 80px;padding: 0px 24px;}
  .investment-page .heroColorSpotlightBlue{position: absolute;width: 50%;height: 343px;top: 3%;left: 1%;filter: blur(60px);border-radius: 50%;}
  .investment-page .heroColorSpotlightOrange{width: 50%;height: 343px;position: absolute;top: 3%;right: 25%;transform: translateX(50%);filter: blur(60px);border-radius: 50%;}
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .investment-page{gap: 120px;padding: 0px 24px;}
}

/* Landing Css */
.page-id-1852 .investment-hero-section {padding-top: clamp(32px,5vw + 8px,60px);}
.page-id-1852 .investment-hero-section .heroSection {   overflow: initial;}
.page-id-1852 .investment-hero-section .investmentEyebrow {display: block;}
.page-id-1852 .investment-hero-section .mainHeading { max-width: 1144px;  width: 100% !important;}
.page-id-1852 .investment-page .heroColorSpotlightBlue, .page-id-1744 .investment-page .heroColorSpotlightOrange {opacity: 0.4; top: 7%;}
.page-id-1852 .investment-hero-section .promo-banner {font-family: var(--font-avenir-next), sans-serif;  font-weight: 700;  font-size: 16px;  line-height: 1.5;  color: #6d717b;  text-align: center;  max-width: 520px;   margin: -6px 0 0 0;}
.page-id-1852 .investment-hero-section .promo-banner strong { font-weight: 700; color: #333F5B;}
.page-id-1852 .investment-hero-section .playButton { height: 109px;}
.investment_features { display: flex;  align-items: center;  justify-content: center;  width: 100%;  max-width: 1920px;  margin-inline: auto;   gap: clamp(40px, 3vw + 10px, 80px);  color: #6d717b;   position: relative; padding-top: 20px; padding-bottom: 60px; }
.investment_features .testimonialCard {  display: flex;   align-items: center;   gap: 12px;}
.investment_features .testimonialCard .subheading {font-size: 16px !important;}
.investment_features .solarsquareAcademicCapLineIcon { width: 24px;  position: relative;   max-height: 100%;}
.investment_features:after{ content:""; width: 100%; max-width: 320px;  background-color: #e3e3e5;  height: 2px;position: absolute;  right: 0;  left: 0; bottom: 0;  margin: 0 auto;}

@media (min-width: 1025px) and (max-width: 1366px) {
  .page-id-1852 .investment-hero-section .playButton {  height: 50px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page-id-1852 .investment-hero-section .playButton {  height: 60px;}
}
@media (max-width: 767px) {
 .page-id-1852 .investment-hero-section .promo-banner {font-size: 14px;}
 .page-id-1852 .investment-hero-section .playButton {  height: 70px;}
 .investment_features{  flex-direction: column;   font-size: 16px; }

 .page-id-1852 .investment-page .heroColorSpotlightBlue{left: 0; }
 .page-id-1852 .investment_features {gap: 24px; font-size: 14px; flex-direction: row; padding-top: 10px; padding-bottom: 0px;}
 .page-id-1852 .investment_features .testimonialCard .subheading { font-size: 12px !important;}
 .page-id-1852 .investment_features .solarsquareAcademicCapLineIcon { width: 16px;}
 .page-id-1852 .investment_features:after {display: none;}
}

/* Video CSS */
.om-aboutvideo-wrap { overflow: hidden; border-radius: 64px; position: relative; width: 100%; max-width: 100%; cursor: pointer; margin: 0 auto;}
.om-aboutvideo-wrap:before {content: ""; position: relative; padding-bottom: 56.25%; display: block;}
.om-aboutvideo-wrap video { display: none; background: #000; z-index: 2;  position: absolute; width: 100%;  height: 100%;  top: 0;  left: 0;}
.om-aboutvideo-wrap .poster {position: absolute; width: 100%;  height: 100%;  top: 0;  left: 0;}
.om-aboutvideo-wrap .poster img {width: 100%; height: 100%;  object-fit: cover; object-position: center;}
.om-aboutvideo-wrap .play-btn { position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 3;height: 118px;  width: 118px;}

@media (max-width: 1366px) {
 .om-aboutvideo-wrap {  border-radius: 13px; }
 .om-aboutvideo-wrap .play-btn { height: 60px;  width: 60px;}
 .investment-page{ min-height:inherit; }
}