.page-title {
 text-align: center;
 font-size: 48px !important; 
 color: #322f33;
 text-transform: uppercase;
 font-weight: 900;
 margin-bottom: 10px;
 padding-bottom: 5px;
 display: block;
 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Subtle text shadow */
 border-bottom: 2px solid #99c7c6; /* Teal line */
 position: relative;
line-height: 1.2;
letter-spacing: 2px;
}

.page-title::after {
 content: "";
 display: block;
 width: 100%; 
 height: 2px;
 background: linear-gradient(to right, #b87c9e, #99c7c6);
 margin: 10px auto 0; /* Add spacing above the line */
}

/* Sub-Headers */
.section-header {
 font-size: 28px;
 font-weight: 700;
 color: #322f33;
 margin-bottom: 15px;
 text-align: center;
line-height: 1.3;
}

/* Section Divider */
.section-divider {
 width: 80%;
 max-width: 800px;
 margin: 30px auto;
 border-top: 2px solid #e7e4de; /* Light tan */
 border-radius: 1px;
 height: 2px;
}


/* Button Styles */
.btn-primary {
 background-color: #f26741 !important; /* Orange */
 color: #ffffff !important; /* Light tan */
 padding: 12px 24px;
 border: none;
 border-radius: 8px;
 text-decoration: none !important;
 font-size: 18px;
 font-weight: 600;
 display: inline-block;
 text-align: center;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
 transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover {
 background-color: #99c7c6 !important; /* Teal on hover */
 transform: translateY(-3px);
}

/* Mobile adjustments for Section 1 */
@media (max-width: 768px) {
 h1 {
 font-size: 36px; /* Reduce size on smaller screens */
 padding: 10px; /* Less padding for tighter layouts */
 }

 p {
 font-size: 18px; /* Smaller font for better readability */
 }


 .content-block-content {
 padding: 20px 10px; /* Adjust padding */
 }

 .img-responsive {
 width: 100%; /* Ensure image scales properly */
 height: auto;
 }
}


/* Mobile Adjustments for Pro Tips */
@media (max-width: 768px) {
 /* Fixing layout for Pro Tips */
 .pro-tips-container {
 display: grid; /* Use grid for single-column layout */
 grid-template-columns: 1fr !important; /* Force single column on small screens */
 gap: 16px; /* Space between cards */
 padding: 16px; /* Padding around the container */
 margin: 0 auto; /* Center content */
 width: 100%;
 box-sizing: border-box; /* Ensure padding doesn't overflow */
 overflow-x: hidden; /* Prevent horizontal scrolling */
 }

 /* Ensure Pro Tip Cards take full width */
 .pro-tip-card {
 padding: 16px;
 width: 100%; /* Ensure it takes the full width */
 box-sizing: border-box;
 background-color: #fff; /* Card background color */
 border-radius: 8px; /* Rounded corners */
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow */
 overflow-wrap: break-word; /* Prevent long words from breaking layout */
 }

 .pro-tip-title {
 font-size: 16px; /* Smaller title for mobile */
 font-weight: bold;
 margin-bottom: 8px;
 }

 .pro-tip-text {
 font-size: 14px; /* Adjust text size */
 line-height: 1.5; /* Improve readability */
 }

 .pro-tips-heading {
 text-align: center;
 font-size: 20px;
 margin-bottom: 20px;
 }
}

/* Optional Global Fixes */
body {
 margin: 0;
 padding: 0;
 overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Mobile adjustments for Workshops */
@media (max-width: 768px) {
 .workshop-section {
 padding: 20px;
 }

 h3 {
 font-size: 20px;
 }

 p {
 font-size: 14px;
 }

 .social-media {
 gap: 10px;
 }

 .social-icon {
 font-size: 24px;
 }
}

/* Responsive image styles */
.img-responsive {
 width: 100%;
 height: auto;
 border-radius: 8px; /* Maintain a clean look */
}