/* =====================================
   RESPONSIVE CSS
===================================== */

@media (max-width: 991px) {
/* ==navbar== */
 
    .main-menu {
        display: none;
    }

    
    .mobile-menu.active {
        display: block;
    }

   
/*     .nav-actions .search-btn,
    .nav-actions .cta-btn {
        display: none;
    }

    
    .hamburger {
        display: flex;
    }
 */
	
	
	  .nav-actions .cta-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        border-radius: 50%;
        background: #b2e8fc3b;
    }

    .nav-actions .cta-btn span {
        display: none;
    }

    .nav-actions .cta-btn i {
        display: block;
        font-size: 18px;
        margin: 0;
        color: #0292C7;
    }

    .hamburger {
        display: flex;
    }
    /* Navbar */
    .navbar {
        min-height: 80px;
        padding: 15px 20px;
    }

    .mobile-header {
        display: none;
    }

    /* ===service=== */
    .service-card {
        height: 280px;
    }

    .service-content h3 {
        font-size: 20px;
    }

    /* Footer */
  .footer-top{
        grid-template-columns:repeat(3,1fr);
    }

    /* ==for individuals page=== */
    .individuals-section {
        padding: 80px 0;
        height: auto;
    }

    .individuals-section {
        min-height: auto;
        padding: 80px 0;
    }

    .individuals-content {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .individuals-text h1 {
        font-size: 40px;
    }

    .individuals-text p {
        max-width: 100%;
        margin: 20px auto 0;
    }

    .individuals-image img {
        max-width: 450px;
    }

    /* ====employees page==== */
    /* ===partnerships=== */
    .collaboration-box {
        flex-direction: column;
        text-align: center;
    }

    .left-content {
        flex: 100%;
    }

    .right-content {
        justify-content: center;
    }

    .feature-box {
        min-width: 250px;
    }
/* ===team page== */
 .speaker-grid {

        grid-template-columns: repeat(3, 1fr);

    }


}
@media (min-width: 920px) {
/*===home page banner== */
	.bannerlearn-btn {
		display:none !important;
	}
}
@media (max-width: 767px) {
/*===padding, heading,buttons===  */
	.ourcompany,.founder-story, .vet-secondary-school, .student-supports, .next-step,.school-qualification-table  {
    padding: 60px 10px;
}
	.ourfounder{
	padding:0 10px 60px;
}
	.heading h4, .heading h3 {
		font-size: 25px;
	}
	.learn-btn, .bannerlearn-btn {
		max-width:250px;
	}
	.location_heading .vet-btn {
		max-width:200px;
	}
    /* Topbar */
    .topbar {
        display: none;
    }

    .logo-box {
        width: 45px;
        height: 45px;
    }

    /* Navbar */
    .navbar {
        min-height: 70px;
        padding: 12px 15px;
    }

    /* Mobile menu links */
    .mobile-menu-list li a {
        padding: 14px 50px 14px 15px;
        font-size: 15px;
    }

    .mobile-menu-list .submenu-toggle {
        right: 10px;
        top: 9px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
/* 	==home page== */
/*===home page banner== */
/* 	.hero-section {
		height:80vh;
	}
.hero-text h1 {
    font-size: 57px;
	} */
/* ==ourcompany=== */
	.ourcompanyimg img {
		margin-bottom:10px;
	}
	.experience-box {
		right:0;
    width: 150px;
    height: 136px;
	}
	
.experience-box h6 span {
    font-size: 30px;
	}
	.experience-box p, .experience-box h6 {
    font-size: 13px; 
  
}
/* ==end of home page==	 */
    /* ==service== */

    .services {
        padding: 60px 0;
    }

    .service-card {
        height: 240px;
    }

    .service-content {
        left: 20px;
        right: 20px;
    }

    .service-content h3 {
        font-size: 18px;
    }
/* ====course-category,team=== */
.course-category-content h1, .team-content h1, .funding-training-content h1, .workforce-content h1,.rpl-content h1 {
    font-size: 40px;
}
	.student-support-content h1 {
    font-size: 35px;
}
/* ==business==	 */
	.course-details-img img{
		margin-top:10px;
	}
    /* Footer */
   .footer-top{
        grid-template-columns:repeat(2,1fr);
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
    }

    /* ===for individuals page=== */

    .individuals-section {
        min-height: auto;
        padding: 60px 0;
    }

    .individuals-content {
        width: 92%;
        gap: 30px;
    }

    .individuals-text h1 {
        font-size: 32px;
    }

    .individuals-text p {
        font-size: 16px;
    }

    .individuals-image img {
        width: 100%;
        max-width: 100%;
    }

    /* ===for employees page === */
    .need-industry {
        margin: 0;
    }

    /* ===service page details=== */
    .service-banner {
        height: auto;
/*         min-height: 100vh; */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
    }

    .service-banner-content {
        position: static;
        transform: none;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .service-banner-content h1 {
        font-size: 26px;
        line-height: 1.3;
    }
/* ===vet in secondary schools ===*/
	.founder-img img {
		margin-bottom:10px;
	}
/*==about== */
	
.innerpageourcompanyimg img {
    max-width: 300px;
    height: 300px;
	}
    /* ===team page=== */
    .popup-box {
        flex-direction: column;
    }

    .popup-left,
    .popup-right {
        width: 100%;
    }

    .speaker-grid {

        grid-template-columns: repeat(2, 1fr);
    }
/* ==course-details-page== */
	 .course-description {
        flex-direction: column;
        align-items: flex-start;
    }

    .course-description-button {
        width: 100%;
    }

    .course-description-button button {
        width: 100%;
    }

}


@media(max-width:576px) {

    /* ===for employees page === */
    /* feature programme== */
    .feature-box {
        min-width: 100%;
    }

    .left-content h2 {
        font-size: 28px;
    }

    .program-card {
        padding: 22px;
    }
    /* ===footer== */
     .footer-top{
        grid-template-columns:1fr;
    }

}



@media (max-width: 767px) {
    .hero-section {
        min-height: auto;
        padding: 0 20px 60px;
        align-items: flex-start;

        /* Show the full image */
        background-size: contain;
        background-position: top center;
        background-color: #bae5f45c;
    }
	.hero-section::before {
		    background: rgba(0, 0, 0, 0.05);
	}
    .hero-content {
        width: 100%;
    }

    .hero-text {
        max-width: 100%;
        text-align: center;
        margin-top: 220px; /* Adjust based on your image height */
    }

    .hero-text h1 {
        font-size: 34px;
        line-height: 1.3;
		color:#000;
    }

    .hero-text p {
        font-size: 16px;
        line-height: 1.7;
		color:#000;
    }

    .hero-buttons {
        justify-content: center;
        display: flex;
		flex-direction:column;
    }
/*===study mode=== 	 */
	.delivery-method-content h1 {
		font-size:45px;
	}
}