@font-face {
  font-family: main;
  src: url(asset/Fonts/mainHeadingFount/acherus_militant_1_-_bold.otf.otf);
}

@font-face {
  font-family: samll;
  src: url(asset/Fonts/Smallfount/Stem\ Medium.ttf);
}

section {
  height: 100vh !important;
}
body {
  margin: 0%;
}

/* upar part css  */
.upper-part {
  height: 50%;
  background-color: #2a292e;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.upper-part h1 {
  color: #d5b896;
  margin: 0%;
  font-size: 10rem;
  font-family: main;
}
.upper-part h2 {
  color: #e1c595;
  margin-top: auto;
  position: absolute;
  bottom: 0%;
  font-size: 1.5rem;
  font-family: samll;
}

@media (max-width: 999px) {
  .upper-part h1 {
    font-size: 5rem;
  }
}
@media (max-width: 510px) {
  .upper-part h1 {
    font-size: 3rem;
  }
}


/* lower part css */

.lower-part {
  height: 50%;
  background-color: #d5b896;
  display: flex;
}
.left-side {
  border-right: 3px solid #2a292e;
  margin: 0.3rem 0;
  width: 50% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.left-side .logo {
  margin-bottom: 5rem;
  height: 10rem;
  width: auto;
}

.left-side .button-line {
  position: absolute;
  bottom: 3%;
  display: flex;
  gap: 1.5rem;
  padding-bottom: 2rem;
}

.right-side {
  width: 50% !important;
  margin: 0.3rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.right-side .logo {
  margin-bottom: 5rem;
  height: 10rem;
  width: auto;
}

.right-side .button-line {
  position: absolute;
  bottom: 3%;
  display: flex;
  gap: 1.5rem;
  padding-bottom: 2rem;
}
@media (max-width: 887px) {
  .button-line {
    flex-direction: column;
    gap: 0.3rem;
  }
  .button-line img {
    height: 3rem;
    width: auto;
  }
}

@media (max-width: 1279px) {
  .left-side .logo {
    height: 7rem;
  }

  .right-side .logo {
    height: 5rem;
  }
}

@media (max-width: 775px) {
  .left-side .logo {
    height: 5rem;
  }

  .right-side .logo {
    height: 7rem;
  }
}

@media (max-width: 775px) {
  .left-side .logo {
    height: 4rem;
  }

  .right-side .logo {
    height: 4rem;
  }
  .button-line {
    gap: 1rem !important;
  }
}

@media (max-width: 435px) {
  .left-side .logo {
    height: 3.5rem;
  }

  .right-side .logo {
    height: 4rem;
  }

  .button-line {
    gap: 10px !important;
  }

  .button-line img {
    height: 2rem;
  }
}