/* 
 * Global Container Styles
 * These styles define consistent containers for all templates
 */

 body {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }
  

/* Main container class to be used across all templates */
.hc-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Container with no padding for full-width sections */
.hc-container-fluid {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

/* Container with extra padding for content sections */
.hc-container-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
    box-sizing: border-box;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hc-container, .hc-container-content {
        padding: 0 15px;
    }
}