Start Learning Today Speak to an Advisor
- .btn-start-your-free-trial { /* …same rules… */ } .btn-start-your-free-trial:hover { … } .btn-start-your-free-trial:active { … } .btn-start-your-free-trial:focus-visible { … } /* COURSE PAYMENT OPTIONS PAGE - > Section 2 - Payment Options */ .lw-cols .col img { margin-bottom: 1rem; max-width: 80%; height: auto; } /* ABOUT US PAGE - > Section 1 - Header */ .hero-section { background-image: url('https://lwfiles.mycourse.app/68135dc9fe1f562a4f64f0a1-public/e23b8f62cc42c835f123ea90990a7287.jpg'); margin-bottom: 30px; } .section-heading { font-size: 2.5rem; /* Adjust size for prominence */ font-weight: bold; line-height: 1.4; /* Better spacing between lines */ } .section-subheading { font-size: 1.8rem; /* Adjust size to complement the main heading */ font-weight: normal; line-height: 1.6; /* Adjust spacing between lines */ } .content-box { padding: 20px; /* Add space inside the content box */ } .image-box { padding: 15px; /* Add space around the image */ } .cta-button { background-color: #ff6f61; /* Bright CTA color */ padding: 15px 30px; color: white; text-decoration: none; border-radius: 5px; font-size: 1.1rem; display: inline-block; text-align: center; } .learnworlds-button-wrapper { margin-top: 20px; margin-bottom: 20px; /* Add space above and below the button */ } .cta-button:hover { background-color: #e15d50; /* Darken color on hover */ } @media (max-width: 768px) { .section-container { display: block; /* Stack the content vertically */ } .content-box, .image-box { width: 100%; /* Ensure full width on small screens */ } } .lw-widget-in.learnworlds-image { max-width: 100%; height: auto; } .learnworlds-heading { color: #333; /* Darker color for better contrast */ } .learnworlds-main-text { color: #444; /* Slightly darker text color */ } .learnworlds-button-solid-accent1:hover { background-color: #FF720C; font-weight: bold; /* Adding bold effect on hover */ } .learnworlds-heading, .learnworlds-heading4, .learnworlds-main-text { margin-bottom: 20px; } @media (max-width: 768px) { .lw-cols { flex-direction: column; /* Stack columns vertically on small screens */ } .learnworlds-button-wrapper { margin-top: 20px; /* Add space above the button */ } .learnworlds-section-content { padding: 20px; /* Add some padding for mobile screens */ } .learnworlds-heading { font-size: 2rem; /* Slightly reduce heading size for mobile */ } .learnworlds-main-text { font-size: 1.1rem; /* Adjust text size for readability */ } .learnworlds-image { max-width: 100%; /* Ensure the image is responsive */ height: auto; } } /* Header Hero Picture */ .hero-img-wrap{ aspect-ratio:3/2; /* 1.5 : 1 */ max-width:460px; /* whatever width suits your layout */ width:100%; overflow:hidden; /* hides the trimmed top/bottom */ } /* ABOUT US PAGE -> Section 2 -> Trusted by Learners and Recruiters Nationwide Section */ .learnworlds-section-overlay { background-color: rgba(0, 0, 0, 0.5); /* Darker overlay for better contrast */ } .progress-container_counter h2 { font-size: 3rem; /* Larger font for better visibility */ color: #FF720C; /* Accent color for the numbers */ font-weight: bold; transition: transform 0.3s ease-in-out; } .progress-container_counter h2:hover { transform: scale(1.05); /* Slight zoom effect on hover */ } .lw-cols .col { margin-bottom: 20px; /* Ensure consistent spacing */ } @media (max-width: 768px) { .lw-cols { display: block; /* Stack columns vertically */ text-align: center; /* Center align text */ } .progress-container_counter h2 { font-size: 2.5rem; /* Adjust number size for mobile */ } .learnworlds-main-text p { font-size: 1.1rem; /* Adjust text size for readability */ } } .learnworlds-image { max-width: 100%; height: auto; } .lw-progress:hover { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow for interactive feel */ } /* ABOUT US PAGE -> Section 3 -> Flexible, Self-Paced Learning, Expert-Led Training, Student Success is our Priority Block */ .learnworlds-heading4 { font-size: 1.8rem; font-weight: 600; line-height: 1.5; /* Improve line height for better legibility */ text-align: left; /* Ensures the text is aligned uniformly */ } .learnworlds-main-text { font-size: 1.2rem; line-height: 1.6; /* Increase line height for text sections */ margin-top: 10px; } .learnworlds-main-text { color: #333333; /* Darker color for better contrast */ } .learnworlds-heading4 cite { /* Space between the icon and the text */ } .learnworlds-heading4 { margin-right: 10px; display: flex; align-items: center; /* Ensure text and icon are vertically aligned */ } @media (max-width: 768px) { .lw-cols { display: block; /* Stack columns vertically */ } .learnworlds-heading4 { font-size: 1.6rem; /* Adjust the heading size for mobile */ } .learnworlds-main-text { font-size: 1rem; /* Adjust text size for mobile */ } } .wow-cta-button { padding: 16px 30px; /* Increase padding for better button size */ font-weight: 600; font-size: 1.1rem; /* Slightly larger font size */ display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 5px; background-color: #FF720C; /* Make the button match the brand color */ color: white; } .wow-cta-button:hover { background-color: #e15d0c; /* Slightly darker hover color */ transform: translateY(-2px); /* Slight lift on hover */ } .wow-cta-button .fa-long-arrow-alt-right { transition: transform 0.3s ease-in-out; } .wow-cta-button:hover .fa-long-arrow-alt-right { transform: translateX(6px); /* Arrow movement on hover */ } .lw-cols .col { margin-bottom: 30px; /* Consistent spacing between columns */ } .learnworlds-main-text { margin-bottom: 30px; /* Space between text sections */ } .col { margin-bottom: 20px; /* Adds space between columns */ } .learnworlds-heading4 cite { color: #FF720C; /* Make icon color consistent with the brand color */ } .col:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add subtle shadow on hover */ transition: all 0.3s ease-in-out; } .learnworlds-image { max-width: 100%; height: auto; object-fit: cover; /* Ensure images do not stretch */ } /* Vertical Alignment and Spacing */ .feature-col { display: flex; flex-direction: column; align-items: flex-start; max-width: 260px; /* caps line length on large screens */ margin: 0 1rem; } .feature-col p { margin-top: 0.5rem; margin-bottom: 1.25rem; line-height: 1.6; } /* Responsive Wrapping */ .features-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; } @media (max-width: 768px) { .feature-col { flex: 1 1 100%; text-align: center; max-width: none; } .feature-col i { margin-right: 0; margin-bottom: 0.5rem; } } /* Copy & Link Styling */ .features-footer a { color: #2B3990; text-decoration: none; font-weight: 600; transition: text-decoration .2s ease; } .features-footer a:hover { text-decoration: underline; } /* ABOUT US PAGE -> Section 4 -> Our Company */ .learnworlds-subheading { font-size: 2rem; /* Increase font size for visual hierarchy */ font-weight: 700; color: #2B3990; /* Matching brand color for uniformity */ } .learnworlds-main-text { padding-left: 20px; padding-right: 20px; line-height: 1.7; /* Adds some space between lines for improved readability */ } .learnworlds-align-right { display: flex; align-items: center; justify-content: center; } .learnworlds-image { max-width: 100%; /* Makes sure images scale responsively */ } @media (max-width: 768px) { .lw-cols { display: block; } .col { width: 100%; /* Stacks columns vertically on smaller screens */ margin-bottom: 2rem; } } .learnworlds-main-text { margin-bottom: 20px; } .learnworlds-section-content { padding-top: 40px; padding-bottom: 40px; } /* Apply Flexbox to both the columns containing the icon and text */ .learnworlds-align-right { display: flex; flex-direction: column; align-items: center; /* Horizontally center the icon */ justify-content: center; /* Vertically center the icon */ text-align: center; } /* Add some margin to the icon for spacing */ .learnworlds-image { margin-bottom: 20px; /* Adds spacing between icon and text */ } /* Ensure uniform text alignment */ .learnworlds-main-text { text-align: center; /* Center the description text */ padding-left: 20px; padding-right: 20px; } /* Optional: Add uniform margin to the headings */ .learnworlds-subheading { margin-bottom: 20px; /* Adds spacing between heading and description */ } /* Making sure the columns are flexible and adaptable */ .col { display: flex; flex-direction: column; justify-content: center; /* Vertically center all content in the column */ align-items: center; /* Horizontally center all content */ } /* For small screens (mobile optimization) */ @media (max-width: 768px) { .learnworlds-align-right { text-align: center; /* Ensure text is centered on mobile screens */ } .learnworlds-image { margin-bottom: 15px; /* Reduce spacing between image and text on smaller screens */ } } /* Aligning the columns and content properly */ .learnworlds-align-right { display: flex; flex-direction: column; justify-content: flex-start; /* Align content to the top */ align-items: center; /* Horizontally center the content */ text-align: center; } /* Margin and padding adjustments */ .learnworlds-image { margin-bottom: 20px; /* Adds spacing between icon and text */ } .learnworlds-main-text { text-align: justify; /* Ensure text alignment is justified */ padding-left: 20px; padding-right: 20px; } /* Uniform margin for headings */ .learnworlds-subheading { margin-top: 20px; margin-bottom: 20px; /* Consistent margin for both headings */ } /* Make sure both "Our Vision" and "Our Mission" headings are aligned */ .learnworlds-heading, .learnworlds-subheading { text-align: center; /* Ensure headings are centered */ margin-bottom: 20px; /* Space out from text */ } /* Optional: Ensure responsiveness on smaller screens */ @media (max-width: 768px) { .learnworlds-align-right { text-align: center; } .learnworlds-image { margin-bottom: 15px; /* Reduce spacing between image and text on smaller screens */ } } /* Apply Flexbox to both the columns containing the icon and text */ .learnworlds-align-right { display: flex; flex-direction: column; align-items: center; /* Horizontally center the icon */ justify-content: center; /* Vertically center the icon */ text-align: center; } /* Add some margin to the icon for spacing */ .learnworlds-image { margin-bottom: 20px; /* Adds spacing between icon and text */ } /* Ensure uniform text alignment */ .learnworlds-main-text { text-align: center; /* Center the description text */ padding-left: 20px; padding-right: 20px; } /* Optional: Add uniform margin to the headings */ .learnworlds-subheading { margin-bottom: 20px; /* Adds spacing between heading and description */ } /* Making sure the columns are flexible and adaptable */ .col { display: flex; flex-direction: column; justify-content: center; /* Vertically center all content in the column */ align-items: center; /* Horizontally center all content */ } /* For small screens (mobile optimization) */ @media (max-width: 768px) { .learnworlds-align-right { text-align: center; /* Ensure text is centered on mobile screens */ } .learnworlds-image { margin-bottom: 15px; /* Reduce spacing between image and text on smaller screens */ } } max-width:800px; margin:0 auto; text-align:center; /* Remove White Boxes Around Icons */ .vision-icon, .mission-icon { background: transparent !important; display: block; } /* Fine-Tune Icon ↔ Heading Spacing */ .vision-icon, .mission-icon { margin-bottom: 0.75rem; } /* Cap Copy Width and Justify */ .vision-col p, .mission-col p { max-width: 280px; /* keeps each block neatly under ~40–45 characters */ margin: 0; /* remove stray top/bottom margins */ text-align: justify; text-justify: inter-word; } /* Cap Copy Width and Justify */ @media (max-width: 768px) { .vision-col, .mission-col { flex: 1 1 100%; align-items: center; /* center icon + heading */ text-align: center; /* center the paragraph */ max-width: none; margin-bottom: 1.5rem; /* breathing room before next block */ } } /* ABOUT US PAGE -> Section 5 - > Meet our Tutors */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; color: #333; } .container { padding: 30px; } .learnworlds-overline-text { font-size: 1.2rem; font-weight: bold; color: #FF720C; } .learnworlds-subheading { font-size: 2rem; margin-top: 10px; color: #181818; text-align: center; font-weight: 600; } .lw-cols { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 30px; } .col { flex: 1; margin: 10px; max-width: 300px; } .tutor-card { background: #fff; border-radius: 15px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; overflow: hidden; text-align: center; } .tutor-card:hover { transform: translateY(-10px); } .tutor-image { width: 100%; height: 250px; background-size: cover; background-position: center; transition: transform 0.3s ease; } .tutor-card:hover .tutor-image { transform: scale(1.05); } .tutor-info { padding: 20px; background: #f8f8f8; border-top: 1px solid #e0e0e0; } .tutor-name { font-size: 1.2rem; color: #FF720C; font-weight: bold; } .role-title { font-size: 0.9rem; color: #666; margin: 10px 0; } .tutor-bio { font-size: 1rem; color: #444; margin-bottom: 15px; } .tutor-btn { background-color: #FF720C; color: white; padding: 10px 20px; border: none; border-radius: 25px; cursor: pointer; transition: background-color 0.3s ease; } .tutor-btn:hover { background-color: #E66000; } .role-title-animated { font-size: 0.85rem; font-weight: 600; color: #FF720C; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); opacity: 0; transform: translateY(5px); animation: fadeUpRoleTitle 0.6s ease-in-out forwards; animation-delay: 0.3s; } @keyframes fadeUpRoleTitle { to { opacity: 1; transform: translateY(0); } } /* ABOUT US PAGE -> Section 6 -> Who Our CeMAP Courses Are Designed For */ .course-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 320px; /* adjust until all cards match height */ background: #f9f7f0; border-radius: 8px; padding: 1rem; } .course-card h4 { margin: 0.5rem 0 0.5rem; font-size: 1.125rem; font-weight: 700; } .course-card p { margin: 0 0 1rem; line-height: 1.6; } /* ABOUT US PAGE -> Section 6 -> Who Our CeMAP Courses Are Designed For */ @media (max-width: 768px) { .logo-row { flex-wrap: wrap; gap: 1.5rem; } .logo-row img { max-height: 40px; } } @media (max-width: 480px) { .logo-row { flex-direction: column; gap: 1rem; } .logo-section .overline { font-size: 0.875rem; } .logo-section .subtext { font-size: 0.875rem; line-height: 1.4; } } /* ABOUT US PAGE -> Responsive Column Stack */ @media (max-width: 768px) { .col { width: 100% !important; margin-bottom: 2rem; } } .card-icon-container i { font-size: 3rem; /* Ensures all icons are the same size */ } .card-heading { text-align: center; font-size: 2.3rem; /* Ensure the font size is consistent */ margin-top: 10px; } .flex-item { margin-bottom: 2rem; /* This can help ensure consistency between all cards */ } .card-text p { text-align: center; /* Adjust as necessary to maintain consistent alignment */ } @media (max-width: 768px) { .col { width: 100%; /* Stack the columns vertically on smaller screens */ margin-bottom: 1rem; /* Space between stacked cards */ } } /* FREE TRIAL PAGE -> Section - What you get in your 48 Hour Free Trial */ .trial-features li { margin-bottom: 1.5rem; line-height: 1.6; } .trial-features strong { display: block; margin-bottom: 0.25rem; }

Get In Touch

Have a question about our courses, payment options, or how to get started? We’re here to help. Fill in the form below and a member of our team will get back to you as soon as possible. Whether you’re just exploring or ready to enrol, we’re happy to guide you.
Prefer to speak with someone right away?  Call us now on +44 (0) 207 123 4567 or use the  Live Chat in the corner

Get in touch

5 Braysford Square, London, E1 0SG

+44 (0) 203 123 4567

+44 (0) 7359 105 896 (WhatsApp)
learn@cemap-training.co.uk
We typically reply within 24 hours.

Ready to get started? Have a Question? We're here to Help

Thank you!
Created with