body {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
.demo-home {
  background-color: black;
  color: white;
}

.navbar {
  margin-top: 15px;
}

.navbar .navbar-brand {
  font-weight: 600;
}

.navbar .nav-link {
  font-weight: 500;
}

@media (min-width: 992px) {
  .navbar .navbar-brand {
    position: absolute;
    left: 40px;
  }
}

.navbar .navbar-toggler {
  font-size: smaller;
  position: absolute;
  right: 20px;
}

.demo-home .content {
  width: 100%;
  margin: 80px auto 20px auto;
}

.demo-home .content .inner {
  margin-top: 40px;
  width: 80%;
}

.demo-home .content .inner .hero-img {
  width: 100%;
  min-height: 200px;
  background: #ffffff
    url("https://ik.imagekit.io/ymsfpdnec/public/images/tr:w-1250/IMG-1754.jpg")
    no-repeat center center;
  background-size: cover;
}

.demo-home .content .inner .row {
  margin-top: 30px;
  width: 90%;
}

.demo-home .content .inner .row span {
  font-size: small;
}
.demo-home .content .inner .row hr {
  border-top: solid 2px white;
  opacity: 1;
  width: 50%;
}

.demo-home .content .inner .btn {
  margin: 50px 0;
  border: solid 3px white;
  width: 40%;
  min-width: 300px;
  color: white;
}

.purchase {
  padding: 50px 10% 0 10%;
  width: 100%;
}

.purchase .row {
  margin-top: 50px;
}

.purchase .row label {
  font-weight: 600;
  color: #605e5e;
  margin-bottom: 10px;
}

.purchase .row .form-control:disabled {
  background-color: #e6e6e6;
  -webkit-text-fill-color: #605e5e !important;
  opacity: 1 !important;
}
.purchase .row .form-control[disabled] {
  background-color: #e6e6e6;
  -webkit-text-fill-color: #605e5e !important;
  opacity: 1 !important;
}

.purchase .row .form-control#farm-price:disabled {
  background-color: white;
}

.purchase .info {
  display: block;
  margin-top: 100px;
  font-weight: 500;
  color: #605e5e;
}

.purchase .info a {
  color: #605e5e;
}

.form-select-lg,
.form-control-lg {
  font-size: medium;
}

.bg-grey {
  background-color: #e6e6e6;
}
.text-grey {
  color: #605e5e;
}

.purchase .btn-outline {
  border: solid 1px black;
  margin: 80px auto 50px auto;
  width: 300px;
  font-weight: 600;
  color: #605e5e;
  padding: 0.5rem 0;
}

.details .table tbody tr,
.details .table tbody td {
  border-style: none;
}

.details .table .uderline td {
  border-style: solid;
}
.details .table td.fw-bold {
  color: #605e5e;
}

.details .side-img {
  width: 100%;
  height: 100%;
  background: url("https://ik.imagekit.io/ymsfpdnec/public/images/tr:w-800/IMG-1754.jpg")
    no-repeat center center;
  object-fit: contain;
  background-size: cover;
}

.footer {
  text-align: center;
  max-width: 600px;
  margin: 30px auto 20px auto;
}
.footer a {
  color: #605e5e;
  text-decoration: none;
  font-weight: 500;
}

.demo-home .footer a {
  color: white;
}

@media (max-width: 576px) {
  .demo-home .content .inner {
    width: 100%;
  }
  .demo-home .content .inner .row {
    margin: 20px auto 0 auto;
    width: 90%;
  }
  .demo-home .content .inner .btn {
    width: 80%;
  }
  .purchase .btn-outline {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .footer {
    width: 100%;
    text-align: start;
  }
  .footer .l-child {
    margin-top: 20px;
    text-align: center;
  }
}

@media (max-width: 992px) {
  .purchase .btn-outline {
    margin: 40px auto 0 auto;
  }
  .purchase .info {
    margin-top: 50px;
  }
}
