/* ==========================================================================
   Delivery Terms Specific & Utility Styles
   ========================================================================== */

/* Unordered List Styling for Delivery Bullet Points */
.terms-content ul.mb-25 {
   list-style-type: disc;
   padding-left: 20px;
   background-color: transparent;
   border-left: none;
   margin-bottom: 25px;
}

.terms-content ul.mb-25 li {
   display: list-item;
   margin-bottom: 8px;
   color: #4b5563;
}

.terms-content ul.mb-25 li strong {
   color: #0f172a;
   min-width: auto;
   display: inline;
}

/* Main Section Layout */
.terms-section {
   padding: 70px 0 90px 0;
   background-color: #ffffff;
}

.terms-content {
   color: #4b5563;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
   line-height: 1.7;
}

.terms-content p {
   margin-bottom: 20px;
   color: #4b5563;
}

.terms-content .font-weight-bold {
   font-family: 'Inter', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: #0f172a;
   margin-top: 30px;
   margin-bottom: 10px;
   line-height: 1.4;
   display: block;
}

/* Contact Details Box */
.terms-content ul:not(.mb-25) {
   list-style: none;
   padding-left: 0;
   margin-top: 15px;
   background-color: #f8fafc;
   border-left: 4px solid #0056b3;
   padding: 20px 25px;
   border-radius: 0 8px 8px 0;
}

.terms-content ul:not(.mb-25) li {
   font-size: 15px;
   color: #334155;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
}

.terms-content ul:not(.mb-25) li:last-child {
   margin-bottom: 0;
}

.terms-content ul:not(.mb-25) li strong {
   color: #0f172a;
   min-width: 90px;
   display: inline-block;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
   .terms-content ul:not(.mb-25) {
      padding: 15px;
   }

   .terms-content ul:not(.mb-25) li {
      flex-direction: column;
      align-items: flex-start;
   }

   .terms-content ul:not(.mb-25) li strong {
      margin-bottom: 2px;
   }
}

/* Fix for Dark Theme Title Banner Visibility */
.page-title-area {
   background-color: #0b0f19 !important; /* Matches main dark theme background */
   padding: 80px 0 60px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.page-title-area .section-title {
   color: #ffffff !important; /* White heading */
}

.page-title-area p {
   color: #9ca3af !important; /* Light gray subtitle */
}