@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* RESET */
::-moz-selection {
    background: var(--blue-color);
    color: #fff;
}
::selection {
    background: var(--blue-color);
    color: #fff;
}
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Oxygen", sans-serif;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
    outline: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
/* width */
::-webkit-scrollbar {
    width: .5vw;
}
/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--blue-color);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--dark-blue);
}
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-x: hidden;
    scrollbar-color: var(--blue-color) #fff;
    scrollbar-width: normal;
}
body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    background-color: var(--white-color);
}
body.no-scroll,
html.no-scroll{
    overflow: hidden;
}
#alertMsg{
    font-size: 14px;
}
img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
a {
    text-decoration: none;
    display: inline-block;
    color: inherit;
    cursor: pointer;
}
button {
    cursor: pointer;
    outline: none;
    border: none;
    font-family: inherit;
}
button[disabled] {
    cursor: default;
}
p{
    color: var(--text-color);
}
a{
    color: var(--text-color);
}
ul,
ol {
    list-style: none;
}

input,
textarea {
    font-family: inherit;
    resize: none;
}
/* HIDE ARROWS ON NUMBER INPUTS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Playfair Display", serif;
}


/* RESET */

/* UTILITIES */
:root {
    --white-color: #fff;
    --black-color: #000;
    --blue-color: #04265C;
    --light-blue-color: #1A427A;
    --strong-blue: #3369FF;
    --text-color: #08112E;
    --gray-color: #5c5c5c;
}
.container {
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 151rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.container-right {
    padding-left: calc((100vw - 147rem) / 2);
    position: relative;
}
.container-left {
    padding-right: calc((100vw - 147rem) / 2);
    position: relative;
}
@media only screen and (max-width: 1510px) {
    .container-right {
        padding-left: 3rem;
    }
}


nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    display: flex;
    align-items: center;
    z-index: 998;
    transition: background-color 0.3s ease;
}
nav.active{
    background-color: var(--blue-color);
}
nav .container{
    height: 100%;
}
.nav-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.nav-logo img{
    display: block;
}
.nav-links > ul > li > a, .nav-links > ul > li > p{
    font-size: 1.6rem;
    line-height: 3rem;
    color: var(--white-color);
}
.fs-logo-blue{
    display: none!important;
}
.side-nav.inner .side-nav-button > p{
    display: none;
}
nav.inner .nav-logo img{
    display: none;
}
nav.inner .fs-logo-blue{
    display: block!important;
}
nav.inner.active .fs-logo-blue{
    display: none!important;
}
nav.inner.active .nav-logo img{
    display: block;
}
.bottom-mobile-links{
    display: none;
}
nav.inner .nav-dropdown-button{
    background-image: url('../../images/app/down-arrow-blue.svg');
}
nav.inner.active .nav-dropdown-button{
    background-image: url('../../images/app/down-arrow-white.svg');
}
nav.inner.active .nav-links > ul > li > a, nav.inner.active .nav-links > ul > li > p{
    color: var(--white-color);
}
nav.inner .nav-links > ul > li > a, nav.inner .nav-links > ul > li > p{
    color: var(--text-color);
}
.nav-links > ul > li > p{
    cursor: default;
}
.nav-links{
    height: 100%;
}
.nav-links > ul{
    display: flex;
    gap: 4rem;
    height: 100%;
}
.nav-links > ul > li{
    height: 100%;
    display: flex;
    align-items: center;
}
.nav-dropdown .container > div{
    display: none;
}
.hamburger{
    display: none;
}
.nav-dropdown{
    border-top: 1px solid var(--white-color);
    padding: 3rem 0rem;
    display: none;
    width: 100%;
    left: 0;
    top: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--blue-color);
}

.nav-dropdown-button{
    background-image: url('../../images/app/down-arrow-white.svg');
    padding-right: 2rem;
    background-size: 1rem 0.5rem;
    background-repeat: no-repeat;
    background-position: right center; /* Push it 1rem outside */
}

.nav-dropdown .container{
    display: flex;
    gap: 11rem;
}
.nav-dropdown ul li p{
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: var(--white-color);
    font-weight: 600;
}
.nav-dropdown ul li a{
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: var(--white-color);
}
.nav-dropdown ul > :last-child{
    margin-bottom: 0rem;
}
.social-media{
    display: none;
}
.tailored-mobile-line{
    display: none;
}
@media only screen and (min-width: 1024px) {
    .tailored-portfolio-container-text-bottom a{
        transition: color 0.3s ease, background-color 0.3s ease;   
    }
    .tailored-portfolio-container-text-bottom a:hover{
        color: var(--white-color);
        background-color: var(--strong-blue);
    }
    .investor-portal-container-center-image{
        transition: transform 0.3s ease;
    }
    .investor-portal-container-center-image:hover{
        transform: scale(1.2);
    }
    .footer-copyright p a{
        color: #F5CB14;
    }
    .footer-bottom-social a, .hero-social a{
        transition: transform 0.3s ease;
    }
    .footer-bottom-social a:hover, .hero-social a:hover{
        transform: scale(1.2);
    }
    .footer-container-flex-left-address a{
        transition: color 0.3s ease;
    }
    .footer-container-flex-left-address a:hover{
        color: var(--strong-blue);
    }
    nav .nav-links > ul > li > a, .footer-bottom-links-left a, .footer-bottom-links-right a, .footer-copyright a{
        transition: color 0.3s ease;
    }
    nav .nav-links > ul > li > a:hover, .footer-bottom-links-left a:hover, .footer-bottom-links-right a:hover{
        color: var(--strong-blue);
    }
    .footer-copyright a:hover{
        color: var(--white-color);
    }
    .nav-dropdown-button:hover .nav-dropdown{
        display: block;
    }
    .nav-dropdown ul li a{
        transition: color 0.3s ease;
    }
    .nav-dropdown ul li a:hover{
        color: var(--strong-blue);
    }
    .learn-more-container-left a, .alternative-right-container-flex-right > div a, .managed-accounts-container-flex-card a, .advisory-container-text a, .investment-portal-container a, .why-us-flex a, .start-investment-container a, .footer-container-flex-right form button, .about-schedule-container a, .hero-section.inner .hero-container-text > a, .investor-portal-container-center-text a, .hero-container-box-dark a, .unlock-world-container a, .guidance-container a, .next-step-container-left button, .contact-container-left form button{
        overflow: hidden;
    }
    .alternative-right-container-flex-right > div a, .managed-accounts-container-flex-card a ,.advisory-container-text a, .investment-portal-container a, .why-us-flex a, .start-investment-container a, .footer-container-flex-right form button, .about-schedule-container a, .hero-section.inner .hero-container-text > a, .investor-portal-container-center-text a, .hero-container-box-dark a, .unlock-world-container a, .guidance-container a, .next-step-container-left button, .contact-container-left form button{
        position: relative;
    }
    .learn-more-container-left a::after, .alternative-right-container-flex-right > div a::after, .managed-accounts-container-flex-card a::after, .advisory-container-text a::after, .investment-portal-container a::after, .why-us-flex a::after, .start-investment-container a::after, .footer-container-flex-right form button::after, .about-schedule-container a::after, .hero-section.inner .hero-container-text > a::after, .investor-portal-container-center-text a::after, .hero-container-box-dark a::after, .unlock-world-container a::after, .guidance-container a::after, .next-step-container-left button::after, .contact-container-left form button::after{
        background: #fff;
        content: "";
        height: 155px;
        left: -75px;
        opacity: 0.2;
        position: absolute;
        top: -50px;
        transform: rotate(35deg);
        transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
    }
    .learn-more-container-left a:hover::after, .alternative-right-container-flex-right > div a:hover::after, .managed-accounts-container-flex-card a:hover::after, .advisory-container-text a:hover::after, .investment-portal-container a:hover::after, .why-us-flex a:hover::after, .start-investment-container a:hover::after, .footer-container-flex-right form button:hover::after, .about-schedule-container a:hover::after, .hero-section.inner .hero-container-text > a:hover::after, .investor-portal-container-center-text a:hover::after, .hero-container-box-dark a:hover::after, .unlock-world-container a:hover::after, .guidance-container a:hover::after, .next-step-container-left button:hover::after, .contact-container-left form button:hover::after{
        left: 120%;
        transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
    }
}

.hero-section{
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.hero-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-background-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blue-color);
    z-index: 1;
    opacity: 0.7;
}
.hero-background-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-background-image video{
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.hero-background-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-container{
    position: relative;
    padding-top: 27rem;
}
.hero-section .container{
    position: relative;
    z-index: 2;
}
.hero-container-text{
    position: relative;
}
.hero-container-text h1{
    font-size: 6.4rem;
    line-height: 7rem;
    color: var(--white-color);
    font-weight: 400;
    margin-bottom: 3.6rem;
}
.hero-container-text > p{
    font-size: 2rem;
    line-height: 2.8rem;
    color: var(--white-color);
}
.hero-social{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12rem;
}

.side-nav-button-hidden{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -40rem;
    background-color: #0C3F88;
    width: 35rem;
    height: 12rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
    padding: 0rem 5rem;
    transition: right 0.5s ease;
}
.side-nav.active .side-nav-button:hover .side-nav-button-hidden{
    right: -3rem;
}
.side-nav-button-hidden p{
    font-size: 1.6rem;
    line-height: 3rem;
    white-space: nowrap;
    color: var(--white-color);
}
.investors-portal-page-section{
    min-height: 100dvh;
    width: 100%;
    background-image: url('../../images/app/investors-portal-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.investors-portal-page-container{
    padding-top: 15rem;
    margin: 0 auto;
    display: flex;
    width: 100%;
    max-width: 145rem;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
}
.investors-portal-page-container-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12rem;
}
.investors-portal-page-container-right{
    width: 100%;
    max-width: 72rem;
    position: relative;
    background-color: var(--white-color);
    padding: 7rem 5.5rem;
}
.investors-portal-page-container-right h1{
    font-size: 6.4rem;
    line-height: 7rem;
    color: var(--text-color);
    margin-bottom: 20.8rem;
    font-weight: 400;
    position: relative;
    z-index: 1;
    display: block;
}
.investors-portal-page-container-right h1 span{
    color: var(--strong-blue);
    font-style: italic;
    font-family: "Playfair Display", serif;
}
.investors-portal-page-container-right a{
    font-size: 2rem;
    line-height: 2.4rem;
    color: var(--strong-blue);
    position: relative;
    z-index: 1;
    display: block;
    text-decoration: underline;
}
.investors-portal-page-container-right div{
    position: absolute;
    top: 1.7rem;
    right: 0;
    z-index: 0;
}
.side-nav{
    position: fixed;
    bottom: 10rem;
    right: 3.5rem;
    height: 77rem;
    display: flex;
    z-index: 999;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.side-nav .line{
    height: 13rem;
    width: 0.1rem;
    background-color: var(--strong-blue);
}
.side-nav-button{
    position: relative;
}
.side-nav-button > p{
    display: block;
    position: absolute;
    font-size: 1.6rem;
    line-height: 3rem;
    color: var(--white-color);
    white-space: nowrap;
    cursor: pointer;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.3s ease;
}
.side-nav.active .side-nav-button > p{
    opacity: 0;
    pointer-events: none;
}
.side-nav-button button{
    width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}
.side-nav-button button div{
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--strong-blue);
}
.presents-container-left{
    width: 100%;
    max-width: 98rem;
}
.presents-container-left-top{
    background-color: #EEEEEE;
    position: relative;
    padding-top: 8rem;
    padding-bottom: 6rem;
    padding-right: 3rem;
}
.presents-container-left-top::before{
    position: absolute;
    content: "";
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
}
.presents-container{
    display: flex;
    justify-content: space-between;
}
.presents-container-right{
    margin-left: -9rem;
}
.presents-container-right img{
    width: 100%;
    display: block;
    max-width: 80rem;
}
.section-subtitle{
    font-size: 1.6rem;
    line-height: 3rem;
    margin-bottom: 2rem;
    color: var(--strong-blue);
    position: relative;
    display: block;   
    text-transform: uppercase;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
}
.section-subtitle > div{
    position: absolute;
    top: 0.3rem;
    right: calc(100% + 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.section-subtitle > div div{
    width: 10rem;
    height: 0.1rem;
    background-color: var(--strong-blue);
}
.section-subtitle > div img{
    display: block;
}
.meet-team-container .section-title{
    margin-bottom: 3rem;
}
.team-popout-container{
      position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    display: flex;

    visibility: hidden;
    opacity: 0;

    transition: opacity 0.3s ease;
}
.team-popout-container.active{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.team-popout-container:not(.active) {
    transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.team-popout{
    width: 100%;
    max-width: 116rem;
    background-color: var(--white-color);
    box-shadow: 1rem 1rem 3rem 0rem rgba(0,0,0,0.15);
    padding: 6rem 7rem;
    position: relative;
    z-index: 1;

}
.close-team-popout{
    position: absolute;
    width: 5rem;
    height: 5rem;
    background-color: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3369FF;
    font-size: 2.4rem;
    top: 2rem;
    right: 2rem;
}
.team-overlay{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.team-popout-image{
    position: absolute;
    top: 50%;
    right: 5rem;
    transform: translateY(-50%);
    z-index: -1;
}
.team-popout h3{
    font-size: 2.8rem;
    line-height: 3rem;
    color: var(--text-color);
    font-family: "Oxygen", sans-serif;
}
.team-popout h4{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--gray-color);
    margin-bottom: 3rem;
    font-weight: 400;
    font-family: "Oxygen", sans-serif;
}
.team-popout p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--black-color);
}
.section-title{
    font-size: 4.8rem;
    line-height: 5rem;
    color: var(--text-color);
    margin-bottom: 4rem;
    font-weight: 400;
}
.meet-team-container > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 116rem;
    color: var(--text-color);
    margin-bottom: 4rem;
}
.presents-container-left-top > p{
    font-size: 2.2rem;
    line-height: 3.6rem;
    color: #898989;
    max-width: 84rem;
}
.presents-container-left-bottom{
    margin-top: 9rem;
    min-height: 27rem;
    display: flex;
    gap: 14rem;
    position: relative;
}
.text-top-left{
    position: relative;
    z-index: 1;
}
.text-top-left p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
    max-width: 27rem;
}
.text-bottom-right{
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}
.text-bottom-right p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
    max-width: 27rem;
}
.statistic-image{
    position: absolute;
    bottom: -6rem;
    left: -16rem;
}
.learn-more-section{
    margin-top: 16rem;
}
.learn-more-container-left{
    position: relative;
    background-image: 
    url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e"),
    linear-gradient(118deg, rgba(227, 228, 231, 1) 0%, rgba(221, 221, 221, 0) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 4rem 6rem 4rem;
    max-width: 87rem;
    z-index: 2;
    width: 100%;
}
.learn-more-container-left::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
    background-color: var(--strong-blue);
}
.learn-more-container-left p{
    font-size: 2.2rem;
    line-height: 3.6rem;
    color: var(--text-color);
}
.learn-more-container-left a{
    padding: 0.8rem 2.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    position: absolute;
    left: 4rem;
    bottom: 0;
    transform: translateY(50%);
    text-transform: uppercase;
}
.success-message{
    font-size: 2rem;
    margin-top: 2rem;
     display: none; /* Start hidden */
    color: var(--strong-blue);
    font-weight: 500;
}
.learn-more-container-right p{
    padding-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--text-color);
    max-width: 42rem;
    position: relative;
    display: block;
    margin-bottom: 5rem;
}
.learn-more-container-right i{
    font-size: 1.2rem;
    margin-top: 2rem;
    display: inline-block;
    line-height: 1.8rem;
    max-width: 37rem;
}
.learn-more-container-right p::before{
    width: 4.3rem;
    height: 0.1rem;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: var(--text-color);
}
.learn-more-container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3rem;
}
.learn-more-container-right > div{
    display: flex;
    align-items: center;
    gap: 2rem;
}
.learn-more-container-right > div img{
    display: block;
}
.investment-solution-section{
    padding-top: 15rem;
    position: relative;
    z-index: 2;
}
.investment-solution-container p{
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: var(--text-color);
    margin-bottom: 5rem;
}
@keyframes rotateYSlow {
    0% {
      transform: rotateY(0deg);
    }
    48%{
        transform: rotateY(150deg);
    }
    49%{
        transform: rotateY(215deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  
  .approach-container-card-image {
    animation: rotateYSlow 2s linear infinite;
    transform-style: preserve-3d;
    transform-origin: center;
    backface-visibility: hidden;
    display: inline-block;
    margin: 0 auto;
    transform: translateZ(0); /* ✅ Force GPU acceleration */
  }
.investment-solution-container{
    position: relative;
    z-index: 1;
}
.investment-solution-container .container-left img{
    display: block;
    width: 100%;
    max-width: 154rem;
}
.decoration-star {
    position: absolute;
    top: -16rem;
    right: -12rem;
    transform: rotate(345deg);
    z-index: -1;
}
.decoration-star img{
    max-width: 62rem;
}
.alternative-right-container{
    background-color: #EEEEEE;
    padding: 16rem 3rem 7rem 7rem;
    margin-top: -9rem;
    position: relative;
}
.section-title2{
    font-size: 4rem;
    line-height: 7rem;
    margin-bottom: 5rem;
    color: var(--text-color);
    font-weight: 400;
}
.section-title2 span{
    font-size: 9rem;
    line-height: 7rem;
    color: var(--strong-blue);
    font-family: "Playfair Display", serif;
    display: block;
    margin-bottom: -2.5rem;
}
.alternative-right-container-flex-left p{
    font-size: 2.2rem;
    line-height: 3.6rem;
    color: var(--text-color);
}
.alternative-right-container-flex-right > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 5rem;
}
.alternative-right-container-flex-right > div{
    display: flex;
    height: 5rem;
    align-items: center;
    justify-content: space-between;
    background-color: #d3d3d3;
    max-width: 72rem;
}
.alternative-right-container-flex-right > div > p{
    padding: 0rem 2rem;
    color: var(--strong-blue);
    font-size: 1.6rem;
	font-weight: bold;
    line-height: 2.5rem;
}
.alternative-right-container-flex-right > div a{
    color: var(--white-color);
    background-color: var(--strong-blue);
    padding: 0rem 4rem;
    font-size: 1.8rem;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.alternative-right-container-flex{
    display: flex;
    gap: 5rem;
    max-width: 128rem;
    position: relative;
    z-index: 1;
}
.alternative-right-container-flex-right{
    max-width: 80rem;
}
.alternative-right-container-flex-left{
    max-width: 48rem;
}
.globus-graphic{
    position: absolute;
    top: 4rem;
    right: 9rem;
}
.alternative-section{
    background-color: #04265C;
    padding-bottom: 14rem;
    position: relative;
    z-index: 1;
}
.managed-accounts-container-title{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3rem;
    margin-bottom: 5rem;
}
.managed-accounts-container-title .section-title2{
    margin-bottom: 0rem;
    color: var(--white-color);
}
.managed-accounts-container-title p{
    font-size: 2.2rem;
    color: var(--white-color);
    line-height: 3.2rem;
    font-style: italic;
    font-family: "Playfair Display", serif;
}
.hero-section.single-news{
    height: 60rem;
}
.managed-accounts-container-flex-card{
    position: relative;
    background-image: 
    url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 65rem;
    width: 100%;
}
.managed-accounts-container-flex-card > div{
    padding: 4rem 5rem 5rem 5rem;
}
.managed-accounts-container-flex-card::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    background-color: var(--strong-blue);
}
.managed-accounts-container-flex-card h3{
    font-size: 2.4rem;
    line-height: 2.4rem;
    color: var(--text-color);
    padding: 2rem 5rem;
    background: rgb(238,238,238);
    background: linear-gradient(118deg, rgba(238,238,238,1) 15%, rgba(239,234,234,1) 39%, rgba(249,249,249,1) 59%, rgba(229,229,229,1) 81%);
}
.managed-accounts-container-flex-card h4{
    font-size: 2.2rem;
    line-height: 3.6rem;
    margin-bottom: 1.5rem;
    font-weight: 400;
    color: var(--strong-blue);
    font-family: "Oxygen", sans-serif;
}
.managed-accounts-container-flex-card p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--white-color);
    margin-bottom: 2rem;
}
.managed-accounts-container-flex-card a{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    position: absolute;
    left: 4rem;
    bottom: 0;
    transform: translateY(50%);
    text-transform: uppercase;
}
.managed-accounts-container-flex{
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}

.managed-accounts-container-graphic{
    position: absolute;
    right: 0;
    bottom: 0;
}
.alternative-section .container, .alternative-section .container-right{
    position: relative;
    z-index: 1;
}
.managed-accounts-container-graphic img{
    display: block;
}
.advisory-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
    position: relative;
    z-index: 1;
}
.advisory-section{
    position: relative;
    padding: 8rem 0rem;
}
.advisory-container-text{
    max-width: 57rem;
}
.advisory-container-image img{
    display: block;
}
.advisory-container-image video{
    width: 100%;
    height: 58rem;
    max-width: 95rem;
    object-fit: cover;
}
.advisory-container-text h3{
    font-size: 2.2rem;
    color: var(--text-color);
    line-height: 3.6rem;
    margin-bottom: 11rem;
    font-weight: 400;
    font-family: "Oxygen", sans-serif;
}
.advisory-container-text p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
    margin-bottom: 3rem;
}
.advisory-container-text a{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
}
.advisory-graphic{
    position: absolute;
    top: -1rem;
    left: 0;
}
.advisory-graphic img{
    position: relative;
}
.advisory-container .section-title2{
    margin-bottom: 2rem;
}
.force-of-success-container{
    position: relative;
    background-color: var(--blue-color);
    width: 100%;
    height: 30rem;
}
.force-of-success-container-graphic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.force-of-success-container-graphic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.force-of-success-container-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.force-of-success-container-text img{
    max-width: 100%;
}
.investment-portal-section{
    padding: 7rem 0rem;
    padding-top: 16rem;
    position: relative;
    background: rgb(242,242,242);
    background: linear-gradient(105deg, rgba(242,242,242,1) 0%, rgba(238,238,238,1) 20%, rgba(249,249,249,1) 28%, rgba(229,229,229,1) 45%, rgba(245,239,239,1) 75%, rgba(228,228,228,1) 90%);
}
.investment-portal-container{
    max-width: 103rem;
}
.investment-portal-container h2 i{
    font-family: "Playfair Display", serif;
}
.investment-portal-container > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2rem;
}
.investment-portal-container-flex-card p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 1.5rem;
}
.investment-portal-container-flex-card{
    display: flex;
    margin-bottom: 3rem;
    max-width: 70rem;
}
.investment-portal-container-flex-card div{
    margin-top: 0.5rem;
}
.investment-portal-container a{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
}
.investment-graphic{
    position: absolute;
    top: 9rem;
    right: 5rem;
}
.investment-portal-section .container{
    position: relative;
    z-index: 1;
}
.force-of-success-section{
    margin-bottom: -9rem;
    z-index: 1;
    position: relative;
}
.commitment-section{
    padding: 9rem 0rem;
}

.commitment-container-cards{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
.commitment-container-card{
    position: relative;
    background: rgb(244,244,244);
    background: linear-gradient(216deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    padding: 3rem 4rem 6rem 4rem;
    flex: 1;
    max-width: 31rem;
}
.commitment-container-card::before{
    position: absolute;
    content: "";
    width: 121%;
    height: 115%;
    background-image: url('../../images/app/shadow.png');
    background-size: cover;
    background-repeat: no-repeat;
    top: 0rem;
    right: 0rem;
    z-index: -1;
}

.commitment-container-card h3{
    font-size: 2rem;
    line-height: 2.4rem;
    color: var(--strong-blue);
    margin-bottom: 2.2rem;
    font-weight: 400;
}
.commitment-container-card p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.why-us-container2 h2{
    position: relative;
    color: var(--white-color);
}
.why-us-container2 h2 > div {
    position: absolute;
    top: 1.4rem;
    right: calc(100% + 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.why-us-container2 h2 > div div {
    width: 10rem;
    height: 0.1rem;
    background-color: var(--strong-blue);
}
.why-us-container2 h2 > div img {
    display: block;
}
.why-us-section2{
    padding: 6rem 0rem;
    position: relative;
}
.why-us-section2 .container{
    position: relative;
    z-index: 2;
}
.why-us-section2 .hero-background-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-us-section2 .hero-background-image video{
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-us-container2 h3{
    font-size: 3.6rem;
    margin-bottom: 5rem;
    color: var(--strong-blue);
    font-weight: 400;
}
.why-us-section2 .hero-background-overlay{
    opacity: 0.91;
}
.why-us-container2-card{
    padding: 4.3rem 7rem 7rem 7rem;
    background-color: rgba(4,38,92,0.5);
    position: relative;
    box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.15);
}
.spin-graphic{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.15;
}
.why-us-container-card{
    background-color: rgba(4, 38, 92, 0.5);
    padding: 4rem 7rem;
    backdrop-filter: blur(3px);
    box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.15);
}
.why-us-container-card-grid{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 8rem;
    row-gap: 6rem;
}
.why-us-container-card h3{
    position: relative;
    z-index: 1;
}
.why-us-container-card-grid > div{
    display: flex;
    gap: 2.5rem;
}
.why-us-container-card-grid-text p{
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--white-color);
}
.why-us-container-card-grid-text span{
    color: var(--strong-blue);
    font-weight: 600;
}
.why-us-container-card-grid-icon{
    padding-top: 0.7rem;
}
.why-us-flex{
    margin-top: 4rem;
    padding-left: 7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
}
.why-us-flex p{
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--white-color);
    max-width: 65rem;
}
.why-us-flex a{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    width: 100%;
    max-width: 24.4rem;
    text-align: center;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
}
.start-investment-section{
    padding-top: 8rem;
    padding-bottom: 14rem;
}
.start-investment-container{
    padding: 14rem 8rem;
    background-image: url('../../images/app/start-investment-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.start-investment-container p{
    font-size: 4.8rem;
    line-height: 6.4rem;
    font-family: "Playfair Display", serif;
    max-width: 96rem;
    margin-bottom: 5rem;
}
.start-investment-container p i{
    color: var(--strong-blue);
    font-family: "Playfair Display", serif;
}
.start-investment-container a{
    padding: 1.2rem 4.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
}
.letter-graphic{
    position: absolute;
    top: 0;
    right: 0;
}
.single-news-container-left > :last-child{
    margin-bottom: 0rem!important;
}
.single-news-container-left h2{
    font-size: 3.6rem;
    font-weight: 400;
    margin-bottom: 3rem;
}
.single-news-container-left h3{
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}
.single-news-container-left h4{
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 3rem;
}
.single-news-container-left h5{
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 3rem;
}
.single-news-container-left{
    max-width: 95rem;
}
.single-news-container-left h6{
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}
.single-news-container-left p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 3rem;
}
.single-news-container-left ul{
    list-style-type: disc;
    margin-bottom: 3rem;
    padding-left: 2rem;
}
.single-news-container-left ul li{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.single-news-container{
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.single-news-container-left img{
    width: 100%;
}
.single-news-container-right{
    max-width: 36rem;
}
.single-news-container-right .news-card-text{
    padding: 0rem;
    width: 100%;
    margin: 0;
    margin-bottom: 3rem;
} 
.news-title-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6rem;
}
.news-title-flex h2{
    margin-bottom: 0rem;
}
.news-title-flex a{
    color: var(--strong-blue);
    font-size: 2rem;
    text-decoration: underline;
}
.news-cards{
    display: flex;
    gap: 3rem;
}
.news-card{
    flex: 1;
}
.news-card img{
   display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.news-card-text{
    background-color: #fff;
    padding: 3rem;
    width: 90%;
    margin-top: -7rem;
    z-index: 1;
    position: relative;
}
.news-card-text h3{
    font-size: 2.4rem;
    line-height: 3rem;
    font-family: "Oxygen", sans-serif;
    margin-bottom: 2.2rem;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-card-text span{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--gray-color);
    margin-bottom: 2.4rem;
}
.news-card-text p::before{
    width: 8rem;
    height: 0.1rem;
    background-color: var(--strong-blue);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.news-card-text p{
    position: relative;
    padding-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 3rem;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-card-text a{
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: var(--strong-blue);
    font-weight: 600;
    text-decoration: underline;
}
.news-section{
    padding-bottom: 8rem;
}
footer{
    padding-top: 6rem;
    background-image: url('../../images/app/footer-background.jpg');
    background-position: center;
    background-size: cover;
}
.footer-container-flex{
    padding-top: 4rem;
    padding-bottom: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8rem;
}
.footer-container-flex-left{
    max-width: 72rem;
}
.footer-container-flex-left-blue{
    background-color: var(--strong-blue);
    padding: 4rem;
    margin-bottom: 5rem;
}
.footer-container-flex-left-blue h2{
    font-size: 5.4rem;
    line-height: 5.8rem;
    margin-bottom: 6rem;
    color: var(--white-color);
    font-weight: 400;
}
.footer-container-flex-left-blue h2 strong{
    font-family: "Playfair Display", serif;
    font-weight: 600;
}
.footer-container-flex-left-blue p{
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: var(--white-color);
}
.footer-container-flex-left-address{
    display: flex;
    align-items: center;
    gap: 1.8rem;
    margin-bottom: 2rem;
}
.footer-container-flex-left-address a, .footer-container-flex-left-address p{
    font-size: 1.6rem;
    color: var(--white-color);
}
.footer-container-flex-left-address div{
    width: 1.5rem;
}
.footer-container-flex-left-map{
    padding-left: 3.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.footer-container-flex-left-map a{
    font-size: 1.6rem;
    color: var(--strong-blue);
    text-decoration: underline;
}
.footer-container-flex-right h2{
    position: relative;
    font-size: 5.4rem;
    line-height: 7rem;
    color: var(--strong-blue);
    margin-bottom: 4.3rem;
    font-weight: 400;
}
.footer-container-flex-right h2::before{
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: -10rem;
    width: 8.2rem;
    height: 0.1rem;
    background-color: var(--white-color);
}
.footer-container-flex-right form{
    display: flex;
    flex-direction: column;
}
.footer-container-flex-right form input{
    background-color: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #1A427A;
    padding-left: 4.3rem;
    padding-bottom: 1.5rem;
    color: var(--gray-color);
    margin-bottom: 3rem;
}
.footer-container-flex-right form input::placeholder{
    opacity: 1;
}

.footer-container-flex-right form textarea{
    background-color: transparent;
    outline: none;
    border: 1px solid #1A427A;
    padding: 2.3rem 3.5rem;
    height: 14rem;
    color: var(--gray-color);
}
.footer-container-flex-right form textarea::placeholder{
    opacity: 1;
}
.footer-container-flex-right form button{
    padding: 0.8rem 6.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
    margin-left: auto;
    letter-spacing: 3px;
    font-weight: 600;
}
.footer-bottom-links-left a{
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: var(--white-color);
}
.footer-bottom-links-right a{
    font-size: 1.6rem;
    line-height: 3rem;
    color: var(--white-color);
    text-transform: uppercase;
}
.footer-bottom{
    max-width: 145rem;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
    padding: 3.5rem 0rem;
    padding-right: 6.5rem;
}
.container-left-footer{
    background-color: var(--blue-color);
}
.footer-bottom-links-social{
    max-width: 80rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.footer-bottom-links{
    display: flex;
    max-width: 52rem;
    width: 100%;
    justify-content: space-between;
    gap: 3rem;
}
.footer-bottom-links-left{
    display: flex;
    flex-direction: column;
}
.footer-bottom-links-right{
    display: flex;
    flex-direction: column;
}
.footer-bottom-links-right .margin-bottom{
    margin-bottom: 3rem;
}
.footer-bottom-social{
    display: flex;
    flex-direction: column;
    gap: 4.4rem;
    align-items: center;
}
.footer-copyright{
    padding: 2.5rem 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
}
.copyright-links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    max-width: 55rem;
    width: 100%;
}
.footer-copyright p{
    color: var(--white-color);
    font-size: 1.6rem;
    font-family: "Playfair Display", serif;
}
.footer-copyright a{
    color: var(--strong-blue);
    font-size: 1.6rem;
    font-family: "Playfair Display", serif;
}
.hero-section.inner .hero-container-text h1{
    font-size: 5.4rem;
    line-height: 7rem;
    margin-bottom: 6.6rem;
    color: var(--text-color);
}

.hero-section.inner .hero-container-text > p{
    position: relative;
    padding-top: 2.6rem;
    color: var(--text-color);
    margin-bottom: 7.7rem;
    max-width: 79rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
    gap: 2rem;
}
.pagination span, .pagination a{
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--text-color);
}
.pagination span.disabled{
    cursor: default;
    opacity: 0.5;
}
.pagination a.active{
    color: var(--strong-blue);
    pointer-events: none;
}
.hero-section.inner .hero-container-text > p::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 8rem;
    height: 0.1rem;
    background-color: var(--strong-blue);
}
.hero-section.inner .hero-container-text > a{
    padding: 1.2rem 3.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
}
.side-nav.inner .side-nav-button > p{
    color: var(--strong-blue);
    cursor: pointer;
}
.aif-management-section{
    padding-top: 6rem;
    padding-bottom: 12rem;
}
.aif-management-container > p{
    font-size: 1.6rem;
    max-width: 100rem;
    line-height: 2.4rem;
}
.aif-management-card-outer{
    width: 100%;
    overflow: hidden;
    height: 0rem;
    max-width: 23rem;
}
.aif-management-card{
    height: 15rem;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e"),
    linear-gradient(180deg, rgba(227, 228, 231, 1) 0%, rgba(221, 221, 221, 0) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 1rem 4rem 1rem;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 0 100%, 0 19%);
    display: flex;
    align-items: flex-end;
    width: 100%;
    text-align: center;
}
.aif-management-card::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    background-color: #5A7EE3;
}
.aif-management-card::after {
    position: absolute;
    content: "";
    top: 1.1rem;
    left: -1rem;
    width: 9rem;
    height: 1rem;
    background-color: #5A7EE3;
    transform: rotate(159deg);
}
.aif-management-card p{
    font-size: 1.8rem;
    line-height: 2.6rem;
    height: 7rem;
    padding-bottom: 3.5rem;
    text-align: center;
    width: 100%;
}
.aif-management-card-outer h2 {
    font-size: 6rem;
    text-align: right;
    line-height: 5rem;
    font-family: "Oxygen", sans-serif;
    background: linear-gradient(180deg, rgba(200, 201, 203, 1) 0%, rgba(221, 221, 221, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.aif-management-cards{
    display: flex;
    align-items: flex-end;
    gap: 2rem;
    justify-content: space-between;
    width: 100%;
}
.aif-management-cards-light{
    display: flex;
    align-items: flex-end;
    gap: 2rem;
    justify-content: space-between;
    width: 100%;
}
.aif-management-flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    height: 46rem;
}
.aif-management-flex > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}
.aif-management-cards .aif-management-card-outer:nth-child(1) .aif-management-card{
    height: 15rem;
}
.aif-management-cards .aif-management-card-outer:nth-child(2) .aif-management-card{
    height: 18rem;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 0 100%, 0 16%);
}
.aif-management-cards .aif-management-card-outer:nth-child(3) .aif-management-card{
    height: 22rem;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
}
.aif-management-cards-light .aif-management-card-outer:nth-child(1) .aif-management-card{
    height: 26rem;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 0 100%, 0 11%);
}
.aif-management-cards-light .aif-management-card-outer:nth-child(2) .aif-management-card{
    height: 30rem;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 0 100%, 0 9.5%);
}
.aif-management-cards-light .aif-management-card-outer:nth-child(3) .aif-management-card{
    height: 33rem;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 0 100%, 0 8.5%);
}

.aif-management-cards-light .aif-management-card::before {
    background-color: #008CFF;
}
.aif-management-cards-light .aif-management-card::after {
    background-color: #008CFF;
}

.aif-management-underline-flex{
    opacity: 0;
}
.aif-management-underline-flex div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    position: relative;
}
.aif-management-underline-flex div:nth-child(1){
    border: 1px solid #5A7EE3;
    border-top: transparent;
}
.aif-management-underline-flex div:nth-child(1) p{
    font-size: 1.8rem;
    color: #5A7EE3;
}

.aif-management-underline-flex div:nth-child(2){
    border: 1px solid #008CFF;
    border-top: transparent;
}
.aif-management-underline-flex div:nth-child(2) p{
    font-size: 1.8rem;
    color: #008CFF;
}
.aif-management-underline-flex div:nth-child(1)::before{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background-color: #5A7EE3;
    border-radius: 50%;
}
.aif-management-underline-flex div:nth-child(1)::after{
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background-color: #5A7EE3;
    border-radius: 50%;
}

.aif-management-underline-flex div:nth-child(2)::before{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background-color: #008CFF;
    border-radius: 50%;
}
.aif-management-underline-flex div:nth-child(2)::after{
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background-color: #008CFF;
    border-radius: 50%;
}
.phase-section{
    padding-top: 5rem;
    padding-bottom: 9rem;
    background-image: url('../../images/app/phase-background.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.phase-container > :last-child{
    margin-bottom: 0rem;
}
.phase-container-card-outer{
    margin-bottom: 6.6rem;
    width: 100%;
}
.phase-container-card-outer h2{
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 1.2rem;
    color: #5A7EE3;
    font-weight: 400;
    text-align: center;
    font-family: "Oxygen", sans-serif;
}
.phase-container-card-outer h2 span{
    font-weight: 600;
}

.phase-container-card{
        position: relative;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e"),
        linear-gradient(180deg, rgba(227, 228, 231, 1) 0%, rgba(221, 221, 221, 0) 100%);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 3rem 2.5rem 5rem 2.5rem;
        display: flex;
        justify-content: space-between;
        gap: 2rem;
    }
    .phase-container-card::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 0.5rem;
        background-color: #5A7EE3;
    }
    .phase-container-card div{
        width: 100%;
        max-width: 42.5rem;
    }
    .phase-container-card div h3{
        font-size: 6rem;
        line-height: 5rem;
        margin-bottom: 1.3rem;
        font-family: "Oxygen", sans-serif;
        background: linear-gradient(180deg, rgba(200, 201, 203, 1) 0%, rgba(221, 221, 221, 0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .phase-container-card div h4{
        font-size: 1.8rem;
        color: var(--text-color);
        line-height: 2.6rem;
        margin-bottom: 1.5rem;
        font-family: "Oxygen", sans-serif;
    }
    .phase-container-card div p{
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    
    .phase-container-card-outer.light .phase-container-card::before{
        background-color: #008CFF;
    }
    .phase-container-card-outer.light h2{
        color: #008CFF;
    }

    .quality-assurance-section{
        background-color: var(--blue-color);
        padding-top: 7.5rem;
        padding-bottom: 25rem;
    }
    .quality-assurance-title{
        display: flex;
        gap: 5rem;
        justify-content: space-between;
        align-items: center;
    }
    .quality-assurance-title-text{
        max-width: 87rem;
    }
    .quality-assurance-title-text h2{
        font-size: 4.8rem;
        color: var(--white-color);
        margin-bottom: 3rem;
        font-weight: 400;
    }
    .quality-assurance-title-text p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
    }
    .quality-assurance-title-icons{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.8rem;
    }
    .quality-assurance-title-icons img{
        display: block;
    }
    .quality-assurance-cards{
        margin-top: 12rem;
        display: flex;
        justify-content: space-between;
        gap: 2rem;
    }
    .quality-assurance-card{
        width: 100%;
        max-width: 33rem;
        min-height: 30rem;
        background-color: #153A74;
        box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.15);
        padding: 5rem 3rem;
        position: relative;
    }
    .quality-assurance-card h3{
        font-size: 2rem;
        line-height: 2.6rem;
        margin-bottom: 2.8rem;
        min-height: 5.2rem;
        color: var(--strong-blue);
        font-family: "Oxygen", sans-serif;
    }
    .quality-assurance-card p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
    }
    .quality-assurance-card ul{
        list-style: disc;
        padding-left: 2rem;
    }
    .quality-assurance-card ul li{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
    }
    .quality-assurance-card-icon img{
        display: block;
        animation: rotateYSlow 2s linear infinite;
        transform-style: preserve-3d;
        transform-origin: center;
        backface-visibility: hidden;
        display: inline-block;
        margin: 0 auto;
        transform: translateZ(0); /* ✅ Force GPU acceleration */
    }
    .quality-assurance-card-icon{
        
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        filter: drop-shadow(0px 6px 15px rgba(0,0,0,0.25));
    }
    .investor-portal-container-left{
        background-color: var(--white-color);
        max-width: 145rem;
        margin-left: auto;
        padding-top: 6rem;
        padding-right: 15rem;
        padding-bottom: 8rem;
    }
    .investor-portal-container-left h2{
        font-size: 4.8rem;
        margin-bottom: 3rem;
        color: var(--text-color);
        font-weight: 400;
    }
    .investor-portal-container-left-outer{
        box-shadow: 8px 8px 50px 0px rgba(0,0,0,0.25);
        background-color: var(--white-color);
        transform: translateY(-18rem);
    }
    .investor-portal-container-left > p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: 6rem;
    }
    .investor-portal-container-left-flex{
        display: flex;
        gap: 5rem;
        justify-content: space-between;
    }
    .investor-portal-container-left-flex > div{
        position: relative;
        max-width: 56rem;
        width: 100%;
        padding-top: 1.7rem;
        padding-left: 5rem;
    }
    .investor-portal-container-left-flex > div::before{
        position: absolute;
        content: "";
        width: 10.5rem;
        height: 0.1rem;
        background-color: var(--text-color);
        top: 0;
        left: 0;
    }
    .investor-portal-container-left-flex > div::after{
        position: absolute;
        content: "";
        width: 0.1rem;
        height: 8.3rem;
        background-color: var(--text-color);
        top: 0;
        left: 0;
    }
    .investor-portal-container-left-flex > div h3{
        font-size: 2.2rem;
        line-height: 5rem;
        margin-bottom: 1rem;
        color: var(--strong-blue);
    }
    .investor-portal-container-left-flex > div p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--text-color);
    }
    .investor-portal-section{
        position: relative;
    }
    .investor-portal-section .container-left{
        position: relative;
        z-index: 2;
    }
     .investor-portal-section .container{
        position: relative;
        z-index: 2;
     }
    .investors-portal-video{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .investors-portal-video video{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        position: absolute;
    }
    .investors-portal-video-overlay{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
        background: #ffffff;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.87) 25%, rgba(221, 221, 221, 0.29) 100%);
    }
    .investor-portal-container-center{
        margin-top: -8rem;
        padding-right: 6.5rem;
        padding-bottom: 7rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5rem;
    }
    .investor-portal-container-center-text h2{
        font-size: 4.8rem;
        color: var(--text-color);
        margin-bottom: 2rem;
        font-weight: 400;
    }
    .investor-portal-container-center-text p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--text-color);
        margin-bottom: 6rem;
        max-width: 75rem;
    }
    .investor-portal-container-center-text a{
        padding: 1.2rem 3.2rem;
        font-size: 1.8rem;
        color: var(--white-color);
        background-color: var(--strong-blue);
        text-transform: uppercase;
        margin-bottom: 2.4rem;
    }
    .investor-portal-container-center-text span{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--gray-color);
        display: block;
        max-width: 87rem;
    }
    .hero-section.inner.dark .hero-container-text h1{
        color: var(--white-color);
    }
    .hero-section.inner.dark .hero-container-text > p{
        color: var(--white-color);
    }
    .hero-container-box-dark{
        position: relative;
        background-color: rgba(4, 38, 92,0.3);
        padding: 3rem 4rem 6rem 4rem;
        max-width: 83rem;
        border: 1px solid var(--strong-blue);
        width: 100%;
    }
    .hero-container-box-dark p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
    }
    .hero-container-box-dark a{
        padding: 1.2rem 5rem;
        font-size: 1.8rem;
        color: var(--white-color);
        background-color: var(--strong-blue);
        position: absolute;
        left: 4rem;
        bottom: 0;
        transform: translateY(50%);
        text-transform: uppercase;
    }
    .tailored-portfolio-section{
        padding-top: 6rem;
        padding-bottom: 13rem;
        background-color: var(--blue-color);
    }
    .abc-title{
        font-size: 4.8rem;
        line-height: 3.8rem;
        color: var(--strong-blue);
        position: relative;
    }
    .abc-title span{
        display: block;
        position: absolute;
        font-size: 7.2rem;
        line-height: 7.2rem;
        top: -3rem;
        left: -11rem;
        color: var(--white-color);
        font-weight: 400;
        font-family: "Playfair Display", serif;
    }
    .tailored-portfolio-container > p{
        font-size: 2.2rem;
        line-height: 3.2rem;
        color: var(--white-color);
        max-width: 116rem;
        margin-top: 2rem;
    }
    .tailored-animation-circle-text{
        width: 34rem;
        height: 34rem;
        border-radius: 50%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgb(26,66,122);
        background: linear-gradient(-52deg, rgba(26,66,122,1) 0%, rgba(51,105,255,1) 41%, rgba(11,57,130,1) 100%);
        box-shadow: 10px 15px 30px rgba(0,0,0,0.6);
        z-index: 1;
    }
    .tailored-animation-star-graphic{
        position: absolute;
        top: -3rem;
        right: 6rem;
    }
    .tailored-animation-circle-text p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
        max-width: 26rem;
        text-align: center;
    }
    .tailored-portfolio-container-animation{
        width: 100%;
        max-width: 110rem;
        height: 65rem;
        position: relative;
        display: flex;
        justify-content: center;
        pointer-events: none;
        padding-top: 6rem;
    }
    .tailored-animation-line{
        position: absolute;
        top: 21.5rem;
    }
    .tailored-animation-card{
        position: absolute;
        display: flex;
        align-items: flex-end;
        gap: 3rem;
    }
    .tailored-animation-card1{
        top: 13rem;
        left: 3rem;
    }
    .tailored-animation-card2{
        top: 38rem;
        left: 15rem;
    }
    .tailored-animation-card3{
        flex-direction: column-reverse;
        top: 49rem;
        align-items: center;
    }
    .tailored-animation-card4{
        top: 38rem;
        left: 72rem;
        flex-direction: row-reverse;
    }
    .tailored-animation-card5{
        top: 13rem;
        left: 81rem;
        flex-direction: row-reverse;
    }
    .tailored-animation-card3 .tailored-animation-card-text{
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .tailored-animation-card-text h2{
        font-size: 6rem;
        line-height: 5rem;
        font-family: "Oxygen", sans-serif;
        background: linear-gradient(180deg, rgba(200, 201, 203, 1) 0%, rgba(221, 221, 221, 0) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0.5rem;
    }

    .tailored-animation-card-text p{
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: var(--white-color);
    }
    .tailored-portfolio-container-text{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 5rem;
        max-width: 25rem;
    }
    .tailored-portfolio-container-flex{
        display: flex;
        justify-content: space-between;
        gap: 5rem;
    }
    .tailored-portfolio-container-text-top p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
    }
    .tailored-portfolio-container-text-bottom p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
        margin-bottom: 3.7rem;
    }
    .tailored-portfolio-container-text-bottom span{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--white-color);
        display: block;
        margin-bottom: 1rem;   
    }
    .line-star{
        width: 4.4rem;
        height: 0.1rem;
        background-color: var(--strong-blue);
        position: relative;
        margin-bottom: 2.2rem;
    }
    .line-star img{
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        left: -4rem;
    }
    .tailored-portfolio-container-text-bottom a{
        font-size: 1.8rem;
        color: var(--white-color);
        padding: 0.8rem 1.6rem;
        border: 1px solid var(--strong-blue);
    }
    .commitment-inner-section{
        background-color: var(--blue-color);
    }
    .commitment-inner-container{
        background-color: #EEEEEE;
        padding: 7rem 15rem 13rem 15rem;
        position: relative;
        z-index: 1;
    }
    .commitment-inner-container h2{
        font-size: 4.8rem;
        margin-bottom: 7rem;
        font-weight: 400;
        color: var(--text-color);
        position: relative;
        z-index: 1;
    }
    .commitment-inner-container-grid-card{
        background-color: var(--white-color);
        box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.15);
    }
    .commitment-inner-container-grid{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.6rem;
        position: relative;
        z-index: 1;
    }
    .commitment-inner-container-grid-card h3{
        font-size: 2rem;
        color: var(--text-color);
        line-height: 2.6rem;
        font-family: "Oxygen", sans-serif;
    }
    .commitment-inner-container-grid-card{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        padding: 3rem 5rem 3rem 5rem;
    }
    .commitment-inner-container-grid-card > div:last-child{
        display: flex;
        gap: 2rem;
        align-items: center;
    }
    .commitment-inner-container-grid-card img{
        display: block;
    }
    .commitment-inner-container-grid-card > div h3{
        margin-bottom: 1.5rem;
    }
    .commitment-inner-container-grid-card > div:first-child{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        
    }
    .commitment-inner-container-grid-card > div p{
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--text-color);
    }
    .commitment-inner-container-grid-card > div ul li{
        font-family: "Oxygen", sans-serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .commitment-inner-container-grid-card > div ul{
        list-style: disc;
        padding-left: 2rem;
    }
    .commitment-white-smudge{
        position: absolute;
        top: 1rem;
        right: 0rem;
    }
    .wehandle-container{
        padding-top: 27rem;
        padding-bottom: 6rem;
    }
    .wehandle-container-text h2{
        font-size: 4.8rem;
        color: var(--white-color);
        margin-bottom: 1rem;
    }
    .wehandle-container-text p{
        font-size: 1.8rem;
        line-height: 2.4rem;
        color: var(--white-color);
        margin-bottom: 3.5rem;
    }   
    .wehandle-container-text a{
        padding: 1.2rem 5rem;
        font-size: 1.8rem;
        color: var(--white-color);
        background-color: var(--strong-blue);
        text-transform: uppercase;
    }
    .wehandle-container-outer{
        background-image: url('../../images/app/wehandle-image.jpg');
        background-size: cover;
        background-position: center;
    }
    .wehandle-container{
        max-width: 145rem;
        margin-left: auto;
        position: relative;
    }
    .wehandle-container-image{
        position: absolute;
        bottom: -11rem;
        right: 14.5rem;
        transform: translateX(50%);
    }
    .wehandle-container-image img{
        max-width: 50rem;
    }
    .wehandle-section{
        background-color: var(--blue-color);
        margin-top: -17rem;
    }
    .prestructure-section{
        padding: 6rem 0rem;
        background-color: var(--blue-color);
    }

    .prestructure-container > p{
        font-size: 2.2rem;
        max-width: 130rem;
        line-height: 3.2rem;
        margin-top: 2.5rem;
        color: var(--white-color);
    }
    .prestructure-container-flex{
        margin-top: 5rem;
        display: flex;
        justify-content: space-between;
        gap: 5rem;
    }
    .prestructure-container-flex-card{
        max-width: 43rem;
        padding-bottom: 3.5rem;
        border-bottom: 1px solid var(--strong-blue);
    }
    .prestructure-container-flex-card h4{
        font-size: 1.8rem;
        line-height: 2.2rem;
        color: var(--strong-blue);
        margin-bottom: 1.2rem;
        font-family: "Oxygen", sans-serif;
    }
    .prestructure-container-flex-card h3{
        font-size: 2rem;
        line-height: 2.8rem;
        color: var(--white-color);
        margin-bottom: 2.4rem;
        font-weight: 400;
        font-family: "Oxygen", sans-serif;
    }
    .prestructure-container-flex-card h3 span{
        font-weight: 600;
    }
    .prestructure-container-flex-card ul{
        padding-left: 2rem;
        list-style: disc;
    }
    .prestructure-container-flex-card li{
        font-size: 1.6rem;
        line-height: 2.8rem;
        color: var(--white-color);
    }
    .managed-accounts-animaion2-section{
        background-color: var(--blue-color);
    }
    .managed-accounts-animaion2-container{
        background-image: url('../../images/app/managed-accounts-animaion2.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 3.2rem;
        padding-bottom: 10rem;
        padding-left: 18rem;
    }
    .managed-accounts-animaion2-section .tailored-portfolio-container-text{
        justify-content: flex-end;
    }
    .managed-accounts-animaion2-section .tailored-portfolio-container-flex{
        justify-content: flex-start;
        gap: 0rem;
    }
    .managed-accounts-animaion2-section  .tailored-portfolio-container-animation{
        height: 70rem;
    }
    .managed-accounts-animaion2-section .tailored-animation-circle-text{
        background: #1A427A;
        background: linear-gradient(-52deg, rgba(26, 66, 122, 1) 0%, rgba(4, 38, 92, 1) 41%, rgba(11, 57, 130, 1) 100%);
    }
    .unlock-world-section{
        padding-top: 32rem;
        padding-bottom: 10rem;
        background-image: url('../../images/app/unlock-a-world-background.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: -22rem;
    }
    .unlock-world-container h2{
        font-size: 3.6rem;
        line-height: 5rem;
        color: var(--white-color);
        max-width: 100rem;
        font-weight: 400;
        margin-bottom: 5rem;
    }
    .unlock-world-container a{
        padding: 1.2rem 5rem;
        font-size: 1.8rem;
        color: var(--white-color);
        background-color: var(--strong-blue);
        text-transform: uppercase;
    }
    .dashed-line1{
        position: absolute;
        top: -9.8rem;
        left: 0rem;
    }
    .dashed-line2{
        position: absolute;
        top: -9.8rem;
    }
    .dashed-line3{
        position: absolute;
        top: -9.8rem;
        right: -2.5rem;
    }
.our-process-section{
    padding-top: 6rem;
    margin-bottom: -11rem;
}
.our-process-container-flex{
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.our-process-container-card{
    padding-top: 3.5rem;
    padding-left: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 30rem;
    position: relative;
}
.our-process-container-card-image img{
    display: block;
    animation: rotateYSlow 2s linear infinite;
    transform-style: preserve-3d;
    transform-origin: center;
    backface-visibility: hidden;
    display: inline-block;
    margin: 0 auto;
    transform: translateZ(0); /* ✅ Force GPU acceleration */
}
.our-process-container-card-image{
    margin-bottom: 1rem;
}
.our-process-container-card h3{
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 400;
    color: var(--strong-blue);
    margin-bottom: 1rem;
}
.our-process-container-card p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
}
.our-process-container-card h4{
    font-size: 6rem;
    line-height: 5rem;
    font-family: "Oxygen", sans-serif;
    background: linear-gradient(180deg, rgba(200, 201, 203, 1) 0%, rgba(221, 221, 221, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.angle-line{
    position: absolute;
    top: 5.5rem;
    left: 0;
    width: 11rem;
    height: 0.1rem;
    background-color: var(--gray-color);
}
.angle-line::before{
    position: absolute;
    top: 0;
    left: 0;
    height: 9rem;
    width: 0.1rem;
    background-color: var(--gray-color);
    content: "";
}

.our-process-left-container{
    background-image: url('../../images/app/our-process-left-background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 9rem;
    position: relative;
    padding-bottom: 10rem;
}
.our-process-left-container-inner > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 4.5rem;
}
.our-process-left-container-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 7rem;
}
.our-process-left-container-grid-card{
    max-width: 42rem;
    display: flex;
    gap: 2rem;
}
.our-process-left-container-grid-card h3{
    font-size: 1.6rem;
    color: var(--strong-blue);
    font-family: "Oxygen", sans-serif;
    line-height: 2.6rem;
}
.our-process-left-container-grid-card p{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.our-process-left-container-inner{
    max-width: 145rem;
    margin-left: auto;
}
.our-process-left-container-grid-card > div{
    display: flex;
    flex-direction: column;
}
.our-process-section .container-left{
    padding-top: 11rem;
}
.our-process-graphic{
    position: absolute;
    bottom: 1.6rem;
    right: 0;
    transform: translateY(50%);
}
.our-process-graphic img{
    max-width: 43rem;
}
.guidance-section{
    background-image: url('../../images/app/guidance-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 19rem;
    padding-bottom: 6.5rem;
}
.guidance-container h2{
    font-size: 3.6rem;
    line-height: 5rem;
    color: var(--white-color);
    margin-bottom: 1.5rem;
}
.guidance-container p{
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: var(--white-color);
    margin-bottom: 4rem;
    max-width: 75rem;
}
.guidance-container a{
    padding: 1.2rem 3.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
}
.hero-container-box-light{
    margin-top: 4rem;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e"),
    linear-gradient(118deg, rgba(227, 228, 231, 1) 0%, rgba(221, 221, 221, 0) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.5rem;
    max-width: 82.4rem;
    width: 100%;
}
.hero-container-box-light::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
    background-color: var(--strong-blue);
}
.hero-container-box-light p{
    font-size: 1.6rem;
    line-height: 2.6rem;
}
.approach-container-flex{
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.approach-container-card{
    max-width: 27.5rem;
}
.approach-container{
    position: relative;
    z-index: 1;
}
.approach-container-card > div{
    margin-bottom: 0.5rem;
}
.approach-container-card h4{
    font-size: 2.4rem;
    color: var(--strong-blue);
    margin-bottom: 1.5rem;
    font-weight: 400;
}
.approach-container-card p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.approach-container-flex .approach-container-card:nth-child(1){
    margin-left: -3rem;
}
.approach-container-flex .approach-container-card:nth-child(2), .approach-container-flex .approach-container-card:nth-child(4){
    padding-top: 11rem;
}
.approach-section{
    padding-top: 6rem;
    padding-bottom: 7.5rem;
    position: relative;
}
.curvy-line-graphic{
    position: absolute;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.core-values-section{
    padding-top: 6rem;
    background-color: var(--blue-color);
    position: relative;
}
.core-values-container h2{
    font-size: 4.8rem;
    margin-bottom: 7.8rem;
    color: var(--white-color);
    font-weight: 400;
}
.core-values-container{
    position: relative;
    z-index: 1;
}
.core-values-container-grid .our-process-left-container-grid-card {
    max-width: 60rem;
}
.core-values-container-grid .our-process-left-container-grid-card h3{
    color: var(--white-color);
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
}
.core-values-container-grid .our-process-left-container-grid-card p{
    color: var(--white-color);
}
.our-process-left-container-grid-card > div:first-child{
    margin-top: 0.5rem;
}
.core-values-section .container-left img{
    width: 100%;
    display: block;
}
.core-values-section .container-left{
    margin-top: 8rem;
    transform: translateY(9rem);
    position: relative;
    z-index: 1;
}
.our-core-values-graphic{
    position: absolute;
    bottom: 0;
    right: 0;
}
.our-core-values-graphic img{
    display: block;
}
.licence-section{
    padding-top: 22rem;
    padding-bottom: 9rem;
    background-image: url('../../images/app/licence-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.licence-container{
    display: flex;
    gap: 5rem;
    align-items: center;
    justify-content: space-between;
}
.licence-container-left{
    width: 100%;
    max-width: 50rem;
}
.licence-container-left h2{
    font-size: 3.6rem;
    line-height: 5rem;
    color: var(--text-color);
    font-weight: 400;
    margin-bottom: 3rem;
}
.licence-container-left p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
}
.licence-container-left-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 36rem;
    width: 100%;
    gap: 1rem;
    margin-top: 11rem;
}
.licence-container-left-flex div{
    width: 100%;
    max-width: 10rem;
}
.licence-container-left-flex img{
    width: 100%;
}
.licence-container-right-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 6.5rem;
    column-gap: 13rem;
    margin-bottom: 8rem;
}
.licence-container-right-grid div{
    position: relative;
    padding-top: 2.5rem;
    padding-left: 6rem;
}
.licence-container-right-grid div::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 10.5rem;
    height: 0.1rem;
    background-color: var(--text-color);
}
.licence-container-right-grid div::after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0.1rem;
    height: 8rem;
    background-color: var(--text-color);
}
.licence-container-right-grid div h3{
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: var(--strong-blue);
}
.licence-container-right-grid div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.licence-container-right p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 78rem;
}
.about-schedule-section{
    padding-top: 17.5rem;
    padding-bottom: 20rem;
    position: relative;
}
.about-schedule-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-schedule-video video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.about-schedule-section .container{
    position: relative;
    z-index: 2;
}
.about-schedule-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.about-schedule-overlay img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-schedule-container h2{
    font-size: 4.8rem;
    color: var(--white-color);
    margin-bottom: 5rem;
    font-weight: 400;
    text-align: center;
}
.about-schedule-container a{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
    margin: 0 auto;
    width: fit-content;
    display: block;
}
.meet-team-section{
    padding: 9rem 0rem;
    background-color: #EEEEEE;
}
.meet-team-flex{
    display: flex;
    
    gap: 8rem;
}
.meet-team-flex-card{
    width: 100%;
    max-width: 42.2rem;
}
.meet-team-flex-card-image img{
    display: block;
}
.meet-team-flex-card-image{
    margin-bottom: -9rem;
}
.meet-team-flex-card-info{
    position: relative;
    z-index: 1;
    display: flex;
}
.meet-team-flex-card-info-left{
    margin-right: -2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    position: relative;
    z-index: 1;
}
.meet-team-flex-card-info-left a{
    width: 6.3rem;
    height: 5.6rem;
    background-color: var(--blue-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.meet-team-flex-card-info-right{
    padding: 3.5rem 4.5rem 6rem 4.5rem;   
    background-color: var(--white-color);
    width: 100%;
}
.meet-team-flex-card-info-right h4{
    font-size: 2.8rem;
    line-height: 3rem;
    color: var(--text-color);
    text-align: right;
    font-family: "Oxygen", sans-serif;
    margin-bottom: 1.2rem;
}
.meet-team-flex-card-info-right p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #898989;
    text-align: right;
}
.meet-team-flex{
    margin-bottom: 7.5rem;
}
.meet-team-container > :last-child{
    margin-bottom: 0rem;
}
.faq-section{
    padding: 10rem 0rem;
}
.faq-container-accordion-card-hidden{
    overflow: hidden;
    max-height: 0rem;
    transition: max-height 0.5s ease;
}
.faq-container-accordion-card-button{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
    width: 100%;
    background-color: transparent;
    padding: 2.5rem 0rem;
}
.faq-container-accordion-card-button h4{
    font-size: 4rem;
    line-height: 5rem;
    font-family: "Oxygen", sans-serif;
    background: linear-gradient(180deg, rgba(200, 201, 203, 1) 0%, rgba(221, 221, 221, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 7rem;
}
.faq-container-accordion-card-button p{
    font-size: 2.2rem;
    line-height: 5rem;
}
.faq-container-accordion-card-button-right{
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    background-color: #EEEEEE;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-container-accordion-card-button-right::before{
    position: absolute;
    content: "";
    width: 1rem;
    height: 0.2rem;
    background-color: var(--strong-blue);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.faq-container-accordion-card-button-right::after{
    position: absolute;
    content: "";
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 0.2rem;
    height: 1rem;
    background-color: var(--strong-blue);
    transition: transform 0.3s ease;
}
.faq-container-accordion-card-button.active div::after{
    transform: translate(-50%,-50%) rotate(90deg);
}
.faq-container-accordion-card-hidden p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #898989;
    padding-left: 9rem;
    max-width: 120rem;
}
.faq-container-accordion-card-button-left{
    display: flex;
    max-width: 128rem;
    gap: 2rem;
    justify-content: space-between;
}

.hero-container-text ul li{
    position: relative;
    font-size: 2.2rem;
    line-height: 2.6rem;
    padding-left: 2rem;
    margin-bottom: 2rem;
}
.hero-container-text ul li::before{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--strong-blue);
    border-radius: 50%;
}
.individuals-section{
    padding: 6rem 0rem;
    position: relative;
}
.individuals-container{
    display: flex;
    justify-content: space-between;
    gap: 5rem;
    position: relative;
    z-index: 1;
}
.individuals-container-left{
    width: 100%;
    max-width: 57rem;
}
.individuals-container-left h2{
    font-size: 3.6rem;
    line-height: 5rem;
    color: var(--text-color);
    margin-bottom: 6rem;
    font-weight: 400;
    text-transform: uppercase;
}
.individuals-container-left h3{
    font-size: 2.4rem;
    line-height: 5rem;
    color: var(--strong-blue);
    margin-bottom: 0.5rem;
    font-weight: 400;
}
.individuals-container-left p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.individuals-container-right div h4{
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    position: relative;
    font-family: "Oxygen", sans-serif;
}
.individuals-container-right > p{
    font-size: 2rem;
    margin-bottom: 2rem;
}
.individuals-container-right div h4::before{
    position: absolute;
    content: "";
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -2rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--strong-blue);
}
.individuals-container-right div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 51rem;
}
.individuals-container-right div{
    margin-bottom: 2rem;
}
.individuals-container-right{
    max-width: 64rem;
    width: 100%;
}
.individuals-section::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 170rem;
    background: #EEEEEE;
    background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
}
.companies-section::before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30rem;
    max-width: 170rem;
    background: #EEEEEE;
    background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
}
.companies-section{
    padding: 4rem 0rem;
    position: relative;
}
.companies-container{
    display: flex;
    justify-content: space-between;
    gap: 5rem;
    padding-bottom: 8rem;
}
.companies-container-left h2{
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 5rem;
    margin-bottom: 3rem;
    color: var(--text-color);
}
.companies-container-left h3{
    font-size: 2.4rem;
    font-weight: 5rem;
    margin-bottom: 0.4rem;
    color: var(--strong-blue);
}
.companies-container-left > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
    margin-bottom: 6rem;
}
.companies-container-left > div > div{
    margin-bottom: 2rem;
    padding-left: 2rem;
}
.companies-container-left > div h4{
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    position: relative;
    font-family: "Oxygen", sans-serif;
}
.companies-container-left > div h4::before{
    position: absolute;
    content: "";
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -2rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--strong-blue);
}
.companies-container-left > div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 51rem;
}
.family-office-section{
    padding: 5rem 0rem;
}
.family-office-container{
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.family-office-container-image img{
    display: block;
}
.family-office-container-text{
    max-width: 63rem;
}
.family-office-container-text h2{
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 400;
    color: var(--text-color);
    margin-bottom: 2.5rem;
}
.family-office-container-text h3{
    font-size: 2.4rem;
    line-height: 5rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    color: var(--strong-blue);
}
.family-office-container-text > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 5.5rem;
}
.family-office-container-text > div > div {
    margin-bottom: 2rem;
    padding-left: 2rem;
}
.family-office-container-text > div h4 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    position: relative;
    font-family: "Oxygen", sans-serif;
}

.family-office-container-text > div p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-width: 51rem;
}
.family-office-container-text > div h4::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -2rem;
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--strong-blue);
}
.market-news-section{
    padding-top: 6rem;
    padding-bottom: 12rem;
}
.market-news-container-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 3rem;
    row-gap: 9rem;
}
.ethics-container{
    display: flex;
    justify-content: space-between;
    gap: 5rem;
}
.left-image-container video{
    width: 100%;
    max-width: 154rem;
    height: 32rem;
    object-fit: cover;
}
.ethics-container-left{
    max-width: 79rem;
}
.ethics-container-left h2{
    font-size: 3.6rem;
    color: var(--text-color);
    font-weight: 400;
    transform: translateX(-7rem);
    margin-bottom: 2.2rem;
}
.ethics-container-left h2 span{
    color: var(--strong-blue);
    font-family: "Playfair Display", serif;
}
.ethics-container-left h3{
    font-size: 2.4rem;
    margin-bottom: 2rem;
    color: var(--strong-blue);
    font-style: italic;
    font-weight: 400;
}
.ethics-container-left > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.5rem;
}
.ethics-container-left > div h4{
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    color: var(--text-color);
    font-weight: 400;
    font-family: "Oxygen", sans-serif;
    line-height: 5rem;
}
.ethics-container-left > div > div{
    display: flex;
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 1.5rem;
}
.ethics-container-left > div > div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.ethics-container-right{
    padding: 6rem 4rem 16rem 6rem;
    margin-top: 5rem;
    max-width: 57rem;
    background-image: 
    url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e");
}
.ethics-container-right p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
    margin-bottom: 5rem;
}
.ethics-section{
    background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
    padding-bottom: 12rem;
}
.left-image-container{
    max-width: 154rem;
}
.left-image-section{
    margin-top: -19rem;
}
.left-image-container img{
    display: block;
    width: 100%;
}
.cyber-security-section{
    padding-top: 7rem;
    padding-bottom: 9rem;
}
.cyber-security-container-left h2{
    font-size: 3.6rem;
    color: var(--text-color);
    font-weight: 400;
    transform: translateX(-7rem);
    margin-bottom: 2.2rem;
}
.cyber-security-container-left h2 span{
    color: var(--strong-blue);
    font-family: "Playfair Display", serif;
}
.cyber-security-container-left h3{
    font-size: 2.4rem;
    margin-bottom: 2rem;
    color: var(--strong-blue);
    font-style: italic;
    font-weight: 400;
}
.cyber-security-container-left > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.5rem;
}
.cyber-security-container-left{
    max-width: 79rem;
}
.cyber-security-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
}
.cyber-security-container-right > div h4{
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    color: var(--text-color);
    font-weight: 400;
    font-family: "Oxygen", sans-serif;
    line-height: 5rem;
}
.cyber-security-container-right > div > div{
    display: flex;
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 1.5rem;
}
.cyber-security-container-right > div > div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.compilance-section{
    padding-top: 6rem;
    position: relative;
    background-color: #EEEEEE;
}
.compilance-container-left h2{
    font-size: 3.6rem;
    color: var(--text-color);
    font-weight: 400;
    transform: translateX(-7rem);
    margin-bottom: 2.2rem;
}
.compilance-container-left h2 span {
    color: var(--strong-blue);
    font-family: "Playfair Display", serif;
}
.compilance-container-left h3{
    font-size: 2.4rem;
    margin-bottom: 2rem;
    color: var(--strong-blue);
    font-style: italic;
    font-weight: 400;
}
.compilance-container-left > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 4rem;
    max-width: 80rem;
}
.compilance-container-left > div h4{
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    color: var(--text-color);
    font-weight: 400;
    font-family: "Oxygen", sans-serif;
    line-height: 5rem;
}
.compilance-container-left > div > div{
    display: flex;
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 1.5rem;
}
.compilance-container-left > div > div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.compilance-container{
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    position: relative;
    z-index: 1;
}
.compilance-graphic-container{
    position: absolute;
    left: 2.5rem;
    bottom: 11rem;
}
.compilance-container-right{
    margin-bottom: -9rem;
}
.compilance-container-right img{
    display: block;
}
.regulations-section{
    padding-top: 6rem;
    padding-bottom: 9rem;
}

.regulations-container-left h2{
    font-size: 3.6rem;
    color: var(--text-color);
    font-weight: 400;
    transform: translateX(-7rem);
    margin-bottom: 2.2rem;
}
.regulations-container-left h2 span {
    color: var(--strong-blue);
    font-family: "Playfair Display", serif;
}
.regulations-container-left h3{
    font-size: 2.4rem;
    margin-bottom: 2rem;
    color: var(--strong-blue);
    font-style: italic;
    font-weight: 400;
}
#careerForm button{
	pointer-events: all;
	opacity: 1;
	transition: opacity 0.3s ease;
}
#careerForm button.disabled{
	opacity: 0.5;
	pointer-events: none;
}
.regulations-container-left > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 4rem;
    max-width: 80rem;
}
.regulations-container-left > div h4{
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    color: var(--text-color);
    font-weight: 400;
    font-family: "Oxygen", sans-serif;
    line-height: 5rem;
}
.regulations-container-left > div > div{
    display: flex;
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 1.5rem;
}
.regulations-container-left > div > div p{
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.regulations-container{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 5rem;
}
.regulations-container-right{
    background-image: 
    url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%238F8D88' stroke-width='2' stroke-dasharray='4%2c10' stroke-dashoffset='0' stroke-linecap='square' stroke-opacity='1'/%3e%3c/svg%3e");
    padding: 4.5rem 6.6rem 4.5rem 9rem;
    position: relative;
    max-width: 57rem;
}
.regulations-container-right p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2rem;
    position: relative;
}
.regulations-container-right-star{
    position: absolute;
    top: -16rem;
    left: -17rem;
    z-index: -1;
}
.regulations-container-right a{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--strong-blue);
}
.privacy-policy-section{
    padding-top: 6.4rem;
    background-size: cover;
    background-image: url('../../images/app/privacy-policy-background.png');
    background-repeat: no-repeat;
    background-position: center;
}
.privacy-policy-section .cyber-security-container-left{
    margin-bottom: 3rem;
}
.privacy-policy-section .cyber-security-container-right{
    max-width: 53rem;
    width: 100%;
}
.scroll-ofset{
    scroll-margin-top: 15rem;
}
.why-us-section{
    padding-top: 6rem;
    padding-bottom: 30rem;
    background-image: url('../../images/app/why-us-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.why-us-container h2{
    font-size: 5.4rem;
    line-height: 5rem;
    color: var(--text-color);
    font-weight: 400;
    margin-bottom: 6rem;
}
.why-us-container-flex{
    display: flex;
    height: 41rem;
    position: relative;
}
.why-us-container-flex-card{
    padding-left: 1.6rem;
    padding-top: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: 31rem;
    z-index: 1;
}
.why-us-container-flex-card > div{
    display: flex;
    gap: 2rem;
    align-items: center;
    width: 100%;
    margin-bottom: 1.6rem;
}
.why-us-container-flex-card > div h4{
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: var(--text-color);
}
.why-us-container-flex-card > div img{
    display: block;
    filter: drop-shadow(0px 6px 15px rgba(0,0,0,0.25));
    border-radius: 50%;
}
.why-us-container-flex-card p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--text-color);
    max-width: 24rem;
}
.why-us-container-flex-card::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 5rem;
    width: 100%;
    background: #EFF0F0;
    background: linear-gradient(180deg, rgba(239, 240, 240, 1) 0%, rgba(221, 221, 221, 0) 100%);
    z-index: -1;
}
.why-us-container-flex .why-us-container-flex-card:nth-child(2){
    margin-top: auto;
    margin-left: -5rem;
}
.why-us-container-flex .why-us-container-flex-card:nth-child(3){
    margin-left: 1rem;
    margin-top: 5rem;
}
.why-us-container-flex .why-us-container-flex-card:nth-child(4){
    margin-top: auto;
    margin-left: -3rem;
}
.why-us-container-flex .why-us-container-flex-card:nth-child(5){
    margin-left: -9rem;
}
.why-us-arrow{
    position: absolute;
    z-index: 0;
    top: 2rem;
    left: 2rem;
}
.why-us-arrow-mobile{
    display: none;
}
.why-us-star{
    position: absolute;
    left: -6rem;
    bottom: 4rem;
    transform: rotate(-20deg);
}
.why-us-star img{
    max-width: 43rem;
}
.next-step-container{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
.next-step-container-left{
    max-width: 77rem;
}
.next-step-container-left > p{
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 7rem;
}
.next-step-container-left .form-flex{
    display: flex;
    align-items: center;
    gap: 2.2rem;
    margin-bottom: 1.5rem;
}
.next-step-container-left .form-flex input{
    height: 5rem;
    border: 1px solid #CFCFCF;
    background-color: transparent;
    color: var(--text-color);
    padding: 1rem 1.5rem;
    display: flex;
    font-size: 1.6rem;
    align-items: center;
    width: 100%;
}
.next-step-container-left .form-flex input::placeholder{
    color: var(--text-color);
}
.next-step-container-left .checkbox-flex{
    display: flex;
    margin-top: 6rem;
    gap: 1.5rem;
}
.next-step-container-left .checkbox-flex p{
    color: #898989;
    font-size: 1.4rem;
}
.next-step-container-left button{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    width: 100%;
    max-width: 24.4rem;
    text-align: center;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
    margin-top: 3rem;
}
.form-flex p{
    width: 100%;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #898989;
    padding-left: 1.5rem;
}
.custom-file {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.6rem;
    height: 5rem;
    border: 1px solid #CFCFCF;
    color: var(--text-color);
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.custom-file input[type="file"] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.custom-file svg {
    width: 20px;
    height: 20px;
    fill: #3b82f6;
}
.next-step-section .container-right{
    position: relative;
    padding-top: 6rem;
}
.next-step-section .container-right::before{
    width: 100%;
    max-width: 154rem;
    height: 100%;
    background-color: #EEEFF2;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
}
.next-step-container-right img{
    display: block;
}

.next-step-section{
    margin-top: -14rem;
    z-index: 1;
    position: relative;
}
.checkbox-wrapper input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Checked style */
.checkbox-wrapper input[type="checkbox"]:checked {
    background-color: transparent;
}

/* Checkmark */
.checkbox-wrapper input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid var(--strong-blue);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.contact-section{
    position: relative;
}
.contact-container{
    padding: 10rem 0rem;
    display: flex;
    justify-content: space-between;
    gap: 5rem;
    position: relative;
    z-index: 1;
}
.contact-container-left{
    width: 100%;
    max-width: 72rem;
    background-color: var(--blue-color);
    padding: 11rem 11rem 16rem 9rem;
    margin-top: -30rem;
    z-index: 1;
}
.contact-container-left h2{
    font-size: 5.4rem;
    color: var(--strong-blue);
    line-height: 7rem;
    margin-bottom: 3rem;
    font-weight: 400;
}
.contact-container-left p{
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--white-color);
    margin-bottom: 9rem;
}
.contact-container-left form{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.contact-container-left form input{
    border: 1px solid #1A427A;
    display: flex;
    align-items: center;
    padding: 1rem 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    background-color: transparent;
    color: #8F8D88;
    margin-bottom: 1.6rem;
}


.contact-container-left form input::placeholder{
    opacity: 1;
    color: #8F8D88;
}
.contact-container-left form button{
    padding: 1.2rem 2.2rem;
    font-size: 1.8rem;
    width: 100%;
    text-align: center;
    color: var(--white-color);
    background-color: var(--strong-blue);
    text-transform: uppercase;
    margin-top: 3rem;
}
.contact-container-right{
    width: 100%;
    max-width: 53rem;
}
.contact-container-right-card{
    display: flex;
    gap: 2.5rem;
    margin-bottom: 5rem;
}
.contact-container-right-card-text h4{
    font-size: 2rem;
    color: var(--strong-blue);
    font-family: "Oxygen", sans-serif;
    margin-bottom: 1rem;
}
.contact-container-right-card-text p{
    font-size: 1.6rem;
    color: var(--text-color);
}
.contact-graphic{
    position: absolute;
    right: 8rem;
    bottom: 4rem;
}
.contact-map-section iframe{
    height: 63.6rem;
    width: 100%;
    display: block;
}
#areaChart {
    max-height: 400px;
    width: 100% !important;
    position: relative;
  }
  #tooltip1, #tooltip2, #tooltip3 {
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  transform: translate(-50%,-50%);
  transition: opacity 0.3s ease;
  opacity: 0;
}
.chart-container{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}
#tooltip1.active, #tooltip2.active, #tooltip3.active{
  opacity: 1;
}

#tooltip1.active svg, #tooltip2.active svg, #tooltip3.active svg{
  opacity: 1;
}

#tooltip1::after,  #tooltip2::after,  #tooltip3::after{
  width: 1.5rem;
  height: 1.5rem;
  background-color: #FAF7E8;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#tooltip1 svg, #tooltip2 svg, #tooltip3 svg{
  position: absolute;
  top: -15rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
#tooltip1 svg circle, 
#tooltip2 svg circle, 
#tooltip3 svg circle {
position: relative;
opacity: 0;
transition: opacity 1s ease 1s; /* Set transition with delay of 5 seconds */
}

.companies-container-right video{
    width: 100%;
    max-width: 95rem;
    height: 57rem;
    object-fit: cover;
}
#tooltip1.active svg circle, 
#tooltip2.active svg circle, 
#tooltip3.active svg circle {
opacity: 1;
}
.draw-animate {
stroke-dasharray: 270;
stroke-dashoffset: 270;
}

#tooltip1.active .draw-animate, 
#tooltip2.active .draw-animate, 
#tooltip3.active .draw-animate {
animation: drawAndStay 1.5s ease-out forwards;
}

#tooltip1 p, #tooltip2 p, #tooltip3 p{
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: var(--white-color);
    display: block;
    position: absolute;
    top: -14rem;
    left: 7rem;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 1s ease 1s;
}
#tooltip1.active p, 
#tooltip2.active p, 
#tooltip3.active p {
    opacity: 1;
}




@keyframes drawAndStay {
to {
  stroke-dashoffset: 0;
}
}
.statistic-line-shadow{
    opacity: 0;
}
.vibrate {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #0367fc;
transform: scale(1);
box-shadow: 0 0 0 black;
animation: anim-vibrate 2s infinite;
}
@keyframes anim-vibrate {
0% {
  transform: scale(0.95);
  box-shadow: 0 0 0 0 rgba(3, 61, 252, 1);
}
70% {
  transform: scale(1);
  box-shadow: 0 0 0 2.6rem rgba(0, 0, 0, 0);
}
100% {
  transform: scale(0.95);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}

.statistic-line-path {
    fill: none;
    stroke: #3369FF;
    stroke-width: 2;
  }


  @media only screen and (max-width: 1730px) { 
    .hero-social{
        left: -5rem;
    }
}

@media only screen and (max-height: 870px) { 
    .hero-container{
        padding-top: 15rem;
    }
    .side-nav{
        height: 65rem;
    }
}
@media only screen and (max-height: 800px) { 
    .side-nav {
        height: 53rem;
    }
}
@media only screen and (max-height: 750px) { 
    #areaChart{
        max-height: 300px;
    }
}


@media only screen and (max-width: 1590px) { 
    .hero-container-text{
        padding-left: 6rem;
    }
    .hero-social {
        left: 0rem;
    }
    .presents-container-left{
        max-width: 85rem;
    }
    .approach-container-flex .approach-container-card:nth-child(1){
        margin-left: 0rem;
    }
    .ethics-container-left h2{
        transform: translateX(0rem);
    }
    .cyber-security-container-left h2, .compilance-container-left h2, .regulations-container-left h2{
        transform: translateX(0rem);
    }
}
@media only screen and (max-width: 1500px) { 
    .investor-portal-container-left{
        padding-left: 3rem;
    }
    .container-left{
        padding-right: 3rem;
    }
    .container-right{
        padding-left: 3rem;
    }
}
@media only screen and (max-width: 1450px) { 
    .advisory-container-image img{
        max-width: 70rem;
    }
    .tailored-portfolio-container-flex{
        flex-direction: column;
    }
    .tailored-portfolio-container-text{
        flex-direction: row;
        max-width: 100%;
        margin-top: 5rem;
    }
    .wehandle-container-text{
        padding-left: 3rem;
    }
}

@media only screen and (max-width: 1300px) {
    .investment-graphic{
        display: none;
    }
    .commitment-container-cards{
        flex-wrap: wrap;
    }
    .commitment-container-card{
        min-width: 30rem;
    }
    .footer-bottom{
        padding: 3.5rem 3rem;
        padding-right: 15.5rem;
    }
    .learn-more-container-left{
        max-width: 66rem;
    }
    .aif-management-card::after{
        transform: rotate(156deg);
        top: 0.9rem;
    }
    .commitment-inner-container{
        padding: 5rem 6rem 5rem 4rem;
    }
    .managed-accounts-animaion2-container{
        padding-left: 5rem;
    }
    .dashed-line1, .dashed-line2, .dashed-line3{
        display: none;
    }
    .meet-team-flex{
        overflow-x: auto;
    }
    .companies-container{
        flex-direction: column;
    }
    .family-office-container{
        flex-direction: column;
    }
    .family-office-container-text{
        padding-left: 3rem;
    }
    .next-step-container-left{
        padding-bottom: 3rem;
    }
    .why-us-arrow{
        display: none;
    }
}
@media only screen and (max-width: 1150px) {
    .letter-graphic{
        display: none;
    }
    .tailored-animation-line{
        display: none;
    }
    .tailored-animation-card{
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        max-width: 40rem;
        margin-bottom: 4rem;
    }
    .tailored-portfolio-container-animation{
        flex-direction: column;
        align-items: center;
        height: unset;
    }
    .tailored-animation-card2, .tailored-animation-card4{
        flex-direction: row-reverse;
    }
    .managed-accounts-animaion2-section .tailored-portfolio-container-animation{
        height: unset;
    }
    .managed-accounts-animaion2-section .tailored-portfolio-container-text{
        justify-content: flex-start;
    }
    .curvy-line-graphic{
        display: none;
    }
    .approach-container-flex{
        flex-wrap: wrap;
    }
    .licence-container{
        flex-direction: column;
    }
}
@media only screen and (max-width: 1024px) { 
    .companies-container-right img{
        width: 100%;
    }
    .side-nav{
        display: none;
    }
    .nav-links{
        position: absolute;
        top: 100%;
        height: calc(100dvh - 10rem);
        width: 100%;
        left: 0;
        background-color: var(--blue-color);
        padding-left: 3rem;
        padding-top: 6rem;
        transform: translateX(100%);
        transition: transform 0.5s ease;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .nav-links.active{
        transform: translateX(0);
    }
    .nav-links ul{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .nav-links > ul > li{
        height: initial;
    }
    .presents-container{
        flex-direction: column;
    }
    .statistic-image{
        left: 0;
        bottom: 0;
    }
    .statistic-image img{
        width: 100%;
    }
    .alternative-right-container-flex{
        flex-direction: column;
    }
    .advisory-container{
        flex-direction: column;
    }
    .advisory-container-image img{
        width: 100%;
    }
    .why-us-container-card-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .news-cards{
        flex-direction: column;
    }
    .aif-management-flex{
        flex-direction: column;
    }
    .aif-management-card::after {
        transform: rotate(159deg);
        top: 1.1rem;
    }
    .quality-assurance-title{
        flex-direction: column;
    }
    .quality-assurance-cards{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .quality-assurance-card{
        max-width: 100%;
    }
    .commitment-inner-container-grid{
        flex-direction: column;
        display: flex;
    }
    .our-process-container-flex{
        flex-wrap: wrap;
    }
    .family-office-container-image img{
        width: 100%;
    }
    .ethics-container{
        flex-direction: column;
    }
    .ethics-container-right{
        margin-top: 0rem;
    }
    .compilance-container, .regulations-container, .cyber-security-container{
        flex-direction: column;
    }
    .why-us-container-flex{
        flex-direction: column;
        align-items: center;
    }
    .why-us-container-flex-card{
        margin: 0rem!important;
        padding: 0rem!important;
        margin-bottom: 3rem!important;
    }
  
    .why-us-container-flex{
        height: unset;
    }
    .why-us-section{
        padding-bottom: 22rem;
    }
    .next-step-container{
        flex-direction: column;
    }
    .next-step-container-left{
        padding-right: 3rem;
    }
    .contact-container{
        flex-direction: column;
    }
    .single-news-container{
        flex-direction: column;
    }
    .market-news-container-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .hamburger {
        display: block;
        width: 3rem;
        height: 2rem;
        position: relative;
        cursor: pointer;
      }
    nav.inner .hamburger span{
        background-color: var(--blue-color);
    }
    nav.inner .nav-links > ul > li > a, nav.inner .nav-links > ul > li > p {
        color: var(--white-color);
    }
    nav.inner .nav-dropdown-button{
        background-image: url('../../images/app/down-arrow-white.svg');
    }
    nav.active .hamburger span{
        background-color: var(--white-color)!important;
    }
      .bar {
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: white;
        transition: all 0.3s ease;
      }
      
      .top {
        top: 0;
      }
      
      .middle {
        top: 9px;
      }
      
      .bottom {
        bottom: 0;
      }
      
      .hamburger.active .top {
        transform: rotate(45deg);
        top: 9px;
      }
      
      .hamburger.active .middle {
        opacity: 0;
      }
      
      .hamburger.active .bottom {
        transform: rotate(-45deg);
        bottom: 9px;
      }
      .nav-dropdown{
        top: 0;
        height: 100%;
        display: block;
        border: none;
        transform: translateX(100%);
        transition: transform 0.5s ease;
      }
      .nav-dropdown .container{
        display: flex;
        flex-direction: column;
        gap: 2rem;
      }
     
      .nav-dropdown .container > div{
        font-size: 2rem;
        line-height: 3rem;
        background: var(--strong-blue);
        color: var(--white-color);
        padding: 1rem 0rem;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .nav-dropdown .container > div::before{
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        content: "";
        background-color: var(--strong-blue);
        height: 100%;
        width: 3rem;
      }
      .nav-dropdown .container > div::after{
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(100%);
        content: "";
        background-color: var(--strong-blue);
        height: 100%;
        width: 3rem;
      }
      .nav-dropdown.active{
        transform: translate(0);
      }
      .bottom-mobile-links{
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
      }
      .bottom-mobile-links a{
        font-size: 1.6rem;
        line-height: 3rem;
        color: var(--strong-blue);
      }
      .social-media{
        display: flex;
        align-items: center;
        gap: 3rem;
      }
      .investors-portal-page-container{
        flex-direction: column;
      }
}
@media only screen and (max-width: 900px) { 
    .managed-accounts-container-flex{
        flex-direction: column;
    }
    .footer-container-flex{
        flex-direction: column;
    }
    .footer-bottom{
        flex-direction: column;
    }
    .phase-container-card{
        flex-direction: column;
    }
    .phase-container-card div{
        max-width: 100%;
    }
    .phase-container-card-outer {
        margin-bottom: 4.6rem;
    }
    .individuals-container{
        flex-direction: column;
    }
    .individuals-container-right{
        padding-left: 2rem;
    }
}
@media only screen and (max-width: 700px) { 
    .learn-more-container{
        flex-direction: column;
    }
    .learn-more-container-left{
        margin-bottom: 5rem;
    }
    .commitment-container-card{
        width: 100%;
        max-width: 100%;
    }
    .footer-bottom-links-social{
        flex-direction: column;
    }
    .footer-bottom-social{
        flex-direction: row;
    }
    .footer-copyright{
        flex-direction: column;
    }
    .investor-portal-container-left-flex{
        flex-direction: column;
    }
    .prestructure-container-flex{
        flex-direction: column;
    }
    .our-process-left-container-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .our-process-left-container{
        padding: 5rem 2rem;
    }
}
@media only screen and (max-width: 600px) {
    .why-us-container-card-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .why-us-flex{
        flex-direction: column;
    }
    .approach-container-card{
        max-width: 100%;
        margin: 0!important;
        padding: 0rem!important;
    }
    .market-news-container-grid{
        grid-template-columns: repeat(1,1fr);
    }
}
@media only screen and (max-width: 480px) { 
    .container{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .hero-container-text{
        padding-left: 0rem;
    }
    .hero-social{
        display: none;
    }
    .hero-container{
        padding-top: 14rem;
    }
    .hero-container-text h1{
        font-size: 3.6rem;
        line-height: 4rem;
        margin-bottom: 2rem;
    }
    .hero-container-text > p{
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
    .presents-container-left-top{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .section-subtitle{
        transform: translateX(3rem);
    }
    .section-subtitle > div{
        right: calc(100% + 1rem);
    }
    .section-title{
        font-size: 3.2rem;
        line-height: 3.6rem;
        margin-bottom: 2rem;
    }
    .presents-container-left-top > p{
        font-size: 2.2rem;
        line-height: 3.6rem;
        color: var(--text-color);
    }
    .presents-container-left-bottom{
        margin-top: 3rem;
        margin-bottom: 3rem;
        flex-direction: column;
    }
    .text-bottom-right p{
        text-align: right;
        margin-left: auto;
    }
    .statistic-image {
        left: -5rem;
        bottom: 10rem;
    }
    .container-right{
        padding-left: 2rem;
    }
    .container-left{
        padding-right: 2rem;
    }
    .presents-container-right{
        margin-left: 0rem;
    }
    .text-top-left{
        padding-right: 2rem;
    }
    .text-bottom-right{
        padding-right: 2rem;
    }
    .learn-more-section {
        margin-top: 3rem;
    }
    .learn-more-container-left{
        padding: 2.5rem 2rem;
        padding-bottom: 5rem;
    }
    .learn-more-container-left a{
        left: 50%;
        transform: translate(-50%,50%);
        width: 90%;
    }
    .learn-more-container-left a{
        padding: 1rem 2rem;
        font-size: 1.8rem;
        background-color: var(--strong-blue);
    }
    .learn-more-container-right p{
        margin-bottom: 3rem;
    }
    .investment-solution-section {
        padding-top: 5rem;
    }
    .decoration-star {
        position: absolute;
        top: 4rem;
        right: 6rem;
    }
    .decoration-star img{
        max-width: 32rem;
    }
    .investment-solution-section .container-left img{
        width: 100%;
    }
    .alternative-section{
        background-color: #EEEEEE;
    }
    .alternative-right-container{
        padding: 4rem 2rem 3rem 0rem;
        margin-top: -4rem;
    }
    .investment-solution-section{
        z-index: 2;
    }
    .section-title2 span{
        font-size: 7rem;
        line-height: 9rem;
    }
    .section-title2{
        font-size: 3.2rem;
        line-height: 3.6rem;
        margin-bottom: 3rem;
    }
    .alternative-right-container-flex{
        gap: 3rem;
    }
    .alternative-right-container-flex-right > div{
        flex-direction: column;
        align-items: flex-start;
        height: unset;
        background-color: transparent;
    }
    .alternative-right-container-flex-right > div > p{
        padding: 0rem;
        margin-bottom: 1rem;
    }
    .alternative-right-container-flex-right > div a{
        padding: 1rem 4rem;
    }
    .alternative-section .container{
        background-color: var(--blue-color);
        padding-bottom: 8rem;
    }
    .managed-accounts-container-title{
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        margin-bottom: 3rem;
    }
    .managed-accounts-container-flex-card h3{
        padding: 2rem;
        font-size: 2rem;
    }
    .managed-accounts-container-flex-card > div{
        padding: 2.5rem 2rem;
    }
    .managed-accounts-container-flex-card a{
        left: 50%;
        transform: translate(-50%,50%);
        width: 90%;
        text-align: center;
    }
    .alternative-section{
        padding-bottom: 0rem;
    }
    .advisory-section{
        padding-top: 0rem;
        padding-bottom: 5rem;
    }
    .advisory-section .container-right{
        padding-right: 2rem;
    }
    .advisory-container-text h3{
        margin-bottom: 3rem;
    }
    .force-of-success-container{
        height: 12rem;
    }
    .force-of-success-container-text{
        width: 70%;
    }
    .investment-portal-section{
        padding-top: 12rem;
    }
    .investment-portal-section{
        padding-bottom: 5rem;
    }
    .commitment-section {
        padding: 5rem 0rem;
    }
    .commitment-container-cards{
        padding-left: 3rem;
        padding-top: 2rem;
    }
    .why-us-container-card{
        padding: 2rem 1rem;
    }
    .why-us-container2 h3{
        font-size: 2.8rem;
        margin-bottom: 3rem;
    }
    .why-us-container-card-grid{
        gap: 3.5rem;
    }
    .why-us-flex{
        padding-left: 0rem;
        align-items: flex-start;
    }
    .start-investment-container{
        padding: 6rem 2rem;
    }
    .start-investment-container p{
        font-size: 4.2rem;
        line-height: 5.6rem;
    }
    .start-investment-section{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .news-title-flex{
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        margin-bottom: 3rem;
    }
    .footer-bottom-links{
        flex-direction: column;
    }
    .footer-bottom-links-social{
        align-items: flex-start;
    }
    .copyright-links{
        flex-direction: column;
        align-items: flex-start;
    }
    footer .container-left{
        padding-right: 2rem;
    }
    .footer-container-flex-left-blue h2{
        font-size: 3.2rem;
        line-height: 3.6rem;
        margin-bottom: 1.2rem;
    }
    .footer-container-flex-left-blue{
        padding: 2rem;
    }
    footer {
        padding-top: 3rem;
    }
    .footer-container-flex{
        gap: 3rem;
    }
    .footer-container-flex-right h2{
        font-size: 3.2rem;
        padding-left: 0rem;
        line-height: 3.6rem;
    }
    .footer-container-flex-right h2::before{
        display: none;
    }
    .footer-container-flex{
        align-items: flex-start;
        padding-bottom: 5rem;
    }
    .footer-bottom{
        padding-right: 3rem;
        align-items: flex-start;
    }
    .footer-copyright{
        padding-left: 3rem;
    }
    .start-investment-container a {
        padding: 1.2rem 2.2rem;
    }
    .aif-management-card p{
        font-size: 1rem;
        line-height: 1.6rem;
        padding-bottom: 0rem;
        height: unset;
    }
    .aif-management-card{
        padding: 3rem 1rem 1rem 1rem;
    }
    .aif-management-cards .aif-management-card-outer:nth-child(1) .aif-management-card {
        height: 7rem;
    }
    .aif-management-cards .aif-management-card-outer:nth-child(2) .aif-management-card {
        height: 9rem;
    }
    .aif-management-cards .aif-management-card-outer:nth-child(3) .aif-management-card{
        height: 10.5rem;
    }
    .aif-management-cards-light .aif-management-card-outer:nth-child(1) .aif-management-card {
        height: 12.5rem;
    }
    .aif-management-cards-light .aif-management-card-outer:nth-child(2) .aif-management-card {
        height: 14.5rem;
    }
    .aif-management-cards-light .aif-management-card-outer:nth-child(3) .aif-management-card {
        height: 16.2rem;
    }
    .aif-management-card-outer h2{
        font-size: 2.9rem;
        line-height: 3rem;
    }
    .aif-management-cards{
        gap: 1rem;
    }
    .aif-management-card::after{
        top: -0.4rem;
    }
    .aif-management-underline-flex div:nth-child(1) p{
        font-size: 1.2rem;
    }
    .aif-management-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .phase-section{
        padding-bottom: 5rem;
    }
    .quality-assurance-cards{
        grid-template-columns: repeat(1,1fr);
        gap: 5rem;
        margin-top: 6rem;
    }
    .quality-assurance-title-icons{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.5rem;
    }
    .quality-assurance-title-icons img{
        display: block;
    }
    .quality-assurance-title-icons div{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quality-assurance-title-text h2{
        font-size: 3.2rem;
        line-height: 3.6rem;
    }
    .quality-assurance-section{
        padding-top: 5rem;
    }
    .investor-portal-container-left{
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-right: 7rem;
        padding-left: 2rem;
    }
    .investor-portal-container-left h2{
        font-size: 3.2rem;
    }
    .investor-portal-container-left-flex > div{
        padding-left: 3rem;
    }
    .investor-portal-container-center {
        margin-top: -14rem;
    }
    .investor-portal-container-center-text h2{
        font-size: 3.2rem;
        line-height: 3.6rem;
    }
    .investor-portal-container-left-flex > div h3{
        line-height: 3rem;
    }
    .investor-portal-container-center{
        padding-right: 0rem;
        padding-bottom: 5rem;
    }
    .investor-portal-container-center-image{
        position: absolute;
        z-index: 1;
        right: -1rem;
        top: 9rem;
    }
    .investor-portal-container-center-text p{
        max-width: 20rem;
        margin-bottom: 3rem;
    }
    .investor-portal-container-center-image img{
        max-width: 12rem;
    }
    .investor-portal-container-center{
        position: relative;
    }
    .footer-copyright{
        padding-left: 1rem;
    }
    .hero-container-box-dark a {
        padding: 1.2rem 2rem;
        font-size: 1.8rem;
        color: var(--white-color);
        background-color: var(--strong-blue);
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 89%;
        transform: translate(-50%, 50%);
        text-transform: uppercase;
        text-align: center;
    }
    .hero-container-box-dark{
        padding: 3rem 2rem 5rem 3rem;
    }
    .hero-container-box-dark a {
        padding: 1.2rem 2rem;
        left: 50%;
        width: 89%;
        transform: translate(-50%, 50%);
        text-align: center;
    }
    .tailored-portfolio-section{
        padding-bottom: 6rem;
    }
    .abc-title{
        font-size: 3.2rem;
        line-height: 3.8rem;
        transform: translateX(5rem);
    }
    .abc-title span {
        position: absolute;
        font-size: 4.2rem;
        line-height: 4.2rem;
        top: -0.5rem;
        left: -5rem;
    }
    .tailored-portfolio-container-text{
        flex-direction: column;
        margin-top: 10rem;
    }
    .tailored-portfolio-container-text-bottom .line-star{
        transform: translateX(3rem);
    }
    .commitment-inner-container {
        padding: 3rem 2rem 3rem 2rem;
    }
    .commitment-inner-container-grid-card{
        flex-direction: column;
        padding: 3rem 2rem;
        align-items: flex-start;
    }
    .commitment-inner-container-grid-card img{
        max-width: 100%;
    }
    .commitment-inner-container h2{
        font-size: 3.2rem;
        line-height: 3.8rem;
        margin-bottom: 3rem;
    }
    .wehandle-container-text h2{
        font-size: 3.2rem;
    }
    .wehandle-container-text{
        padding-left: 2rem;
    }
    .wehandle-container {
        padding-top: 21rem;
        padding-bottom: 4rem;
    }
    .wehandle-container-image {
        bottom: -10rem;
        right: 2.5rem;
        transform: translateX(50%);
    }
    .wehandle-container-image img{
        max-width: 20rem;
    }
    .managed-accounts-animaion2-container{
        padding: 3rem 2rem;
        padding-bottom: 5rem;
    }
    .tailored-animation-circle-text {
        width: 30rem;
        height: 30rem;
        margin-bottom: 3rem;
    }
    .tailored-animation-circle-text p{
        font-size: 1.5rem;
    }
    .unlock-world-container h2{
        font-size: 3.2rem;
        line-height: 3.8rem;
    }
    .tailored-mobile-line{
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -5rem;
    }
    .our-process-graphic{
        bottom: -1.1rem;
        right: 5rem;
    }
    .our-process-graphic img{
        max-width: 23rem;
    }
    .our-process-left-container{
        padding-bottom: 15rem;
    }
    .our-process-section .container-left {
        padding-top: 5rem;
    }
    .hero-section{
        min-height: 100dvh;
        height: unset;
    }
    .core-values-container h2{
        font-size: 3.2rem;
        line-height: 3.8rem;
        margin-bottom: 3rem;
    }
    .our-process-left-container-grid{
        gap: 3rem;
    }
    .core-values-section .container-left img {
        width: 100%;
        display: block;
        height: 15rem;
        object-fit: cover;
    }
    .core-values-section .container-left{
        margin-top: 0rem;
        transform: translateY(5rem);
    }
    .licence-section {
        padding-top: 9rem;
        padding-bottom: 5rem;
    }
    .licence-container-right-grid{
        grid-template-columns: repeat(1,1fr);
        gap: 3rem;
    }
    .licence-container-left-flex{
        margin-top: 5rem;
    }
    .licence-container-right-grid div {
        padding-top: 2rem;
        padding-left: 3rem;
    }
    .licence-container-right-grid{
        margin-bottom: 4rem;
    }
    .about-schedule-section {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .about-schedule-container h2{
        font-size: 3.2rem;
    }
    .meet-team-flex{
        gap: 1.5rem;
    }
    .faq-section {
        padding: 6rem 0rem;
    }
    .faq-container-accordion-card-button p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
    .faq-container-accordion-card-button-right {
        width: 3.5rem;
        min-width: 3.5rem;
        height: 3.5rem;
    }
    .faq-container-accordion-card-button h4 {
        font-size: 2.2rem;
        line-height: 3rem;
        width: 3rem;
    }
    .faq-container-accordion-card-button-left{
        gap: 1rem;
    }
    .faq-container-accordion-card-hidden p{
        padding-left: 4rem;
    }
    .meet-team-flex-card{
        min-width: 29rem;
        max-width: unset;
    }
    .meet-team-flex-card-image img{
        width: 100%;
    }
    .meet-team-flex-card-info-left a {
        width: 4rem;
        height: 4rem;
    }
    .meet-team-flex-card-info img{
        max-width: 1.5rem;
    }
    .meet-team-flex-card-image {
        margin-bottom: -5rem;
    }
    .meet-team-flex-card-info-right {
        padding: 2rem 2rem 4rem 2.5rem;
    }
    .meet-team-flex-card-info-right h4{
        font-size: 1.9rem;
        line-height: 2rem;
    }
    .meet-team-flex-card-info-right p{
        font-size: 1.1rem;
        line-height: 1.6rem;
    }
    .individuals-container-left h2, .companies-container-left h2 {
        font-size: 3.2rem;
        line-height: 3.8rem;
        margin-bottom: 3rem;
    }
    .individuals-container-left h3{
        font-size: 2.4rem;
        line-height: 3rem;
        margin-bottom: 1.5rem;
    }
    .companies-container{
        gap: 3rem;
        padding-bottom: 5rem;
    }
    .family-office-container-text h3 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .family-office-section{
        padding-bottom: 0rem;
    }
    .ethics-container-right {
        padding: 3rem 2rem 13rem 2rem;
    }
    .ethics-section{
        background: transparent;
    }
    .cyber-security-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .ethics-container {
        gap: 3rem;
    }
    .left-image-container img {
        width: 100%;
        height: 18rem;
        object-fit: cover;
        padding-right: 2rem;
    }
    .left-image-section .compilance-container-left{
        padding-right: 2rem;
    }
    .compilance-container-right {
        margin-bottom: -4rem;
    }
    .compilance-container-right img{
        width: 100%;
    }
    .regulations-container-right{
        padding: 3rem 2rem;
    }
    .regulations-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .privacy-policy-section{
        padding-top: 5rem;
    }
    .cyber-security-container{
        gap: 0rem;
    }
    .privacy-policy-section .left-image-container img{
        padding-right: 0rem;
    }
    .why-us-container h2{
        font-size: 3.2rem;
        line-height: 3.8rem;
    }
    .next-step-container-left .form-flex{
        flex-direction: column;
        gap: 1.5rem;
    }
    .form-flex p:last-child{
        display: none;
    }
    .next-step-container-right img{
        width: 100%;
    }
    .next-step-container-left > p{
        margin-bottom: 4rem;
    }
    .why-us-container-flex .why-us-container-flex-card:nth-child(2),  .why-us-container-flex .why-us-container-flex-card:nth-child(4){
        align-items: flex-end;
    }
    .why-us-container-flex .why-us-container-flex-card:nth-child(2) > div{
        flex-direction: row-reverse;
    }
    .why-us-container-flex .why-us-container-flex-card:nth-child(4) > div{
        flex-direction: row-reverse;
    }
    .why-us-container-flex .why-us-container-flex-card:nth-child(2) p{
        text-align: right;
        padding-right: 6rem;
        padding-left: 0rem;
    }
    .why-us-container-flex .why-us-container-flex-card:nth-child(4) p{
        text-align: right;
        padding-right: 6rem;
        padding-left: 0rem;
    }
    .why-us-container-flex-card{
        align-items: flex-start;
        padding: 1rem!important;
    }
    .why-us-container-flex-card p{
        padding-left: 6rem;
    }
    .why-us-star{
        display: none;
    }
    .contact-container-left{
        padding: 5rem 2rem;
    }
    .contact-container-left h2{
        font-size: 3.6rem;
        line-height: 4rem;
    }
    .contact-container-left p{
        margin-bottom: 5rem;
    }
    .contact-container{
        padding-bottom: 5rem;
    }
    .contact-container-right-card-text h4{
        font-size: 1.8rem;
    }
    .hero-section.single-news {
        height: 37rem;
        min-height: unset;
    }
    .market-news-section{
        padding-bottom: 6rem;
    }
    .chart-container{
        min-width: 150rem;
    }
    .nav-logo img{
        max-width: 16rem;
    }
    nav{
        height: 7rem;
    }
    .nav-links{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .nav-dropdown .container > div::before, .nav-dropdown .container > div::after{
        width: 2rem;
    }
    .nav-dropdown .container {
        padding-top: 2rem;
        gap: 1rem;
    }
    .nav-links > ul{
        gap: 2rem;
    }
    .bottom-mobile-links{
        margin-top: 2rem;
    }
    .social-media{
        margin-top: 2rem;
    }
    .nav-dropdown .container > div, .nav-dropdown ul li a{
        font-size: 1.6rem;
    }
    .nav-dropdown ul li p{
        margin-bottom: 0rem;
    }
    .nav-dropdown ul li a{
        margin-bottom: 0.5rem;
    }
    .hero-section.inner .hero-container-text h1{
        font-size: 3.6rem;
        line-height: 4rem;
        margin-bottom: 2rem;
    }
    .statistic-image svg{
        width: 177%;
        height: initial;
    }
    .investors-portal-page-container{
        padding-top: 8rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .investors-portal-page-container-left img{
        max-width: 20rem;
        width: 100%;
    }
    .investors-portal-page-container-right{
        padding: 3rem 2rem;
    }
    .investors-portal-page-container-right h1 {
        font-size: 3.4rem;
        line-height: 4rem;
        margin-bottom: 6rem;
        text-align: center;
    }
    .investors-star{
        display: none;
    }
    .investors-portal-page-container-left{
        gap: 3rem;
    }
    .investors-portal-page-container-right a{
        text-align: center;
    }
    .why-us-section{
        background-image: none;
        background-color: #fff;
    }
    .why-us-container-flex-card{
        max-width: 100%;
    }
    #tooltip1 p, #tooltip2 p, #tooltip3 p{
        left: 6rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .advisory-container-image video{
        height: 23rem;
    }
    .companies-container-right video{
        height: 23rem;
    }
	.hero-background-image{
		width: 100%;
		height: 100%;
	}
	
	.hero-section.inner{
		min-height: unset;
		overflow: unset;
	}
	.contact-container-left{
		margin-top: 0rem;
	}
	.nav-links {
		height: calc(100dvh - 7rem);
	}
	.hero-background-image img{
		object-position: left;
	}
}