* {
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}

:root {
  --_px400: clamp(-400px, -25.32vw, 0px);
  --_px200: clamp(-200px, -12.66vw, 0px);
  --_px180: clamp(-180px, -11.39vw, 0px);
  --_px150: clamp(-150px, -9.49vw, 0px);
  --_px120: clamp(-120px, -7.59vw, 0px);
  --_px75: clamp(-75px, -4.75vw, 0px);
  --_px63: clamp(-63px, -3.99vw, 0px);
  --_px60: clamp(-60px, -3.8vw, 0px);
  --_px50: clamp(-50px, -3.16vw, 0px);
  --_px40: clamp(-40px, -2.53vw, 0px);
  --_px35: clamp(-35px, -2.22vw, 0px);
  --_px34: clamp(-34px, -2.15vw, 0px);
  --_px30: clamp(-30px, -1.9vw, 0px);
  --_px25: clamp(-25px, -1.58vw, 0px);
  --_px20: clamp(-20px, -1.27vw, 0px);
  --_px15: clamp(-15px, -0.95vw, 0px);
  --_px10: clamp(-10px, -0.63vw, 0px);
  --px0: clamp(0px, 0vw, 0px);
  --px1: clamp(0px, 0.06vw, 1px);
  --px1_9: clamp(0px, 0.12vw, 1.9px);
  --px2: clamp(0px, 0.13vw, 2px);
  --px3: clamp(0px, 0.19vw, 3px);
  --px4: clamp(0px, 0.25vw, 4px);
  --px5: clamp(0px, 0.32vw, 5px);
  --px6: clamp(0px, 0.38vw, 6px);
  --px7: clamp(0px, 0.44vw, 7px);
  --px8: clamp(0px, 0.51vw, 8px);
  --px9: clamp(0px, 0.57vw, 9px);
  --px10: clamp(0px, 0.63vw, 10px);
  --px11: clamp(0px, 0.7vw, 11px);
  --px12: clamp(0px, 0.76vw, 12px);
  --px13: clamp(0px, 0.82vw, 13px);
  --px14: clamp(0px, 0.89vw, 14px);
  --px15: clamp(0px, 0.95vw, 15px);
  --px16: clamp(0px, 1.01vw, 16px);
  --px17: clamp(0px, 1.08vw, 17px);
  --px18: clamp(0px, 1.14vw, 18px);
  --px19: clamp(0px, 1.2vw, 19px);
  --px20: clamp(0px, 1.27vw, 20px);
  --px22: clamp(0px, 1.39vw, 22px);
  --px23: clamp(0px, 1.46vw, 23px);
  --px24: clamp(0px, 1.52vw, 24px);
  --px25: clamp(0px, 1.58vw, 25px);
  --px26: clamp(0px, 1.65vw, 26px);
  --px28: clamp(0px, 1.77vw, 28px);
  --px29: clamp(0px, 1.84vw, 29px);
  --px30: clamp(0px, 1.9vw, 30px);
  --px31: clamp(0px, 1.96vw, 31px);
  --px32: clamp(0px, 2.03vw, 32px);
  --px35: clamp(0px, 2.22vw, 35px);
  --px36: clamp(0px, 2.28vw, 36px);
  --px40: clamp(0px, 2.53vw, 40px);
  --px42: clamp(0px, 2.66vw, 42px);
  --px44: clamp(0px, 2.78vw, 44px);
  --px45: clamp(0px, 2.85vw, 45px);
  --px46: clamp(0px, 2.91vw, 46px);
  --px50: clamp(0px, 3.16vw, 50px);
  --px55: clamp(0px, 3.48vw, 55px);
  --px60: clamp(0px, 3.8vw, 60px);
  --px63: clamp(0px, 3.99vw, 63px);
  --px64: clamp(0px, 4.05vw, 64px);
  --px66: clamp(0px, 4.18vw, 66px);
  --px67: clamp(0px, 4.24vw, 67px);
  --px70: clamp(0px, 4.43vw, 70px);
  --px80: clamp(0px, 5.06vw, 80px);
  --px83: clamp(0px, 5.25vw, 83px);
  --px85: clamp(0px, 5.38vw, 85px);
  --px90: clamp(0px, 5.7vw, 90px);
  --px95: clamp(0px, 6.01vw, 95px);
  --px96: clamp(0px, 6.08vw, 96px);
  --px100: clamp(0px, 6.33vw, 100px);
  --px110: clamp(0px, 6.96vw, 110px);
  --px120: clamp(0px, 7.59vw, 120px);
  --px128: clamp(0px, 8.1vw, 128px);
  --px130: clamp(0px, 8.23vw, 130px);
  --px140: clamp(0px, 8.86vw, 140px);
  --px150: clamp(0px, 9.49vw, 150px);
  --px160: clamp(0px, 10.13vw, 160px);
  --px170: clamp(0px, 10.76vw, 170px);
  --px178: clamp(0px, 11.27vw, 178px);
  --px180: clamp(0px, 11.39vw, 180px);
  --px184: clamp(0px, 11.65vw, 184px);
  --px200: clamp(0px, 12.66vw, 200px);
  --px210: clamp(0px, 13.29vw, 210px);
  --px220: clamp(0px, 13.92vw, 220px);
  --px230: clamp(0px, 14.56vw, 230px);
  --px241: clamp(0px, 15.25vw, 241px);
  --px250: clamp(0px, 15.82vw, 250px);
  --px260: clamp(0px, 16.46vw, 260px);
  --px280: clamp(0px, 17.72vw, 280px);
  --px300: clamp(0px, 18.99vw, 300px);
  --px345: clamp(0px, 21.84vw, 345px);
  --px350: clamp(0px, 22.15vw, 350px);
  --px360: clamp(0px, 22.78vw, 360px);
  --px400: clamp(0px, 25.32vw, 400px);
  --px430: clamp(0px, 27.22vw, 430px);
  --px500: clamp(0px, 31.65vw, 500px);
  --px600: clamp(0px, 37.97vw, 600px);
  --px634: clamp(0px, 40.13vw, 634px);
  --px646: clamp(0px, 40.89vw, 646px);
  --px650: clamp(0px, 41.14vw, 650px);
  --px690: clamp(0px, 43.67vw, 690px);
  --px700: clamp(0px, 44.3vw, 700px);
  --px720: clamp(0px, 45.57vw, 720px);
  --px750: clamp(0px, 47.47vw, 750px);
  --px800: clamp(0px, 50.63vw, 800px);
  --px900: clamp(0px, 56.96vw, 900px);
  --px1000: clamp(0px, 63.29vw, 1000px);
  --px1450: clamp(0px, 91.77vw, 1450px);
  --px820: clamp(0px, 51.9vw, 820px);
  --px320: clamp(0px, 20.25vw, 320px);
  --px330: clamp(0px, 20.89vw, 330px);
  --px340: clamp(0px, 21.52vw, 340px);
  --px270: clamp(0px, 17.09vw, 270px);
  --_px180: clamp(-180px, -11.39vw, 0px);
  --_px190: clamp(-190px, -12.03vw, 0px);
  --px194: clamp(0px, 12.28vw, 194px);
  --px47: clamp(0px, 2.97vw, 47px);
  --px210: clamp(0px, 13.29vw, 210px);
  --_px60: clamp(-60px, -3.8vw, 0px);
  --_px70: clamp(-70px, -4.43vw, 0px);
  --_px80: clamp(-80px, -5.06vw, 0px);
  --px68: clamp(0px, 4.3vw, 68px);
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 1550px;
    width: 88%;
  }
}

body {
  overflow-x: hidden;
}

.hero-content .row {
  height: 100vh;
  align-items: center;
}


a   {
  text-decoration: none !important;
}

.hero-sec {
  background: url(/image/background.jpg) no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
  padding-top: var(--px100);
}

.hero-content {
}

.mainhead {
  font-size: var(--px70);
  margin: 0;
  line-height: 1.3;
}

.hero-img {
  position: relative;
  overflow: hidden;
  margin-top: var(--px100);
}

.hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
}

.hero-img::after {
  padding-top: 69%;
  display: block;
  content: "";
}
.pera {
  margin: 0;
  font-size: var(--px18);
  line-height: 1.8;
}

.hero-content .mainhead {
  margin-bottom: var(--px40);
}

.a-tg-bt {
  display: inline-block;
  background: #00a651;
  color: #fff;
  padding: var(--px10) var(--px40);
  font-size: var(--px18);
  border-radius: var(--px30);
}

.hero-content .a-tg-bt {
  margin-top: var(--px40);
}

nav {
  position: absolute;
  z-index: 89888;
  width: 100%;
  top: 0;
  padding-top: var(--px30);
}

.logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo {
  width: var(--px230);
}

.nav-links {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}

a:focus {
  outline: none;
}

.nav-links a {
  display: inline;
  color: #000 !important;
  text-decoration: none;
  font-size: var(--px18);
}

nav .row > div {
}

@media only screen and (max-width: 768px) {
  .mainhead {
    font-size: 56px;
  }

  .hero-sec {
    height: 100%;
    min-height: auto;
  }

  .hero-content {
    padding-bottom: 230px;
    padding-top: 110px;
  }

  .pera {
    font-size: 15px;
  }

  .hero-content .mainhead {
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .hero-img {
    margin-top: auto;
  }

  .hero-content .a-tg-bt {
    margin-top: 40px;
    margin-bottom: 90px;
  }

  .a-tg-bt {
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 30px;
  }

  .logo {
    width: 170px;
  }

  .nav-links a {
    font-size: 16px;
  }

  .hero-content .row {
    height: 600px;
  }
}

@media only screen and (max-width: 600px) {
  .container {
    padding: 0 25px;
  }

  .mainhead {
    font-size: 38px;
  }

  .pera {
    font-size: 14px;
    line-height: 1.6;
  }

  .hero-content .mainhead {
    margin-bottom: 20px;
    margin-top: 60px;
    max-width: 300px;
  }

  .hero-content .a-tg-bt {
    margin-top: 25px;
    margin-bottom: 30px;
  }

  .a-tg-bt {
    font-size: 14px;
    padding: 8px 20px;
  }

  .hero-content {
    padding-bottom: 30px;
    padding-top: 60px;
  }

  .hero-content .row {
    row-gap: 30px;
    align-items: center;
    height: 100svh;
  }

  .logo {
    width: 120px;
  }

  .nav-links a {
    font-size: 14px;
  }

  .hero-img {
    margin-left: -30px;
    margin-right: 30px;
  }

  .hero-content .row {
    height: 700px;
  }

  nav {
    padding-top: 20px;
  }
}