.video-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:22px;
margin-top:30px;
}

.video-card{
display:block;
background:#ffffff;
padding:26px;
border-radius:12px;
text-decoration:none;
color:#1e73be;
font-weight:bold;
font-size:20px;
border:1px solid #d6eaff;
text-align:center;
box-shadow:0 3px 8px rgba(0,0,0,0.08);
transition:all .25s ease;
}

.video-card:hover{
background:#eaf5ff;
transform:translateY(-5px);
box-shadow:0 10px 18px rgba(0,0,0,0.15);
}

.intro-box{
background:#e8f4ff;
padding:25px;
border-radius:12px;
text-align:center;
border:1px solid #cfe6ff;
margin-top:25px;
}




.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:22px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}




.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:22px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}




.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:22px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}



.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}
.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}



.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:22px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}



<p>.course-section{
margin-top:40px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e5e5e5;
padding-bottom:6px;
}</p>
<p>.course-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:15px;
}</p>
<p>.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
transition:all .25s ease;
}</p>
<p>.course-card:hover{
transform:translateY(-4px);
box-shadow:0 6px 14px rgba(0,0,0,0.15);
}</p>
<p>.course-card a{
text-decoration:none;
color:#0a3d62;
font-size:17px;
font-weight:bold;
display:block;
}</p>
<p>.course-desc{
margin-top:10px;
font-size:14px;
color:#555;
line-height:1.5;
}</p>
<p>@media screen and (max-width:700px){</p>
<p>.course-grid{
grid-template-columns:1fr;
}</p>
<p>}</p>



.lesson-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;
margin-top:20px;
}

.lesson-card{
background:#ffffff;
border:1px solid #ddd;
padding:18px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.lesson-card h3{
color:#0a3d62;
margin-top:0;
}



.compass-title{
text-align:center;
color:#0a3d62;
font-size:38px;
margin-bottom:10px;
}

.compass-intro{
text-align:center;
font-size:18px;
color:#444;
max-width:800px;
margin:0 auto 35px;
}

.compass-section{
margin:35px 0;
}

.compass-section h2{
background:#0a3d62;
color:white;
padding:14px 20px;
border-radius:10px;
margin-bottom:18px;
}

.compass-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
}

.compass-card{
background:#f4f8fc;
border:1px solid #d5e5f3;
border-radius:12px;
padding:22px;
box-shadow:0 3px 8px rgba(0,0,0,.08);
transition:.25s ease;
}

.compass-card:hover{
transform:translateY(-4px);
box-shadow:0 8px 16px rgba(0,0,0,.14);
}

.compass-card h3{
color:#1e73be;
margin-top:0;
font-size:21px;
}

.compass-card p{
color:#444;
font-size:16px;
}

.compass-btn{
display:inline-block;
background:#1e73be;
color:white;
padding:10px 18px;
border-radius:7px;
text-decoration:none;
font-weight:bold;
margin-top:8px;
}

.compass-btn:hover{
background:#145a96;
}

.video-section{
background:#eaf5ff;
border:1px solid #cfe6ff;
border-radius:12px;
padding:25px;
}

.video-section h2{
background:#1e73be;
}

.video-note{
text-align:center;
font-size:17px;
margin-bottom:20px;
color:#444;
}

.contact-box{
background:#f4f4f4;
padding:22px;
border-radius:10px;
text-align:center;
margin-top:40px;
}

@media(max-width:600px){
.compass-title{
font-size:30px;
}

.compass-section h2{
font-size:24px;
}
}



.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial,Helvetica,sans-serif;
line-height:1.6
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px
}

.lesson-card{
background:#fff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1)
}

.lesson-card h3{
color:#0a3d62;
margin-top:0
}

.lesson-nav{
text-align:center;
margin-top:30px
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold
}

.lesson-button:hover{
background:#145a86
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:30px
}

.fade-in{
animation:fadeIn 1.5s ease-in
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}




.lesson-container{
max-width:900px;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
}

.lesson-banner{
background:#0a3d62;
color:white;
padding:30px;
text-align:center;
border-radius:8px;
margin-bottom:20px;
}

.lesson-intro{
background:#e8f4ff;
padding:20px;
border-left:6px solid #0a3d62;
border-radius:6px;
margin-bottom:25px;
}

.lesson-card{
background:#ffffff;
border:1px solid #ddd;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.lesson-card h3{
color:#0a3d62;
margin-top:0;
}

.lesson-nav{
text-align:center;
margin-top:30px;
}

.lesson-button{
display:inline-block;
background:#0a3d62;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
margin:8px;
font-weight:bold;
}

.lesson-button:hover{
background:#145a86;
}

.declaration{
background:#0a3d62;
color:white;
text-align:center;
padding:25px;
border-radius:8px;
font-size:20px;
margin-top:35px;
}

.fade-in{
animation:fadeIn 1.5s ease-in;
}

@keyframes fadeIn{
from{opacity:0;}
to{opacity:1;}
}



.lesson-card {
  background:#dff4fc;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  border-left:5px solid #1e73be;
  transition:all 0.3s;
}
.lesson-card:hover {
  transform:translateY(-5px);
}
.fade-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.8s ease-out;
}
.fade-section.show {
  opacity:1;
  transform:translateY(0);
}
.academy-btn {
  display:inline-block;
  padding:14px 30px;
  background:#1e73be;
  color:white;
  text-decoration:none;
  border-radius:10px;
  font-weight:bold;
}


.lesson-card {
  background:#dff4fc;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  transition:all 0.3s;
  border-left:5px solid #1e73be;
}
.lesson-card:hover {
  transform:translateY(-5px);
}
.fade-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.8s ease-out;
}
.fade-section.show {
  opacity:1;
  transform:translateY(0);
}


.lesson-card {
  background:#dff4fc;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  transition:all 0.3s;
  border-left:5px solid #1e73be;
}
.lesson-card:hover {
  transform:translateY(-5px);
}
.fade-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.8s ease-out;
}
.fade-section.show {
  opacity:1;
  transform:translateY(0);
}


.lesson-card {
  background:#dff4fc;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  transition:all 0.3s;
  border-left:5px solid #1e73be;
}
.lesson-card:hover {
  transform:translateY(-5px);
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* Fade-in animation */
.fade-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.8s ease-out;
}
.fade-section.show {
  opacity:1;
  transform:translateY(0);
}

/* Responsive */
@media screen and (max-width:768px){
  .lesson-card {
    width:100%;
  }
}



.menu-btn,.academy-btn{
display:inline-block;
padding:12px 25px;
background:#1e73be;
color:#fff;
text-decoration:none;
border-radius:8px;
font-weight:bold;
transition:.3s;
}

.menu-btn:hover,.academy-btn:hover{
background:#145a96;
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(0,0,0,.2);
}

.course-cards{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
margin-top:30px;
}

.course-card{
background:#f4f6f8;
padding:25px;
border-radius:12px;
width:260px;
text-align:center;
box-shadow:0 4px 10px rgba(0,0,0,.1);
transition:.3s;
}

.course-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,.2);
}

@media screen and (max-width:768px){

.course-cards{
flex-direction:column;
align-items:center;
}

.course-card{
width:90%;
}

}



.lesson-card {
  background:#dff4fc;
  padding:20px;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  transition:all 0.3s;
  border-left:5px solid #1e73be;
}
.lesson-card:hover {
  transform:translateY(-5px);
}
.fade-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.8s ease-out;
}
.fade-section.show {
  opacity:1;
  transform:translateY(0);
}


/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



/* keep lesson boxes sized inside the WordPress content container */
section {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;   /* makes long text line-wrap instead of stretching */
  word-wrap: break-word;
  padding-left: 5%;
  padding-right: 5%;
}

/* prevent horizontal scroll on smaller screens */



.week-btn {
  display: inline-block; margin: 8px 0 20px 0;
  padding: 10px 16px; background-color: #4a90e2; color: white;
  text-decoration: none; border-radius: 5px; font-weight: bold; transition:0.3s;
}
.week-btn:hover { background-color: #357abd; }


.module-checkbox { margin-right:10px; }
.week-btn {
  display: inline-block; margin: 8px 0 20px 0;
  padding: 10px 16px; background-color: #4a90e2; color: white;
  text-decoration: none; border-radius: 5px; font-weight: bold; transition:0.3s;
}
.week-btn:hover { background-color: #357abd; }


.week-btn {
  display: inline-block;
  margin: 8px 0 20px 0;
  padding: 10px 16px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: 0.3s;
}
.week-btn:hover {
  background-color: #357abd;
}


.checklist {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: auto;
  padding: 20px;
  line-height: 1.6;
  background-color: #f7f9fb;
  border: 1px solid #d1dbe5;
  border-radius: 10px;
}
.checklist h2 {
  color: #2c3e50;
  margin-bottom: 15px;
}
.checklist h3 {
  color: #2874a6;
  margin-top: 20px;
  margin-bottom: 10px;
}
.checklist ul {
  padding-left: 20px;
  margin-bottom: 10px;
}
.checklist li {
  margin-bottom: 6px;
}
.checklist em {
  font-style: italic;
  color: #d35400;
}
.checklist strong {
  color: #2c3e50;
}


.checklist {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: auto;
  padding: 20px;
  line-height: 1.6;
  background-color: #f7f9fb;
  border: 1px solid #d1dbe5;
  border-radius: 10px;
}
.checklist h2 {
  color: #2c3e50;
  margin-bottom: 15px;
}
.checklist h3 {
  color: #2874a6;
  margin-top: 20px;
  margin-bottom: 10px;
}
.checklist ul {
  padding-left: 20px;
  margin-bottom: 10px;
}
.checklist li {
  margin-bottom: 6px;
}
.checklist em {
  font-style: italic;
  color: #d35400;
}
.checklist strong {
  color: #2c3e50;
}


/* Content Map Table */
.modules-map {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin-top: 20px;
}
.modules-map th, .modules-map td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}
.modules-map th {
  background-color: #2c3e50;
  color: white;
}
.modules-map tbody tr:hover {
  background-color: #f9e79f !important;
}

/* Overlap Report Cards */
.overlap-report {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}
.module-overlap {
  flex: 1 1 300px;
  background-color: #fdf2e9;
  border: 1px solid #f5cba7;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}
.module-overlap:hover {
  transform: translateY(-3px);
  box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.module-overlap h4 {
  margin-top: 0;
  color: #e67e22;
}
.module-overlap p {
  margin: 5px 0 0 0;
  font-size: 14px;
}


.module-btn {
  display: block;
  width: 100%;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  padding: 12px;
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s, transform 0.2s;
}
.module-btn:hover {
  background-color: #357abd;
  transform: translateY(-2px);
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}



h2 {
  color: #2c3e50;
  margin-bottom: 10px;
}
ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.next-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #4a90e2;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.next-button:hover {
  background-color: #357ABD;
}


    .course-container {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        line-height: 1.6;
        color: #333;
        max-width: 800px;
        margin: auto;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        overflow: hidden;
    }
    .course-header {
        background-color: #1a3a5f;
        color: white;
        padding: 30px;
        text-align: center;
    }
    .day-box {
        padding: 20px;
        border-bottom: 1px solid #eee;
        transition: background 0.3s;
    }
    .day-box:hover {
        background-color: #f9fbfd;
    }
    .day-number {
        display: inline-block;
        background-color: #d4af37;
        color: white;
        padding: 5px 15px;
        border-radius: 20px;
        font-weight: bold;
        font-size: 0.9em;
        margin-bottom: 10px;
    }
    .day-title {
        color: #1a3a5f;
        margin-top: 5px;
        font-size: 1.4em;
    }
    .verse-quote {
        font-style: italic;
        border-left: 4px solid #d4af37;
        padding-left: 15px;
        margin: 15px 0;
        color: #555;
    }
    .action-step {
        background-color: #f0f4f8;
        padding: 15px;
        border-radius: 5px;
        font-weight: 500;
        color: #2c5282;
    }
    .footer-cta {
        background-color: #f9f9f9;
        padding: 20px;
        text-align: center;
        font-size: 0.9em;
    }



.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:22px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}




.course-section{
margin-top:35px;
margin-bottom:15px;
font-size:22px;
color:#0a3d62;
font-weight:bold;
border-bottom:2px solid #e0e0e0;
padding-bottom:5px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:22px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
margin-bottom:20px;
}



h1, h2 { text-align:center; color:#2c3e50; font-family: Arial, sans-serif; }
h2 { margin-top:0; }
h3 { color:#4a90e2; margin-bottom:5px; }
p, li, ol, ul { font-family: Arial, sans-serif; font-size:16px; line-height:1.6; }
blockquote { font-style:italic; color:#555; margin:10px 0 20px 20px; padding-left:10px; border-left:3px solid #4a90e2; }
div { box-sizing:border-box; }


h1, h2 { text-align:center; color:#2c3e50; font-family: Arial, sans-serif; }
h3 { color:#4a90e2; margin-bottom:5px; }
p, li, ol, ul { font-family: Arial, sans-serif; font-size:16px; line-height:1.6; }
blockquote { font-style:italic; color:#555; margin:10px 0 20px 20px; padding-left:10px; border-left:3px solid #4a90e2; }
div { box-sizing:border-box; }



.course-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-top:15px;
}

.course-card{
background:#ffffff;
border:1px solid #ddd;
padding:18px;
border-radius:8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
transition:0.3s;
}

.course-card:hover{
transform:translateY(-4px);
box-shadow:0 5px 12px rgba(0,0,0,0.18);
}

.course-card a{
text-decoration:none;
font-weight:bold;
color:#0a3d62;
font-size:16px;
}



  .donate-appeal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 36px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none;
    background: linear-gradient(135deg, #c53030 0%, #e53e3e 100%); /* Strong Red for Action */
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 14px rgba(197, 48, 48, 0.4);
    border: none;
    cursor: pointer;
  }

  .donate-appeal-btn:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(197, 48, 48, 0.6);
    filter: brightness(1.1);
  }

  .heart-icon {
    margin-right: 12px;
    font-size: 22px;
  }

 .donate-appeal-btn { display: inline-flex; align-items: center; justify-content: center; padding: 18px 36px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #ffffff !important; text-decoration: none; background: linear-gradient(135deg, #c53030 0%, #e53e3e 100%); /* Strong Red for Action */ border-radius: 8px; transition: all 0.2s ease-in-out; box-shadow: 0 4px 14px rgba(197, 48, 48, 0.4); border: none; cursor: pointer; } .donate-appeal-btn:hover { transform: scale(1.03); box-shadow: 0 6px 20px rgba(197, 48, 48, 0.6); filter: brightness(1.1); } .heart-icon { margin-right: 12px; font-size: 22px; } 

h1, h2 { text-align:center; color:#2c3e50; font-family: Arial, sans-serif; }
h3 { color:#4a90e2; margin-bottom:5px; }
p, li, ul { font-family: Arial, sans-serif; font-size:16px; line-height:1.6; }
div { box-sizing:border-box; }
a { color:#4a90e2; text-decoration:none; }
a:hover { text-decoration:underline; }