.hero-section {
    height: calc(100vh - var(--header-height));
    display: flex;
    align-items: center;
    justify-content: center;
    .container {
        .hero-content{
            width: 70vw;
            max-width: 1400px;         
            background: rgba(34, 33, 36, .6);
            border-radius: 16px;
            padding: 83px 80px;
            font-weight: 500;
            color: #fff;
            overflow: hidden;
            letter-spacing: 1.5px;
            margin: 0 auto;
            @media (max-width: 1200px) {
                padding: 60px;
            }
            @media (max-width: 786px) {
                padding: 1rem;
                width:100%;
            }
            p{
                font-size: clamp(1rem, 2.5vw, 1.75rem);
                line-height: 1.8;
                &:not(:last-child){
                    margin-bottom: 3rem;
                }
                padding-left: 2.6vw;
                position: relative;
                &:before{
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 6px;
                    height: 100%;
                    background: linear-gradient(180deg, #c1945d 0%, #f2d48f 47%, #c1945d 100%);
                    border-radius: 4px;
                }
                &:lang(en){
                    font-size: clamp(1.125rem, 2.5vw, 1.75rem);
                    line-height: 1.1;
                }
            }
        }
    }
}



/* Investment Section */
.investment-section{
    *{
        color:#fff;
    }
    .feature-item{
        position:relative;
        overflow:hidden;
        aspect-ratio: 1 / 1;
        cursor:pointer;
        .feature-item-img{
            width:100%;
            height:100%;
            img{
                width:100%;
                height:100%;
                object-fit:cover;
            }
            transition: all 0.3s ease;
        }
        .feature-item-content{
            position:absolute;
            inset:0;
            z-index:1;
            display:flex;
            align-items:center;
            justify-content:center;
            .feature-item-title{
                text-align:center;
                font-size: 1.3rem;
                font-weight: bold;
                padding: 0 15%;
            }
        }
    }
    .feature-item:hover{
        .feature-item-img{
            transform:scale(1.2);
        }
    }
}

/* Family Section */
.family-section{
    .feature-item{
        position:relative;
        overflow:hidden;
        border-radius: 6px;
        aspect-ratio: 568 / 281;
        cursor:pointer;
        &:after{
            content:"";
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height: 0;
            background-color:var(--secondary-color);
            transition:all 0.3s ease;
        }
        .feature-item-img{
            width:100%;
            height:100%;
            img{
                width:100%;
                height:100%;
                object-fit:cover;
            }
        }
        .feature-item-content{
            position:absolute;
            inset:0;
            z-index:1;
            .feature-item-title{
                position:absolute;
                bottom: 2rem;
                left:0;
                width:100%;
                padding: 0 1.5rem;
                font-size: 1.75rem;
                font-weight: 900;
                color: #fff;
            }
        }
    }
    .feature-item:hover{
        &:after{
            height: 8px;
        }
    }
}

/* Asset Management And Advisory */
.asset-management-and-advisory{
    font-weight: bold;
    column-gap: 200px !important;
    .sub-title{
        font-size:18px;
        text-align: center;
    }
}


/* Contact Section */
.contact-section-title{
    padding-top: 4.5rem !important;
}
.contact-section{
    position: relative;
    background: #ffffff;
    margin-bottom: 8rem;
    &:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: calc(((100vw - 1400px) / 2) + (1400px * 2 / 3));
        height: 100%;
        background: url(/media/swda0kez/contact-bg.png?rmode=max&width=1920&format=WebP) no-repeat center center;
        background-size: cover;
        z-index: 0;
        opacity: 0.8;
        @media (max-width: 1400px){
            width: 66.67%;
        }
        @media (max-width: 992px){
            width: 50%;
        }
        @media (max-width: 662px){
            width: 100%;
            height: 446px;
        }
    }
    .container{
        position: relative;
        z-index: 1;
    }
    .contact-form-left{
        height: 446px;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#fff;
        padding:2rem;
        p{
            width:100%;
            max-width: 500px;
            font-size: 1.5rem;
        }
    }
    .contact-form-right{
        height:100%;
        padding: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}