.hero {
  height: 500px;
  background: #000; /* Black background */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 20px;
}

.hero-content h1 {
  font-size: 54px;
  margin-bottom: 15px;
  color: #D4A017; /* Gold colored heading */
  font-weight: 700;
  line-height: 68px;
  margin-bottom: 20px;
}

.hero-content p {
  font-size: 28px;
  opacity: 0.85;
  max-width: 850px;
  margin: 0 auto 30px;
  line-height: 46px;
}

.buttons {
  margin-top: 20px;
}

.btn {
  display: inline-block;
  padding: 12px 28px;
  margin: 0 10px;
  border-radius: 6px;
  font-size: 22px;
  line-height: 28px;
  text-decoration: none;
  transition: 0.3s ease;
}

/* Primary - Gold button */
.btn.primary {
  background: #D4A017;
  color: black;
  font-weight: 600;
}

/* Hover */
.btn.primary:hover {
  background: #b98c12;
}

/* Secondary - Transparent with gold border */
.btn.secondary {
  border: 2px solid #D4A017;
  color: white;
}

.btn.secondary:hover {
  background: #D4A017;
  color: black;
}
.about-section {
  padding: 60px 0px;
  background-color: #f7f7f7;
}

/* Image */
.about-img img {
  width: 600px;
  max-width: 100%;
  border-radius: 12px;
  border: 3px solid #222221; /* Gold border */
  box-shadow: 0 0 20px rgba(212, 160, 23, 0.3);
}

/* Text */
.about-text h2 {
  font-size: 44px;
  color: #D4A017; /* Gold heading */
  margin-bottom: 15px;
  line-height: 54px;
}

.about-text p {
  font-size: 22px;
  line-height: 34px;
  opacity: 0.9;
  margin-bottom: 20px;
}

.about-text ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.about-text ul li {
  font-size: 22px;
  margin-bottom: 15px;
  line-height: 34px;
}
.about-text ul li i{
    color:#D4A017;
    background-color: #000;
    padding: 8px;
    border-radius: 50%;
    margin-right: 10px;
}

/* Button */
.about-btn {
  display: inline-block;
  background: #D4A017;
  color: black;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
  margin-top: 15px;
  border: 1px solid black;
}

.about-btn:hover {
  background: #b98c12;
}
.practice {
  padding: 60px 0px;
  background-color: #000;
}

.section-title{
  color: #D4A017;
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  margin-bottom: 15px;
}
.section-subtitle{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 60px;
    color:white;
}

.practice-card {
  background: #111;
  border: 2px solid #D4A017;
  border-radius: 12px;
  transition: 0.3s ease;
  color: white;
  height: 100%;
  padding: 28px;
}

.practice-card .icon {
  font-size: 45px;
  color: #D4A017;
  margin-bottom: 15px;
}

.practice-card h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #D4A017;
}

.practice-card p {
  opacity: 0.85;
  font-size: 20px;
  line-height: 32px;
}

.practice-card:hover {
  background: #1a1a1a;
  transform: translateY(-8px);
  box-shadow: 0 0 20px rgba(212, 160, 23, 0.4);
}
.why-us {
  background: #f7f7f7;  /* Light Grey – Premium look */
}

.text-gold {
  color: #D4A017;
  font-size: 32px;
  font-weight: 700;
}

.why-us {
  background: #f5f5f5;
  padding:60px 0px;
}
.why-us .section-subtitle{
    color:black;
}
.why-card {
  background: #fff;
  border: 2px solid #D4A017;
  border-radius: 12px;
  transition: 0.3s ease-in-out;
  height: 100%;
  color:black;
}
.why-card h4{
    color: black;
}
.practice-card h4:hover{
    color: rgb(247, 245, 245);
}
.why-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 20px rgba(212, 160, 23, 0.3);
  color:white;
}
.contact-section {
  background: black;
  padding: 60px 0;
}

/* Contact Box */
.contact-box {
  background: #f9f9f9;
  border: 2px solid #D4A017;
  border-radius: 14px;
  box-shadow: 0 0 14px rgba(212, 160, 23, 0.18);
  padding: 35px 40px;
}

.contact-box p {
  font-size: 20px;
  line-height: 30px;
}

/* Phone */
.contact-phone {
  font-size: 28px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.contact-phone:hover {
  color: #D4A017;
}

/* WhatsApp */
.whatsapp-btn {
  background: #25D366;
  color: white;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
}
.whatsapp-btn:hover {
  background: #1faa54;
}

/* Form Title Labels */
.contact-section label {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  margin-bottom: 6px;
}

/* Form Inputs Stylish */
.contact-section .form-control {
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 18px;
  transition: all 0.3s ease;
}

.contact-section .form-control:focus {
  border-color: #D4A017;
  box-shadow: 0 0 10px rgba(212, 160, 23, 0.5);
  background: #fff;
}

/* Dropdown Special Styles */
.contact-section select.form-control {
  cursor: pointer;
}

/* Textarea */
.contact-section textarea.form-control {
  resize: none;
  min-height: 130px;
}

/* Submit Button */
.submit-btn {
  background: #D4A017;
  color: black;
  font-weight: 600;
  padding: 14px;
  font-size: 20px;
  border-radius: 8px;
  border: none;
}
.submit-btn:hover {
  background: #b98c12;
}