* body {
    background-color: #f5f5f5; 
}




 /* RETURN BUTTON */

.back-to-home-page {
    display: flex;
    flex-direction: row;
    padding: 16px 128px;
    gap: 8px;
    align-items: center;
    /* margin-bottom: 40px; */
 }



/* CONTENT SECTION */

.courses-section {
   margin-top: 40px;
    padding: 0 128px;
}


.section-heading {
    align-self: stretch;
    width: 100%;
    color: black;
    font: 700 29px/1.2 "Montserrat", sans-serif;

}

.header-underline-container {
    display: flex;
    margin-top: 8px;
    width: 80px;
    flex-direction: column;
    justify-content: center;
}

.header-underline {
    background-color: #FCA311;
    min-height: 8px;
    width: 100%;
}

.training-offering-content {
   margin-top: 24px;
}

.public-and-consumer-education-section,
.stakeholder-engagement-section,
.research-and-feasibility-studies-section,
.skills-programmes-section {
   padding: 0 128px;
   margin-top: 40px;
}

.skills-programmes-heading,
.training-delivery-header {
   margin-top: 24px;
   font: 600 19px/21px "Montserrat", sans-serif;
}

.training-offering-text,
.training-delivery-text,
.stakeholder-engagement-text {
   font: 400 15px/1.2 "Lora", sans-serif;
}

.training-delivery-text {
   margin-top: 16px;
}

.training-delivery-points {
   list-style: disc;
   margin-top: 16px;
   margin-left: 16px;
   width: 100%;
}


.training-highlight {
   font: 700 15px/1.2 "Lora", sans-serif;
}

.skills-programmes-description {
   margin-top: 24px;
   font: 400 15px/1.2 "Lora", sans-serif;
}

.skills-list,
.public-and-consumer-education-list,
.research-and-feasibility-studies-list,
.stakeholder-engagement-list {
   list-style: disc;
   margin-top: 16px;
   margin-left: 16px;
   width: 100%;
}

.skills-list-point,
.public-and-consumer-education-list-item,
.training-points,
.research-and-feasibility-studies-list-item,
.stakeholder-engagement-list-item {
   font: 400 15px/1.2 "Lora", sans-serif;
   padding: 4px 0;
}

.public-and-consumer-education-content,
.stakeholder-engagement-content,
.research-and-feasibility-studies-content {
   margin-top: 24px;
}

.public-and-consumer-education-content {
   font: 400 15px/1.2 "Lora", sans-serif;
}

.courses-images-container {
   display: flex;
   flex-direction: column;
   padding: 40px 128px;
}

.courses-image {
   object-fit: cover;
}

@media (max-width: 720px) {
   /* Adjust overall padding for smaller screens */
   .courses-section,
   .public-and-consumer-education-section,
   .stakeholder-engagement-section,
   .research-and-feasibility-studies-section,
   .skills-programmes-section,
   .courses-images-container {
       padding: 0 20px; 
   }

   /* Adjust font sizes for headings */
   .section-heading {
       font: 700 24px/1.2 "Montserrat", sans-serif; 
   }

   .skills-programmes-heading,
   .training-delivery-header {
       font: 600 18px/21px "Montserrat", sans-serif;
   }

   /* Adjust text font sizes */
   .training-offering-text,
   .training-delivery-text,
   .stakeholder-engagement-text,
   .public-and-consumer-education-content,
   .research-and-feasibility-studies-content {
       font: 400 14px/1.5 "Lora", sans-serif; 
   }

   .training-delivery-points,
   .skills-list,
   .public-and-consumer-education-list,
   .research-and-feasibility-studies-list,
   .stakeholder-engagement-list {
       margin-left: 8px; 
   }

   /* Reduce the margin-top for better fitting */
   .training-offering-content,
   .skills-programmes-description,
   .skills-list,
   .public-and-consumer-education-list {
       margin-top: 16px; 
   }

   /* Image adjustments */
   .courses-images-container {
       padding: 20px 20px; 
   }

   .courses-image {
       width: 100%;
       height: auto; 
   }
}