body {
  font-family: 'Poppins', sans-serif;
  margin-top: 80px;
}

/* NAVBAR */
.navbar {
  background: #1a3350;
}
.navbar .nav-link,
.navbar-brand {
  color: #fff !important;
}
.navbar .nav-link:hover {
  color: #DE3660 !important;
}

/* BUTTON */
.btn-primary {
  background: #DE3660;
  border-color: #DE3660;
}

/* HERO */
.hero, .slide {
  height: 100vh;
}
.slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.slide-1 {
  background: url('https://images.unsplash.com/photo-1521791136064-7986c2920216') center/cover;
}
.slide-2 {
  background: url('https://images.unsplash.com/photo-1556761175-4b46a572b786') center/cover;
}
.slide-3 {
  background: url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d') center/cover;
}
.overlay {
  position: absolute;
  inset: 0;
  background: rgba(26,51,80,0.8);
}
.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
}
.hero-content h1 {
  font-size: 56px;
  font-weight: 700;
}

/* SECTIONS */
.section-tag {
  color: #DE3660;
  font-weight: 600;
  text-transform: uppercase;
}
.about-section,
.why-section,
.practice-section {
  padding: 100px 0;
}
.about-section {
  background: #f8f9fa;
}


/* ================= ABOUT IMAGE FINAL FIX ================= */
.about-image {
  width: 420px;              /* controls visual width */
  height: 380px;             /* controls visible height */
  overflow: hidden;          /* hides extra image */
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px;

  /* 🔑 KEY LINES */
  margin-left: auto;   /* pushes image to the right */
  margin-right: 0;
}

.about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* crops extra height */
  object-position: center;   /* focus center */
}

.about-image {
  height: 420px;
}


.about-image {
  margin-right: 0px;
}





/* WHY */
/* ================= WHY HIRE US ================= */
.why-hire-us {
  padding: 120px 0;
  background: #fff;
}

.why-image-wrapper {
  position: relative;
  padding-left: 40px;
}

.why-image-wrapper img {
  border-radius: 6px;
  position: relative;
  z-index: 2;
}

/* DOTTED ACCENT (BOTTOM LEFT) */
.dot-pattern {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 120px;
  height: 120px;
  background-image: radial-gradient(#DE3660 2px, transparent 2px);
  background-size: 10px 10px;
  z-index: 1;
}

/* RIGHT CONTENT */
.why-content h2 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
}

.why-content .intro {
  font-size: 16px;
  color: #666;
  margin-bottom: 35px;
  max-width: 520px;
}

/* CHECKLIST */
.why-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
}

.check-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  border: 2px solid #DE3660;
  color: #DE3660;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  font-size: 14px;
}

.why-list h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

.why-list p {
  font-size: 15px;
  color: #666;
  margin: 0;
}





/* PRACTICE */
/* ================= AREAS OF PRACTICE ================= */
.areas-practice {
  position: relative;
  padding: 120px 0;
  background-color: #fff;
  background-image: radial-gradient(#f2b6c4 1px, transparent 1px);
  background-size: 18px 18px;
}

/* Narrow content width like UIdeck */
.practice-inner {
  max-width: 960px;       /* key value */
  margin: 0 auto;
}


.section-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #1a3350;
}

.section-desc {
  font-size: 16px;
  color: #666;
  max-width: 520px;
}

/* PRACTICE ITEM */
.practice-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 45px;
  transition: all 0.3s ease;
}

.practice-item:hover .icon-circle {
  background: #DE3660;
  color: #fff;
}

.practice-item:hover h4 {
  color: #DE3660;
}

/* ICON CIRCLE */
.icon-circle {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
  transition: all 0.3s ease;
  color: #1a3350;
  font-size: 26px;
}

/* CONTENT */
.practice-item .content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

.practice-item .content p {
  font-size: 15px;
  color: #666;
  margin: 0;
  line-height: 1.6;
}




/* EXPERIENCE */
.experience-section {
  padding: 120px 0;
  background: linear-gradient(rgba(26,51,80,.9), rgba(26,51,80,.9)),
              url('https://images.unsplash.com/photo-1581090700227-1e37b190418e') center/cover;
  color: #fff;
}


/* ================= EXPERIENCE CTA ================= */
.experience-cta {
  padding: 80px 0;
  background: linear-gradient(
    rgba(26,51,80,0.9),
    rgba(26,51,80,0.9)
  ),
  url('https://images.unsplash.com/photo-1581090700227-1e37b190418e') center/cover;
  color: #fff;
}

.experience-cta h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
}

.experience-cta p {
  font-size: 16px;
  color: rgba(255,255,255,0.85);
  max-width: 600px;
}





/* FREE CASE */
.free-case {
  padding: 100px 0;
  background: #DE3660;
  color: #fff;
}


/* ================= FREE CASE EVALUATION ================= */
.free-evaluation {
  padding: 120px 0;
  background-image: radial-gradient(#f2b6c4 1px, transparent 1px);
  background-size: 18px 18px;
}

/* NARROW FREE CASE EVALUATION */
.free-eval-inner {
  max-width: 960px;
  margin: 0 auto;
}


.free-evaluation h2 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 15px;
}

.free-evaluation .desc {
  color: #666;
  max-width: 500px;
  margin-bottom: 35px;
}

.call-text {
  color: #DE3660;
  font-weight: 600;
  margin-bottom: 5px;
}

.phone {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
}

.free-evaluation .small {
  color: #666;
  max-width: 480px;
}

/* FORM CARD */
.evaluation-form {
  background: #fff;
  padding: 40px;
  box-shadow: 0 15px 50px rgba(0,0,0,0.08);
  border-radius: 4px;
}

.evaluation-form input,
.evaluation-form textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  font-size: 15px;
}

.evaluation-form textarea {
  min-height: 140px;
  resize: none;
}

.evaluation-form input:focus,
.evaluation-form textarea:focus {
  outline: none;
  border-color: #DE3660;
}

/* BUTTON */
.evaluation-form .btn-primary {
  padding: 12px 32px;
}





/* ================= FOOTER ================= */
.site-footer {
  background: #3b4651;
  color: #fff;
}

/* NEWSLETTER */
.newsletter {
  padding: 50px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.newsletter h3 {
  font-size: 28px;
  font-weight: 600;
}

.newsletter-form {
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50px;
  overflow: hidden;
}

.newsletter-form input {
  flex: 1;
  padding: 14px 20px;
  border: none;
  background: transparent;
  color: #fff;
}

.newsletter-form input::placeholder {
  color: rgba(255,255,255,0.7);
}

.newsletter-form button {
  background: #DE3660;
  border: none;
  padding: 12px 28px;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
}

/* FOOTER MAIN */
.footer-main {
  padding: 70px 0;
}

.footer-logo {
  font-size: 22px;
  margin-bottom: 15px;
}

.footer-main h5 {
  font-size: 18px;
  margin-bottom: 20px;
}

.footer-main p {
  color: rgba(255,255,255,0.8);
  max-width: 320px;
}

.footer-main ul {
  list-style: none;
  padding: 0;
}

.footer-main ul li {
  margin-bottom: 10px;
}

.footer-main ul li a {
  color: rgba(255,255,255,0.8);
  text-decoration: none;
}

.footer-main ul li a:hover {
  color: #DE3660;
}

/* SOCIAL */
.social-links li a {
  display: inline-block;
  padding: 6px 0;
}








body {
  font-family: 'Poppins', sans-serif;
  background: #f6f8fb;
}

/* FORM WRAPPER */
.form-wrapper {
  max-width: 500px;
  margin: 40px auto;
  background: #fff;
  padding: 40px;
  border-radius: 6px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* HEADINGS */
.form-wrapper h2 {
  font-weight: 600;
  margin-bottom: 25px;
  color: #1a3350;
}

/* INPUTS */
.form-control {
  height: 48px;
  border-radius: 4px;
  font-size: 15px;
}

textarea.form-control {
  height: auto;
}

/* BUTTON */
.btn-primary {
  background: #DE3660;
  border-color: #DE3660;
  padding: 10px 28px;
  font-weight: 500;
}

.btn-primary:hover {
  background: #c92d53;
  border-color: #c92d53;
}