/* ========================================
   Mugshot page - Trust/Authority block
======================================== */
.trust-section {
  padding: 80px 0;
  background: #f6f7f9;
}

.trust-heading {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 60px;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 60px;
  max-width: 1100px;
  margin: 0 auto;
}

.trust-item h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.trust-item p {
  font-size: 16px;
  line-height: 1.7;
  color: #000000;
}

/* ===== Tablet (iPad / Surface / 768px–1024px) ===== */
@media (max-width: 1024px) {

  .trust-section {
    padding: 70px 40px;
  }

}

/* Mobile */
@media (max-width: 768px) {

    .trust-section {
    padding: 50px 20px; /* vertical + horizontal */
  }

  .trust-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .trust-heading {
    font-size: 24px;
  }
}


/* Fix bullet alignment inside Pro-Tip section */
.m-shot-right .sm-ban-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  
}

.m-shot-right .sm-ban-content ul li {
  display: flex;
   align-items: flex-start;
    gap: 10px;
  position: relative;         /* VERY IMPORTANT */
  padding-left: 28px;         /* space for tick */
  margin-bottom: 10px;
  text-align: left;
}

.m-shot-right .sm-ban-content ul li::before {
  content: "✓";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 18px;
  height: 18px;
  background-color: #2ecc71;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}


   /* ========================================
   Mugshot page - LEGAL VS SEO SUPPRESSION SECTION
======================================== */

.m-shot-content h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.87);
}

.legal-vs-section ul{
   text-align: left;
   list-style: disc ;
  padding-left: 20px ;
  margin: 0 0 20px 0;
}

.legal-vs-section ul li {
   display: list-item;
   text-align: left;
  margin-bottom: 8px;
  line-height: 1.6;
  color: #000000;
}

/* Slight separation between removal & suppression blocks */
.m-shot-content h3 + p {
  margin-bottom: 12px;
}

/* Improve paragraph spacing */
.m-shot-content p {
  line-height: 1.7;
  margin-bottom: 16px;
}

/* Improve image alignment */
.m-shot-left img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Responsive handling */
@media (max-width: 991px) {
  .m-shot-content {
    display: flex;
    flex-direction: column;
  }

  .m-shot-left,
  .m-shot-right {
    width: 100%;
  }

  .m-shot-left {
    margin-bottom: 30px;
  }
}

/* ============================================================
   MUGSHOT PAGE — styles from main-eng.css
   Exact values preserved from original working file
   ============================================================ */

/* Banner bullet points — green tick image from main-eng.css */
.ms-ban-content ul { list-style-position: inside; display: block; margin-top: 6px; padding-left: 0 !important; margin-left: 0 !important; }
.ms-ban-content ul li { color: #fff; font-size: 18px; font-weight: 500; background: url(../images/tick-green-22.webp) no-repeat left center; padding-left: 32px; line-height: 32px; list-style: none; margin-bottom: 8px; display: block; }

/* Banner column gap */
.ms-col-gap { column-gap: 130px; }

/* Hero form */
.conf-form-sec { padding: 42px; background: #0e4b84; border-radius: 20px; }
.conf-form-sec h2 { font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 28px; }
.mugshot-form .form-group label { color: #fff; }
.form-container { border-radius: 10px; }
.custom-form { flex-direction: column; }
.custom-form input, .custom-form textarea { width: 100%; padding: 10px 0 10px 10px; background-color: #fff; border: none; border-radius: 5px; font-size: 14px; outline: none; margin-top: 8px; }
.custom-form input::placeholder, .custom-form textarea::placeholder { color: #222; }
.custom-form textarea { height: 80px; resize: none; }

/* our-mission-cta and ms-cta-sec — handled by sage-site-components.css */

/* Buttons */
.pkg-cta-btn { background-color: #121212; color: #fff; padding: 10px 25px; text-align: center; text-decoration: none; display: inline-block; border-radius: 50px; margin-right: 10px; font-size: 16px; font-weight: 500; transition: 0.3s; margin-left: 8px; min-width: 203px; }
.pkg-cta-btn:hover { background-color: #486fff; color: #fff; }
.faq-cta-bot { text-align: center; margin: 40px auto; }

/* Free consultation */
.free-consult-sec { margin-top: 75px; margin-bottom: 75px; display: flex; padding-left: 126px; justify-content: center; column-gap: 108px; align-items: center; }
.fc-call-sec { text-align: center; }
.fc-call-sec img { display: block; padding-bottom: 30px; }
.fc-call-sec a { font-size: 20px; font-weight: 600; border-radius: 50px; padding: 12px 20px 12px 60px; background: url(../images/call-cta-icon.webp) no-repeat center left #000; background-position-x: 21px; color: #fff; }
.fc-call-sec a:hover { background: url(../images/call-cta-icon.webp) no-repeat center left #222; background-position-x: 21px; color: #fff; }
.fc-call-content h2 { font-size: 2.5rem; }
.fc-call-content ul { margin-top: 20px; }
.fc-call-content ul li { list-style: none; background: url(../images/tick-green-22.webp) no-repeat left center #e6e6e6; border-radius: 50px; background-position-x: 9px; color: #000; font-size: 15px; line-height: 43px; padding: 0 25px 0 40px; margin-bottom: 6px; }
.fc-call-content h3 { font-size: 20px; color: #184f78; margin-top: 52px; font-weight: 500; margin-bottom: 14px; }

/* m-shot sections */
.m-shot-head { display: block; margin-top: 75px; }
.m-shot-head h2 { font-size: 2.5rem; width: 70%; text-align: center; margin: auto; }
.m-shot-content { display: flex; align-items: center; column-gap: 94px; margin-top: 30px; }
.m-shot-left { width: 100%; }
.m-shot-right { width: 100%; }

/* Mobile responsive — from main-eng.css */
@media screen and (max-width: 970px) {
  .ms-ban-content ul { margin-top: 18px; margin-bottom: 30px; column-gap: 0; }
  .ms-ban-content ul li { font-size: 12px; background: url(../images/tick-green-22.webp) no-repeat left top; padding-left: 32px; background-position-y: 3px; line-height: 30px; }
  .conf-form-sec { margin-top: 20px; padding: 24px; border-radius: 16px; }
  .ms-col-gap { column-gap: 0; }
  .our-mission-cta { margin: 15px; border-radius: 15px; padding: 30px; }
  .our-mission-cta p { width: 100%; }
  .our-mission-cta h2 { font-size: 30px; }
  .our-mission-cta h2 span { font-size: 30px; }
  .our-mission-cta span .om-cta { font-size: 16px; padding: 11px 32px; }
  .m-shot-head { margin-top: 30px; }
  .m-shot-head h2 { font-size: 30px; width: 100%; padding: 0 20px; }
  .m-shot-content { flex-wrap: wrap; text-align: center; padding: 20px; margin-top: 0; }
  .legal-vs-section { text-align: left; }
  .legal-vs-section h3, .legal-vs-section p, .legal-vs-section ul, .legal-vs-section ul li { text-align: left; }
  .free-consult-sec { flex-wrap: wrap; margin-top: 0; margin-bottom: 30px; padding: 20px; padding-left: 20px; }
  .fc-call-sec img { width: 100%; }
  .fc-call-content h2 { font-size: 30px; text-align: center; margin-top: 40px; }
  .fc-call-content ul li { border-radius: 12px; background-position-y: 12px; font-size: 14px; line-height: 1.5; padding: 13px 25px 13px 40px; }
  .fc-call-content h3 { text-align: center; }
  .pkg-cta-btn { margin-left: 0; }
}


/* ══════════════════════════════════════════════════════════════
   FOOTER TOUCH TARGET FIX — Google PageSpeed mobile requirement
   Min 48×48px touch area for footer copyright links
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .copyright-sec ul { display: flex; flex-wrap: wrap; gap: 4px; }
  .copyright-sec ul li { display: block; }
  .copyright-sec ul li a {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 16px !important;
    font-size: 14px;
  }
}