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; }
Keep yourself on the loop and stay updated.

A big variety of articles and resources.

Sorry , no results found
Created with