.nav-link.current {
color: #6B5C45;
font-weight: 600;
position: relative;
}
.nightmare-types-section {
margin-top: 3rem;
}
.nav-link.current::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background-color: #6B5C45;
}


.intro-section {
padding: 2rem 0 2rem;
background-color: floralwhite;
text-align: center;
border-radius: 12px;
box-shadow: var(--shadow);
}

.intro-section h2 {
font-size: 1.8rem;
color: #3A4A41;
margin-bottom: 1.5rem;
font-weight: 700;
line-height: 1.2;
}

.intro-section p {
font-size: 1.2rem;
color: #5c5c5c;
max-width: 800px;
margin: 0 auto;
line-height: 1.8;
}

.nightmare-types-section h3 {
text-align: center;
font-size: 1.5rem;
color: #3A4A41;
margin-bottom: 2.5rem;
position: relative;
padding-bottom: 0.5rem;
}

.nightmare-types-section h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: #8E7F67;
}

.nightmare-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 2.5rem;
margin-top: 2.5rem;
}

.nightmare-category {
background-color: #f9f7f4;
border-radius: 12px;
padding: 2.5rem 2rem;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
border-left: 5px solid #6B5C45;
}

.nightmare-category:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
border-left-color: #8E7F67;
}

.nightmare-icon {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.nightmare-category h4 {
color: #3A4A41;
font-size: 1.4rem;
margin-top: 1rem;
margin-bottom: 0.8rem;
font-weight: 600;
text-align: center;
}

.nightmare-category p {
color: #5c5c5c;
font-size: 1rem;
line-height: 1.6;
text-align: center;
}
.nightmare-category h4 a{
color: #3A4A41;
text-decoration: none;
}
#falling-nightmare, #being-chased, #naked-public, #unable-to-scream, #drowning, #natural-disaster ,#being-pulled-in,#monstrous-creatures,#arriving-late{
scroll-margin-top: 100px;
}
.read-more.cl2 {
background-color: #998566;
}

.falling-nightmare .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5L18 9L12 13L6 9L12 5M12 13V20M18 9H6'/%3E%3C/svg%3E");
}

.being-chased .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M17 17l-3-3M21 21l-4-4M17 21l-4-4M21 17l-4-4'/%3E%3C/svg%3E");
}

.teeth-falling .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8h2a4 4 0 010 8h-2M6 8H4a4 4 0 000 8h2M18 12a6 6 0 01-3 5.19M6 12a6 6 0 003 5.19M9 12h6'/%3E%3Cpath d='M12 8v-4M10 10v-4M14 10v-4'/%3E%3C/svg%3E");
}

.naked-public .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3Cpath d='M8 11v11M16 11v11M5 18h14M12 11c3.9 0 7-1.5 7-5V3h-4v3c0 1.7-1.3 3-3 3s-3-1.3-3-3V3H5v3c0 3.5 3.1 5 7 5z'/%3E%3C/svg%3E");
}

.exam-failure .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3Cline x1='16' y1='3' x2='16' y2='7'/%3E%3Cline x1='8' y1='3' x2='8' y2='7'/%3E%3C/svg%3E");
}

.unable-to-scream .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z'/%3E%3Cline x1='6' y1='1' x2='6' y2='4'/%3E%3Cline x1='10' y1='1' x2='10' y2='4'/%3E%3Cline x1='14' y1='1' x2='14' y2='4'/%3E%3C/svg%3E");
}

.death-nightmare .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.drowning .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-4.991 3.657-9.128 8.438-9.878v17.755C6.272 21.1 4 17.552 4 13c0-2.21 1.79-4 4-4s4 1.79 4 4c0 4.552-2.272 8.1-5.438 9.627V2.122C16.343 2.872 20 7.009 20 12z'/%3E%3Cpath d='M12 8v4M10 10h4'/%3E%3C/svg%3E");
}

.natural-disaster .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13l6-6M10 7l6 6M5 12h14M12 5v14M2 12h2M20 12h2M12 2v2M12 20v2'/%3E%3C/svg%3E");
}

.trapped-nightmare .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='21' y1='15' x2='3' y2='15'/%3E%3C/svg%3E");
}

.monsters .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a8 8 0 0 0-8 8v10a2 2 0 0 0 2 2h4l3 3 3-3h4a2 2 0 0 0 2-2V10a8 8 0 0 0-8-8z'/%3E%3Ccircle cx='7' cy='14' r='1'/%3E%3Ccircle cx='17' cy='14' r='1'/%3E%3Cpath d='M10 9h4M10 17h4'/%3E%3C/svg%3E");
}

.late-nightmare .nightmare-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B5C45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3Cline x1='12' y1='19' x2='12' y2='22'/%3E%3Cline x1='6' y1='19' x2='6' y2='22'/%3E%3Cline x1='18' y1='19' x2='18' y2='22'/%3E%3C/svg%3E");
}

.nightmare-explanations-section {
padding: 3rem 0 1rem 0;
background-color: #f8f4e9;
}

.nightmare-explanations-section h3 {
text-align: center;
font-size: 1.5rem;
color: #3A4A41;
margin-bottom: 1.5rem;
position: relative;
padding-bottom: 0.5rem;
}

.nightmare-explanations-section h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: #8E7F67;
}

.nightmare-explanation {
background-color: white;
border-radius: 12px;
padding: 3rem;
margin-bottom: 2.5rem;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
border-left: 5px solid #6B5C45;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nightmare-explanation:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.nightmare-explanation h4 {
font-size: 1.4rem;
color: #3A4A41;
margin-bottom: 1.5rem;
font-weight: 600;
}

.nightmare-explanation p {
font-size: 1.1rem;
color: #5c5c5c;
line-height: 1.8;
margin-bottom: 1.2rem;
}

.dealing-with-nightmares h3 {
text-align: center;
font-size: 1.5rem;
color: #3A4A41;
margin-bottom: 1.5rem;
position: relative;
padding-bottom: 0.5rem;
}

.dealing-with-nightmares h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: #8E7F67;
}

.tips-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 2.5rem;
margin-top: 2.5rem;
}

.tip {
background-color: white;
border-radius: 12px;
padding: 2.5rem;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
border-top: 5px solid #8E7F67;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tip:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
border-top-color: #6B5C45;
}

.tip h4 {
font-size: 1.5rem;
color: #3A4A41;
margin-bottom: 1.2rem;
font-weight: 600;
}

.tip p {
font-size: 1.1rem;
color: #5c5c5c;
line-height: 1.8;
}

.personal-insights {
padding: 2rem 10px;
background-color: white;
text-align: center;
margin-top: 3rem;
border-radius: 12px;
box-shadow: var(--shadow);
}

.personal-insights h3 {
font-size: 1.5rem;
color: #3A4A41;
margin-bottom: 2rem;
position: relative;
padding-bottom: 0.5rem;
display: inline-block;
}

.personal-insights h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: #8E7F67;
}

.personal-insights p {
font-size: 1.2rem;
color: #5c5c5c;
max-width: 900px;
margin: 0 auto;
line-height: 1.8;
font-style: italic;
}