@import url("https://fonts.googleapis.com/css2?family=Days+One&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto:ital@1&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

body{
 background-image:url("/img/homepage.png");
background-repeat:no-repeat;
background-size:cover;
}

.home_body,
.dash_body {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.auth_page {
  background-size: cover;
}

h1 {
  font-size: 48px;
  color: #001733;
  font-family: "Days One", sans-serif;
  margin-bottom: 2rem;
}

.learn_more {
  font-size: 14px;
  font-weight: 500;
  color: white !important;
  border: 1px solid gold;
  width: 120px;
  height: 35px;
  border-radius: 0;
}

/* Header */

header {
  color: #fff;
}

.tobbar h6 {
  font-size: 14px;
  font-weight: 700;
  color: #fff !important;
}

.tobbar p {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.nav-link {
  font-size: 17px;
  font-weight: 500;
  color: #fff !important;
  margin-left: 5px;
  margin-right: 5px;
}

.login {
  height: 35px;
  min-width: 95px;
  color: #fff !important;
  font-size: 17px;
  font-weight: 500;
  border-radius: 0;
}

.login:hover {
  border: 1px solid;
  border-radius: 0;
  background: linear-gradient(to right, #fff, #fff0);
}

.nav-item:hover{
  border: 1px solid;
  border-radius: 0;
  background: linear-gradient(to right, #fff, #fff0);
}

.navbar-brand {
  width: 10%;
}

.hero {
  margin-top: 5rem;
}

.hero h1 {
  font-size: 48px;
  font-family: "Days One", sans-serif;
  text-shadow: 0 0 10px #fff;
  color: #fff !important;
}

.hero h2{
    font-size: 40px;
  font-family: "Days One", sans-serif;
  text-shadow: 0 0 10px #fff;
  color: #fff !important;
}

.hero .btn {
  height: 60px;
  width: 260px;
  color: #fff !important;
  background: linear-gradient(to right, #fff, #fff0);
  border: 1px solid;
  border-radius: 0;
  padding-top: 15px;
  margin-top: 2rem;
  margin-bottom: 5rem;
}

.hero h4 {
  font-size: 24px;
  font-family: "Days One", sans-serif;
  margin-bottom: 2rem;
}

.hero .features {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: #fff8;
  color: gold;
  width: 246px;
  height: 348px;
  padding: 4rem 2.5rem;
  margin-left: 4rem;
}

.hero h {
 
}

.hero p {
  font-size: 12px;
}

.hero h3 {
  font-size: 16px;
  font-weight: 600;
}

.hero .statistics {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: #fff8;
  color: #434343;
  width: 266px;
  height: 415px;
  padding: 4rem 2.5rem;
  margin-left: 4rem;
  margin-top: 5rem;
}

/* !Header */

/* Investment */

.investment {
  margin-bottom: 1rem;
  position: relative;
}

.investment .offer {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 20%;
}

.investment .offer h1 {
  font-size: 48px;
  color: #fff !important;
  font-family: "Days One", sans-serif;
  margin-top: -1rem !important;
  text-align: center;
  height: 166px;
  width: 166px;
  background: #001d3d;
  border-radius: 50%;
  padding-top: 3rem;
  margin: auto;
}

.investment .offer h2 {
  width: 639px;
  height: 72px;
  color: #fff !important;
  text-align: center;
  background: #001733;
  font-size: 36px;
  font-weight: 500;
  padding-top: 13px;
}


.invest-box{
    background-color: #fafad2;
    background-size:100% 100%;
    border-bottom-right-radius: 100px;
 }

.font h2{
     font-family: "Paermanent Maker", sans-serif;
     font-weight: 500;
     font-size: 48px;
}


.choose_box{
  height: 236px;
  width: 400px;
  background: white;
  text-align: center;
  padding: 2rem 3rem;
  position: relative;
  margin: auto;
  margin-top: 3rem !important;
  border-radius: 8px;
 
}

.choose_box h2 {
  position: absolute;
  height: 84px;
  width: 84px;
  background: #001d3d;
  border-radius: 50%;
  color: #fff;
  padding-top: 1.5rem;
  top: -3rem;
  right: -2rem;
}

.choose_box h6 {
  font-size: 18px;
  font-weight: 600;
  color: #001733;
  padding: 0 1rem;
}

.choose_box p {
  font-size: 18px;
  color: #4f4f4f;
  padding: 0 0.5rem;
}

.referal{
    border: solid gold;
}

.about h5{
    font-family: "Days One", sans-serif;
}

.earning h2{
     font-family: "Days One", sans-serif;
}

.earning h5{
     font-family: "Days One", sans-serif;
}

.earning h2{
     font-family: "Days One", sans-serif;
}

.about h2{
     font-family: "Days One", sans-serif;
}
/* Start */

.start {
  margin-bottom: 2rem;
}

.start_box {
  height: 409px;
  width: 100%;
  
  background-size: 100% 100%;
  color: #fff !important;
  text-align: center;
  padding-top: 5rem !important;
  padding: 0 3rem;
}

.start h6 {
  font-size: 18px;
  color: #f2f2f2;
  font-weight: 400;
  margin-top: 2rem;
}

.start .btn {
  font-size: 17px;
  font-weight: 500;
  height: 35px;
  width: 123px;
  color: #fff !important;
  background: black;
  border: 1px solid gold;
  border-radius: 0;
  padding-top: 2px;
  margin-top: 1rem;
}

.start_box2 {
  background: #fff;
  height: 96px;
  width: 95%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1rem;
  padding-top: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}

.start_box3 {
  background: #fff;
  height: 96px;
  width: 85%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1rem;
  padding-top: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}

.start_box4 {
  background: #fff;
  height: 96px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1rem;
  padding-top: 1.5rem;
  border-radius: 5px;
}

.start h2 {
  font-size: 16px;
  color: #4f4f4f;
  font-family: "Days One", sans-serif;
}

.start p {
  font-size: 14px;
  color: #4f4f4f;
}

/* !Start */


/* Affilliate */

.affilliate {
  margin-top: 3rem;
}

.affilliate_box {
  background: url(../img/lvl.png) no-repeat;
  background-size: 100% 100%;
  height: 398px;
  color: #fff;
  padding: 3rem;
  padding-right: 6rem;
}

.affilliate_box h2 {
  font-size: 72px;
  font-family: "Days One", sans-serif;
  position: relative;
}

.affilliate_box h2 sup {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  position: absolute;
  height: 84px;
  width: 84px;
  border-radius: 50%;
  background: #fff;
  color: #03265c;
  padding-top: 2.5rem;
  padding-left: 1.5rem;
  margin-top: -1rem;
}

.affilliate_box p {
  font-size: 14px !important;
  color: #f2f2f2 !important;
}

.affilliate_box .btn {
  width: 185px;
  height: 35px;
  background: linear-gradient(to right, #fff, #fff0);
  color: #fff !important;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 0;
  margin: auto;
}

.affilliate h6 {
  font-size: 18px;
  font-weight: 600;
  
 
}

.affilliate p {
  font-size: 18px;
  color: #4f4f4f;
  width: 70%;
}

.affilliate .groth {
  margin-left: 25rem;
}

.text-light-blue{
    color: gold;
}

    

/* !Affilliate */



.preloader{
    position: fixed;
    z-index: 999999;
    background: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader{
    width: 100px;
    height: 100px;
    border: 10px solid black;
    border-radius: 50%;
    border-top: 10px solid red;
    animation: spin 1s linear infinite;
}

@keyframes spin{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

footer {
  color: #fff;
  padding-top: 1rem;
}

.dashboard footer {
  background: url(../img/footer.png) no-repeat;
  background-size: cover;
  padding-left: 5%;
  padding-right: 5%;
}

.dashboard .brand {
  padding-top: 50px;
}

footer p {
  font-size: 14px;
  font-weight: 500;
}

footer h6 {
  font-size: 18px;
  font-weight: 700;
}

footer hr {
  background: #fff;
}

footer h5 {
  font-size: 14px;
  font-weight: 400;
}

footer a {
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
}

/* !Footer */

/* Transactions */

.transactions {
  margin-bottom: 2rem;
}

.transactions_box {
  height: 92px;
  background: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 1rem;
  border-radius: 10px;
  padding: 30px;
}

.transactions_box h5 {
  font-size: 24px;
  font-weight: 600;
  color: #001733;
}

.transactions_box h6 {
  font-size: 24px;
  font-weight: 400 !important;
  color: #001733;
  text-align: left !important;
  padding-top: 0;
}

.transactions h4 {
  font-size: 30px;
  font-weight: 600;
  color: #001733;
  margin-bottom: 2rem;
}

.transactions .item_1 {
  background: url(../img/item_1\ bg.png) no-repeat;
  background-size: cover;
  height: 100%;
  color: #fff;
  padding: 2rem;
}

.transactions .item_2 {
  background: url(../img/item_2\ bg.png) no-repeat;
  background-size: cover;
  height: 100%;
  color: #fff;
  padding: 2rem;
}

.transactions h6 {
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}

.transactions h2 {
  font-size: 36px;
  font-weight: 600;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.read_more {
  height: 54px;
  width: 201px;
  color: #fff !important;
  border: 1px solid #fff;
  border-radius: 0;
  font-size: 18px;
  padding-top: 13px;
}

.owl-carousel .owl-prev {
  font-size: 50px !important;
  margin-left: 12rem;
}

.owl-carousel .owl-next {
  font-size: 50px !important;
  margin-left: 10rem;
}

/* !Transactions */

@media screen and (max-width: 1400px) {
  .investment .offer h2 {
    width: 607px;
  }

 






.investment h1 {
  margin-top: 10rem;
}

.investment p {
  font-size: 18px;
  color: #4f4f4f;
  margin-bottom: 2rem;
}

/* !Investment */

/* About */




/* !About */

/* Start */

.start {
  margin-bottom: 2rem;
}

.start_box {
  height: 409px;
  width: 100%;
  
  background-size: 100% 100%;
  color: #fff !important;
  text-align: center;
  padding-top: 5rem !important;
  padding: 0 3rem;
}

.start h6 {
  font-size: 18px;
  color: #f2f2f2;
  font-weight: 400;
  margin-top: 2rem;
}

.start .btn {
  font-size: 17px;
  font-weight: 500;
  height: 35px;
  width: 123px;
  color: #fff !important;
  background: black;
  border: 1px solid gold;
  border-radius: 0;
  padding-top: 2px;
  margin-top: 1rem;
}

.start_box2 {
  background: #fff;
  height: 96px;
  width: 95%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1rem;
  padding-top: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}

.start_box3 {
  background: #fff;
  height: 96px;
  width: 85%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1rem;
  padding-top: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}

.start_box4 {
  background: #fff;
  height: 96px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 1rem;
  padding-top: 1.5rem;
  border-radius: 5px;
}

.start h2 {
  font-size: 16px;
  color: #4f4f4f;
  font-family: "Days One", sans-serif;
}

.start p {
  font-size: 14px;
  color: #4f4f4f;
}

/* !Start */

/* Company */

.company {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.company p {
  font-size: 18px;
  
  margin-bottom: 1rem;
}

.company h1{
  font-family: "Days One", sans-serif;
}

.company_box {
  background: #03265c;
  height: 100%;
  color: #fff;
  padding-top: 4rem;
  padding-left: 1rem;
}

.company_box h5 {
  font-size: 24px;
  font-weight: 700;
}

.company_box h1 {
  font-size: 64px;
  margin-top: -1rem;
  color: #fff !important;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.company_box h6 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 2rem;
}

.company_box .btn {
  font-size: 22px;
  font-weight: 700;
  color: #fff !important;
  height: 45px;
  border: 1px solid #fff;
  width: 300px;
  margin-bottom: 1rem;
  border-radius: 5px;
}

/* !Company */

/* Choose */

.choose {
  margin-bottom: 2rem;
}

.choose_box {
  height: 236px;
  width: 400px;
  background: white;
  text-align: center;
  padding: 2rem 3rem;
  position: relative;
  margin: auto;
  margin-top: 3rem !important;
}

.choose_box h2 {
  position: absolute;
  height: 84px;
  width: 84px;
  background: #001d3d;
  border-radius: 50%;
  color: #fff;
  padding-top: 1.5rem;
  top: -3rem;
  right: -2rem;
}

.choose_box h6 {
  font-size: 18px;
  font-weight: 600;
  color: #001733;
  padding: 0 1rem;
}

.choose_box p {
  font-size: 18px;
  color: #4f4f4f;
  padding: 0 0.5rem;
}

/* !Choose */

/* Affilliate */

.affilliate {
  margin-top: 3rem;
}

.affillate h1{
    color: silver;
}

.affilliate_box {
  background: url(../img/lvl.png) no-repeat;
  background-size: 100% 100%;
  height: 398px;
  color: #fff;
  padding: 3rem;
  padding-right: 6rem;
}

.affilliate_box h2 {
  font-size: 72px;
  font-family: "Days One", sans-serif;
  position: relative;
}

.affilliate_box h2 sup {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  position: absolute;
  height: 84px;
  width: 84px;
  padding-top: 2.5rem;
  padding-left: 1.5rem;
  margin-top: -1rem;
}

.affilliate_box p {
  font-size: 14px !important;
  color: #f2f2f2 !important;
}

.affilliate_box .btn {
  width: 185px;
  height: 35px;
  background: linear-gradient(to right, #fff, #fff0);
  color: #fff !important;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 0;
  margin: auto;
}


.text-light-blue{
    color: gold;
}
.affilliate p {
  font-size: 18px;
  color: #4f4f4f;
  width: 70%;
}

.affilliate .groth {
  margin-left: 25rem;
}

/* !Affilliate */

/* Transactions */

.transactions {
  margin-bottom: 2rem;
}

.transactions_box {
  height: 92px;
  background: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 1rem;
  border-radius: 10px;
  padding: 30px;
}

.transactions_box h5 {
  font-size: 24px;
  font-weight: 600;
  color: #001733;
}

.transactions_box h6 {
  font-size: 24px;
  font-weight: 400 !important;
  color: #001733;
  text-align: left !important;
  padding-top: 0;
}

.transactions h4 {
  font-size: 30px;
  font-weight: 600;
  color: #001733;
  margin-bottom: 2rem;
}

.transactions .item_1 {
  background: url(../img/item_1\ bg.png) no-repeat;
  background-size: cover;
  height: 100%;
  color: #fff;
  padding: 2rem;
}

.transactions .item_2 {
  background: url(../img/item_2\ bg.png) no-repeat;
  background-size: cover;
  height: 100%;
  color: #fff;
  padding: 2rem;
}

.transactions h6 {
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}

.transactions h2 {
  font-size: 36px;
  font-weight: 600;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

.read_more {
  height: 54px;
  width: 201px;
  color: #fff !important;
  border: 1px solid #fff;
  border-radius: 0;
  font-size: 18px;
  padding-top: 13px;
}

.owl-carousel .owl-prev {
  font-size: 50px !important;
  margin-left: 12rem;
}

.owl-carousel .owl-next {
  font-size: 50px !important;
  margin-left: 10rem;
}

/* !Transactions */

/* Footer */

footer {
  color: #fff;
  padding-top: 1rem;
}

.dashboard footer {
  background: url(../img/footer.png) no-repeat;
  background-size: cover;
  padding-left: 5%;
  padding-right: 5%;
}

.dashboard .brand {
  padding-top: 50px;
}

footer p {
  font-size: 14px;
  font-weight: 500;
}

footer h6 {
  font-size: 18px;
  font-weight: 700;
}

footer hr {
  background: #fff;
}

footer h5 {
  font-size: 14px;
  font-weight: 400;
}

footer a {
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
}

/* !Footer */

/* Learge Screen */

@media screen and (min-width: 1700px) {
  .investment .offer h2 {
    width: 856px;
  }

  .company_box {
    padding-left: 4rem;
  }

  .certificate {
    width: 75%;
  }

  .owl-carousel .owl-prev {
    margin-left: 15rem;
  }

  .owl-carousel .owl-next {
    margin-left: 18rem;
  }
}

/* !Learge Screen */