/* Philosophy Section Styles */
.sbr-philosophy {
   padding: 6rem 2rem;
   background: #f8f9fa;
}


/* Container */
.sbr-container {
   max-width: 1200px;
   margin: 0 auto;
}


/* Philosophy Headers */
.sbr-philosophy h2 {
   font-size: 2.5rem;
   font-weight: 700;
   color: #52a842;
   text-align: center;
   margin-bottom: 1rem;
   position: relative;
   display: inline-block;
   left: 50%;
   transform: translateX(-50%);
}

.sbr-philosophy h2::after {
   content: '';
   position: absolute;
   bottom: -5px;
   left: 50%;
   transform: translateX(-50%);
   width: 60px;
   height: 3px;
   background-color: #333;
}

.sbr-philosophy h3 {
   font-size: 1.5rem;
   font-weight: 600;
   color: #555;
   text-align: center;
   margin-bottom: 2rem;
}

.sbr-philosophy p {
   font-size: 1.1rem;
   color: #666;
   line-height: 1.7;
   max-width: 800px;
   margin: 0 auto 3rem;
   text-align: center;
}


/* Features List */
.sbr-features {
   list-style: none;
   max-width: 900px;
   margin: 0 auto;
   display: grid;
   gap: 1.5rem;
}

.sbr-features li {
   display: flex;
   align-items: flex-start;
   gap: 1rem;
   padding: 1.5rem;
   background: white;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sbr-features li:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.sbr-features li i {
   color: #6acc5b;
   font-size: 1.5rem;
   margin-top: 0.25rem;
   flex-shrink: 0;
}

.sbr-features li p {
   margin: 0;
   text-align: left;
   font-size: 1rem;
   color: #555;
   line-height: 1.6;
}


/* Philosophy Responsive Design */

/* Tablet Styles */
@media (max-width: 1024px) {
   .sbr-philosophy {
       padding: 5rem 1.5rem;
   }
   
   .sbr-philosophy h2 {
       font-size: 2.25rem;
   }
   
   .sbr-philosophy h3 {
       font-size: 1.375rem;
   }
   
   .sbr-philosophy p {
       font-size: 1rem;
       margin-bottom: 2.5rem;
   }
   
   .sbr-features {
       gap: 1.25rem;
   }
   
   .sbr-features li {
       padding: 1.25rem;
   }
}

/* Mobile Styles */
@media (max-width: 768px) {
   .sbr-philosophy {
       padding: 4rem 1rem;
   }
   
   .sbr-philosophy h2 {
       font-size: 2rem;
       margin-bottom: 0.75rem;
   }
   
   .sbr-philosophy h3 {
       font-size: 1.25rem;
       margin-bottom: 1.5rem;
   }
   
   .sbr-philosophy p {
       font-size: 0.95rem;
       margin-bottom: 2rem;
       text-align: left;
   }
   
   .sbr-features {
       gap: 1rem;
   }
   
   .sbr-features li {
       padding: 1rem;
       flex-direction: row;
       text-align: left;
       gap: 1rem;
       align-items: flex-start;
   }
   
   .sbr-features li i {
       font-size: 1.5rem;
       margin-top: 0.125rem;
       flex-shrink: 0;
   }
   
   .sbr-features li p {
       text-align: left;
       font-size: 0.95rem;
       margin: 0;
   }
}