:root {
     --primary-color: #0F67B1;
     --primary-dark-50: #3FA2F6;
     --primary-light: #0F67B1;
     --red-accent: #e63946;
     --light-bg: #f8f9fa;
}
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: #333;
     overflow-x: hidden;
}
/* Navbar */
 .navbar {
     padding: 4px 15px;
     background: white !important;
     box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
 .navbar .btn.btn-dark-custom {
     padding: 9px 15px;
     border-radius: 40px;
     font-size: 15px;
     font-weight: normal;
     background-color: var(--primary-color);
}
 .navbar-brand {
     font-weight: 700;
     font-size: 1.4rem;
     color: #333 !important;
     text-transform: uppercase;
}
 .nav-link {
     color: #000000 !important;
     font-weight: 500;
     font-size: 0.85rem;
     padding: 10px 15px!important;
     display: block;
    /* margin: 0 1.2rem;
     */
     text-transform: uppercase;
     letter-spacing: 0.5px;
     transition: color 0.3s;
}
 .nav-link:hover {
     color: var(--primary-color) !important;
}
/* Hero Section */
 .hero-section {
     padding: 0;
     margin-top: 76px;
     position: relative;
    /* overflow: hidden;
     */
     margin-bottom: 148px;
}
 .hero-container {
    /* display: flex;
     */
     align-items: stretch;
     min-height: 600px;
     max-width: 1100px;
     margin: 0 auto;
     position: relative;
     padding-top: 55px;
}
 .hero-content {
    /* background: #eaedf9;
     */
     background-color: var(--primary-light);
     padding: 50px 43px;
     display: flex;
     align-items: center;
     position: relative;
    /* z-index: 2;
     */
     position: absolute;
     bottom: -100px;
    /* transform: translate(10px, 70px);
     */
     border-radius: 0px 89px 0px 0px;
     left: 20px;
     z-index: 9;
}
 .hero-content-inner {
     max-width: 500px;
}
 .hero-content h1 {
     font-size: 2.8rem;
     font-weight: 700;
     margin-bottom: 1.5rem;
     color: #ffffff;
     line-height: 1.2;
}
 .hero-content p {
     font-size: 0.95rem;
     color: #ffffff;
     margin-bottom: 2rem;
     line-height: 1.7;
}
 body .btn-dark-custom {
     background-color: #000;
     border: none;
     padding: 11px 26px;
     width: fit-content;
     font-weight: 600;
     border-radius: 1px;
    /* text-transform: uppercase;
     */
     letter-spacing: 1px;
     font-size: 17px;
     transition: all 0.3s;
     color: white;
}
 body .btn-dark-custom:hover {
     color: #fff;
     background-color: var(--primary-color);
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
 .hero-image-wrapper {
     position: relative;
     flex: 1;
    /* overflow: hidden;
     */
}
 .hero-image {
     width: 100%;
    /* height: 100%;
     */
    /* object-fit: cover;
     */
    /* position: absolute;
     */
     top: 0;
     left: 0;
     position: relative;
     z-index: 5;
}
 .red-accent-block {
     position: absolute;
     width: 650px;
     height: 476px;
     background: var(--primary-color);
     top: 0;
     right: 0;
     z-index: 3;
     transform: translate(58px, -58px);
}
 .download_brochure_btn{
     background-color: #000;
     color: #fff;
}
/* Services Section */
 .services-section {
     padding: 0;
     position: relative;
    /* margin-top: -100px;
     */
    /* background-color: var(--primary-light);
     */
}
 .services-bg-red {
    /* background: #f6f9fd;
     */
     background-color: #eef3f9;
     height: 250px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 0;
}
 .services-container {
     position: relative;
     z-index: 1;
     padding: 0 15px;
}
 .service-card {
     background: white;
     border-radius: 0;
     padding: 2.5rem 1.8rem;
     text-align: center;
     transition: all 0.3s;
     box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    /* height: 100%;
     */
     position: relative;
    /* margin-bottom: 30px;
     */
}
 .service-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
 .service-icon {
     width: 65px;
     height: 65px;
     background: var(--primary-color);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 1.5rem;
     font-size: 1.6rem;
     color: white;
}
 .service-card h4 {
     font-weight: 700;
     margin-bottom: 1rem;
     text-transform: uppercase;
     font-size: 1rem;
     letter-spacing: 1px;
     color: #000;
}
 .service-card p {
     color: #000000;
     margin-bottom: 1.5rem;
     line-height: 1.6;
     font-size: 0.9rem;
}
 .service-card .btn-link {
     color: #000;
     text-decoration: none;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 0.85rem;
     letter-spacing: 0.5px;
}
/* Info Section */
 .info-section {
     padding: 100px 0;
     background: var(--primary-color);
     color: white;
}
 .info-section h2 {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 1rem;
     text-align: center;
}
 .info-section .subtitle {
     text-align: center;
     margin-bottom: 3rem;
     font-size: 1rem;
}
 .info-item {
     background: rgba(255,255,255,0.1);
     padding: 2rem;
     height: 100%;
     border-radius: 0;
}
 .info-item h3 {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 1rem;
     border-bottom: 3px solid white;
     display: inline-block;
     padding-bottom: 0.5rem;
}
 .info-item p {
     font-size: 0.9rem;
     line-height: 1.8;
}
/* Online Learning Section */
 .learning-section {
     padding-top: 60px;
     padding-bottom: 60px;
     background: #eef3f9;
}
 .learning-image {
     position: relative;
    /* height: 544px;
     */
     text-align: right;
}
 .learning-image img {
     width: 70%;
    /* height: 100%;
     */
     object-fit: cover;
     text-align: right;
     margin-left: auto;
     margin-right: 0;
}
 .learning-content {
     padding: 40px;
     background-color: #fff;
    /* transform: translate(-23px, -61px);
     */
}
 .learning-content h2 {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 1.5rem;
     color: #000;
}
 .learning-content p {
     color: #000000;
    /* margin-bottom: 1.5rem;
     */
    /* line-height: 1.8;
     */
}
/* Learning Institutions Section */
 .institutions-section {
    /* padding-top: 100px;
     */
     background: white;
     position: relative;
     overflow: hidden;
}
 .institutions-images {
     position: relative;
    /* height: 700px;
     */
     z-index: 1;
}
 .img-top img{
     max-width: 70%;
}
 .img-top {
    /* position: absolute;
     */
    /* top: 0;
     */
    /* left: 0;
     */
    /* width: 70%;
     */
    /* height: 400px;
     */
    /* background: url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=700&h=400&fit=crop') center/cover;
     */
    /* z-index: 1;
     */
    /* box-shadow: -26px 26px 0px #0f67b1;
     */
}
 .img-bottom {
     position: relative;
    /* bottom: 0;
     */
     right: 0;
    /* height: 340px;
     */
     width: 72%;
     transform: translate(3px, -106px);
     margin-left: auto;
    /* height: 320px;
     */
     background: var(--primary-color);
    /* display: flex;
     */
    /* align-items: center;
     */
     justify-content: center;
     z-index: 1;
     box-shadow: 26px 26px 0px #0f67b1;
}
 .img-bottom img {
     width: 100%;
    /* height: 100%;
     */
    /* object-fit: cover;
     */
    /* object-position: top;
     */
}
 .institutions-content {
     padding: 60px;
     display: flex;
     align-items: center;
     background-color: #fff;
     box-shadow: 3px 10px 23px #00000024;
     position: relative;
     transform: translate(-18px, 5px);
     position: relative;
     z-index: 2;
}
 .institutions-content h2 {
     font-size: 1.8rem;
     font-weight: 700;
     margin-bottom: 1.5rem;
     color: #000;
     line-height: 1.3;
}
 .institutions-content p {
     color: #000000;
     margin-bottom: 2rem;
     line-height: 1.8;
}
/* Newsletter Section */
 .newsletter-section {
     padding: 80px 0;
     background: #000;
     color: white;
     text-align: center;
}
 .newsletter-section h2 {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 0.5rem;
}
 .newsletter-section .subtitle {
     font-size: 1.1rem;
     margin-bottom: 2rem;
     font-weight: 600;
}
 .newsletter-section p {
     max-width: 600px;
     margin: 0 auto 2rem;
     color: #aaa;
     font-size: 0.9rem;
}
 .newsletter-form {
     max-width: 500px;
     margin: 0 auto 2rem;
}
 .newsletter-form input {
     border-radius: 0;
     border: none;
     padding: 14px 20px;
     font-size: 0.9rem;
}
 .newsletter-form button {
     border-radius: 0;
     background: var(--primary-color);
     border: none;
     color: #fff;
     padding: 14px 35px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     font-size: 0.85rem;
}
 .newsletter-form button:hover {
     background:var(--primary-dark) 
}
 .newsletter-section .disclaimer {
     font-size: 0.75rem;
     color: #666;
     max-width: 700px;
     margin: 0 auto;
}
/* Footer */
 footer {
     background: #1a1a1a;
     color: white;
     padding: 4rem 0 2rem;
}
 footer h5 {
     color: white;
     font-weight: 700;
     margin-bottom: 1.5rem;
     text-transform: uppercase;
     font-size: 0.85rem;
     letter-spacing: 1px;
}
 footer ul {
     list-style: none;
     padding: 0;
}
 footer ul li {
     margin-bottom: 0.8rem;
}
 footer a {
     color: #999;
     text-decoration: none;
     transition: color 0.3s;
     font-size: 0.9rem;
}
 footer a:hover {
     color: var(--primary-color);
}
 .copyright {
     text-align: center;
     padding-top: 2rem;
     margin-top: 1rem;
     border-top: 1px solid #333;
     color: #666;
     font-size: 0.85rem;
}
/* Responsive */
 @media (max-width: 991px) {
     .hero-container {
         flex-direction: column;
         min-height: auto;
         padding-top: 0;
    }
     .hero-content {
         padding: 40px 30px;
         position: inherit;
         width: 91%;
         bottom: 27px;
    }
     .hero-image-wrapper {
         height: auto;
         position: relative;
    }
     .red-accent-block {
         width: 150px;
         height: 150px;
         display: none;
    }
     .services-section {
         margin-top: 0;
         padding-top: 50px;
    }
     .services-bg-red {
         height: auto;
         position: relative;
         padding: 50px 0;
         display: none;
    }
     .learning-image {
         height: auto!important;
         margin-bottom: 30px;
    }
     .learning-content, .institutions-content, .career-content {
         padding: 30px;
         transform: translate(3px, 5px);
    }
     .institutions-images {
        /* height: 500px;
         */
         margin-bottom: 30px;
    }
     .hero-section{
         margin-bottom: 0;
    }
}
 @media (max-width: 768px) {
     .hero-content h1 {
         font-size: 1.8rem;
    }
     .section-title h2, .info-section h2, .learning-content h2 {
         font-size: 1.8rem;
    }
     .nav-link {
        /* margin: 0.5rem 0;
         */
    }
}
 .navbar-brand img{
     max-width: 80px;
}
/* form */
/* form */
 h2.trial-form-title {
     text-align: center;
     background-color: var(--primary-color);
     color: #fff;
     font-weight: bold;
     margin-bottom: 6px;
     width: calc(100% + 30px);
     border-radius: 7px;
     margin-left: -15px;
     box-shadow: 7px 10px 11px #003a6630;
     padding: 21px 15px;
     font-size: 26px;
}
 .contact_form button.btn {
     text-align: center;
     margin: 0 auto;
     padding: 12px 22px;
    /* background-color: #000;
     */
     border: 0;
     background: #000000;
     color: #fff;
     font-size: 20px;
}
 .contact_form h3 {
     margin-left: -38px;
     color: #fff;
     font-size: 25px;
     font-weight: bold;
     text-align: center;
     background: var(--primary-color);
     padding: 20px;
     width: calc(100% + 80px);
     letter-spacing: 0;
    /* position: absolute;
     */
     border-radius: 5px;
     background-image: url("../img/bg_05.png");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: bottom;
}
 .contact_form.footer_form {
     background-color: #ffffff;
     padding: 0 30px 30px;
     border-radius: 15px;
    /* transform: translate(0px, -70px);
     */
     box-shadow: 2px 2px 10px #ccc;
}
 footer .contact_form.footer_form {
     max-width: 400px;
     margin: 0 auto;
}
 .contact_form label {
     color: #000;
     text-align: left!important;
     font-size: 16px;
     font-weight: bold;
}
 .form-group input, .form-group select {
     display: block;
     color: #000;
     font-size: 15px;
     width: 100%;
     padding: 10px 15px;
     border: 0;
     background-color: #f5f5f5;
     border-radius: 6;
    /* box-shadow: 2px 2px 10px #ccc;
     */
}
 .form-group .form-control::placeholder, .form-group select::placeholder {
     color: #000;
     font-size: 15px;
}
 body button.btn-close {
     position: absolute;
     top: 22px;
     right: 5px;
     color: #000;
     background-color: #fff;
     opacity: 1;
}
 .form-group {
     margin-bottom: 10px;
}
/* Section 1: Team */
 .team-section {
     padding: 80px 0;
     background-color: #fff;
}
 .team-title {
     font-size: 2.5rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 60px;
     color: #000;
}
 .team-member {
     text-align: center;
     margin-bottom: 30px;
     transition: transform 0.3s ease;
     cursor: pointer;
}
 .team-member:hover {
     transform: translateY(-10px);
}
 .team-member-image {
     width: 100%;
     max-width: 200px;
     height: 200px;
     object-fit: cover;
     margin: 0 auto 20px;
     display: block;
     background-color: #e0e0e0;
     transition: all 0.3s ease;
     filter: grayscale(0%);
}
 .team-member:hover .team-member-image {
     filter: grayscale(100%);
     transform: scale(1.05);
}
 .team-member-name {
     font-size: 1.125rem;
     font-weight: 700;
     margin-bottom: 5px;
     color: #000;
     transition: color 0.3s ease;
}
 .team-member:hover .team-member-name {
     color: var(--primary-color);
}
 .team-member-role {
     font-size: 0.875rem;
     color: #000000;
     transition: color 0.3s ease;
}
 .team-member:hover .team-member-role {
     color: #000;
}
 .freepik-credit {
     text-align: center;
     margin-top: 40px;
     font-size: 0.875rem;
     color: #666;
}
 .freepik-credit a {
     color: #000;
     text-decoration: underline;
}
/* Section 2: Testimonials */
 .testimonial-section {
     padding: 80px 0;
     background-color: #eef3f9;
}
 .testimonial-title {
     font-size: 2.5rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 60px;
     color: #000;
}
 .testimonial-item {
     background-color: #fff;
     padding: 40px 15px;
     margin: 0 15px;
     position: relative;
}
 .testimonial-content {
     display: flex;
     gap: 20px;
     align-items: flex-start;
}
 body .testimonial-image {
     width: 60px!important;
     height: 60px;
     border-radius: 50%;
     object-fit: cover;
     flex-shrink: 0;
}
 .testimonial-text {
     font-size: 0.95rem;
     line-height: 1.6;
     color: #333;
     font-style: italic;
     margin-bottom: 20px;
}
 .testimonial-author {
     font-size: 0.875rem;
     font-weight: 700;
     color: #000;
     margin-top: 20px;
}
 .owl-carousel .owl-nav button {
     position: absolute;
     top: 48%;
     transform: translateY(-50%);
     width: 40px;
     height: 40px;
     line-height: 2px!important;
     background-size: 56px;
     font-size: 36px!important;
     background-color: #000000 !important;
     color: #fff !important;
     border-radius: 50%!important;
     font-size: 1.5rem;
}
 .owl-carousel .owl-nav button.owl-prev {
     left: -25px;
}
 .owl-carousel .owl-nav button.owl-next {
     right: -25px;
}
/* Section 3: Stats */
 .stats-section {
}
 .stats-section .container{
     padding: 37px 30px;
     background-color: #ffffff;
     transform: translate(0px, -40px);
}
 .stats-title {
     font-size: 2.5rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 30px;
     color: #000;
}
 .stat-card {
    /* background-color: #eef3f9;
     */
    /* color: #fff;
     */
    /* padding: 40px 20px;
     */
    /* text-align: center;
     */
    /* margin-bottom: 20px;
     */
}
 .stat-label {
     font-size: 18px;
     font-weight: 600;
    /* letter-spacing: 2px;
     */
     color: #000000;
     margin-bottom: 15px;
     text-transform: uppercase;
}
 .stat-number {
     font-size: 45px;
     font-weight: 700;
     color: #000;
     line-height: 1;
}
 .stat-card {
     animation: fadeInUp 0.8s ease-out;
}
 .stat-number {
     animation: countUp 0.6s ease-out;
}
/* Section 4: Online Learning */
 .online-learning-section {
     padding: 80px 0;
     background-color: #fff;
}
 .learning-image {
     width: 100%;
    /* height: 356px;
     */
     object-fit: cover;
     overflow: hidden;
}
 .learning-content {
     padding: 60px 40px;
}
 .learning-title {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 25px;
     color: #000;
}
 .learning-text {
     font-size: 1rem;
     line-height: 1.8;
     color: #666;
     margin-bottom: 30px;
}
 .bg_ligth{
     background-color: #eef3f9;
}
/* Section 5: FAQ */
 .faq-section {
     padding: 80px 0;
     background-color: #eef3f9;
}
 .faq-title {
     font-size: 2.5rem;
     font-weight: 700;
     text-align: center;
     margin-bottom: 15px;
     color: #000;
}
 .faq-subtitle {
     text-align: center;
     color: #000000;
     font-size: 17px;
     margin-bottom: 50px;
}
 .accordion-item {
     border: none;
     background-color: #f5f5f5;
     margin-bottom: 10px;
}
 .accordion-button {
     background-color: #f5f5f5;
     color: #000;
     font-weight: 600;
     font-size: 0.95rem;
     padding: 20px 25px;
     border: none;
}
 .accordion-button:not(.collapsed) {
     background-color: #f5f5f5;
     color: #000;
     box-shadow: none;
}
 .accordion-button:focus {
     box-shadow: none;
}
 .accordion-button::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
}
 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
}
 .accordion-body {
     background-color: #fff;
     padding: 20px 25px;
}
 @media (max-width: 768px) {
     .team-title, .testimonial-title, .stats-title, .learning-title, .faq-title {
         font-size: 2rem;
    }
     .stat-number {
         font-size: 2.5rem;
    }
     .learning-content {
         padding: 39px 20px;
         transform: translate(1px, -61px);
    }
     .owl-carousel .owl-nav button.owl-prev {
         left: 10px;
    }
     .owl-carousel .owl-nav button.owl-next {
         right: 10px;
    }
}
/* Custom CSS for We Make Sure It's Easy to Learn Section */
 .we-make-sure-section {
     padding-bottom: 60px;
    /* Add some vertical padding */
     background-color: #fff;
    /* Ensure white background */
}
 .we-make-sure-section .section-title {
    /* font-size: 2.5rem;
     */
    /* font-weight: 700;
     */
    /* color: #333;
     */
    /* Dark text for title */
    /* margin-bottom: 60px;
     */
    /* Space below title */
}
 .we-make-sure-section .feature-item {
     display: flex;
     align-items: flex-start;
    /* Align icon and text at the top */
     margin-bottom: 20px;
    /* Space between items */
}
 .we-make-sure-section .feature-item .icon {
     color: var(--primary-color);
    /* Use the primary color variable */
     font-size: 1.2rem;
     margin-right: 10px;
     flex-shrink: 0;
    /* Prevent icon from shrinking */
}
 .we-make-sure-section .feature-item h6 {
     font-weight: 700;
     color: #000000;
    /* Dark text for headings */
     margin-bottom: 8px;
     font-size: 1.1rem;
     text-transform: uppercase;
}
 .we-make-sure-section .feature-item p {
     color: #000000;
    /* Lighter text for description */
     line-height: 1.6;
     font-size: 0.95rem;
}
/* Responsive adjustments */
 @media (max-width: 768px) {
     .we-make-sure-section .section-title {
        /* font-size: 2rem;
         */
        /* margin-bottom: 40px;
         */
    }
     .we-make-sure-section .feature-item {
         margin-bottom: 30px;
    }
}
 .skills-section {
     padding-top: 59px;
}
 .section-title {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: #000;
}
 .section-description {
     color: #000000;
     font-size: 1rem;
     line-height: 1.6;
     max-width: 700px;
     margin: 0 auto 50px;
}
 .skill-card {
     background: white;
     border-radius: 0;
     overflow: hidden;
     margin-bottom: 30px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
 .skill-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
 .skill-card img {
     width: 100%;
     height: 250px;
     object-fit: cover;
}
 .skill-card-body {
     padding: 30px 20px;
     text-align: center;
}
 .skill-card-title {
     font-size: 1.25rem;
     font-weight: 700;
     margin-bottom: 15px;
     color: #000;
}
 .skill-card-text {
     color: #000000;
     font-size: 0.95rem;
     line-height: 1.5;
     margin-bottom: 0;
}
 .learn-more-btn {
     background-color: #000;
     color: white;
     padding: 15px 40px;
     font-size: 0.875rem;
     font-weight: 600;
     letter-spacing: 1px;
     border: none;
     transition: background-color 0.3s ease;
     margin-top: 40px;
}
 .learn-more-btn:hover {
     background-color: #333;
}
 .owl-carousel .owl-nav button span {
     margin-top: -7px;
     display: block;
}
/* Top Section with Two Columns */
 .top-section {
     padding: 80px 0;
     background-color: #fff;
}
 .study-image {
     width: 100%;
     height: 400px;
     object-fit: cover;
}
 .content-box {
     background-color: #eef3f9;
     padding: 33px 40px;
     width: 92%;
     transform: translate(19px, -37px);
    /* height: 100%;
     */
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .online-study-title {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 16px;
     color: #000000;
     line-height: 1.2;
}
 .online-study-text {
     font-size: 1rem;
    /* line-height: 1.8;
     */
     color: #000000;
     margin-bottom: 0;
}
 .trending-title {
     font-size: 1.25rem;
     font-weight: 600;
     letter-spacing: 2px;
     margin-bottom: 13px;
     color: #000000;
}
 .trending-text {
     font-size: 0.95rem;
     line-height: 1.6;
     color: #000000;
     margin-bottom: 30px;
}
 .learn-btn {
     background-color: #000;
     color: white;
     padding: 15px 35px;
     font-size: 0.875rem;
     font-weight: 600;
     letter-spacing: 1px;
     border: none;
     transition: background-color 0.3s ease;
     display: inline-block;
}
 .learn-btn:hover {
     background-color: #333;
     color: white;
}
/* Build Skills Section */
 .build-skills-section {
     padding-bottom: 80px;
     background-color: #fff;
     text-align: center;
}
 .build-skills-title {
     font-size: 3rem;
     font-weight: 700;
     margin-bottom: 40px;
     color: #000;
}
 .contact-btn {
     background-color: #000;
     color: white;
     padding: 15px 40px;
     font-size: 0.875rem;
     font-weight: 600;
     letter-spacing: 1px;
     border: none;
     transition: background-color 0.3s ease;
    /* margin-bottom: 60px;
     */
}
 .contact-btn:hover {
     background-color: #333;
}
/* Image Gallery */
 .image-gallery {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 25px;
     margin-top: 50px;
}
 .gallery-image {
     width: 100%;
     height: 300px;
     object-fit: cover;
     display: block;
}
 .fade_text {
     font-size: 22vw;
     position: absolute;
     top: -221px;
     left: 0;
     font-weight: bold;
     opacity: 0.05;
     line-height: 1;
     color: #606060;
     z-index: -1;
     text-align: left;
     max-width: 70vw;
     height: 50vh;
     overflow: hidden;
}
 .back-to-top.show {
     visibility: visible;
     opacity: 1;
}
 .back-to-top {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 15px;
     bottom: 15px;
     line-height: 37px;
     z-index: 996;
     text-align: center;
     color: #fff;
     width: 40px;
     height: 40px;
     background: #000;
     border-radius: 4px;
     transition: 0.4s;
}
 .back-to-top i {
     display: block;
     line-height: 38px;
}
 .whatsapp_icon {
     bottom: 65px;
     opacity: 1 !important;
     display: block;
     visibility: visible;
     background-color: #199631;
     position: fixed;
     right: 15px;
     bottom: 75px;
     z-index: 996;
     width: 52px;
     height: 52px;
     font-size: 25px;
     border-radius: 50px;
     transition: all 0.4s;
     color: #fff;
     text-decoration: none;
}
/* Basic Card Styling */
 .stat-card {
     text-align: center;
     padding: 30px 15px;
     margin-bottom: 20px;
    /* Space between cards on smaller screens */
     background-color: #f8f9fa;
    /* Light background for contrast */
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Smooth transition for hover effects */
}
/* Hover Effect */
 .stat-card:hover {
     transform: translateY(-5px) scale(1.02);
    /* Lifts and slightly enlarges the card */
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    /* Stronger shadow on hover */
}
/* Icon Styling */
 .stat-icon {
     font-size: 3.5rem;
    /* Large icon size */
     color: var(--primary-color);
    /* A primary color for the icon */
     margin-bottom: 15px;
     display: block;
    /* Makes sure the icon takes up its own line */
     transition: color 0.3s ease, transform 0.3s ease;
    /* Smooth transition for icon effects */
}
/* Icon Hover Effect inside the Card */
 .stat-card:hover .stat-icon {
     color: var(--primary-dark-50);
    /* Darker color on hover */
     transform: rotate(5deg);
    /* Slight rotation for a dynamic feel */
}
 body .accordion-button:not(.collapsed) {
     color: #fff;
     background-color:var(--primary-color);
}
 footer a.d_flex {
     display: flex;
     grid-gap: 11px;
     align-items: anchor-center;
}
 footer a.d_flex i{
     font-size: 16px;
}
 img.flag_con {
     width: 24px;
}

.plus_icon {
    display: flex !important;
    justify-content: center;
}
.plus_icon:after{
    content: '+';
    display: block;
}
/* Responsive Design */
 @media (max-width: 1200px) {
     .image-gallery {
         grid-template-columns: repeat(2, 1fr);
    }
}
 @media (max-width: 768px) {
     .top-section{
         padding-bottom:0 ;
    }
     .institutions-section {
         padding-bottom: 60px;
    }
     .img-bottom {
         height: auto;
         width: 100%;
         transform:inherit;
         margin-left: 0;
    }
     .learning-image img {
         width: 100%;
    }
     .img-top{
         display: none;
    }
     .section-title {
         font-size: 1.6rem;
    }
     .testimonial-content {
         display: block;
    }
     .service-card {
         margin-top: 40px;
    }
     .online-study-title {
         font-size: 2rem;
    }
     .build-skills-title {
         font-size: 2rem;
    }
     .content-box {
         padding: 40px 30px;
         width: 92%;
         transform: translate(19px, -37px);
    }
     .study-image {
         height: 300px;
    }
     .image-gallery {
         grid-template-columns: 1fr;
         margin-top: 0;
    }
     .gallery-image {
         height: 250px;
    }
}