/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about ul {
  list-style: none;
  padding: 0;
}

.about ul li {
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}

.about ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--accent-color);
}

.stylish-text {
 
  font-size: 16px; 
  letter-spacing: 0.5px;
  line-height: 1.8; /* Improve spacing */
  text-align: justify; /* Align text nicely */  
  font-weight: 400;
  margin-bottom: 30px; /* Spacing between paragraphs */
  
  font-family: var(--nav-font);
  color: var(--heading-color);
    background-color: #e6f7ff; /* Light sky blue */
}

.fixed-image {
  width: 300px; /* Set fixed width */
  height: 200px; /* Set fixed height */
  object-fit: cover; /* Ensures proper cropping without stretching */
  border-radius: 10px; /* Optional: Adds rounded corners */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Optional: Adds a slight shadow */
}

.image-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px; /* Space below the title */
  text-transform: uppercase;
  letter-spacing: 1px;
	
    font-family: var(--nav-font);
  color: var(--heading-color);

}

/* Style for list items */
.row ul {
  list-style: none; /* Remove default bullets */
  padding: 0;
}

/* Style for list items with icons */
.row ul li {
  display: flex;
  align-items: center; /* Align icon and text */
  font-size: 18px;
  line-height: 1.6; /* Match paragraph spacing */
  color: #000000; /* Same as paragraph text */
  margin-bottom: 10px; /* Space between list items */
}

/* Make the first part (before '-') bold like h4 */
.row ul li strong {
  font-size: 18px; /* Match h4 size */
  font-weight: bold;
  margin-right: 5px;
    font-family: var(--nav-font);
  color: var(--heading-color);

}

/* Ensure normal text follows paragraph style */
.row ul li span {
  font-weight: 400;
  font-family: var(--nav-font);
  color: var(--heading-color);
  font-size: 16px;
 
}