@font-face {

  font-family: 'Helvetica Neue';

  src: url('../fonts/HelveticaNeueLight.woff') format('woff');

  font-weight: 300;

  font-style: normal;

}



/* Medium / Regular Weight (500) */

@font-face {

  font-family: 'Helvetica Neue';

  src: url('../fonts/HelveticaNeueMedium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

}



/* Bold Weight (700) */

@font-face {

  font-family: 'Helvetica Neue';

  src: url('../fonts/HelveticaNeueBold.woff') format('woff');

  font-weight: 700;

  font-style: normal;

}





*,

*::before,

*::after {

    box-sizing: border-box;

    margin: 0;

    padding: 0;



}

body{

    font-family: 'Helvetica Neue', sans-serif;

}





p,span, input, textarea, button, a,select {

  font-family: inherit;

}





h2 {

    font-size: 40px;

    font-weight: 700;

    margin: 0 0 32px 0;

}



h3 {

    font-size: 35px;

    font-weight: 700;

}



h4 {

    font-size: 28px;

    font-weight: 600;

}





.container {

    width: 100%;

    max-width: 1180px;

    padding-inline: 20px;

    margin-inline: auto;

}



.custom-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    /* padding-block: 58px 65px; */

    padding-inline: 20px;

}



.investment-section {

    padding-block: 65px 85px;

}





/* --- Section Layouts --- */

.section-team {

    background-color: #f0f5fa;

    padding-block: 65px 65px;

}



.section-invest {

    background-color: #ffffff;

    padding-block: 65px;

}



/* --- Responsive Grid --- */

.grid-layout {

    display: grid;

    grid-template-columns: 1fr;

    gap: 40px;

    align-items: center;

}



.section-team h2 {

    color: #313131;

}



.section-invest h2 {

    color: #313131;

}



/* --- Logo Component --- */

.content-col .logo {

    display: flex;

    align-items: center;

    /* gap: 12px; */

    margin-bottom: 28px;

}



.content-col .logo img {

    object-fit: contain;

    max-width: 180px;

}



.logo-text {

    font-weight: 800;

    font-size: 0.75rem;

    line-height: 1.1;

    text-transform: uppercase;

    color: #1a1a1a;

}



/* --- Typography & Headings --- */

/* h2 {

  font-size: 2rem;

  font-weight: 700;

  line-height: 1.25;

  color: #1f2937;

  margin-bottom: 20px;

} */







/* ==============================

   INVESTMENT SECTION

============================== */



.investment-section {

    position: relative;

    width: 100%;

    min-height: 580px;



    background-image: url("your-background-image.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;



    color: #ffffff;

    overflow: hidden;

}





/* Dark overlay */



.investment-overlay {

    position: absolute;

    inset: 0;

    background: rgba(8, 15, 38, 0.86);

    z-index: 1;

}





/* Main container */



.investment-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding-block: 58px 65px;

    padding-inline: 20px;

}





/* ==============================

   HEADING

============================== */



.investment-heading {

    text-align: center;

    margin-bottom: 46px;

}



.investment-heading h2 {

    margin: 0;



font-family: Helvetica-Medium, sans-serif;

    /* font-size: 40px; */

    line-height: 1.25;

    font-weight: 700;



    color: #ffffff;

}



.investment-heading h2 span {

    color: #9DDDFF;

}





/* ==============================

   INTRO

============================== */



.investment-intro {

    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 44px;



    margin-bottom: 63px;

}





/* Left */



.intro-left {

    padding-right: 15px;

}



.small-label {

    display: flex;

    align-items: center;

    gap: 9px;



    margin-bottom: 18px;



font-family: Helvetica-Medium, sans-serif;

    font-size: 16px;

    line-height: 1.4;

    color: #ffffff;

}



.small-label span {

    display: block;



    width: 7px;

    height: 7px;



    border-radius: 50%;

    background: #00a9e0;

}





.intro-left h3 {

    margin: 0;



   /* font-family: Helvetica-Medium, sans-serif; */

    font-size: 40px;

    line-height: 1.18;

    font-weight: 700;



    color: #ffffff;

}





/* Right */



.intro-right {

    padding-top: 37px;

}



.intro-right p {

    margin: 0;

/* font-family: Helvetica-Medium, sans-serif; */

    line-height: 1.55;

    font-weight: 400;



    color: #ffffff;

}





/* ==============================

   FEATURES

============================== */



.investment-features {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 33px;

}





.feature {

    border-top: 1px solid rgba(255, 255, 255, 0.15);



    padding-top: 31px;

}





.feature-number {

    margin-bottom: 20px;



/* font-family: Helvetica-Medium, sans-serif; */

    font-size: 16px;

    line-height: 1;

    font-weight: 400;



    color: #8ed6ff;

}





.feature h6 {

    min-height: 39px;



    margin: 0 0 27px;



/* font-family: Helvetica-Medium, sans-serif; */

    font-size: 20px;

    line-height: 1.35;

    font-weight: 500;



    color: #ffffff;

}





.feature p {

    margin: 0;

 /* font-family: Helvetica-Medium, sans-serif; */

    /* font-size: 12px; */

    line-height: 1.5;

    font-weight: 400;



    color: #ffffff;

}





.subtitle {

    color: #5B5B5B;

    margin-bottom: 20px;

}



/* --- Feature Lists --- */

.feature-list {

    list-style: none;

    display: flex;

    flex-direction: column;

    gap: 14px;

}



.feature-list.uppercase {

    /* font-size: 0.85rem; */

    font-weight: 700;

    color: #374151;

    /* letter-spacing: 0.02em; */

}



.feature-list:not(.uppercase) {

    font-size: 0.95rem;

    color: #4b5563;

}



.feature-list li {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #5B5B5B;

    font-weight: 700;

    line-height: 1.25;

}



.check-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 20px;

    height: 20px;

    background-color: #00000000;

    color: #ffffff;

    border-radius: 50%;

    font-size: 12px;

    font-weight: bold;

    flex-shrink: 0;

    position: relative;

}

.check-icon::after {

    content: "";

    background: url(../images/blacktick.png) no-repeat;

    background-size: cover;

    width: 20px;

    height: 20px;

    display: block;

    background-size: 20px;

    display: flex;

    flex-shrink: 0;

}



/* .check-icon::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(40deg);

    width: 4px;

    height: 9px;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

} */







/* --- Images --- */

.rounded-img {

    width: 100%;

    height: 380px;

    object-fit: cover;

    border-radius: 16px;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);

}



/* --- Disclaimer Callout Box --- */

.disclaimer-box {

    margin-top: 28px;

    padding: 16px 20px 16px 25px;

    background-color: #F2F7FF;

    border-left: 4px solid #030C39;

    border-radius: 0 8px 8px 0;

}



.disclaimer-box p {

    color: #313131;

    line-height: 1.45;

}















/* --- Dark Section --- */

.section-dark {

    background-color: #030712;

    color: #ffffff;

    padding-block: 80px;

}



.logo-white {

    color: #ffffff;

    margin: 0 0 22px 0;

}



.logo-white .logo-text {

    color: #ffffff;

}



.dark-title {

    /* font-size: 40px; */

    font-weight: 700;

    color: #ffffff;

    max-width: 650px;

    line-height: 1.2;

    margin: 0 0 28px 0;

}



.dark-header h2{

       font-weight: 700;

    color: #ffffff;

    max-width: 650px;

    line-height: 1.2;

    margin: 0 0 28px 0; 

}



.highlight-text {

color: #9DDDFF;

}



.dark-subtitle {



    color: #FFF;

    margin-bottom: 50px;

}



/* --- Features Grid (3 Columns Desktop, 1 Column Mobile) --- */

.features-grid {

    display: grid;

    grid-template-columns: 1fr;

    gap: 50px 40px;

}







/* --- Feature Cards & Dividers --- */

.feature-item {

    position: relative;

    padding-top: 24px;

}



.feature-item::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: 220px;

    height: 1px;

    background-color: #1e293b;

}



.feature-icon {

    font-size: 1.5rem;

    color: #93c5fd;

    margin-bottom: 12px;

    display: flex;

    align-items: center;

}



.feature-item p {

    color: #FFF;

    line-height: 1.4;

    max-width: 220px;



}

.feature-item>div {

    margin-bottom: 20px;

}





/* --- Star Rating --- */

.star-rating {

    display: flex;

    gap: 4px;

    color: #93c5fd;

    font-size: 1.25rem;

    margin-bottom: 12px;

}





/* --- Footer Disclaimer Section --- */

.section-footer-disclaimer {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    background-color: #030712;

    /* Dark background matching the dark section */

}



.disclaimer-banner {

    padding-block: 20px;

    text-align: center;

        display: grid;

    grid-template-columns: 4fr 1.2fr;

    gap: 10px;

}



.disclaimer-banner p {

    color: #FFF;

    line-height: 1.5;

    letter-spacing: 0.01em;

    margin: 0;

    text-align: left;

    padding-right: 80px;

}



.footer-cta .invest-btn.invest-btn-header {

    width: fit-content;

}



.logo-white img {

    object-fit: contain;

}



/* ==================================================================== */













header {

    position: absolute;

    width: 100%;

    top: 0px;

    left: 0px;

    z-index: 10;

}

.sticky-topper p {
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    max-width: 1041px;
    margin-inline: auto;
    line-height: 1.4;
}

.sticky-topper {
    border-bottom: 1px solid #76C7FA;
    padding: 20px 10px;
    background: rgba(0, 0, 0, 0.7);
    margin: 0 0 40px;
}

.sticky-topper p a {
    color: #5EB5F8; 
    text-decoration: none;
}

.sticky-topper p a span{white-space: nowrap;}




.sticky-topper p a:hover{
    opacity: 0.8;
}

nav {

display: flex;

justify-content: space-between;

align-items: center;

}



nav ul {

    display: flex;

    justify-content: space-between;

    gap: 52px;

    display:none;

}



nav ul li {

    list-style: none;

}







.hero-section {

    position: relative;

    width: 100%;

    min-height: 100vh;

    display: flex;

    align-items: center;

         padding-block: 280px 85px

 



}



.hero-wrapper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.hero-wrapper::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: #010518CC;

    width: 100%;

    height: 100%;

}



.hero-wrapper img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.hero-content {

    position: relative;

    z-index: 2;

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    margin: 0 auto;

    /* padding: 0px 10px; */

}



/* Left Section */

.left-sec {

width: 40%;

}



.subtitle-wrap {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 24px;

    padding-left: 20px;

    position: relative;

}



.dot {

    width: 8px;

    height: 8px;

    background-color: #5EB5F8;

    border-radius: 50%;

    left: 0;

    top: 8px;

    position: absolute;

}



.subtitle-wrap p {

    /* font-family: Helvetica-Medium, sans-serif; */

    font-size: 18.1px;

    line-height: 30.74px;

    letter-spacing: 0%;

    vertical-align: middle;

    color:#fff;

   

}



.left-sec h1 {

    font-size: 64px;

    line-height: 1.05;

    font-family: Helvetica-bold, sans-serif;

    margin-bottom: 24px;

    letter-spacing: -1px;

    color: #fff;

     font-weight: 500;

}



.left-sec .description {

    font-size: 18px;

    line-height: 1.5;

    margin-bottom: 40px;

    color: #f0f0f0;

}

.left-sec  p{

    max-width: 450px;

     font-size: 18px;

    line-height: 1.5;

    margin-bottom: 40px;

    color: #f0f0f0;

}



.features {

    list-style: none;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.features li {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 16px;

    /* font-family: Helvetica-Medium, sans-serif; */

    color: #fff;

}

.subtitle-wrap p {

    margin-bottom: 0;

}





.features li:before {

    content: "";

    background: url(../images/tick.png) no-repeat;

    position: relative;

    top: 0;

    left: 0;

    width: 32px;

    height: 32px;

  display: flex;

    flex-shrink: 0;

        background-size: 32px;

}







.features li svg {

    flex-shrink: 0;

}



/* Right Section (Form Card) */

.right-sec {

    flex: 1;

    display: flex;

    justify-content: flex-end;

    max-width: 540px;

    width: 100%;

}



.form-card {

    background: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255, 255, 255, 0.15);

    border-radius: 12px;

    padding: 40px;

    width: 100%;

    max-width: 480px;

    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.3);

}



.form-header {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-bottom: 40px;

}



.form-header .form-logo {

    height: 48px;

}



.form-header-text h3 {

    font-size: 20px;

    font-family: Helvetica-bold, sans-serif;

    margin-bottom: 8px;

    line-height: 1.3;

}



.form-header-text p {

    font-size: 12px;

    color: #e0e0e0;

    line-height: 1.4;

}



form {

    display: flex;

    flex-direction: column;

    gap: 24px;

}



.input-row {

    display: flex;

    gap: 24px;

}



.input-group {

    display: flex;

    flex-direction: column;

    gap: 8px;

    flex: 1;

}



.input-group label {

    font-size: 10px;

    font-family: Helvetica-bold, sans-serif;

    letter-spacing: 0.5px;

    color: #fff;

    text-transform: uppercase;

}



.input-group input,

.input-group select {

    background: transparent;

    border: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    padding: 8px 0;

    color: #fff;

    font-size: 14px;

    font-family:Helvetica-Medium, sans-serif;

    outline: none;

    transition: border-color 0.3s ease;

}



.input-group input:focus,

.input-group select:focus,

.select-wrapper:focus-within {

    border-bottom: 1px solid #fff;

}



.input-group input::placeholder {

    color: rgba(255, 255, 255, 0.7);

}



.select-wrapper {

    display: flex;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    padding: 8px 0;

    transition: border-color 0.3s ease;

}



.flag-icon {

    font-size: 16px;

    margin-right: 12px;

    line-height: 1;

}



.select-wrapper select {

    border: none;

    flex: 1;

    appearance: none;

    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right center;

    background-size: 16px;

    padding: 0;

    padding-right: 24px;

    cursor: pointer;

    font-size: 14px;

    line-height: 1;

}



.select-wrapper select option {

    background-color: #333;

    color: #fff;

}



button[type="submit"] {

    background: #060913;

    color: #fff;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 40px;

    padding: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    /* font-family: Helvetica-Medium, sans-serif; */

    cursor: pointer;

    margin-top: 16px;

    transition: background-color 0.3s ease;

    width: 100%;

}



button[type="submit"]:hover {

    background: #0a1020;

}

.custom-form button.invest-btn[type="submit"]{

        display: inline-flex;

    align-items: center;

    gap: 26px;

    background: #010518;

    color: #fff;

    padding: 16px 33px 16px 54px;

    font-size: 17px;

    border-radius: 40px;

    text-decoration: none;

    /* font-family: Helvetica-Medium, sans-serif; */

    transition: background-color 0.3s ease;

    border: 1px solid #010518;

    position: relative;

    justify-content: center;

}



.custom-form button.invest-btn[type="submit"]:hover{

     background: #76C7FA;;

    border-color:#76C7FA;

}

.custom-form button.invest-btn[type="submit"]:hover .btn-text{

    color: #000;;

}



.icon-circle {

    background: #76C7FA;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 16px;

    margin-left: 2px;

}



button[type="submit"] span:last-child {

    flex: 1;

    text-align: center;

    margin-right: 48px; /* to balance the icon on the left */

}



.disclaimer {

    font-size: 10px;

    color: rgba(255, 255, 255, 0.6);

    line-height: 1.5;

    text-align: center;

    margin-top: 16px;

}

/* Invest Section */

.invest-section {

    /* padding: 80px 40px 0; */

        padding: 80px 0px 80px;



    /* max-width: 1230px; */

    margin: 0 auto;

}



.invest-container {

    display: grid;

    justify-content: space-between;

    align-items: center;

    gap: 60px;

    margin-bottom: 0px;

    grid-template-columns: 1fr 1fr;

}



.invest-content {

    /* flex: 1;

    max-width: 500px; */

    color: #313131;

}



.invest-content .breadcrumb {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 24px;

        /* border: 1px solid red; */

        position: relative;

        padding-left: 15px;

}





.invest-content .breadcrumb p{margin-bottom:0;}



.invest-content .breadcrumb .dot {

    background-color: #5EB5F8;

    width: 8px;

    height: 8px;

    border-radius: 50%;

        position: absolute;

    left: 0;

        top: 4.5px;

}



.invest-content .breadcrumb p {

    font-size: 14px;

    font-family: Helvetica-Medium, sans-serif;

    color: #313131;

}



.invest-content h2 {

    line-height: 1.2;

    /* font-family: Helvetica-bold, sans-serif; */

    /* margin-bottom: 20px; */

    color: #313131;

}



.invest-content p {

    /* font-size: 15px; */

    line-height: 1.6;

    color: #5B5B5B;

    margin-bottom: 32px;

    font-family:Helvetica-Medium, sans-serif;

}



.invest-content .invest-desc strong {

    font-family: Helvetica-bold, sans-serif;

    color: #111;

}



.invest-features {

    list-style: none;

    display: flex;

    flex-direction: column;

    gap: 16px;

    margin-bottom: 40px;

}



.invest-features li {

    display: flex;

    align-items: center;

    gap: 12px;

    /* font-size: 14px; */

    color: #5B5B5B;

    font-family:Helvetica-Medium, sans-serif;

}



.invest-features li:before {

    content: "";

    background: url(../images/blacktick.png) no-repeat;

    background-size: cover;

  width: 20px;

    height: 20px;

    display: block;

    background-size: 20px;

        display: flex;

    flex-shrink: 0;

}





.partners-logos:after {

    /* content: ""; */

        /* display: block;

        position: absolute;

        top: 0;

        left: 47%;

        background: linear-gradient(89deg, #f4f7fc, transparent);

        width: 13%;

        height: 100%; */

}



.invest-btn {

 display: inline-flex;

    align-items: center;

    gap: 26px;

    background: #010518;

    color: #fff;

    padding: 16px 33px 16px 54px;

    font-size: 17px;



    border-radius: 40px;

    text-decoration: none;

    /* font-family: Helvetica-Medium, sans-serif; */

    transition: background-color 0.3s ease;

    border: 1px solid #010518;

    position: relative;

     justify-content: center;

}

.custom-form .invest-btn {

    font-size: 18px;

}



.invest-btn:hover {

background: #76C7FA;

    color: #010518;

    border-color: #76C7FA;

    color:#010518;

}



.invest-btn .icon-circle-btn {

    background: #76C7FA;

width: 37px;

    height: 37px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

left: 8px;

    top: 50%;

    transform: translateY(-50%);

}



.invest-btn:hover .icon-circle-btn{

    background: #fff;

    border:1px solid #76C7FA;

}

.invest-btn:hover svg path{

    stroke:#010518;

}







.invest-image {

    flex: 1.2;

    display: flex;

    justify-content: flex-end;

}



.invest-image img {

    width: 100%;

    max-width: 530px;

    border-radius: 12px;

    object-fit: cover;

}



/* Partners Banner */

.partners-banner {

    background: #F4F7FC;

    border-radius: 8px;

    padding: 32px 48px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    /* margin-bottom: 60px; */

    position: relative;

}



.partners-text p {

    color: #363636;

    line-height: 1.5;

    font-family:Helvetica-Medium, sans-serif;

    font-weight:600;

}



.partners-text {

    max-width: 300px;

    /* border: 1px solid red; */

}





.partners-text p span{

    font-family: Helvetica-bold, sans-serif;

    color: #111;

    font-weight: 700;

    display: block;

}



.partners-text strong {

    font-size: 16px;

    font-family: Helvetica-bold, sans-serif;

    color: #111;

}



.partners-logos {

  align-items: center;

    display: flex;

    gap: 30px;

    width: calc(100% - 370px);

     padding-left: 20px;

    justify-content: space-between;



}



.partners-logos img {

    height: auto;

    object-fit: contain;

    max-width: 138px;

}



.breadcrumb-links {

    display: flex;

    flex-wrap: wrap;

width: calc(100% - 10px);

row-gap: 2px;

}

.breadcrumb-links a{

    text-decoration: none;

    color: #313131;

    font-family:Helvetica-Medium, sans-serif;

    margin-right: 5px; 

    position: relative;

    padding-right: 20px;

}



.breadcrumb-links a::after {

    content: ">";

    position: absolute;

    right: 0px; 

    color: #313131;

}

.breadcrumb-links>a:last-child::after {

    content: "";

}

.breadcrumb-links>a:last-child{padding:0}









.right-sec img{

 width: 100%;

object-fit: cover;

}



.left-sec h1 span {

    display: block;

}





/* form style..... */









/* --- Form Section Background --- */

.section-form-overlay {

/* background: linear-gradient(rgb(78 82 93 / 63%), rgb(51 58 75 / 21%)); */

  display: flex;

  justify-content: center;

}



/* --- Glassmorphism Form Card --- */

.form-card {

  max-width: 580px;

  margin-inline: auto;

  background: rgba(255, 255, 255, 0.12);

  backdrop-filter: blur(16px);

  -webkit-backdrop-filter: blur(16px);

  border: 1px solid rgba(255, 255, 255, 0.25);

  border-radius: 20px;

  padding: 36px 32px;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);

  color: #ffffff;

}



/* --- Form Header --- */

.form-header {

  display: flex;

  gap: 20px;

  align-items: flex-start;

  margin-bottom: 30px;

}



.form-header h5 {

  font-size: 1.5rem;

  font-weight: 700;

  line-height: 1.25;

  color: #ffffff;

  margin-bottom: 8px;

}



.form-header p {

font-size: 13px;

  color: #fff;

  line-height: 1.5;

}

.form-header h5 span {

    display: block;

}

/* --- Form Elements --- */

.custom-form {

  display: flex;

  flex-direction: column;

  gap: 22px;

}



.form-row {

  display: grid;

  grid-template-columns: 1fr;

  gap: 20px;

}



@media (min-width: 520px) {

  .form-row {

    grid-template-columns: 1fr 1fr;

  }

}



.form-group {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.form-group label {

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 0.05em;

  color: rgba(255, 255, 255, 0.85);

  margin-bottom: 8px;

}

.form-group input:-webkit-autofill,

.form-group input:-webkit-autofill:hover, 

.form-group input:-webkit-autofill:focus, 

.form-group input:-webkit-autofill:active {

  -webkit-background-clip: text !important;

  transition: background-color 50000s ease-in-out 0s !important;

  -webkit-text-fill-color: #ffffff !important;

}

.form-group input,

.select-wrapper select {

  width: 100%;

  background: transparent;

  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  padding: 8px 0;

  color: #ffffff;

    font-size: 14px;

  outline: none;

  transition: border-color 0.2s ease;

}



.form-group input::placeholder {

  color: rgba(255, 255, 255, 0.5);

}



.form-group input:focus,

.select-wrapper select:focus {

  border-bottom-color: #60a5fa;

}



/* Custom Select Dropdown */

.select-wrapper {

  position: relative;

  display: flex;

  align-items: center;

}



.flag-icon {

  position: absolute;

  left: 0;

  font-size: 0.95rem;

  pointer-events: none;

}



.select-wrapper select {

  padding-left: 26px;

  cursor: pointer;

  appearance: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 4px center; /* Positions arrow on the far right */

  background-size: 12px;

}



.select-wrapper option {

  background-color: #1e293b;

  color: #ffffff;

}



/* --- Submit Button --- */

.submit-btn {

  margin-top: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 16px;

  width: 100%;

  background-color: #060a12;

  color: #ffffff;

  border: none;

  border-radius: 40px;

  padding: 14px 24px;

  font-size: 0.95rem;

  font-weight: 600;

  cursor: pointer;

  transition: transform 0.2s ease, background-color 0.2s ease;

}



.submit-btn:hover {

  background-color: #0f172a;

  transform: translateY(-1px);

}



.btn-arrow {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 28px;

  height: 28px;

  background-color: #7dd3fc;

  color: #060a12;

  border-radius: 50%;

  font-weight: bold;

}









/* --- Disclaimer --- */

.custom-form >p {

  font-size: 13px;

  color: #fff;

  text-align: center;

  line-height: 1.6;

  margin-top: 6px;

}









.select-wrapper {

  position: relative;

  display: flex;

  align-items: center; /* Vertically center children */

}



/* Fixes the flag image positioning */

.flag-img {

  position: absolute;

  left: 0; /* Align to the far left of the wrapper */

  top: 50%; /* Position the top edge in the middle vertically */

  transform: translateY(-50%); /* Shift the image UP by 50% of its own height to center it perfectly */

  

  width: 20px; /* Specific, non-blurry width */

  height: auto; /* Preserve aspect ratio */

  

  border-radius: 2px; /* Small corner radius matching the design */

  pointer-events: none; /* Crucial: clicks pass through to the select element */

  z-index: 1; /* Keep it above the select input */

}



/* Fixes the text alignment of the dropdown input */

.select-wrapper select {

  width: 100%;

  

  /* CRUCIAL FIX: This padding leaves enough room for the absolute flag on the left */

  padding: 8px 10px 8px 30px; 

  

  /* background: transparent; */

  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4); /* Bottom border matching other inputs */

  color: #ffffff;

  font-size: 0.95rem;

  cursor: pointer;

  appearance: none; /* Hides native OS select arrow */

  -webkit-appearance: none;

  outline: none;

  position: relative;

  z-index: 0; /* Base layer */

}



/* Changes the border color on focus */

.select-wrapper select:focus {

  border-bottom-color: #60a5fa; /* Or your highlight color */

}



/* Background for the options within the dropdown */

.select-wrapper option {

  background-color: #1e293b;

  color: #ffffff;

}





img#country-flag-img {

    max-width: 22px;

}

/* ========================================= */



.form-group .select-wrapper {

    border: none;

}



.form-header .logo-white {

    margin: 0;

}







.invest-btn.invest-btn-header {

    /* background: #76C7FA;

    color: #000000;

    border: 1px solid #010518; */

}



.invest-btn.invest-btn-header {

    /* background: #76C7FA;

    color: #000000;

    border: 1px solid #010518; */

        border: 1px solid #76c7fa8f;

    display: flex;

    padding: 16px 33px 16px 54px;

}



.invest-btn.invest-btn-header .icon-circle-btn {

    /* background: #fff;

    border: 1px solid #fff; */

}

.invest-btn.invest-btn-header:hover .icon-circle-btn{

    /* border-color:#76c7fa;

    background:#76c7fa; */

}



.invest-btn.invest-btn-header:hover {

    /* background:#fff;

        border-color: #000; */

}



/* =================================================================== */



@media (max-width: 1200px){

.sticky-topper {
    margin: 0 0 32px;
}



.right-sec{

    flex:auto;

    max-width: 47%;

}



.hero-section {

    padding-block: 240px 85px;

}



.left-sec h1 {

    font-size: 55px;

}



h2 {

    font-size: 35px;

}



.partners-logos img {

    max-width: 110px;

}

.partners-logos {

    gap: 36px;

}



.intro-left h3{

    font-size: 35px;

}

.partners-banner{

    margin-bottom: 0;

}

 .sticky-topper p {font-size: 18px;}


.sticky-topper p {max-width: 940px;}



}



@media (max-width: 1024px){

   

}





@media (max-width: 991px){







.partners-logos img {

        max-width: 76px;

    }



.partners-text {

    max-width: 240px;

}





.partners-logos {

    width: calc(100% - 275px);

            padding-left: 0;

}



.partners-banner {

  padding: 24px 36px 24px;

}

.partners-text p span {

    line-height: 1.2;

}

.breadcrumb-links a {

    font-size: 14px;}

.invest-container {

    gap: 38px;

}

    .right-sec {

        flex: auto;

        max-width: 52%;

    }

.left-sec {

    width: 43%;

}

.form-header h5{

    font-size: 22px;

}

.custom-form .invest-btn {

    font-size: 16px;

}



.invest-btn{

        padding: 14px 33px 14px 54px;

                font-size: 16px;

}

.invest-btn .icon-circle-btn {

    width: 35px;

    height: 35px;

    left: 6px;

}



.disclaimer-banner {

    grid-template-columns: 4fr 2fr;

}

.disclaimer-banner p {

    padding-right: 40px;

}



}







@media (max-width: 900px) {

        .sticky-topper p {
        font-size: 17px;
    }



    .investment-container {

        max-width: 90%;

        padding: 55px 0;

    }



    .investment-heading h2 {

   

    }



    .investment-intro {

        column-gap: 30px;

    }



    .intro-left h3 {

        font-size: 26px;

    }



    .investment-features {

        gap: 22px;

    }



}





@media (max-width: 767px) {



    .investment-section {

        min-height: auto;

    }



    .investment-container {

        max-width: 100%;

        padding: 45px 25px 50px;

    }





    /* Heading */



    .investment-heading {

        text-align: left;

        margin-bottom: 35px;

    }



    .investment-heading h2 {

        /* font-size: 25px; */

        line-height: 1.3;

    }





    /* Intro */



    .investment-intro {

        display: block;

        margin-bottom: 45px;

    }



    .intro-left {

        padding-right: 0;

        margin-bottom: 30px;

    }



    .small-label {

        margin-bottom: 15px;

    }



    .intro-left h3 {

        font-size: 25px;

        line-height: 1.2;

    }



    .intro-right {

        padding-top: 0;

    }



    .intro-right p {

        line-height: 1.6;

    }





    /* Features */



    .investment-features {

        grid-template-columns: 1fr;

        gap: 0;

    }



    .feature {

        padding: 25px 0 28px;

    }



    .feature:first-child {

        border-top: 1px solid rgba(255, 255, 255, 0.15);

    }



    .feature-number {

        margin-bottom: 15px;

    }



    .feature h4 {

        min-height: auto;

        margin-bottom: 15px;

        font-size: 15px;

    }



    .feature p {

        font-size: 15px;

        line-height: 1.55;

    }



    .reverse-on-mobile {

        display: flex;

        flex-direction: column-reverse;

    }



.left-sec {

    width: 100%;

}

.hero-content{

    flex-wrap: wrap;

}



    .right-sec {

        flex: auto;

        max-width: 100%;

        margin-top: 45px;

    }

    .left-sec h1 {

        font-size: 50px;

    }



.invest-container{

    grid-template-columns: 1fr;

}

.partners-text {

        max-width: 100%;

        width: 100%;

    }



    .partners-logos {

        width: 100%;

    }

    .partners-banner {

        flex-wrap: wrap;

        row-gap: 20px;

                margin-bottom: 0;

    }

    .partners-logos img {

        max-width: 115px;

                margin-inline: auto;

    }

.partners-logos {

        gap: 18px;

                flex-wrap: wrap;

    }



.invest-container {

    margin-bottom: 30px;

            gap: 50px;

}

.invest-section {

    padding: 65px 0px 65px;}







h2{

    font-size: 30px;

}



.feature h6 {

    margin: 0px 0 18px;}





.investment-features>div:last-child{

    padding-bottom: 0;

}



.investment-section {

    padding-block: 55px 60px;

}

.section-dark {

    padding-block: 66px 65px;

}

    .disclaimer-banner {

        grid-template-columns: 3.5fr 2fr;

    }

.disclaimer-banner p {

    font-size: 14px;

}



.footer-cta .invest-btn.invest-btn-header {

    font-size: 14px;

}



.section-form-overlay{

       margin-inline: auto; 

}

.sticky-topper {
    padding: 14px 8px;
}

.sticky-topper p {
        font-size: 16px;
 }
.sticky-topper {
  
    margin: 0 0 25px;}

}








@media (max-width:600px){
    
}









@media (max-width:575px){

    .sticky-topper p {
        font-size: 15px;
    }



.left-sec h1 span {

    display: inline-block;

    margin-right: 5px;

}



    .left-sec h1 {

        font-size: 40px;

    }



.subtitle-wrap p , .features li ,.invest-content p ,.invest-features li, 

.feature-list li,.disclaimer-box p {



    font-size: 15px;

}



.left-sec .description {

    font-size: 16px;

    line-height: 1.4;

}

.features li:before {

    background-size: 27px;

}

.invest-btn {

    font-size: 15px;

    gap: 16px;}

.invest-btn .icon-circle-btn {

    width: 30px;

    height: 30px;

}



.partners-text p {

    text-align: center;

}



    .partners-banner {

        padding: 24px 24px 24px;

    }

.small-label{

    font-size: 15px;

}



    .feature p {

        /* font-size: 14px; */

    }

.section-invest {

    padding-block: 55px 65px;

}



.features-grid {

    gap: 35px 40px;

}



.features-grid>div:first-child::before{

    display: none;

}

.dark-header p{

        margin-bottom: 20px;

}



.custom-form .invest-btn {

        font-size: 14px;

                padding: 14px 20px 14px 47px;

    }

.feature-item p {

    font-size: 15px;}



    .disclaimer-banner p {

        font-size: 12px;

    }

    .disclaimer-banner {

        grid-template-columns: 1.3fr 1fr;

    }

.footer-cta .invest-btn.invest-btn-header {

    font-size: 14px;

    padding: 16px 21px 16px 48px;

}



}







@media (max-width: 480px) {

    .left-sec h1 {

        line-height: 1.2;

        font-size: 30px;

    }



    .investment-container {

        padding: 40px 20px 45px;

    }



    .investment-heading h2 {

        /* font-size: 22px; */

    }



    .intro-left h3 {

        font-size: 23px;

    }



    h2 {

        font-size: 25px;

    }

    .intro-left h3 {

        font-size: 20px;

    }



.disclaimer-box {

    padding: 16px 12px 16px 15px;

}

     .disclaimer-banner {

        grid-template-columns: auto;

        gap: 24px;

    }



.footer-cta {

    display: flex;

    align-items: center;

    justify-content: center;

}



    .disclaimer-banner p {

        text-align: center;

padding: 0;

    }



nav img.logo {

    max-width: 118px;

}

.invest-btn.invest-btn-header {

    padding: 12px 12px 12px 38px;

    font-size: 13px;

}

.invest-btn.invest-btn-header .icon-circle-btn {

    width: 26px;

    height: 26px;

padding: 6px;

}



.custom-form button.invest-btn[type="submit"] span:last-child {

    margin: 0;

    font-size: 14px;

}

.custom-form button.invest-btn[type="submit"]{

        padding: 16px 18px 16px 43px;

}





}



















@media (min-width: 768px) {

    .grid-layout {

        grid-template-columns: 1fr 1fr;

        gap: 80px;

    }

}



@media (min-width: 576px) {

    .features-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}



@media (min-width: 1024px) {

    .features-grid {

        grid-template-columns: repeat(3, 1fr);

    }

}