*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Raleway", sans-serif;
}
a{
    color: unset;
    text-decoration: none;
}
/*index page*/
.open{
    display: none;
}
.close{
    display: none;
}
.navBar{
    width: 100%;
 
    background: #0c195a;
    padding: 30px 0;
    box-shadow: 0 25px 45px rgba(0,0,0,0.2);
}
.navBar2{
    display: none;
}
.navRow{
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.navList ul li{
    display: inline-block;
    margin-left: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;


}
.navList ul li a{

    position: relative;
  }
  .navList ul li a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    bottom: -8px;
    left: 0;
    background: #ffff;
    transition: 0.5s;
  } 
  
  .navList ul li a:hover::after{
    width: 100%;
  }
.navImg img{
    width: 150px;
}
.navCol{
    
    display: flex;
    align-items: center;
    
    
    
}
.searchBtn{
    margin-left:30px;
}
.searchBtn form{
    width: 100%;
}
.inputSec{
    width: 100%;
    position: relative;

}
.inputSec input{
    width: 100%;
    background: none;

    outline: none; 
    padding: 20px;
    font-size: 15px; 
    color: #fff; 
    border: 1px solid #fff;

}
.inputSec  input::placeholder{
    color: #fff;
    font-size: 15px;
}
.inputSec input:focus{
    border: 1px solid #fff;
}
.inputSec button{
    position: absolute;
    top: 30%;
    right: 20px;
    background: none;
    outline: none;
    border: none;
}
.inputSec button i{
    color: #FFF;
    font-size: 18px;
}
.lineNav{
    width: 100%;
    height: 10px;
     background: #0c195a;
}


/*.heroSec{
    width:100%;
    background: url(images/bank.jpg);
    height: 80vh;
    background-position: center;
    background-size: cover;

}
.herosecRow{
    width: 85%;
    margin: auto;
    padding-top: 180px;
    color: #fff;    
}
.heroSec h5{
    color: #fff;
    font-size: 25px;   
}
.heroSec h3{
    color: #fff;
    font-size: 45px; 
    max-width: 1050px;
    color: #0c195a;
    margin-top: 15px;  
}*/
/*bootstrap*/
.carousel-item{
    height:70vh;
    width: 100%;
    position: relative;
    
    

}
.carousel-inner{
    height: 70vh;
    width: 100%;
}
.carousel-item img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
/*.carousel-cap{
   position: absolute;
   top: 65%;
   left: 20%;
   transform: translateY(-65%);
    

}*/
/*.carousel-cap{
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%,-50%);
    text-align: center;
    
     
 
 }*/
 .carousel-cap{
    position: absolute;
    top: 50%;
    left: 5%;
    color: #fff;
    transform: translateY(-50%);
    text-align: center;
    
     
 
 }
 .carousel-cap a{
    background: none;
    padding: 15px 30px;
    color: #fff;
    margin-top: 15px;
    border-radius: 25px;
    text-decoration: none;
    display: block;
    width: 200px;

    z-index: 10;
    border: 2px solid #fff;
    color: #fff;
    outline: none;
    transition: 0.5s;
    
  
    
    
    
 }
 .carousel-cap a::before{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    transition: 0.5s;
    border-radius: 25px;
    z-index: -10;
   
    

}
.carousel-cap a:hover::before{
    width: 100%;
    background: #f8b179;
}
.carousel-cap a:hover{
    
    background: #f8b179;
    color: #2d3250;
    text-decoration: none;
}
 .carousel-cap p{
   margin-bottom: 30px;
   font-size: 20px;
   text-align: left;
 }
 .carousel-cap h3{
    font-size: 60px;
    font-weight: 700;
    text-align: left;
  }
.who_we_are{
    background: #0c195a;
    padding: 70px 0 50px 0;
}
.row1,.row12{
    width: 85%;
    margin: auto;
   
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col27{
    flex-basis: 25%;
    max-width: 200px;

}
.col27 h4{
    color: #fff;
    font-size: 35px;
    text-align: center;
}
.col27 p{
    color: #fff;
    line-height: 18px;
    font-size: 15px;
    text-align: center;    
}

.divHead1,.divhead2{
    margin:auto;
    width: 85%;
}
.divHead1 h3{
    font-size: 30px;
    max-width: 1050px;
    color: #0c195a;
    margin-bottom: 20px;
}
.divhead2 h4{
    font-size: 24px;
    margin-bottom: 20px;
    color: #0c195a;
}
.divisions {
    margin: 70px 0;
}
.row2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;
}


.col2{
    flex-basis: 45%;

}
.col2 img{
    width: 100%;
    border-radius: 10px;
}
.col3{
    flex-basis: 50%;
}

.col3 h4{
    font-size: 24px;
    margin-bottom: 10px;
    color: #0c195a;
}
.col3 h6{
    margin-bottom: 20px;
    font-size: 18px;
    color: #0c195a;
    
}
.col3 p{
    color: #000;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 40px;
  
    
}
.col3 a{
    background: none;
    border: 1px solid #0c195a;
    padding: 15px 40px;
    color: #0c195a;
    transition: ease-in 0.3s;
    text-transform: uppercase;
}
.col3 a:hover{
    background: #0c195a;
    color: #fff;
    
    
}
.line2{
margin: auto;
    width: 85%;
    height: 1.5px;
    background: #0c195a;
}
.real_estate{
    margin: 30px 0 70px ;
    

}
.real_estate .row3{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;
}
.col4{
    flex-basis: 35%;
}
.col4 h4{
    font-size: 24px;
    margin-bottom: 15px;
    color: #0c195a;
}
.col4 img{
    width: 100%;
    margin-bottom: 20px;
}
.col4 h6{
    margin-bottom: 20px;
    font-size: 18px;
    color: #0c195a;
}
.col20{
    flex-basis: 60%;

}
.col20 img{
    width: 100%;
    margin-bottom: 20px;
}

.col20 h6{
    margin-bottom: 20px;
    font-size: 18px;
    color: #0c195a;
}

.col20 h4{
    font-size: 24px;
    margin-bottom: 15px;
    color: #0c195a;
}
.col4 p,.col20 p{
    color: #000;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 40px;
   
    
}
/*guidetoinvest*/
.rowGuide{
    width: 85%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    grid-gap: 40px;
    padding: 30px 0;

}
.cryptoGui{
    margin-bottom: 20px;
}
   
 .cryptoGuide .col25{
        padding: 20px;
        flex-basis: 30%;
        background:#0c195a;
       
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }
    .cryptoGuide{
        padding: 30px;
        background: #ebede8;
        border-bottom: 1px dashed #0c195a;
        border-top: 1px dashed #0c195a;
    }
    .cryptoGuide .guideCont{
        display: flex;
        align-items: flex-start;
        
    }

    .cryptoGuide h1{
        color: #f3525a;

    }
    .guideCont h1{
        color: #fff;
        margin-right: 15px;
    }
    .guideCont h3{
        text-align: left;
        color: #fff;
    }
    .guideCont{
        display: flex;
    }
    .guideCont p{
        text-align: left;
        color: #fff;
        line-height: 30px;
    }
    .rowTxt5{
        text-align: center;
        width: 85%;
        margin: auto;
    }
    .guid{
        margin-left: 10px;
    }
    .rowTxt5 h3{
        color: #0c195a;
        margin-top: 5px;
        font-size: 30px;
     
        text-align: left;
    }

    .rowTxt5 p{
        color: #fff;
        margin-top: 5px;
        font-size: 18px;
        color: #000;
        text-align: left;
    }
    
/*latest-withdrawal*/
.cont7{
    background: #0c195a;
    margin-bottom: 20px;
    padding: 30px 0;
}
.rowTxt3{
    width: 85%;
    margin: auto;
    text-align: center;
    color: white;
    margin-bottom: 30px;

}

.cont7 table{
    border-collapse: collapse;
    color: white;
    
    width: 100%;

}
.cont7 table tr{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 8px 0;
}
.cont7 table td{
    padding: 10px 5px;
}
.cont7 table tr:last-child{
    border-bottom: none;

}

.success{
    background: green;
    padding: 5px ;
    border-radius: 5px;
}
.warning{
    background: red;
    padding: 5px ;
    border-radius: 5px;
}
/*why choose us*/
.whychooseus{
    margin:20px 0;
}
.row12{
    width: 85%;
    margin: auto;
   
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col28{
    flex-basis: 50%;
}
.col28 img{
    width: 80%;
    border-radius: 10px;
}
.col29{
    margin-bottom: 15px;
}
.col30{
    flex-basis: 45%;
}
.col29 h4{
    font-size: 24px;
    color: #0c195a;
    margin-bottom: 12px;
}
.col29Icon{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c195a;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.col29Icon i{
    color: #fff;
    font-size: 40px;
}
/*testimonials*/
/*swipr>*/
.testimonials{
    padding: 30px 0;
    background: #ebede8;
}
.swiper {
    width: 85%;
   height: 350px;
    margin:  auto;
  }
  .swiper-slide {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align:center;
    font-size: 18px;
    border-radius: 25px;
    box-shadow: 0 0 20px 0 rgb(0,0,0,0.1);
   
    cursor: pointer;
    transition: ease-in 0.5s;
  }
  .swiper-slide:hover{
    background: #0c195a;

  }
  .swiper-slide:hover p{
    color: #fff;


  }
  .swiper-slide:hover h4{
    color: #fff;


  }
  .swiper-slide:hover small{
    color: #fff;


  }

  .swiper-slide p{
    font-size: 18px;
    color: #555;
    line-height: 25px;
    

  }
  .swiper-slide h4{
    font-size: 24px;
    
    color: #0c195a;
  }
  .swiper-slide small{
    font-size: 12px;
    
    color: #0c195a
  }
  .container6Top{
    width: 85%;
    margin:20px  auto 0;
    text-align: center;
    
    
  }
  .contop6{
    color: #424669;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 20px;
  }
  .container6Top h2{
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2d3250;
  }
/*footer{
    background: #0c195a;
    padding: 50px 0;
}
.row4{
    width: 85%;
    margin: 40px auto ;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
   
}
.col5 {
    flex-basis: 45%;
}
.col5 img{
    width: 100%;
}
.col5 h4{
    font-size: 24px;
    color: #fff;
}
.col6{
    flex-basis: 50%;

}
.col6 h4{
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
}
.col6 p{
    color: #fff;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 40px;
   

}
.col6 a{
    background: none;
    border: 1px solid #fff;
    padding: 15px 40px;
    color: #fff;
    transition: ease-in 0.3s;
    text-transform: uppercase;
}
.col6 a:hover{
    background: #fff;
    color: #fff;
    
    
}
.row5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;

}
.col7{
    flex-basis: 80%;
}
.col7 a{
    background: none;
    border: 1px solid #fff;
    padding: 15px 40px;
    color: #fff;
    transition: ease-in 0.3s;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.col7 p{
    margin-top: 40px;
    font-size: 24px;
    color: #fff;
}
.col7 a:hover{
    background: #0c195a;
    color: #fff;
    
    
}

.col21{
    flex-basis: 15%;
}
.col21 img{
    width: 100%;
}
.col21 p{
    font-size: 20px;
    color: #fff;
}*/
 /*footer*/
 footer{
    width: 100%;
    padding: 100px 0;
    
    background: radial-gradient(rgba(0,0,0,0.5),#0c195a),url(css/images/bitcoin.jpg);
        
    background-position: center;
    background-size: cover;
  }
  .col31{
    flex-basis: 30%;
  }
  .col31 h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    
  }
  .col31 p{
    color: white;
    line-height: 25px;

  }
  .col32 h3{
    color: white;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  .col32 ul li {
    color: white;
    list-style: none;
    margin-bottom: 10px;
  }
  .col32 ul li a{
    color: white;
    text-decoration: none;
  }
  .col32 {
    flex-basis: 60%;

  }
  .colfoot{
    background: #0c195a;
    padding: 30px;
    text-align: center;
    color: white;
    border-top: 2px solid #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
  .rowFoot{
    width: 85%;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*finance*/
.heroSec2{
    width:100%;
    background: url(images/18.jpg);
    height: 80vh;
    background-position: center;
    background-size: cover;

}
.herosec2row{
    width: 85%;
    margin: auto;
    padding-top: 180px;
    color: #fff;    
}
.herosec2row h5{
    color: #fff;
    font-size: 25px;   
}
.herosec2row h3{
    color: #fff;
    font-size: 45px; 
    max-width: 1050px;
    color: #0c195a;
    margin-top: 15px;  
}
.financesec1{
    background: #0c195a;
    padding: 70px 0 30px;
}
.financeHead{
    margin:auto;
    width: 85%;
}
.financeHead h3{
    font-size: 30px;
    
    color: #fff;
    margin-bottom: 20px;
}
.financesec2{
    margin: 50px 0;
}
.row6{
    width: 85%;
    margin: auto;

}
.row6 h4{
    font-size: 24px;
    margin-bottom: 25px;
    color: #fff;

}
.row6 p{
    color: #fff;
    line-height: 25px;
    font-size: 18px;

}
.row7{
    margin: auto;
    width: 85%;
   
}
.col9Img img{
    width: 100%;
}
.col9{
    display:flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 45px;
}
.col9Img{
    flex-basis: 40%;
    
}
.col9P{
    flex-basis: 50%;
    padding: 0 20px;
    box-shadow: 0,25px 45px rgba(0,0,0,0.2);
    
}
.col9P h4{
    font-size: 24px;
    margin-bottom: 25px;
    color: #0c195a;

}
.col9P p{
    color: #000;
    line-height: 25px;
    font-size: 18px;

}
.col9P a{
    background: none;
    border: 1px solid #fff;
    padding: 15px 40px;
    color: #fff;
    transition: ease-in 0.3s;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.col9P a:hover{
    background: #0c195a;
    color: #fff;
    
    
}
.financeSec3{
   margin: 50px 0; 
}
.row8{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    margin: 40px auto  ;

}
.col22{
    flex-basis: 30%;
}
.col22 img{
    width: 100%;
}
.row8 h4{
    font-size: 24px;
    margin-bottom: 5px;
    color: #0c195a;

}
.row8 p{
    color: #000;
    line-height: 25px;
    font-size: 18px;

}
.financeFooter{

}


/*real estate*/
.heroSec3{
    width:100%;
    background: url(images/estate.jpg);
    height: 80vh;
    background-position: center;
    background-size: cover;

}
.herosec3row{
    width: 85%;
    margin: auto;
    padding-top: 180px;
    color: #fff;    
}
.herosec3row h5{
    color: #fff;
    font-size: 25px;   
}
.herosec3row h3{
    color: #fff;
    font-size: 45px; 
    max-width: 1050px;
    color: #0c195a;
    margin-top: 15px;  
}
/*wealth management*/
.heroSec4{
    width:100%;
    background: url(images/home2.jpg);
    height: 80vh;
    background-position: center;
    background-size: cover;

}
.herosec4row{
    width: 85%;
    margin: auto;
    padding-top: 180px;
    color: #fff;    
}
.herosec4row h5{
    color: #fff;
    font-size: 25px;   
}
.herosec4row h3{
 
    font-size: 45px; 
    max-width: 1050px;
    color: #0c195a;
    margin-top: 15px;  
}
.wealthsec{
    margin: 50px 0;
}
.row11{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;
}
.col14{
    flex-basis: 45%;
}
.col14 img{
    width: 100%;
}
.col14 h4{
    font-size: 24px;
    color: #0c195a;
    margin-bottom: 25px;
}
.col14 p{
    color: #000;
    line-height: 25px;
    font-size: 18px;
    margin-bottom: 40px;
   

}
/*about us*/
.aboutusImg{
    width: 85%;
    margin: 20px auto;
}
.aboutusImg img{
    width: 70%;
    border-radius: 10px;
}
.missionsec{
    border-top: 1px dashed #fff;
    background: #0c195a;
    padding:30px  0;
}
.missionsec .rowAbout h3{
    text-align: center;
    font-size: 34px;
    color: #fff;

}
.row9{
    width: 85%;
    margin: auto;
   
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col11{
    flex-basis: 45%;

}
.col11 h4{
    color: #fff;
    font-size: 24px;
    margin-bottom: 40px;
}
.col11 p{
    color: #fff;
    line-height: 25px;
    font-size: 18px;
}
.value{
    margin: 50px 0;
}
.divHead1 p{
    color: #0c195a;
    line-height: 25px;
    font-size: 18px;

}
.valueRow{
    width: 85%;
    margin: 30px auto 30px;
  
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col12{
    flex-basis: 40%;
    margin-bottom: 20px;

}
.col12 h5{
    color: #0c195a;
    font-size: 20px;
    margin-bottom: 15px;
}
.col12 p{
    color: #000;
    line-height: 25px;
    font-size: 18px;
}
/*contact us*/
.contactsec{

}
.rowForm{
    width: 85%;
    margin: 30px auto 30px;
  
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;

}
.col13{
    flex-basis: 45%;
}
.col13 form{
    width: 100%;
}
.inpSec{
    margin-bottom: 15px;
}
.inpSec label{
    font-size: 18px;
    margin-bottom: 10px;
}
.inpSec input,.inpSec select,.inpSec textarea{
    width: 100%;
    background: #eee;
    padding: 20px;
    border: none;
    outline: none;
    margin-top: 7px;
}
.col13 button{
    background: none;
    border: 1px solid #0c195a;
    padding: 15px 40px;
    color: #0c195a;
    transition: ease-in 0.3s;
    text-transform: uppercase;
    margin-bottom: 50px;
    cursor: pointer;
}
.contactsec{
    margin: 40px 0;
}
.contactCol{
    margin: 20px 0;
}
.contactCol h4{
    font-size: 20px;
    color: #0c195a;
}
.contactCol .contactColP{
    margin-top: 10px;
}
.contactCol .contactColP p{
    margin-top: 10px;
    line-height: 25px;
}

.col13 button:hover{
    background: #0c195a;
    color: #fff;
    border: 1px solid #0c195a;
    
    
}
.col23{
    flex-basis: 40%;
}
.col23 img{
    width: 100%;
}

@media screen and (max-width:750px){
    
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Raleway", sans-serif;
    }
    a{
        color: unset;
        text-decoration: none;
    }
    /*index page*/
    .open{
        display: none;
    }
    .close{
        display: none;
    }
    .navBar{
        width: 100%;
     
        background: #0c195a;
        padding: 30px 0;
        box-shadow: 0,25px 45px rgba(0,0,0,0.2);
    }
    .navBar2{
        display: none;
    }
    .navRow{
        width: 90%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    
    }
    
    .navList ul li{
        display: inline-block;
        margin-left: 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
    
    
    }
    .navList ul li a{
    
        position: relative;
      }
      .navList ul li a::after{
        content: '';
        position: absolute;
        width: 0;
        height: 4px;
        bottom: -8px;
        left: 0;
        background: #ffff;
        transition: 0.5s;
      } 
      
      .navList ul li a:hover::after{
        width: 100%;
      }
    .navImg img{
        width: 150px;
    }
    .navCol{
        
        display: flex;
        align-items: center;
        
        
        
    }
    .searchBtn{
        margin-left:30px;
    }
    .searchBtn form{
        width: 100%;
    }
    .inputSec{
        width: 100%;
        position: relative;
    
    }
    .inputSec input{
        width: 100%;
        background: none;
    
        outline: none; 
        padding: 20px;
        font-size: 15px; 
        color: #fff; 
        border: 1px solid #fff;
    
    }
    .inputSec  input::placeholder{
        color: #fff;
        font-size: 15px;
    }
    .inputSec input:focus{
        border: 1px solid #fff;
    }
    .inputSec button{
        position: absolute;
        top: 30%;
        right: 20px;
        background: none;
        outline: none;
        border: none;
    }
    .inputSec button i{
        color: #FFF;
        font-size: 18px;
    }
    .lineNav{
        width: 100%;
        height: 10px;
         background: #0c195a;
    }
    
    
    /*.heroSec{
        width:100%;
        background: url(images/bank.jpg);
        height: 80vh;
        background-position: center;
        background-size: cover;
    
    }
    .herosecRow{
        width: 85%;
        margin: auto;
        padding-top: 180px;
        color: #fff;    
    }
    .heroSec h5{
        color: #fff;
        font-size: 25px;   
    }
    .heroSec h3{
        color: #fff;
        font-size: 45px; 
        max-width: 1050px;
        color: #0c195a;
        margin-top: 15px;  
    }*/
    /*bootstrap*/
    .carousel-item{
        height:70vh;
        width: 100%;
        position: relative;
        
        
    
    }
    .carousel-inner{
        height: 70vh;
        width: 100%;
    }
    .carousel-item img{
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    /*.carousel-cap{
       position: absolute;
       top: 65%;
       left: 20%;
       transform: translateY(-65%);
        
    
    }*/
    /*.carousel-cap{
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%,-50%);
        text-align: center;
        
         
     
     }*/
     .carousel-cap{
        position: absolute;
        top: 50%;
        left: 5%;
        color: #fff;
        transform: translateY(-50%);
        text-align: center;
        
         
     
     }
     .carousel-cap a{
        background: none;
        padding: 15px 30px;
        color: #fff;
        margin-top: 15px;
        border-radius: 25px;
        text-decoration: none;
        display: block;
        width: 200px;
    
        z-index: 10;
        border: 2px solid #fff;
        color: #fff;
        outline: none;
        transition: 0.5s;
        
      
        
        
        
     }
     .carousel-cap a::before{
        content: '';
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        left: 0;
        background: none;
        transition: 0.5s;
        border-radius: 25px;
        z-index: -10;
       
        
    
    }
    .carousel-cap a:hover::before{
        width: 100%;
        background: #ebede8;
    }
    .carousel-cap a:hover{
       /* width: 100%;*/
        background: #ebede8;
        color: #0c195a;
        text-decoration: none;
    }
     .carousel-cap p{
       margin-bottom: 30px;
       font-size: 20px;
     }
     .carousel-cap h3{
        font-size: 60px;
        font-weight: 700;
      }
    .who_we_are{
        background: #0c195a;
        padding: 70px 0 50px 0;
    }
    .row1{
        width: 85%;
        margin: auto;
       
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col1{
        flex-basis: 45%;
    
    }
    .col1 h4{
        color: #fff;
        font-size: 24px;
        margin-bottom: 40px;
    }
    .col1 p{
        color: #fff;
        line-height: 25px;
        font-size: 18px;
    }
    
    .divHead1,.divhead2{
        margin:auto;
        width: 85%;
    }
    .divHead1 h3{
        font-size: 30px;
        max-width: 1050px;
        color: #0c195a;
        margin-bottom: 20px;
    }
    .divhead2 h4{
        font-size: 24px;
        margin-bottom: 20px;
        color: #0c195a;
    }
    .divisions {
        margin: 70px 0;
    }
    .row2{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 85%;
        margin: auto;
    }
    
    
    .col2{
        flex-basis: 45%;
    
    }
    .col2 img{
        width: 100%;
    }
    .col3{
        flex-basis: 50%;
    }
    
    .col3 h4{
        font-size: 24px;
        margin-bottom: 10px;
        color: #0c195a;
    }
    .col3 h6{
        margin-bottom: 20px;
        font-size: 18px;
        color: #0c195a;
        
    }
    .col3 p{
        color: #000;
        line-height: 25px;
        font-size: 18px;
        margin-bottom: 40px;
        max-width: 500px;
        
    }
    .col3 a{
        background: none;
        border: 1px solid #0c195a;
        padding: 15px 40px;
        color: #0c195a;
        transition: ease-in 0.3s;
        text-transform: uppercase;
    }
    .col3 a:hover{
        background: #0c195a;
        color: #fff;
        
        
    }
    .line2{
    margin: auto;
        width: 85%;
        height: 1.5px;
        background: #0c195a;
    }
    .real_estate{
        margin: 30px 0 70px ;
        
    
    }
    .real_estate .row3{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 85%;
        margin: auto;
    }
    .col4{
        flex-basis: 35%;
    }
    .col4 h4{
        font-size: 24px;
        margin-bottom: 15px;
        color: #0c195a;
    }
    .col4 img{
        width: 100%;
        margin-bottom: 20px;
    }
    .col4 h6{
        margin-bottom: 20px;
        font-size: 18px;
        color: #0c195a;
    }
    .col20{
        flex-basis: 60%;
    
    }
    .col20 img{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .col20 h6{
        margin-bottom: 20px;
        font-size: 18px;
        color: #0c195a;
    }
    
    .col20 h4{
        font-size: 24px;
        margin-bottom: 15px;
        color: #0c195a;
    }
    .col4 p,.col20 p{
        color: #000;
        line-height: 25px;
        font-size: 18px;
        margin-bottom: 40px;
       
        
    }
    footer{
        background: #0c195a;
        padding: 50px 0;
    }
    .row4{
        width: 85%;
        margin: 40px auto ;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
       
    }
    .col5 {
        flex-basis: 45%;
    }
    .col5 img{
        width: 100%;
    }
    .col5 h4{
        font-size: 24px;
        color: #fff;
    }
    .col6{
        flex-basis: 50%;
    
    }
    .col6 h4{
        font-size: 24px;
        color: #fff;
        margin-bottom: 25px;
    }
    .col6 p{
        color: #fff;
        line-height: 25px;
        font-size: 18px;
        margin-bottom: 40px;
       
    
    }
    .col6 a{
        background: none;
        border: 1px solid #fff;
        padding: 15px 40px;
        color: #fff;
        transition: ease-in 0.3s;
        text-transform: uppercase;
    }
    .col6 a:hover{
        background: #fff;
        color: #fff;
        
        
    }
    .row5{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 85%;
        margin: auto;
    
    }
    .col7{
        flex-basis: 80%;
    }
    .col7 a{
        background: none;
        border: 1px solid #fff;
        padding: 15px 40px;
        color: #fff;
        transition: ease-in 0.3s;
        text-transform: uppercase;
        margin-bottom: 50px;
    }
    .col7 p{
        margin-top: 40px;
        font-size: 24px;
        color: #fff;
    }
    .col7 a:hover{
        background: #0c195a;
        color: #fff;
        
        
    }
    
    .col21{
        flex-basis: 15%;
    }
    .col21 img{
        width: 100%;
    }
    .col21 p{
        font-size: 20px;
        color: #fff;
    }
    
    /*finance*/
    .heroSec2{
        width:100%;
        background: url(images/18.jpg);
        height: 80vh;
        background-position: center;
        background-size: cover;
    
    }
    .herosec2row{
        width: 85%;
        margin: auto;
        padding-top: 180px;
        color: #fff;    
    }
    .herosec2row h5{
        color: #fff;
        font-size: 25px;   
    }
    .herosec2row h3{
        color: #fff;
        font-size: 45px; 
        max-width: 1050px;
        color: #0c195a;
        margin-top: 15px;  
    }
    .financesec1{
        background: #0c195a;
        padding: 70px 0 30px;
    }
    .financeHead{
        margin:auto;
        width: 85%;
    }
    .financeHead h3{
        font-size: 30px;
        
        color: #fff;
        margin-bottom: 20px;
    }
    .financesec2{
        margin: 50px 0;
    }
    .row6{
        width: 85%;
        margin: auto;
    
    }
    .row6 h4{
        font-size: 24px;
        margin-bottom: 25px;
        color: #fff;
    
    }
    .row6 p{
        color: #fff;
        line-height: 25px;
        font-size: 18px;
    
    }
    .row7{
        margin: auto;
        width: 85%;
       
    }
    .col9Img img{
        width: 100%;
    }
    .col9{
        display:flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: 45px;
    }
    .col9Img{
        flex-basis: 40%;
        
    }
    .col9P{
        flex-basis: 50%;
        padding: 0 20px;
        box-shadow: 0,25px 45px rgba(0,0,0,0.2);
        
    }
    .col9P h4{
        font-size: 24px;
        margin-bottom: 25px;
        color: #0c195a;
    
    }
    .col9P p{
        color: #000;
        line-height: 25px;
        font-size: 18px;
    
    }
    .col9P a{
        background: none;
        border: 1px solid #fff;
        padding: 15px 40px;
        color: #fff;
        transition: ease-in 0.3s;
        text-transform: uppercase;
        margin-bottom: 50px;
    }
    
    .col9P a:hover{
        background: #0c195a;
        color: #fff;
        
        
    }
    .financeSec3{
       margin: 50px 0; 
    }
    .row8{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 85%;
        margin: 40px auto  ;
    
    }
    .col22{
        flex-basis: 30%;
    }
    .col22 img{
        width: 100%;
    }
    .row8 h4{
        font-size: 24px;
        margin-bottom: 5px;
        color: #0c195a;
    
    }
    .row8 p{
        color: #000;
        line-height: 25px;
        font-size: 18px;
    
    }
    .financeFooter{
    
    }
    
    
    /*real estate*/
    .heroSec3{
        width:100%;
        background: url(images/estate.jpg);
        height: 80vh;
        background-position: center;
        background-size: cover;
    
    }
    .herosec3row{
        width: 85%;
        margin: auto;
        padding-top: 180px;
        color: #fff;    
    }
    .herosec3row h5{
        color: #fff;
        font-size: 25px;   
    }
    .herosec3row h3{
        color: #fff;
        font-size: 45px; 
        max-width: 1050px;
        color: #0c195a;
        margin-top: 15px;  
    }
    /*wealth management*/
    .heroSec4{
        width:100%;
        background: url(images/home2.jpg);
        height: 80vh;
        background-position: center;
        background-size: cover;
    
    }
    .herosec4row{
        width: 85%;
        margin: auto;
        padding-top: 180px;
        color: #fff;    
    }
    .herosec4row h5{
        color: #fff;
        font-size: 25px;   
    }
    .herosec4row h3{
     
        font-size: 45px; 
        max-width: 1050px;
        color: #0c195a;
        margin-top: 15px;  
    }
    .wealthsec{
        margin: 50px 0;
    }
    .row11{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 85%;
        margin: auto;
    }
    .col14{
        flex-basis: 45%;
    }
    .col14 img{
        width: 100%;
    }
    .col14 h4{
        font-size: 24px;
        color: #0c195a;
        margin-bottom: 25px;
    }
    .col14 p{
        color: #000;
        line-height: 25px;
        font-size: 18px;
        margin-bottom: 40px;
       
    
    }
    /*about us*/
    .aboutusImg{
        width: 85%;
        margin: 20px auto;
    }
    .aboutusImg img{
        width: 70%;
        border-radius: 10px;
    }
    .missionsec{
        background: #0c195a;
        padding: 70px 0 50px 0;
    }
    .row9{
        width: 85%;
        margin: auto;
       
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col11{
        flex-basis: 45%;
    
    }
    .col11 h4{
        color: #fff;
        font-size: 24px;
        margin-bottom: 40px;
    }
    .col11 p{
        color: #fff;
        line-height: 25px;
        font-size: 18px;
    }
    .value{
        margin: 50px 0;
    }
    .divHead1 p{
        color: #0c195a;
        line-height: 25px;
        font-size: 18px;
    
    }
    .valueRow{
        width: 85%;
        margin: 30px auto 30px;
      
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col12{
        flex-basis: 40%;
        margin-bottom: 20px;
    
    }
    .col12 h5{
        color: #0c195a;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .col12 p{
        color: #000;
        line-height: 25px;
        font-size: 18px;
    }
    /*contact us*/
    .contactsec{
    
    }
    .rowForm{
        width: 85%;
        margin: 30px auto 30px;
      
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    
    }
    .col13{
        flex-basis: 45%;
    }
    .col13 form{
        width: 100%;
    }
    .inpSec{
        margin-bottom: 15px;
    }
    .inpSec label{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .inpSec input,.inpSec select,.inpSec textarea{
        width: 100%;
        background: #eee;
        padding: 20px;
        border: none;
        outline: none;
        margin-top: 7px;
    }
    .col13 button{
        background: none;
        border: 1px solid #0c195a;
        padding: 15px 40px;
        color: #0c195a;
        transition: ease-in 0.3s;
        text-transform: uppercase;
        margin-bottom: 50px;
        cursor: pointer;
    }
    .contactsec{
        margin: 40px 0;
    }
    .contactCol{
        margin: 20px 0;
    }
    .contactCol h4{
        font-size: 20px;
        color: #0c195a;
    }
    .contactCol .contactColP{
        margin-top: 10px;
    }
    .contactCol .contactColP p{
        margin-top: 10px;
        line-height: 25px;
    }
    
    .col13 button:hover{
        background: #0c195a;
        color: #fff;
        border: 1px solid #0c195a;
        
        
    }
    .col23{
        flex-basis: 40%;
    }
    .col23 img{
        width: 100%;
    }

    /*plan page*/
   .contPlan {
    margin:50px 0;
    
   }
   .rowPlan{
    width:85%;
    margin: auto;
    display: flex;
   }
   
    
    
    @media screen and (max-width:750px){
        
        .navBar2{
            display: block;
            background: #0c195a;
            height: 70px;
            border-bottom:2px solid #0c195a; 
            box-shadow: 0,25px 45px rgba(0,0,0,0.2);
            
        }
        .navRow2{
            display: flex;
            align-items: center;
            height: 100%;
        }
        .navImg2{
            width:82%;
            background: #fff;
            height: 100%;
           
            
    
           
        }
        .openBtn{
            width: 18%;
        }
        .openBtn img{
            margin-left: 10px;
            width: 40px;
        }
        .navImg2 img{
            width: 120px;
            margin-left: 10px;
            margin-top: 12px;
        }
        
        .navCol2{
            position: fixed;
            top: -1000px;
            right: 0px;
            width: 100%;
            
            
            background: #0c195a;
            height: 100vh;
            transition: 0.5s;
            z-index: 100;
            flex-direction: column;
        }
        .navList2{
            padding-right: 5px;
        }
      
        .navCol2.show{
           top: 0;
        }
    
        .navList2 ul li{
            display: block;
            text-align: left;
            margin: 20px 15px 50px 15px;
            font-size: 15px;
            color: #fff;
            border-bottom: 1px solid #fff;
            padding-right: 5px;
            padding-bottom: 5px;
           
        
        }
       
        .open{
            display: block;
            color:#fff;
            font-size:25px;
        }
        .navclose{
            display: block;
            text-align: left;
            color: white;
            font-size: 35px;
            z-index: 1000000;
            margin-left: 10px;
            margin-top: 20px;
            
        }
        .navBar{
            display: none;
        }
    
        
        .heroSec h5{
            color: #fff;
            font-size: 18px;   
        }
        .heroSec h3{
            color: #fff;
            font-size: 22px; 
            text-align: left;
           
            color: #0c195a;
            margin-top: 15px; 
            
        }
        .carousel-cap p{
            margin-bottom: 30px;
            font-size: 15px;
            text-align: left;
            line-height: 25px;
        }
           
          
          .carousel-cap h3{
            margin-bottom: 15px; 
             font-size: 22px;
             font-weight: 700;
             text-align: left;
            }
            .carousel-cap a{
                background: none;
                padding: 10px;
                color: #fff;
                margin-top: 15px;
                border-radius: 10px;
                text-decoration: none;
                display: block;
                width: 180px;
            
                z-index: 10;
                border: 1px solid #fff;
                color: #fff;
                outline: none;
                transition: 0.5s;
                
              
                
                
                
             }
            
        .col1,
        .col2,
        .col3,
        .col4,
        .col20,
        .col5,
        .col6,
        .col7,
        .col21,
        .col9Img,
        .col9P,
        .col22,
        .col10,
        .col14,
        .col11,
        .col13,
        .col23,
        .col28,
        .col30,
        .col31,
        .col32
        {
            flex-basis: 100%;
            margin-bottom: 15px;
        }
        
        .col13 form label{
            font-size: 14px;
    
        }
        .col1 h4,
        .divhead2 h4,
        .col3 h4,
        .col4 h4,
        .col20 h4,
        .col5 h4,
        .col6 h4,
        .col8 h4,
        .col9P h4,
        .col22 h4,
        .col10 h4,
        .col14 h4,
        .col11 h4,
        .contactCol h4,
        .col30 h4
        {
            font-size: 18px;
        }
        .col27 h4{
            font-size: 18px;
        }
        .col27 p{
            font-size:13px;
            
        }
        
        .heroSec2 h5,
        .herosec3row h5,
        .herosec4row h5{
            font-size: 18px;
        }
        .col4 h6,
        .col20 h6,
        .col20 h6
        {
            font-size: 14px;
        }
        .col1 p,
        .col3 p,
        .col4 p,
        .col6 p,
        .col7 p,
        .col8 p,
        .col9P p,
        .col22 p,
        .col14 p,
        .col11 p,
        .col20 p,
        .divHead1 p,
        .contactColP p,
        .cont7 table td,
        .rowTxt5 p,
        .col25 p,
        .col30 p
       {
          
       
            font-size: 15px;
    
        } 
        
        .divHead1 h3,
        .herosec2row h3,
        .financeHead h3,
        .herosec3row h3,
        .herosec4row h3,
        .latest-withdrawal h3,
        .rowTx h3,
        .col25 h3,
        .col31 h3,
        .col32 h3,
        .rowTxt5 h3
        
        {
            font-size: 20px;
            font-weight: 600;
        }
        .col3 a,
        .col6 a,
        .col7 a,
        .col13 button{
     font-size: 12px;
            padding: 14px;
          
        }
        .co20 img{
            width: 100%;
        }
        .col12 {
            flex-basis: 40%;
        }
        .col12 h5{
            font-size: 14px;
        }
        .col12 p{
            font-size: 13px;
        }
        .inputSec input{
    
    
            padding: 14px;
            font-size: 15px; 
    
        
        }
    
        .col21 img{
            width: 80%;
        }
        .col29Icon{
            width: 100px;
            height: 100px;

        }
        .col28 img{
            width: 100%;
        }
      
     }
    
    
 }