
 /* /style/terms-conditions.css */ 

/* ============================================================
   Terms & Conditions Page — Modern Styles
   ============================================================ */

.TermsConditions { padding-bottom: 60px; }

.TermsConditions > h1 {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 28px 0;
  padding-bottom: 14px;
  border-bottom: 2px solid #f0f0f0;
}

.TermsConditions h3 {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  background: none;
  padding: 20px 0 6px 0;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.TermsConditions h3 i { color: #c55b39; font-size: 13px; }

.TermsConditions p {
  font-size: 14px;
  color: #555;
  line-height: 1.75;
  margin: 8px 0 14px 0;
}

.TermsConditions a { color: #c55b39; text-decoration: none; }
.TermsConditions a:hover { text-decoration: underline; }

.TermsConditions ul {
  margin: 8px 0 16px 0;
  padding: 0;
}
.TermsConditions ul li {
  list-style: none;
  padding: 7px 0 7px 18px;
  position: relative;
  font-size: 14px;
  color: #555;
  line-height: 1.65;
  border-bottom: 1px solid #f8f8f8;
}
.TermsConditions ul li:last-child { border-bottom: none; }
.TermsConditions ul li::before {
  content: "\f105";
  font-family: FontAwesome;
  color: #c55b39;
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 12px;
}

/* Two-column layout */
.LeftPlan { width: 70%; padding-right: 24px; float: left; }
.RightPlane { width: 28%; float: right; }

/* Protection plan cards */
.ProtectionPlanFAQ .LeftPlan ul { margin-top: 16px; }
.ProtectionPlanFAQ .LeftPlan ul li { font-size: 14px; }

.ProtectionPlan .protectionCondition { margin-bottom: 20px; }
.ProtectionPlan .protectionCondition .protectionCBox {
  background: #fafafa;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  padding: 16px;
}
.ProtectionPlan .protectionCondition h4 {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 10px 0;
}
.ProtectionPlan .protectionCondition .protectionCBox ul { padding: 0; margin: 0; }
.ProtectionPlan .protectionCondition .protectionCBox ul li {
  list-style: none;
  font-size: 13px;
  border-bottom: 1px solid #f0f0f0;
  padding: 9px 0;
  color: #666;
}
.ProtectionPlan .protectionCondition .protectionCBox ul li::before { display: none; }
.ProtectionPlan .protectionCondition .protectionCBox ul li i { color: #555; margin-right: 6px; }
.ProtectionPlan .protectionCondition .protectionCBox ul li:last-child { border-bottom: 0; }

.UnitersProtection figure { margin: 10px; float: left; max-width: 90px; }
.UnitersProtection b { font-size: 13px; }
.UnitersProtection p { font-size: 12px; }

.ProtectionEssentials h4 { font-size: 15px; font-weight: 700; margin: 0 0 6px 0; }
.ProtectionEssentials p { line-height: 1.7; font-size: 14px; color: #555; }
.ProtectionEssentials ol { margin: 0; font-size: 14px; color: #555; }
.ProtectionEssentials ol li { padding: 5px 0; }
.ProtectionEssentials ol li ol { margin-top: 8px; }


