/* Mobile styles (0-767px) */
@media (max-width: 767px) {
/* General adjustments */
body {
font-size: 16px;
}

.container {
padding: 0 15px;
}

/* Banner Section */
.banner-content h1 {
font-size: 24px;
line-height: 32px;
text-align: center;
}


/* Subscribe Section */
.subscribe form {
flex-direction: column;
}
.subscribe-content h2 {
font-size: 25px;
}
.subscribe-content h3 {
font-size: 16px;
}
.d-flex.form-flex {
flex-direction: column;
}

.subscribe input {
width: 100%;
margin-bottom: 10px;
padding: 12px 15px;
font-size: 16px;
}

.form-btn {
width: 100%;
padding: 12px 0;
font-size: 16px;
}

/* About Heal Section */
.about-flex {
flex-direction: column;
}

.about-heal-img {
margin-bottom: 20px;
text-align: center;
width: 100%;
}

.about-heal-img img {
max-width: 100%;
height: auto;
}
.about-heal-content{
width: 100%;
padding-left: 0px;
}
.about-heal-content h2 {
font-size: 22px;
margin-bottom: 15px;
}

.about-heal-content p {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
}

/* Courses Section */
.courses-cards {
flex-direction: column;
gap: 20px;
}

.cource-card {
width: 100%;
margin-bottom: 0;
}

.cource-card h4 {
font-size: 18px;
line-height: 24px;
}

.cource-card p {
font-size: 15px;
line-height: 22px;
}

/* journey */
.journey {
padding: 50px 0px;
}
.journey h1 {
font-size: 25px;
}
/* Testimonial Section */
.testimonial h1 {
font-size: 30px;
margin-bottom: 0px;
}
.testimonial-carousel .item{
width: 100%;
}

.double-quotes img {
width: 10% !important;
position: static;
}

.testimonial-carousel .item {
padding: 15px;
}

.testimonial-carousel p {
font-size: 15px;
line-height: 22px;
}

/* FAQ Section */
.faq-flex {
flex-direction: column;
}

.faq-left {
width: 100%;
margin-bottom: 20px;
}
.faq-img img {
top: -20px;
right: 0px;
width: 15%;
}
.faq-left h1 {
font-size: 28px;
line-height: 36px;
}
.faq-right{
width: 100%;
}
.accordion-button {
font-size: 16px;
padding: 12px 15px;
}

.accordion-body {
font-size: 15px;
line-height: 22px;
padding: 15px;
}

/* Footer */
.footer-img {
margin-bottom: 20px;
}

.footer-img img {
max-width: 180px;
}

.footer-links {
flex-direction: column;
align-items: center;
gap: 15px;
}

.fut-call {
font-size: 16px;
}

.social-links {
justify-content: center;
}

.social-links i {
font-size: 18px;
}

/* Utility classes */
.text-center-mobile {
text-align: center;
}

.hide-on-mobile {
display: none !important;
}

.show-on-mobile {
display: block !important;
}

header ul {
justify-content: center;
flex-wrap: wrap;
}
.logo {
margin-top: 60px;
}
.single-post h1.post-title {
font-size: 25px;
}
.single-post .single-post-container {
padding: 40px 15px;
}
.single-post .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow h2 {
font-size: 22px;
}
.single-post .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow p {
font-size: 16px;
}
.page-template-login-registration .ld-registration__wrapper.ld-breakpoint--initialized {
margin: 35px 15px;
}
.page-template-reset-password .ld-registration__wrapper {
margin: 35px 15px 60px 15px;
}
.single-sfwd-courses .ld-layout__sidebar {
position: static;
}
.single-sfwd-courses section.course-details h1 {
font-size: 25px;
}
.single-sfwd-courses .ld-accordion__header h2.ld-accordion__heading {
font-size: 25px;
}
.form-row {
flex-wrap: wrap;
}
.form-flex {
width: 100%;
}
.power-back-right {
padding: 70px 0px;
}
.faq-btn a {
font-size: 16px;
}
.power-back h1{
font-size: 30px;
}
.work-together-content h1{
font-size: 30px;
}
.navbar-toggler:hover, .navbar-toggler:focus{
	background-color: #bac5bb;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.about-flex {
flex-direction: column;
}
.about-heal-img{
width: 100%;
}
.about-heal-content{
width: 100%;
margin-top: 20px;
}
.cource-card {
width: 48%;
}
.journey {
padding: 100px 0px;
}
.double-quotes img {
width: 7% !important;
position: static;
}
.testimonial-carousel .item {
width: 100%;
}
.owl-nav .owl-prev{
left: 70px;
}
.owl-nav .owl-prev{
left: -35px;
}
.owl-nav .owl-next {
right: -35px;

}
.owl-nav button {
font-size: 20px !important;
width: 35px;
height: 35px;
}
.single-post .single-post-container {
padding: 40px 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {

.owl-nav .owl-prev{
left: 70px;
}
.owl-nav .owl-prev{
left: -35px;
}
.owl-nav .owl-next {
right: -35px;

}
.owl-nav button {
font-size: 20px !important;
width: 35px;
height: 35px;
}
.double-quotes img {
width: 6% !important;
position: static;
}
.single-post .single-post-container {
padding: 40px 15px;
}
}