.section-heading {
     margin-bottom: 60px;
 }

 .section-heading h2 {
     font-size: 2.5rem;
     font-weight: 700;
     color: #2c3e50;
     margin-bottom: 20px;
     position: relative;
 }

 .section-heading h2::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 3px;
     background: linear-gradient(45deg, #3498db, #2980b9);
 }

 .section-heading p {
     font-size: 1.1rem;
     color: #7f8c8d;
     max-width: 600px;
     margin: 0 auto;
 }

 .card {
     background: #fff;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     border: none;
     /* height: 100%; */
 }

 .card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
 }

 .work-box .card-body {
     padding: 40px 30px;
     text-align: center;
     position: relative;
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .work-icon {
     margin-bottom: 25px;
 }

 .work-icon span {
     display: inline-block;
     width: 80px;
     height: 80px;
     background: linear-gradient(45deg, #3498db, #2980b9);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
 }

 .work-icon img {
     width: 40px;
     height: 40px;
     filter: brightness(0) invert(1);
 }

 .card-body h5 {
     font-size: 1.4rem;
     font-weight: 600;
     color: #2c3e50;
     margin-bottom: 15px;
 }

 .card-body p {
     color: #7f8c8d;
     font-size: 1rem;
     line-height: 1.6;
     flex-grow: 1;
     margin-bottom: 20px;
 }

 .card-body h4 {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 3rem;
     font-weight: 700;
     color: #ecf0f1;
     z-index: 1;
 }

 .vision-mission-section {
     padding: 80px 0;
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
 }

 .objective-section {
     padding: 60px 0;
     background: #fff;
 }

 .objective-card {
     background: linear-gradient(135deg, #3498db, #2980b9);
     color: white;
     border-radius: 15px;
     padding: 40px;
     text-align: center;
     box-shadow: 0 15px 35px rgba(52, 152, 219, 0.3);
 }

 .objective-card h3 {
     font-size: 2rem;
     margin-bottom: 20px;
     font-weight: 600;
 }

 .objective-card p {
     font-size: 1.1rem;
     line-height: 1.7;
     opacity: 0.95;
 }


 .vision-card .work-icon span {
     background: linear-gradient(45deg, #e74c3c, #c0392b);
 }

 .mission-card .work-icon span {
     background: linear-gradient(45deg, #27ae60, #229954);
 }


 .objective-card .work-icon span {
     background: linear-gradient(45deg, #27ae60, #229954);
 }

 /* Responsive Design */
 @media (max-width: 768px) {
     .col-md-4 {
         width: 100%;
     }

     .section-heading h2 {
         font-size: 2rem;
     }

     .card-body {
         padding: 30px 20px;
     }

     .card-body h4 {
         font-size: 2rem;
     }

     .objective-card {
         padding: 30px 20px;
     }
 }

 @media (max-width: 480px) {
     .section-heading h2 {
         font-size: 1.8rem;
     }

     .card-body h5 {
         font-size: 1.2rem;
     }

     .objective-card h3 {
         font-size: 1.6rem;
     }
 }


 .partner-img img {
     width: auto !important;
     margin: 0 auto;
     height: 90px;
 }




 .partners-static-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
 }

 .partner-img {
     flex: 0 0 calc(50% - 20px);
     box-sizing: border-box;
     margin-bottom: -10px;
 }

 .partner-img img {
     width: 100%;
     height: auto;
     display: block;
     max-width: 150px;
     margin: 0 auto;
 }

 /* On larger screens, show all images in one row (e.g., 5 items) */
 @media (min-width: 768px) {
     .partner-img {
         flex: 0 0 auto;
         max-width: 150px;
     }

     .partner-img img {
         max-width: 150px;
     }
 }


 @media only screen and (max-width: 575.98px) {
     .navbar-brand.logo-small {
         display: block;
         width: 100%;
         text-align: center;
         margin-right: 0;
         padding: 0 57px;
     }
 }

 .footer-logo img {
     max-height: 68px;
 }

 .hero-block {
     background-image: url('imgs/bg11.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     min-height: 400px;
     width: 100%;
 }

 /* Tablet & below */
 @media (max-width: 991.98px) {
     .hero-block {
         background: none !important;
         /* hide bg image */
         min-height: auto;
         /* adjust height with content */
     }

     .home-banner {
         background: none !important;
         /* also hide bg image */
         min-height: auto;
         margin-top: -80px;
         margin-left: 36px;
     }
 }

 /* Mobile screens */
 @media (max-width: 576px) {
     .hero-block {
         background: none !important;
         /* ensure hidden */
         min-height: auto;
     }

     .home-banner {
         background: none !important;
         min-height: auto;
     }
 }

/* =====================================================
   BLOG / SERVICE PAGE TYPOGRAPHY OVERRIDES
   Add these rules at the bottom of technotym.css
   ===================================================== */

/* Base body text inside blog/service content */
.more-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: #444444;
    margin-bottom: 16px;
}

/* H1 – page title (Service page main heading) */
.service-head h1,
.page-wrapper .content h1 {
    font-size: 1.9rem;
    font-weight: 700;
    color: #111111;
    line-height: 1.3;
    margin-bottom: 12px;
}

/* H2 – major section headings inside accordion/more-text */
.more-text h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #111111;
    margin-top: 32px;
    margin-bottom: 12px;
    line-height: 1.35;
}

/* H3 – sub-section headings */
.more-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #222222;
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.4;
}

/* H4 – sub-sub headings (e.g., "Key Reasons...", "Residential DG...") */
.more-text h4 {
    position: static !important;
    top: unset !important;
    right: unset !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

/* Unordered lists */
.more-text ul {
    padding-left: 22px;
    margin-bottom: 16px;
}

.more-text ul li {
    font-size: 0.97rem;
    font-weight: 400;
    color: #444444;
    line-height: 1.75;
    margin-bottom: 5px;
    list-style-type: disc;
}

/* FAQ strong questions */
.more-text p strong {
    font-size: 1rem;
    font-weight: 600;
    color: #111111;
}

/* Links inside content */
.more-text a {
    color: #00bf63 !important;
    font-weight: 500;
    text-decoration: none;
}

.more-text a:hover {
    color: #000000;
    text-decoration: underline;
}

/* Accordion button (Service Overview toggle) */
.service-accordion .accordion-button {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111111;
}

/* Sidebar headings – scoped to avoid conflicting with work-box number watermarks */
.theiaStickySidebar .card-body h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111111;
    position: static;
    top: unset;
    right: unset;
} 

/* =====================================================
   BLOG / SERVICE PAGE TYPOGRAPHY OVERRIDES
   Add these rules at the bottom of technotym.css
   ===================================================== */

/* Base body text inside blog/service content */
.more-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: #444444;
    margin-bottom: 16px;
}

/* H1 – page title (Service page main heading) */
.service-head h1,
.page-wrapper .content h1 {
    font-size: 1.9rem;
    font-weight: 700;
    color: #111111;
    line-height: 1.3;
    margin-bottom: 12px;
}

/* H2 – major section headings inside accordion/more-text */
.more-text h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #111111;
    margin-top: 32px;
    margin-bottom: 12px;
    line-height: 1.35;
}

/* H3 – sub-section headings */
.more-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #222222;
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.4;
}

/* H4 – sub-sub headings (e.g., "Key Reasons...", "Residential DG...") */
.more-text h4 {
    position: static !important;
    top: unset !important;
    right: unset !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

/* Unordered lists */
.more-text ul {
    padding-left: 22px;
    margin-bottom: 16px;
}

.more-text ul li {
    font-size: 0.97rem;
    font-weight: 400;
    color: #444444;
    line-height: 1.75;
    margin-bottom: 5px;
    list-style-type: disc;
}

/* FAQ strong questions */
.more-text p strong {
    font-size: 1rem;
    font-weight: 600;
    color: #111111;
}

/* Links inside content */
.more-text a {
    color: #00bf63 !important;
    font-weight: 500;
    text-decoration: none;
}

.more-text a:hover {
    color: #000000;
    text-decoration: underline;
}

/* Accordion button (Service Overview toggle) */
.service-accordion .accordion-button {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111111;
}

/* Sidebar headings – scoped to avoid conflicting with work-box number watermarks */
.theiaStickySidebar .card-body h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111111;
    position: static;
    top: unset;
    right: unset;
} 

/* =====================================================
   BLOG / SERVICE PAGE TYPOGRAPHY OVERRIDES
   Add these rules at the bottom of technotym.css
   ===================================================== */

/* Base body text inside blog/service content */
.more-text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: #444444;
    margin-bottom: 16px;
}

/* H1 – page title (Service page main heading) */
.service-head h1,
.page-wrapper .content h1 {
    font-size: 1.9rem;
    font-weight: 700;
    color: #111111;
    line-height: 1.3;
    margin-bottom: 12px;
}

/* H2 – major section headings inside accordion/more-text */
.more-text h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #111111;
    margin-top: 32px;
    margin-bottom: 12px;
    line-height: 1.35;
}

/* H3 – sub-section headings */
.more-text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #222222;
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.4;
}

/* H4 – sub-sub headings (e.g., "Key Reasons...", "Residential DG...") */
.more-text h4 {
    position: static !important;
    top: unset !important;
    right: unset !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

/* Unordered lists */
.more-text ul {
    padding-left: 22px;
    margin-bottom: 16px;
}

.more-text ul li {
    font-size: 0.97rem;
    font-weight: 400;
    color: #444444;
    line-height: 1.75;
    margin-bottom: 5px;
    list-style-type: disc;
}

/* FAQ strong questions */
.more-text p strong {
    font-size: 1rem;
    font-weight: 600;
    color: #111111;
}

/* Links inside content */
.more-text a {
    color: #00bf63 !important;
    font-weight: 500;
    text-decoration: none;
}

.more-text a:hover {
    color: #000000;
    text-decoration: underline;
}

/* Accordion button (Service Overview toggle) */
.service-accordion .accordion-button {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111111;
}

/* Sidebar headings – scoped to avoid conflicting with work-box number watermarks */
.theiaStickySidebar .card-body h4 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111111;
    position: static;
    top: unset;
    right: unset;
}