* {
  margin: 0px;
}

.our-home-banner {

  height: 580px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* OLD CSS FOR VECTOR */
/*.our-home-banner-content .our-home-banner-vectors {*/
/*  position: absolute;*/
/*  width: 205px;*/
/*  height: 165px;*/
/*  left: 540px;*/
/*  top: 0px;*/
/*}*/

/* Blue Vector Bars */
.our-home-banner-content .our-home-banner-vectors {
  position: absolute;
  width: 141px;
  
  left: 29.8%;
  top: 0px;
}




.our-banner-container{
position: absolute;
width: 700px;
height: 222px;
left: 12%;
top: 31%;

/*font-family: "AvantGarde Bold";*/
/*font-style: normal;*/
/*font-weight: 700;*/
/*font-size: 160px;*/
/*line-height: 85%;*/


color: #FFFFFF;

}






@media screen and (max-width: 768px) {
  /* Home Banner */
  .our-home-banner{

    background-position-x: 93%;
    height: 90vh;

  }
  .our-home-banner-content .our-home-banner-vectors {
    width: 132px;
    height: 121px;
    left: 90px;
  }
  
  .our-home-banner-content .our-home-banner-header {
    width: 306px;
    height: 72px;
    left: 15px;
    top: 80%;
  }
  .our-banner-container{
    position: absolute;
    width: 250px;
    height: 70px;
    left: 43px;
    top: 82.5%;

    font-family: "AvantGarde Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 85%;

    
  }
}

.our-story-img{
    width: 484px;
    height: 412px;
}

        
.meet {
    /*position: relative;*/
    margin-top: 2%;
    padding: 0rem 15%;
    /*display: flex;*/
    justify-content: space-between;
    gap: 133px;
  }
  
  
  .meet-content {
    margin: 2% 0;
  }
  
  .meet-title {
    /*font-family: "Century Gothic";*/
    width: 750px;
    /*color: #00233A;*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*font-size: 35px;*/
    margin-bottom: 25px;
    /*font-weight: bold;*/
  }
  
  .meet-p {
    /*font-family: "Century Gothic";*/
    /*color: #00233A;*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*font-size: 20px;*/
    width: 700px;
  }
  

  .meet img {
    width: 484px;
  }
  
  .meet-people {
    /*position: relative;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  
  .meet-people a {
    padding: 5px 0;
    margin: 0 20%;
    margin-top: 20px;
    font-family: "AvantGarde Bold";
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #16BAE7;
    border: solid 1px;
    font-weight: bold;
    text-decoration: none;
  }
  
  .meet-people a:hover {
    text-decoration: none;
    background-color: #16BAE7;
    color: #fff;
    transition: 0.25s;
  }
  
   .meet-space {
    /*font-family: 'Century Gothic';*/
    margin-top: 20px;
    /*font-style: normal;*/
    /*text-align: center;*/
    /*font-weight: 400;*/
    /*font-size: 20px;*/
    /*line-height: 22px;*/
    /*color: #00233A;*/
    /*font-weight: bold;*/
    margin-bottom: 80px;
  }

    /* Invest People Media Query */
    @media screen and (max-width: 575px) {
        
        
    .meetImageText{
        width: 80%;
        
    }

        
    html, body{
      margin: 0;
      padding: 0;
    }
    
    .meetorder{
        
    }
    
    .meetorder-img{
        order: 3;
    }
    
    .meetorder-content{
        order: 1;
    }
    
    .meetorder-people{
        order: 2;
    }
   
    .meet {
      margin: 0;
      padding: 0;
      /*flex-direction: column;*/
      max-width: 100%;
      gap: 0px;
    }
  
    .meet-content {
      flex: none;
      order: 1;
      flex-grow: 0;
      padding: 0 5%;
      max-width: 100%;
    }
  
    .meet-title {
      font-size: 30px;
      width: 335px;
    }
  
    .meet-p {
      font-size: 16px;
      width: 335px;
    }
  
    .meet-people {
      flex: none;
      order: 2;
      flex-grow: 0;
      max-width: 100%;
    }
  
    .meet-people a {
      font-size: 25px;
      margin: 0 10%;
      margin-top: 5%;
    }
  
    .meet-people p {
      margin: 5% 10%;
      font-size: 16px;
  
    }
  
    .meet img {
      flex: none;
      order: 3;
      flex-grow: 0;
      width: 100%;
      height: auto;
    }

}

* {
  margin: 0;
}



.now-search-button{
    margin-top: 40px;
}

.now-b-container {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 507px;
  width: 100%;
}



.now-blue-img {
  height: 507px;
  width: 71.94%;
  left: 0px;
  top: 0px;
}



.now-v-container {
  position: absolute;
  left: 195px;
  top: 0px;
}

.now-b-l {
  width: 141px;
  height: 126px;
}

.now-t-container {

  /*display: flex;*/
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  

  position: absolute;
  width: 36.74%;
  height: 233px;
  left: 116px;
  top: 112px;
}

.banner-btn {
  /*color:  #00233A;*/
  /*font-family: 'Century Gothic';*/
  /*font-style: normal;*/
  /*font-weight: 700;*/
  /*font-size: 28px;*/
  /*line-height: 38px;*/
  /*border: 1px solid #00233A;*/
  /*padding: 5px 23px;*/

}

.banner-btn:hover {
  /*cursor: pointer;*/
  /*color: white;*/
}

.now-blue-alt-m {
  display: none;
  
}

.bolder {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  /* or 200% */
  /* Inchcape Dark Blue */
  color: #00233A;
}



@media screen and (max-width: 575px) {
  .small-dark-banner {
    font-size: 48px;
    line-height: 50px;

  }

  .small-paragraph {
    font-size: 16px;
    /*line-height: 32px;*/
  }

  .now-t-mobile {
    margin: 54px 0px 30px 20px;
  }

  .now-t-mobile-center {
    width: 90%;
    height: 350px;
    padding-top: 10px;
    margin-top: 10px;
    margin-left: 0px;
    /*margin: 20px;*/
    line-height: 32px;

  }


  .now-blue-img {
    display: none;
  }

  .now-b-l {
    display: none;
  }

  .now-t-container {
    display: none;
  }


  .now-b-container {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 232px;
    width: 100%;
  }



  .now-blue-alt-m {
    display: flex;
    flex-direction: column;
    background-color: #16BAE7;
    height: 545px;
    width: 100%;
    /* gap: 20px; */
    /*margin-bottom: 50px;*/
  
  }

  .now-p-s {
    position: relative;
    text-align: center;
    margin-top: 30px;
    /*margin-bottom: 50px;*/
  }
  


}

.about {
  position: relative;
  margin-top: 2%;
  padding: 0rem 15%;
  display: flex;
  justify-content: space-between;
}

.about-meet-people{
  width: 484px;
  height: 412px;
}

.about-content {
  margin: 2% 0;
}

.about-title {
  /*font-family: "Century Gothic";*/
  width: 750px;
  /*color: #00233A;*/
  /*font-style: normal;*/
  /*font-weight: 700;*/
  /*font-size: 30px;*/
  margin-bottom: 25px;
  /*font-weight: bold;*/
}

.about-p {
  font-family: "Century Gothic";
  color: #00233A;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  width: 750px;
}

.about img {
  width: 484px;
}

.about-meet-people {
  /*position: relative;*/
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.about-meet-people-container{
    text-align: center;
    margin-top: 32px;
    
}
.about-spacing{
  margin-top: 40px;
}

.about-bolder{
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #00233A;

}

.light-btn { 
    /*font-family: 'Century Gothic'; */
    /*font-style: normal; */
    /*font-weight: 700; */
    /*font-size: 28px; */
    /*line-height: 38px; */
    /*padding: 5px 23px; */
    /*border: 1px solid #16BAE7; */
    /*color: #16BAE7;*/
}

/*.light-btn:hover {*/
/*  background-color: #16BAE7;*/
/*  color: #fff;*/
/*  transition: 0.25s;*/
}

.about-meet-people p {
  font-family: 'Century Gothic';
  margin-top: 20px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #00233A;
  font-weight: bold;
}

  /* Invest People Media Query */
  @media screen and (max-width: 575px) {
      
  * {
    margin: 0px;
}

.about-spacing{
  
  margin-bottom: 48px;
}
 
  .about {
      
    margin-top: 40px;
    margin: 0;
    padding: 40px 0px;
    flex-direction: column;
    max-width: 100%;


  }

  .about-content {
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 0 5%;
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-meet-people{

    width: 100%;
    height: 232px;
    order: 2;
    margin-top: 48px;
  }

  .about-title {
    font-size: 30px;
    width: 335px;
  }

  .about-p {
    font-size: 16px;
    width: 335px;
  }

  .about-meet-people-container{
    gap: 36px;
  }

}