@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html {
  scroll-behavior: smooth;
}
a,h1,h2,h3,h4,h5,h6,li,p,ul,div{
    margin:0;
    padding:0;
}
a, a:hover{
    text-decoration:none;
}
li, li:hover{
    list-style:none;
}
:root{
    --main-color:#0C2025;
    --secondary-color:#fffff0;            
}

@media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 85%;}}
@media (min-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 85%;}}
@media (min-width: 992px) {.container, .container-lg, .container-md, .container-sm{ max-width: 85%;}}
@media (min-width: 768px){.container, .container-md, .container-sm{max-width: 85%;}}
@media (min-width: 576px){.container, .container-sm{max-width: 85%;}}
/* body{
    font-family: 'ChiswickHeadline';
} */
/* header css start */
header {
    background-color:var(--main-color);
    position: fixed;
    width: 100%;
    z-index: 3;
    left:0;
    right:0;
    top: 0;
}
.mobile_header{
    display: none!important;                          
}
.desktop_header{
    display: block;
}
.header{
    display: flex;
    align-items: center;
    padding:15px 0;
}
.logo{
    width:25%;
}
.logo img{
    width:180px;

}
.header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.header li a {
    display: block;
    text-decoration: none;
    color:var(--secondary-color);
}
.header li {
    display: inline-block;
    font-size:22px;
    padding:10px 0px;
}
.menu{
    display: flex;
    justify-content: right;
    gap: 6rem;
}
.header .menu {
    clear: none;
    max-height: none;
    width:75%;
    text-align:right;
}
.header .menu-icon {
    display: none;
}
.header .menu-btn {
    display: none;
}
.header .menu-btn:checked ~ .menu {
    max-height: 240px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}
span.heading_1 {
    font-size: 70px!important;                                                                                                                                                          
    line-height: 5.5rem;
    /* font-family: "Inter", sans-serif; */
    font-family: "EB Garamond", serif;
    font-weight: 300;
}

/* header css end */

/* index css start */
.item{
    position: relative;
    display: flex;
    justify-content: center;
}
.bannerSlider .item img{
    width: 100%;
    top: 4.7rem;
    position: relative;
}
/* .banner-content{
   position: absolute;
    width: 80%;
    height: 90%;                                                              
    top: 0;
    display: flex;
    justify-content: flex-end;
    color: var(--secondary-color);
    flex-direction: column;
} */
 .banner-content {
    position: absolute;
    width: 84%;
    height: 82%;
    top: 0;
    display: flex;
    justify-content: flex-end;
    color: var(--secondary-color);
    flex-direction: column;
}
.banner-content h1{
    font-size:65px;
    position: relative;
    line-height: 1;
}
.banner-content span{
    font-size: 30px;
    position: relative;
}
.banner-content p{
    margin-top: 25px;
    font-size:21px;
    line-height: 1.2;
    font-weight: 300;
    font-family: "Inter", sans-serif;
}
.welcome_family{
    background-color: var(--main-color);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.catalyst{
     padding: 100px 0;
     background-color:white;
}
.welcome_family_1{
    background-color: var(--secondary-color);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}
.background{
    width: 150px;
    height: 55rem;
    background-color: var(--secondary-color);
    position: absolute;
    transform: translate(100%, -12%);
}
.welcome_family_1 .background{
    width: 150px;
    height: 55rem;
    background-color: var(--main-color);                                         
    position: absolute;
    transform: translate(100%, -12%);                                             
}
.left-img{
    position: relative;
    text-align: end;
}
.left-img img{
    height: 625px;                           
    position: relative;
}
h3.number_welcome {
    padding-bottom: 1rem;
}
/*.full_poem{*/
/*    padding-top: 1rem;*/
/*}*/
.about-family h2{
    font-size: 55px;
    font-weight: 300;                             
    color: var(--secondary-color);
    padding-bottom: 30px;
    position: relative;
    font-family: "Inter", sans-serif;
}
.about-family_1 h2{
    font-size: 55px;
    color: var(--main-color);                             
    padding-bottom: 30px;
    position: relative;                                                            
}
.about-family h2::after{
    content: '';
    position: absolute;
    width: 120px;
    height: 2px;
    background-color: var(--secondary-color);
    bottom: 0;
    left: 0;
}
.about-family_1 h2::after{
    content: '';
    position: absolute;
    width: 120px;
    height: 2px;
    background-color: var(--main-color);
    bottom: 0;
    left: 0;
}
.about-family p{
    font-family: "Inter", sans-serif;
    color: var(--secondary-color);
    font-size: 22px;
    line-height: 1.4;
    font-weight: 200;
    margin-top: 70px;
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
}
.about-family_1 p{
    font-family: "Inter", sans-serif;
    color: var(--main-color);
    font-size: 22px;
    line-height: 1.4;
    font-weight: 200;
    margin-top: 100px;
}
.welcome_family_1 .left-img {
    display: flex;
    justify-content: flex-end;
}
.about{
    padding: 100px 0;
}
.philan{
    background-color: var(--secondary-color);
    width: 100%;
}
.invest{
    background-color: var(--main-color);
    width: 100%;                 
}
.top-img{
    height: 475px;                       
}
.top-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btm-cont{
    padding: 40px 25px;
}
.btm-cont h3{
    font-size: 48px;
    font-weight: 300;
    padding-bottom: 40px;
    font-family: "Inter", sans-serif;
}
.btm-cont p{
    font-size: 22px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
}
.philan .btm-cont{
    color: var(--main-color);
}
.invest .btm-cont{
    color: var(--secondary-color);
}
.portfolio{
    padding: 100px 0;
    background-color: var(--main-color);
    position: relative;
}
.portfolio-left{
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 100px;
}
.portfolio-left h3{
    font-size: 48px;
    font-weight: 300;
    color: var(--secondary-color);
     font-family: "Inter", sans-serif;
}
.catalyst_box{
    padding: 50px 30px;                                    
    background-color: var(--main-color);                      
    height: 100%;                                                              
}
.catalyst_box_2{
    padding: 50px 30px;                                    
    background-color: var(--secondary-color);                      
    height: 100%; 
                                                                 
}
.catalyst_box_main{
    margin: 3rem 0;
}
.catalyst_box h3{
 color: var(--secondary-color);
 font-size: 30px;
 font-weight: 300;
font-family: "Inter", sans-serif;                                                                                                    
}
.catalyst_box_2 h3{
 color: var(--main-color);
 font-size: 30px;  
 font-family: "Inter", sans-serif; 
 font-weight: 300;                                                                                                  
}
.catalyst h2{
    font-size: 55px;
    color: var(--main-color);
    font-family: "Inter", sans-serif;
    font-weight: 300;  
    padding-bottom: 2rem;                  
}
.anandaya h3{
    padding-bottom: 1.5rem;
    font-size: 30px;
    font-family: "Inter", sans-serif;
    font-weight: 300;                         
}
    .catalyst p {
        font-size: 22px;
        line-height: 3rem;
    }

    .catalyst_bottom p{
        line-height: 2rem;
    }
.portfolio-left p{
    color: var(--secondary-color);
    font-size: 26px;
    margin-top: 50px;            
}
.AIP_content{
    color: white;
}
.portfolio-img{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.portfolio-img::before{
    content: '';
    position: absolute;
    width: 30px;
    height: 305px;
    left: 0;
    background-color: var(--secondary-color);
    transform: translate(-25px, 75%);
    z-index: 1;
}
.portfolio-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}
.quote_main{
    padding: 100px 0;
    background-image: url('https://skgfo.com/assets/frontend/images/quote-background.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.quote-overlay{
    width: 100%;
    height: 100%;
    background-color: #fff3e580;
    position: absolute;
    top: 0;
    left: 0;
}
.quote-left{
    width: 50%;
    position: relative;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.quote-left p{
    font-size: 22px;
    font-family: "Inter", sans-serif;
    color: var(--main-color);
    font-weight: 300;
    padding: 20px 100px 20px 0;
    border-right: 1px solid var(--main-color);
    font-style: italic;                                                                                                            
}
.quote-right{
    width: 50%;
    position: relative;
    padding-left: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.2rem;
}
.quote-right h3{
    font-size:48px;
    padding-bottom: 1rem;
    font-weight: 300;
    color: var(--main-color);
    font-family: "Inter", sans-serif;                                      
}
.learn-more{
    padding: 3px 10px;
    color: var(--main-color);
    border: 1px solid var(--main-color);                              
    width: 130px;
    font-size: 18px;
    text-align: center;
    transition: .4s ease-in-out;
}
.learn-more:hover{
    background-color: var(--main-color);
    color: var(--secondary-color);
}


.learn-more_2{
    padding: 3px 10px;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    width: 130px;
    font-size: 18px;
    text-align: center;
    transition: .4s ease-in-out;
}
.learn-more_2:hover{
    background-color: var(--main-color);
    color: var(--secondary-color);
}


/* index css end */

/* poem css start */
.poem_banner{
    background-color: var(--secondary-color);
    padding: 150px 0;
}
.poem_banner_2{
    background-color: var(--secondary-color);
    padding: 150px 0;
}
.poem_banner h1{
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 300;                                           
    font-size: 70px;
    color: var(--main-color);
    padding-top: 50px;
}
.poem_banner_2 h1{
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 300;                                           
    font-size: 70px;
    color: var(--main-color);
    padding-top: 50px;
}
.poem_about{
    background-color: var(--main-color);
    padding: 100px 0 300px;
}
.poem_about_2{
    background-color: white;
    padding: 100px 0 100px;
}
/* .poem-right_2{
    width: 60%;
    margin: auto;
} */
 .money_image img {
    width: 90%;
}
.money_image {
    display: flex;
    align-items: center;
    height: 100%;
}
.poem-right_2 h2{
    font-size:55px;
    padding-bottom: 10px;
    color: var(--main-color);
    padding-bottom: 3rem;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}
.poem-right_2 p{
    font-size:22px;
    color:var(--main-color); 
    line-height: 2rem;      
    font-family: "Inter", sans-serif;
    font-weight: 300;
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
}
.poem-right{
    padding-left: 50px;
}
.poem-right h2{
    font-size:55px;
    width: 75%;
    padding-bottom: 10px;
    color: var(--secondary-color);
    padding-bottom: 3rem;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}
.poem-right p{
    font-size:22px;
    color: var(--secondary-color);
    padding-top: 40px; 
    line-height: 2.8rem;      
    font-family: "Inter", sans-serif;
    font-weight: 200;
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
}
.poem-left-img{
    position: relative;
    width: 100%;
    height: 100%;
}
.poem-left-img img{
    object-fit: cover;
}
.up-img{
    width: 75%;
    height: 400px;
    position: absolute;
    right: 0;
    top: 0;
     z-index: 2;
}
.btm-img{
    object-position: top;
    position: absolute;
    top: 14rem;
    left: 0;
    height: 81%;                                               
    width: 85%;
    z-index: 2;
}
.poem-left-img::after{
    content: '';
    width: 85%;
    height: 55rem;
    border: 1px solid var(--secondary-color);
    position: absolute;
    right: 3rem;
    bottom: -6.5rem;
    z-index: 1;
    border-left: 0;
    border-top: 0;
}
.line_2
 {
    background-color: var(--main-color);
    width: 100px;
    height: 1px;
    margin: 1rem 0;                                                
}
/* poem css end */

/* philanthropy css start */

.philanthropy_image img {
    width: 100%;                                             
}
.about_philanthropy h2 {
    color: white;
    font-weight: 300;       
}

.asset{
    font-size: 22px;
    font-family: "Inter", sans-serif;
}

.foundation-right p
 {
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
}
.foundation-right

 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: 2.6rem;
}


.phil_back{
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.phil_back img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.phill-about{
    padding: 100px 0;             
    background-color: var(--main-color);
}
.philanthropy_image, .about_philanthropy {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about_philanthropy{
    padding: 0 0 0 50px;
    
}
.about_philanthropy p{
    font-size: 20px;
    color: var(--secondary-color);
    font-family: "Inter", sans-serif;
    font-weight: 300;
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
}
.poem_banner_2 p{
    font-size: 45px;
    color: var(--main-color);
    padding-top: 30px;
    /*font-family: "Inter", sans-serif; */
    font-family: "Cinzel", serif;
    font-weight: 300;
    text-align: center;
    line-height:4rem;                                  
}
.poem_banner p{
    font-size: 45px;
    color: var(--main-color);
    padding-top: 30px;
    font-family: "Inter", sans-serif; 
    font-weight: 300;
    text-align: center;
    line-height:4rem;                                  
}
.anandaya{
    padding: 100px 0;
    background-color: #fff;
    overflow: hidden;
}
.foundation-left{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.foundation-left img{
    width: 70%;
    height: auto;
    position: relative;
}
.black-back{
    width: 150px;
    height: 45rem;
    position: absolute;
    left: 0;
    background: var(--main-color);
    transform: translate(75%, -17%);
}
.foundation-right h2{
    font-size: 55px;
    font-family: "Inter", sans-serif;                                                                                 
    font-weight: 300;
    color: var(--main-color);
}
.foundation-right p{
    font-family: "Inter", sans-serif;
    font-size: 20px;
    padding-top: 15px;
    font-weight: 300;                                   
}
.foundation-right_1 p{
    font-family: "Inter", sans-serif;
    font-size: 20px;
    padding-top: 15px;
    font-weight: 300;
    text-align: justify;                                   
}
.foundation-right li{
    list-style: disc!important;
}
.foundation-right ul li {
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size:20px;
                              
}
.foundation-right ul {
    padding-top: 15px;
    text-align: justify;
    text-align-last: left;
    hyphens: auto;
    padding-left: 1.2rem;                     
}

.line{
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    margin: 10px 0;
}
.aip_main{
    background-color: var(--secondary-color);
    position: relative;
    overflow: hidden;
    z-index: 2;
    padding: 5.3rem 0;
}
.aip-back{
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
}
.aip-back img{
    width: 100%;
    height: 100%;
}
.aip-left{
    padding: 10px 0;                                  
    position: relative;
}
.aip-left h2{
    font-size: 55px!important;
    /*font-family: "Inter", sans-serif;*/
    font-family: "Cinzel", serif;
    font-weight: 300;
    
}
.investment_heading{
     font-family: "Inter", sans-serif;
     font-size: 45px;                              
}
.aip-right {
    padding: 50px 50px 50px;
    position: relative;
    background-color: var(--main-color);
}
.aip-right p{
    color: #fff;
}
.visiting{
    background-color: white;                  
    padding: 100px 0;
}
.visit-left, .visit-right{
    padding: 0 34px;              
    text-align: center;
}
.visit-left{
    border-right: 2px solid var(--secondary-color);
}
.visit-left h2, .visit-right h2{           
    font-size: 55px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: var(--main-color);
    text-align: center;
    height: 225px;
}
.learn-more2{
    background-color:var(--main-color);
    color: var(--secondary-color);
    border-color: var(--main-color);
    font-size: 20px;
    padding: 10px 15px;
}
.learn-more.learn-more3{
    background-color: var(--secondary-color);
    color: var(--main-color);
    border-color: var(--main-color);
    font-size: 20px;
    padding: 10px 15px;
    width: 30%;
    margin-top: 2rem;
}
/* philanthropy css end */

/* footer css start */
.logo_g {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 65%;
}
.footer{
    padding: 100px 0;
    background-color: var(--main-color);
}
.contact_right {
    padding-left: 13rem;
}
.footer-title{
    color: var(--secondary-color);
    font-size: 55px;
    font-weight: 300;
    padding-bottom: 70px;
     font-family: "Inter", sans-serif;
}
.mail, .address{
    gap: 10px;
}
.address{
    margin-top: 1rem;
    /* padding-left: 50px; */             
}
.logo_f {
    flex-direction: column;
    align-items: flex-start;
        border-right: 1px solid var(--secondary-color);
}
.logo_f img
{
    width: 100%;                                                                                                                                                                                                         
}
.mail img{
    height: 55px;
}
.address img{
    height: 50px;
}
.mail a, .address p a{
    color: var(--secondary-color);
    font-size:22px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}
.address p span{
    font-size: 22px;
    color: var(--secondary-color);
    display: block;
}
.copyright{
    padding: 20px 0;
    background-color: var(--main-color);
    border-top: 2px solid var(--secondary-color);
}
.made-by{
    gap: 5px;
}
.copy, .made-by, .privacy_footer{
    color: var(--secondary-color);
    font-size: 20px; 
    font-family: "Inter", sans-serif;                    
}
.member_logo {
    width: 50%;
    color: var(--secondary-color);
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    text-align: left;

}
.member_logo_sip{ 
    text-align: left;                              
    color: var(--secondary-color);
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}
.member_logo_sip img {
    width: 30%;
}
/* footer css end */



/* investment page start */
.line{
    background-color: var(--main-color);
    width: 100px;
    height: 1px;
    margin: 2rem 0;

}
.aip-back::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 170px;                   
    left: 0;
    background-color: var(--main-color);
    transform: translate(-25px, 90%);                               
    z-index: -2;
}

.investment_border::after {
    content: '';
    width: 85%;
    height: 80%;
    border: 1px solid var(--main-color);
    position: absolute;
    right: 8rem;
    bottom: -24.5rem;
    z-index: 1;
    border-right: 0;
    border-top: 0;
}  

.Investment_Strategy{
    padding: 100px 0;
    background-color: var(--main-color);
    overflow: hidden;
}

.Investment_Strategy .foundation-right h2{
    font-size: 55px;
    font-family: "Inter", sans-serif;                                                                                 
    font-weight: 300;
    color: var(--secondary-color);
}
.Investment_Strategy .foundation-right p, .foundation-right_1 p {
    font-family: "Inter", sans-serif;
    color: var(--secondary-color);
    font-size: 22px;
    padding-top: 15px;
    font-weight: 300;
}

.asset_under{
    padding: 100px 0;
    background-color: var(--secondary-color);
    text-align: center;
}
.under_line {
    width: 100px;
    height: 1px;
    background-color: var(--main-color);
    margin: auto;
    margin-top: 1.5rem;
}


/* investment page end*/



/* ventures style start */
.recent_investment {
    padding: 70px 0;
}
.recent_investment h2 {
        font-size: 43px;
        font-family: "Inter", sans-serif;
        font-weight: 300;                 
    }
    .logo_one img {
    width: 80%;
    
}
 .logo_one{
    width: 20%;
    display: flex;
    justify-content: center;
 }
 .logo_one.i_p{
    width: 15%;
    display: flex;
    justify-content: center;
 }

  .i_a img{
    width: 100%;
    display: flex;
    justify-content: center;                              
 }
 .logo_one.i_a {
    width: 25%;
    display: flex;
    justify-content: center;
}
.advisor_banker{
    padding: 60px 0 0 0;
}
.logo_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2rem 1rem;
}
.heading_ventures{
    padding-bottom: 2rem;
}
.aip-link{
    color: white;
}
/* ventures style end */

.devider_line{
    width: 100%;
    height: 1px;
    background-color: var(--main-color);                                   
}

/* ==============Privacy page style start */
.privacy{
    background-color: var(--main-color);
    padding: 100px 0;
    color: var(--secondary-color);                         
}
.privacy ul li{
 list-style: disc;
    list-style-position: inside;
}
.privacy_content {
    line-height: 2rem;
}
.privacy_content h5 {
    padding: 1rem 0;
  
}
.privacy_content h6 {
    padding: 1rem 0;
                                   
}

/* ==============Privacy page style end */