/*============== CSS RESET ==============*/
/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

/*
    2. Remove default margin
  */
* {
    margin: 0;
}

/*
    Typographic tweaks!
    3. Add accessible line-height
    4. Improve text rendering
  */
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/*
    5. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/*
    6. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
    font: inherit;
}

/*
    7. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

/*
    8. Create a root stacking context
  */
#root,
#__next {
    isolation: isolate;
}

a{
    text-decoration: none;
}

/*============== CSS RESET ==============*/

/*============== CSS FONT IMPORT ==============*/
@font-face {
    font-family: "Poppins";
    src: url("../assets/fonts/Poppins-Regular.ttf") format("truetype"),

}

/*============== CSS FONT IMPORT ==============*/

/*============== NAVBAR START ==============*/
.navbar-header {
  /* max-width: 2500px;
  margin: 0 auto; */
  height: 60px;
}

.navbar-pages {
  /* border: solid red 2px; */
  /* padding-left: 5%; */
}

.navbar-brand>.logo {
  width: 80px;
  margin-right: 25px;
}

.nav-link {
  font-size: 17px;
  margin: 0 15px;
  font-family: 'Poppins';
  font-weight: 600;
}
/*============== NAVBAR START ==============*/

/* HOME HEADER SECTION START */
.standardContainerBody{
  color: white;
  max-width: 100vw;
  height: fit-content;
  overflow: hidden;
}

.headerSectionStandar{
  position: relative;
  height: 700px;
  max-width: 1700px;
  margin: 0 auto;
}

.imgStandardHead{
  position: absolute;
  width: 40%;
  max-width: 900px;
  right: 0;
}

.containerHeadStand{
  position: relative;
  z-index: 2;
  padding-left: 5%;
  padding-top: 130px;
}

.containerHeadStand > h2{
  width: 46%;
  font-size: 75px;
  font-weight: 1000;
  line-height: 75px;
  color: black;
  text-transform: uppercase;
  /* text-shadow: 3px 3px 10px black; */
}

.containerHeadStand > p{
  /* text-shadow: 3px 3px 5px black; */
  width: 40%;
  color: black;
  font-weight: 600;
  margin-bottom: 40px;
}

.connexions-container > .sign-up-button{
  background-color: #e84e1b;
  color: white;
  margin-top: 50px;
  padding: 13px 20px;
  border-radius: 4px;
  transition: .4s ease;
}
.connexions-container > .login-button{
  background-color: #1d1d1b;
  color: white;
  margin-top: 50px;
  margin-left: 15px;
  padding: 13px 20px;
  border-radius: 4px;
  transition: .4s ease;
}
.connexions-container > .sign-up-button:hover{
  background-color: #7a7a40;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);

}
.connexions-container > .login-button:hover{
  background-color: #7a7a40;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 15px -6px rgba(0,0,0,1);
}

@media screen and (min-width: 1260px) {
  .containerHeadStand{
      padding-left: 10%;
  }
}

@media screen and (min-width: 1400px) {
  .containerHeadStand{
      padding-left: 15%;
  }
}

@media screen and (max-width: 1350px) {
  .imgStandardHead{
      width: 45%;
  }

  .headerSectionStandar{
      height: 680px;
  }
}

@media screen and (max-width: 1250px) {
  .imgStandardHead{
      width: 48%;
  }
}

@media screen and (max-width: 1200px) {
  .imgStandardHead{
     margin-top: 0;
  }

  .containerHeadStand > h6{
      font-size: 15px;
      margin-bottom: 10px;
  }

  .containerHeadStand > h2{
      font-size: 65px;
      line-height: 75px;
      width: 55%;
  }

  .containerHeadStand > p{
      font-weight: 600;
      margin-bottom: 30px;
      width: 50%;
  }

  .containerHeadStand > a{
      margin-top: 30px;
      padding: 13px 20px;
      border-radius: 5px;
  }
}

@media screen and (max-width: 1150px) {
  .headerSectionStandar{
      height: 640px;
  }
}

@media screen and (max-width: 960px) {
  .headerSectionStandar{
      height: 700px;
  }

  .imgStandardHead{
      width: 52%;
      top: 70px;
  }

  .containerHeadStand > h2{
      font-size: 50px;
      line-height: 65px;
      width: 45%;
  }

  .containerHeadStand > p{
      font-weight: 600;
      margin-bottom: 30px;
      width: 45%;
  }
}

@media screen and (max-width: 800px) {
  .headerSectionStandar{
      display: flex;
      flex-direction: column-reverse;
      height: 500px;
  }

  .imgStandardHead{

    width: 52%;
    top: 0;
  }
  #Star{
    display: none;
  }
  .headerSectionStandar{
    overflow: visible;
    margin-top: -120px;

  }
  .containerHeadStand{
    padding: 0;
    padding-left: 50px;
    background-color: white;
  }

  .containerHeadStand > h2{
      width: 75%;
  }

  .containerHeadStand > p{
      width: 80%;
  }
}

@media screen and (max-width: 680px) {

  .containerHeadStand > h2{
    font-size: 50px;
    line-height: 50px;
    width: 90%;
  }
}

@media screen and (max-width: 480px) {
  .headerSectionStandar{
      height: 500px;
  }

  .imgStandardHead{
      width: 70%;
      top: 50px;
  }

  .containerHeadStand {
      padding-left: 5%;
  }

  .containerHeadStand > h2{
    font-size: 40px;
    line-height: 40px;
    width: 90%;
  }

  .containerHeadStand > p{
      width: 95%;
  }
}
@media screen and (max-width: 350px) {
  .headerSectionStandar{
      height: 540px;
  }

.connexions-container > .sign-up-button{
  padding: 10px 15px;
  border-radius: 4px;
  transition: .4s ease;
  font-size: 15px;
}
.connexions-container > .login-button{
  padding: 10px 15px;
  border-radius: 4px;
  transition: .4s ease;
  font-size: 15px;
}
}
/* HOME HEADER SECTION END */

/* FOOTER START */

body {
    font-size: 13px;
    font-weight: bold;
    color: white
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

/* ul>li {
    padding: 4px;
    /* color:rgb(224, 211, 211);
    font-weight: 500;
} */

ul>li:hover {
    color: rgb(106, 74, 74);
    cursor: pointer
}

hr {
    border-width: 3px
}

.card {
    padding: 2% 7%
}

.social>i {
    padding: 1%;
    font-size: 15px
}
.card-text > li{
  color: rgb(250, 235, 235);
}
.footerLinks{
  color: rgb(250, 235, 235);
}
.card-text > li:hover{
  color: #957bda;
}
.footerLinks:hover{
  color: #957bda;
}
.social>i:hover {
    color: #957bda;
    cursor: pointer
}

.policy>div {
    padding: 4px
}

.heading {
    color: rgb(250, 235, 235);
    font-weight: 700;
}

.divider {
    border-top: 1px solid rgb(88, 76, 76)
}

.pull-left{
  font-size: 18px;
  color: rgb(60, 60, 60);
}
.xearthSt{
  color: rgb(233, 231, 231);
  transition: .4s ease;
}
.xearthSt:hover{
  color: blueviolet;
}
/* FOOTER END */