/* --- Robust Banner Styles --- */
   .slider-item {
       position: relative;
       width: 100%;
       height: 100vh;
       /* Full viewport height, or use min-height: 600px */
       min-height: 600px;
       /* "Object Fit" equivalent for backgrounds */
       background-size: contain;
       background-position: center center;
       background-repeat: no-repeat;

       display: flex;
       align-items: center;
       /* Vertically center the content */
   }

   /* Gradient Overlay: Essential for text visibility on full banners */
   .slider-item::before {
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1;
   }

   /* Content Layer */
   .slider-content {
       position: relative;
       z-index: 2;
       /* Sits above the image and overlay */
       width: 100%;
   }

   /* Left Panel Typography */
   .left-panel {
       max-width: 600px;
       /* Restricts text width for a clean look */
   }

   /* Mobile Responsiveness */
   @media (max-width: 768px) {
       .slider-item {
           min-height: 500px;
           height: auto;
           padding: 80px 0;
           background-size: cover;
       }

       .slider-item::before {
           /* On mobile, make the overlay stronger so text pops */
           background: rgba(255, 255, 255, 0.85);
       }

   }

   .left-panel h2 {
       font-weight: 700;
       font-size: 70px;
       text-transform: uppercase;
       margin-bottom: 20px;
       letter-spacing: 4px;
       display: block;
       color: #7CBA31;
   }


   .left-panel .btn:hover {
       border: 1px solid #7cba31;
       color: #ffffff;
   }

   /* Mobile Devices */
   @media (max-width: 768px) {

       .left-panel h2 {
           font-size: 26px;
           /* Perfect mobile size */
           letter-spacing: 1.5px;
           /* Reduce spacing for small screens */
           margin-bottom: 15px;
           line-height: 1.3;
       }

   }

   .btn-flex-sec {
       display: flex;
   }

   .header .rightMenu .cartIcon {
       display: none !important;
   }

   [data-aos] {
       will-change: transform, opacity;
       backface-visibility: hidden;
       transform: translateZ(0);
   }

   img,
   svg {
       content-visibility: auto;
   }

   .feature-box,
   .vertical-card {
       transform: translateZ(0);
   }

   .cta-overlay {
       pointer-events: none;
   }

   .vertical-card {
       height: 100%;
   }

   .vertical-card-img {
       width: 100%;
       height: auto;
       display: block;
   }

   @media (max-width: 768px) {
       .whyTotalEV {
           padding: 60px 0;
       }

       .feature-box {
           padding: 24px 16px;
       }

       .feature-icon-circle {
           width: 64px;
           height: 64px;
           margin-bottom: 18px;
       }

       .feature-title {
           font-size: 18px;
       }

       .feature-desc {
           font-size: 13px;
       }

       .cta-strip-section {
           padding: 40px 0;
       }

       .btn-cta-reverse {
           width: 100%;
           text-align: center;
       }

       .vertical-card-body h6 {
           font-size: 16px;
       }

       .vertical-card-body p {
           font-size: 14px;
       }
   }

   @media (max-width: 575px) {
       .cta-strip-content h2 {
           font-size: 22px;
       }
   }

   /* Contact Page Improvements */
   .reachUs {
       padding: 60px 0;
   }

   .reachUsBxGroup {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 24px;
   }

   .reachUsItem {
       display: flex;
       flex-direction: column;
       gap: 16px;
       align-items: center;
       padding: 16px;
       border: 1px solid #eee;
       border-radius: 10px;
       background: #fff;
   }

   .reachUsItemBig {
       grid-column: span 2;
   }

   .reachUsIcon img {
       width: 64px;
       height: 64px;
       -o-object-fit: contain;
       object-fit: contain;
       display: block;
   }

   .reachUsContent h4 {
       font-size: 18px;
       color: #2C2C2C;
   }

   .reachUsContent p {
       margin: 0;
       color: #555;
       font-size: 14px;
   }

   .contactForm {
       padding: 60px 0;
   }

   .text-accent {
       color: #63B32E !important;
   }

   .btn-cta-orange {
       background-color: #F7941D !important;
       border-color: #F7941D !important;
       color: #fff !important;
   }

   .stepCircle {
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background: #F7941D;
       color: #fff;
       font-weight: 700;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px auto;
   }

   .tableCard {
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
       border: 1px solid #eee;
   }

   .tableCard .table thead {
       background: #F7941D;
       color: #fff;
   }

   .tableCard .table th,
   .tableCard .table td {
       padding: 15px;
       border-color: #eee;
   }

   .evPartnerCard {
       border: 1px solid #E0E0E0;
       border-radius: 10px;
       background: #fff;
       transition: all 0.25s ease;
   }

   .evPartnerCard .evOurTeamCardContent {
       padding: 20px;
   }

   .evPartnerCard:hover {
       border-color: #63B32E;
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
       transform: translateY(-2px);
   }

   .evPartnerIcon {
       width: 90px;
       height: 90px;
       border-radius: 50%;
       background: #F2F9EE;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 20px auto;
   }

   .evPartnerIcon i {
       color: #63B32E;
       transition: all 0.25s ease;
   }

   .evPartnerCard .evOurTeamCardInner .evOurTeamCardImg {
       clip-path: none;
   }

   .evPartnerCard:hover .evOurTeamCardInner .evOurTeamCardImg {
       clip-path: none;
   }

   .evPartnerCard .evOurTeamCardInner .evOurTeamCardImg:after {
       content: none !important;
   }

   .evPartnerIcon i {
       position: relative;
       z-index: 1;
   }

   .evPartnerCard:hover .evPartnerIcon {
       background: #FFFFFF;
   }

   .evPartnerCard:hover .evPartnerIcon i {
       color: #fff;
       transform: scale(1.05);
   }

   .evPartnerCard .evOurTeamCardTxtHead h2 a {
       font-size: 22px;
       line-height: 28px;
   }

   @media (max-width: 575px) {
       .evPartnerCard .evOurTeamCardTxtHead h2 a {
           font-size: 20px;
           line-height: 26px;
       }
   }

   .ourAchivementItem .ourAchivementContent h4 {
       font-size: 20px;
       line-height: 28px;
   }

   @media (max-width: 575px) {
       .ourAchivementItem .ourAchivementContent h4 {
           font-size: 18px;
           line-height: 26px;
       }
   }

   .visionMissionImage {
       border-radius: 18px;
       overflow: hidden;
   }

   .visionMissionImage img {
       display: block;
       width: 100%;
       height: auto;
       border-radius: inherit;
   }

   @media (max-width: 575px) {
       .visionMissionImage {
           border-radius: 12px;
       }
   }

   .sideToggleBar {
       width: 360px;
       transform: translateX(110%);
   }

   .sideToggleBar.active {
       transform: translateX(0);
       width: 360px;
   }

   .sideToggleBar .sideToggleBarInner {
       overflow-y: auto;
   }

   .sideToggleBar .sideToggleBarInner .menuSearchGroup {
       grid-template-columns: 1fr;
   }

   @media (max-width: 1199px) {
       .sideToggleBar {
           width: 320px;
       }

       .sideToggleBar.active {
           width: 320px;
       }
   }

   @media (max-width: 575px) {
       .sideToggleBar {
           width: 280px;
       }

       .sideToggleBar.active {
           width: 280px;
       }
   }

   .contactFormInner {
       max-width: 100%;
       margin: 0 auto;
   }

   .contactFormFiled .formGroup {
       margin-bottom: 16px;
   }

   .contactFormFiled .form-control,
   .contactFormFiled .selectFiled {
       height: 48px;
       border-radius: 8px;
       border: 1px solid #E0E0E0;
       font-size: 16px;
       padding: 10px 14px;
       background-color: #fff;
       width: 100%;
       box-sizing: border-box;
   }

   .contactFormFiled textarea.form-control {
       min-height: 140px;
       resize: vertical;
   }

   .contactFormFiled .btn.btn1 {
       min-height: 48px;
       padding: 12px 20px;
   }

   .map .dvMap {
       width: 100%;
       height: 380px;
       border-radius: 12px;
       overflow: hidden;
   }

   @media (max-width: 991px) {
       .reachUsBxGroup {
           grid-template-columns: 1fr 1fr;
       }

       .reachUsItemBig {
           grid-column: span 2;
       }
   }

   @media (max-width: 767px) {
       .reachUsBxGroup {
           grid-template-columns: 1fr;
       }

       .contactForm {
           padding: 40px 0;
       }

       .contactFormFiled .row {
           row-gap: 12px;
       }

       .contactFormFiled .btn.btn1 {
           width: 100%;
       }

       .map .dvMap {
           height: 260px;
       }
   }

   .evOurTeam {
       padding: 60px 0;
   }

   .evOurTeamNav .nav-pills {
       display: flex;
       gap: 14px;
       justify-content: center;
       align-items: center;
       flex-wrap: wrap;
   }

   .evOurTeamItem {
       display: flex;
       gap: 10px;
       align-items: center;
   }

   .evOurTeamIcon img {
       width: 34px;
       height: 34px;
       -o-object-fit: contain;
       object-fit: contain;
   }

   .evOurTeamTabName p {
       font-size: 16px;
       color: #2C2C2C;
   }

   .evOurTeamBody .row {
       row-gap: 20px;
   }

   .evOurTeamCard {
       border: 1px solid #eee;
       border-radius: 12px;
       background: #fff;
       transition: transform .2s ease, box-shadow .2s ease;
   }

   .evOurTeamCard:hover {
       transform: translateY(-2px);
       box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
   }

   .evOurTeamCardImg img {
       width: 100%;
       height: auto;
       display: block;
       border-top-left-radius: 12px;
       border-top-right-radius: 12px;
   }

   .evOurTeamCardContent {
       padding: 14px;
   }

   .evOurTeamCardTxtHead h4 {
       font-size: 12px;
       letter-spacing: 1px;
       color: #7CBA31;
   }

   .evOurTeamCardTxtHead h2 a {
       font-size: 18px;
       color: #2C2C2C;
   }

   .evOurTeamCardContent p {
       font-size: 14px;
       color: #555;
       margin-top: 6px;
   }

   .evOurTeamCardSocialIcon ul {
       display: flex;
       gap: 10px;
       margin-top: 10px;
   }

   .evOurTeamCardSocialIcon a {
       font-size: 18px;
       color: #2C2C2C;
   }

   @media (max-width: 991px) {
       .evOurTeamNav .nav-pills {
           justify-content: flex-start;
       }
   }

   @media (max-width: 767px) {
       .evOurTeam {
           padding: 40px 0;
       }

       .evOurTeamNav .nav-pills {
           flex-wrap: nowrap;
           overflow-x: auto;
           -ms-overflow-style: none;
           scrollbar-width: none;
       }

       .evOurTeamNav .nav-pills::-webkit-scrollbar {
           display: none;
       }

       .evOurTeamTabName p {
           font-size: 14px;
       }

       .evOurTeamCardContent {
           padding: 12px;
       }

       .evOurTeamCardTxtHead h2 a {
           font-size: 16px;
       }

       .evOurTeamCardContent p {
           font-size: 13px;
       }

       .evOurTeamCol {
           flex: 0 0 100%;
           max-width: 100%;
       }
   }

   .evFaqAccordiontGroup {
       margin-bottom: 16px;
   }

   .evFaqAccordiontGroup .accordion-item {
       border: 1px solid #eee;
       border-radius: 10px;
       margin-bottom: 12px;
       overflow: hidden;
       background: #fff;
   }

   .evFaqAccordiontGroup .accordion-button {
       padding: 14px 16px;
       font-size: 16px;
       color: #2C2C2C;
   }

   .evFaqAccordiontGroup .accordion-button:not(.collapsed) {
       background-color: #f8f9fa;
   }

   .evFaqAccordiontGroup .accordion-body {
       font-size: 14px;
       color: #555;
   }

   .evStillHaveQuestions {
       border: 1px solid #eee;
       border-radius: 10px;
       padding: 18px;
       background: #fff;
   }

   .evStillHaveQuestionsHead h4 {
       font-size: 18px;
       color: #2C2C2C;
   }

   .evStillHaveQuestionsForm .formGroup {
       margin-bottom: 12px;
   }

   .evStillHaveQuestionsForm .form-select,
   .evStillHaveQuestionsForm .form-control {
       height: 44px;
       border-radius: 8px;
       border: 1px solid #E0E0E0;
       font-size: 14px;
   }

   .evStillHaveQuestionsForm textarea.form-control {
       min-height: 120px;
       resize: vertical;
   }

   .evStillHaveQuestBtn .btn {
       width: 100%;
       min-height: 44px;
   }

   @media (max-width: 767px) {
       .evStillHaveQuestions {
           margin-top: 20px;
       }

       .evFaqAccordiontGroup .accordion-button {
           padding: 12px 14px;
           font-size: 15px;
       }

       .evFaqAccordiontGroup .accordion-body {
           font-size: 13px;
       }
   }

   .evBlogGroup .evBlogGroupInner {
       display: grid;
       grid-template-columns: 1fr;
       row-gap: 24px;
   }

   .evBlogGroupItem {
       border: 1px solid #eee;
       border-radius: 12px;
       background: #fff;
       overflow: hidden;
   }

   .evBlogGroupImg img {
       width: 100%;
       height: auto;
       display: block;
   }

   .evBlogGroupContent {
       padding: 16px;
   }

   .evBlogGroupMeta .nav {
       gap: 12px;
   }

   .evBlogGroupContentInner h4 a {
       color: #2C2C2C;
       font-size: 20px;
   }

   .evBlogGroupContentInner p {
       color: #555;
       font-size: 14px;
       margin-top: 8px;
   }

   .evBlogSidebarInner {
       position: sticky;
       top: 100px;
   }

   @media (max-width: 991px) {
       .evBlogSidebarInner {
           position: static;
       }
   }

   @media (max-width: 767px) {
       .evBlogGroup .evBlogGroupInner {
           row-gap: 16px;
       }

       .evBlogGroupContent {
           padding: 12px;
       }

       .evBlogGroupContentInner h4 a {
           font-size: 18px;
       }
   }

   .menubox-bg-color {
       background-color: #F7941D;
   }


   .ourAchivementIcon span img {
       width: 200px;
       height: 200px;
       -o-object-fit: contain;
       object-fit: contain;
   }

   /* --- 3D BUTTON CORE STYLES --- */
   .btn-3d-orange,
   .btn-3d-green {
       position: relative;
       display: inline-block;
       /* Changed from default to ensure layout stability */
       border: none;
       background: transparent;
       padding: 0;
       cursor: pointer;
       outline-offset: 4px;
       transition: filter 250ms;
       user-select: none;
       -webkit-user-select: none;
       touch-action: manipulation;
       text-decoration: none;
       /* Removes underline from link */
   }

   /* SHADOW (Shared) */
   .btn-3d-orange .shadow,
   .btn-3d-green .shadow {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border-radius: 12px;
       background: hsl(0deg 0% 0% / 0.25);
       will-change: transform;
       transform: translateY(2px);
       transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
   }

   /* --- ORANGE BUTTON (Primary CTA) --- */
   /* Edge (Darker Orange for Depth) */
   .btn-3d-orange .edge {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border-radius: 12px;
       /* Darker shade of #F7941D */
       background: linear-gradient(to left,
               hsl(33, 100%, 30%) 0%,
               hsl(33, 100%, 40%) 8%,
               hsl(33, 100%, 40%) 92%,
               hsl(33, 100%, 30%) 100%);
   }

   /* Front (Main Brand Orange #F7941D) */
   .btn-3d-orange .front {
       display: block;
       position: relative;
       padding: 12px 15px;
       border-radius: 12px;
       font-size: 1.1rem;
       color: white;
       background: #F7941D;
       /* Total EV Orange */
       will-change: transform;
       transform: translateY(-4px);
       transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
       font-weight: 600;
       /* Makes text bold like enterprise sites */
   }

   /* --- GREEN BUTTON (Secondary CTA) --- */
   /* Edge (Darker Green for Depth) */
   .btn-3d-green .edge {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border-radius: 12px;
       /* Darker shade of #63B32E */
       background: linear-gradient(to left,
               hsl(100, 60%, 25%) 0%,
               hsl(100, 60%, 35%) 8%,
               hsl(100, 60%, 35%) 92%,
               hsl(100, 60%, 25%) 100%);
   }

   /* Front (Main Brand Green #63B32E) */
   .btn-3d-green .front {
       display: block;
       position: relative;
       padding: 12px 27px;
       border-radius: 12px;
       font-size: 1.1rem;
       color: white;
       background: #63B32E;
       /* Total EV Green */
       will-change: transform;
       transform: translateY(-4px);
       transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
       font-weight: 600;
   }

   /* --- HOVER EFFECTS (Shared) --- */
   .btn-3d-orange:hover,
   .btn-3d-green:hover {
       filter: brightness(110%);
   }

   .btn-3d-orange:hover .front,
   .btn-3d-green:hover .front {
       transform: translateY(-6px);
       transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
   }

   .btn-3d-orange:active .front,
   .btn-3d-green:active .front {
       transform: translateY(-2px);
       transition: transform 34ms;
   }

   .btn-3d-orange:hover .shadow,
   .btn-3d-green:hover .shadow {
       transform: translateY(4px);
       transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
   }

   .btn-3d-orange:active .shadow,
   .btn-3d-green:active .shadow {
       transform: translateY(1px);
       transition: transform 34ms;
   }

   .two-btn-sec-div {
       display: flex;
       align-items: center;
       gap: 6px;
   }

   /* Responsive Text Size */
   @media (min-width: 768px) {
       .front {
           font-size: 1.25rem;
           padding: 12px 42px;
       }
   }

   @media (max-width: 768px) {

       .two-btn-sec-div {
           display: flex;
           flex-direction: column;
           align-items: stretch;
           /* makes buttons full width */
           gap: 12px;
           width: 100%;
       }

       .two-btn-sec-div a {
           width: 100%;
           text-align: center;
       }

       .right-specs {
           display: none;
       }

   }

   /* --- RIGHT SPECS PANEL (Hero Section) --- */
   .right-specs ul {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .right-specs ul li {
       background: #FFFFFF;
       /* Clean White Background */
       margin-bottom: 15px;
       /* Spacing between cards */
       padding: 15px 20px;
       border-radius: 8px;
       /* Slight rounded corners */

       /* YOUR REQUESTED SHADOW */
       box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

       /* TOTAL EV BRANDING: Green Left Border Accent */
       border-left: 5px solid #63B32E;

       transition: transform 0.3s ease, box-shadow 0.3s ease;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   /* Hover Effect: Lift the card slightly */
   .right-specs ul li:hover {
       transform: translateY(-3px);
       box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 8px;
   }

   /* Typography Matching Brand Guidelines */
   .right-specs h6 {
       color: #2C2C2C;
       /* Dark Charcoal [cite: 345] */
       font-weight: 700;
       margin: 0 0 4px 0;
       text-transform: uppercase;
       font-size: 0.95rem;
       letter-spacing: 0.5px;
   }

   .right-specs span {
       color: #555555;
       /* Dark Grey Body Text [cite: 348] */
       font-size: 0.85rem;
       font-weight: 500;
   }

   /* --- PORTFOLIO HERO SECTION --- */
   .portfolio-hero-section {
       padding: 80px 0;
       background-color: #FAFAFA;
       /* Off-White Background [cite: 311] */
       position: relative;
       overflow: hidden;
   }

   /* Breadcrumbs */
   .breadcrumb-nav {
       list-style: none;
       padding: 0;
       margin: 0 0 15px 0;
       display: flex;
       align-items: center;
   }

   .breadcrumb-nav li a {
       color: #555555;
       font-size: 14px;
       font-weight: 500;
       text-decoration: none;
       transition: color 0.3s;
   }

   .breadcrumb-nav li a:hover {
       color: #F7941D;
       /* Orange on Hover [cite: 351] */
   }

   .breadcrumb-nav .separator {
       margin: 0 10px;
       color: #CCCCCC;
   }

   .breadcrumb-nav .current {
       color: #63B32E;
       /* Active Page in Green */
       font-weight: 600;
       font-size: 14px;
   }

   /* Typography */
   .portfolio-hero-content h1 {
       font-size: 48px;
       font-weight: 700;
       color: #2C2C2C;
       /* Dark Charcoal [cite: 345] */
       line-height: 1.2;
       margin-bottom: 20px;
   }

   .portfolio-hero-content h1 .highlight-green {
       color: #63B32E;
       /* Brand Green Highlight [cite: 346] */
   }

   .portfolio-hero-content p {
       font-size: 18px;
       color: #555555;
       /* Body Text Dark Grey [cite: 348] */
       line-height: 1.6;
       margin-bottom: 35px;
       max-width: 90%;
   }

   .portfolio-hero-content p strong {
       color: #2C2C2C;
       font-weight: 600;
   }

   /* Button Group Spacing */
   .hero-btn-group {
       display: flex;
       align-items: center;
       gap: 20px;
       flex-wrap: wrap;
   }

   /* Secondary Button (Green Outline) [cite: 335-340] */
   .btn-secondary-green {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       padding: 12px 30px;
       border: 2px solid #63B32E;
       color: #63B32E;
       font-weight: 600;
       border-radius: 12px;
       text-decoration: none;
       transition: all 0.3s ease;
       font-size: 1.1rem;
   }

   .btn-secondary-green i {
       margin-right: 8px;
   }

   .btn-secondary-green:hover {
       background-color: #63B32E;
       color: #FFFFFF;
   }

   /* Responsive Adjustments */
   @media (max-width: 991px) {
       .portfolio-hero-section {
           padding: 50px 0;
           text-align: center;
       }

       .breadcrumb-nav {
           justify-content: center;
       }

       .portfolio-hero-content p {
           margin-left: auto;
           margin-right: auto;
       }

       .hero-btn-group {
           justify-content: center;
       }

       .portfolio-hero-image {
           margin-top: 40px;
       }
   }

   /* --- PREMIUM PRODUCT PORTFOLIO --- */
   .portfolio-section {
       padding: 80px 0;
       background-color: #FFFFFF;
   }

   /* Section Headings */
   .portfolio-section .sub-title {
       color: #63B32E;
       /* EV Green */
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 1px;
       margin-bottom: 10px;
   }

   .portfolio-section .main-title {
       color: #2C2C2C;
       font-weight: 700;
       font-size: 36px;
       margin-bottom: 20px;
   }

   .portfolio-section .description {
       color: #555555;
       font-size: 16px;
       margin-bottom: 40px;
   }

   /* Product Card Container */
   .product-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 16px;
       /* Modern Rounded Corners */
       overflow: hidden;
       transition: all 0.4s ease;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
       /* Very subtle base shadow */
       height: 100%;
       /* Equal Height */
       display: flex;
       flex-direction: column;
   }

   /* Hover Effect: Lift & Shadow */
   .product-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
       border-color: #63B32E;
       /* Green Border on Hover */
   }

   /* Image Area */
   .product-image-box {
       position: relative;
       background: #F9F9F9;
       /* Light grey bg for image to pop */
       padding: 30px;
       text-align: center;
       border-bottom: 1px solid #EEEEEE;
   }

   .product-img {
       max-height: 200px;
       object-fit: contain;
       transition: transform 0.4s ease;
   }

   .product-card:hover .product-img {
       transform: scale(1.05);
       /* Zoom effect */
   }

   /* --- THE BRAND BADGE (Logo) --- */
   .brand-badge {
       position: absolute;
       top: 15px;
       right: 15px;
       width: 45px;
       height: 45px;
       background: #FFFFFF;
       border-radius: 50%;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 8px;
       z-index: 2;
   }

   .brand-badge img {
       max-width: 100%;
       max-height: 100%;
   }

   /* OEM Tag */
   .tag-customizable {
       position: absolute;
       top: 15px;
       left: 15px;
       background: rgba(99, 179, 46, 0.1);
       /* Light Green BG */
       color: #63B32E;
       /* Dark Green Text */
       padding: 5px 12px;
       border-radius: 20px;
       font-size: 12px;
       font-weight: 700;
   }

   /* Content Area */
   .product-details {
       padding: 25px;
       flex-grow: 1;
       display: flex;
       flex-direction: column;
   }

   .product-details h4 {
       font-size: 18px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 5px;
   }

   .product-details .model-code {
       font-size: 14px;
       color: #999;
       font-weight: 400;
   }

   .product-details .use-case {
       font-size: 13px;
       color: #63B32E;
       /* Green text for "Best for..." */
       font-weight: 600;
       margin-bottom: 15px;
   }

   /* Specs List */
   .specs-list {
       list-style: none;
       padding: 0;
       margin: 0 0 20px 0;
       border-top: 1px dashed #EEEEEE;
       border-bottom: 1px dashed #EEEEEE;
       padding: 15px 0;
   }

   .specs-list li {
       font-size: 14px;
       color: #555555;
       margin-bottom: 8px;
       display: flex;
       align-items: center;
   }

   .specs-list li i {
       width: 25px;
       color: #F7941D;
       /* Orange Icons */
   }

   /* Action Button */
   .card-action {
       margin-top: auto;
   }

   .btn-text-orange {
       color: #F7941D;
       font-weight: 700;
       text-decoration: none;
       font-size: 15px;
       display: inline-flex;
       align-items: center;
       transition: all 0.3s ease;
   }

   .btn-text-orange i {
       margin-left: 8px;
       transition: transform 0.3s ease;
   }

   .btn-text-orange:hover {
       color: #D37400;
       /* Darker Orange */
   }

   .btn-text-orange:hover i {
       transform: translateX(5px);
       /* Arrow moves right */
   }

   /* Specific styling for the Rental Card to distinguish it */
   .ourQualityCardOne {
       border-bottom: 4px solid #f6921b;
       /* Green Border for Rentals */
   }

   .ourQualityCardTwo {
       border-bottom: 4px solid #FEDB10;
       /* Green Border for Rentals */
   }

   .ourQualityCardThree {
       border-bottom: 4px solid #63B32E;
       /* Green Border for Rentals */
   }

   /* --- PAGE HERO SECTION (Generic for Inner Pages) --- */
   .page-hero-section {
       padding: 100px 0 80px 0;
       /* Top padding accounts for sticky header */
       background-color: #FAFAFA;
       /* Off-White [cite: 311] */
       border-bottom: 1px solid #EEEEEE;
       position: relative;
   }

   /* Typography Overrides for Hero */
   .page-hero-content h1 {
       font-size: 42px;
       font-weight: 700;
       color: #2C2C2C;
       /* Dark Charcoal [cite: 345] */
       margin-bottom: 20px;
       line-height: 1.3;
   }

   .page-hero-content .highlight-green {
       color: #63B32E;
       /* EV Green [cite: 292] */
       position: relative;
       display: inline-block;
   }

   /* Optional: Add a subtle underline to the highlighted word */
   .page-hero-content .highlight-green::after {
       content: '';
       position: absolute;
       bottom: 5px;
       left: 0;
       width: 100%;
       height: 8px;
       background-color: rgba(99, 179, 46, 0.15);
       /* Light Green highlight */
       z-index: -1;
   }

   .page-hero-content p {
       font-size: 18px;
       color: #555555;
       /* Dark Grey [cite: 348] */
       line-height: 1.7;
       margin-bottom: 30px;
       max-width: 90%;
   }

   .page-hero-content p strong {
       color: #2C2C2C;
       font-weight: 600;
   }

   /* Breadcrumb Styling (Reused) */
   .breadcrumb-nav {
       display: flex;
       align-items: center;
       list-style: none;
       padding: 0;
       margin-bottom: 15px;
   }

   .breadcrumb-nav li a {
       text-decoration: none;
       color: #888;
       font-size: 14px;
       font-weight: 500;
       transition: color 0.3s;
   }

   .breadcrumb-nav li a:hover {
       color: #F7941D;
       /* Orange Hover [cite: 305] */
   }

   .breadcrumb-nav .separator {
       margin: 0 10px;
       color: #CCC;
       font-size: 12px;
   }

   .breadcrumb-nav .current {
       color: #63B32E;
       font-weight: 600;
       font-size: 14px;
   }

   /* --- VERTICALS GRID SECTION --- */
   .verticals-section {
       padding: 80px 0;
       background-color: #FFFFFF;
   }

   .vertical-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 12px;
       padding: 40px 12px;
       height: 100%;
       display: flex;
       flex-direction: column;
       transition: all 0.3s ease;
       position: relative;
       overflow: hidden;
   }

   /* Hover Effect: Border Highlight & Shadow */
   .vertical-card:hover {
       border-color: #63B32E;
       /* Green Border */
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       transform: translateY(-5px);
   }

   /* Icon Area */
   .vertical-card .icon-wrapper {
       width: 60px;
       height: 60px;
       background-color: rgba(99, 179, 46, 0.1);
       /* Light Green BG */
       color: #63B32E;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 24px;
       margin-bottom: 25px;
       transition: all 0.3s ease;
   }

   .vertical-card:hover .icon-wrapper {
       background-color: #63B32E;
       color: #FFFFFF;
   }

   /* Text Content */
   .vertical-card h3 {
       font-size: 24px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
   }

   .vertical-card p {
       color: #555555;
       font-size: 16px;
       line-height: 1.6;
       margin-bottom: 25px;
   }

   /* Feature List (Bullet Points) */
   .feature-list {
       list-style: none;
       padding: 0;
       margin: 0 0 30px 0;
   }

   .feature-list li {
       font-size: 15px;
       color: #444;
       margin-bottom: 12px;
       display: flex;
       align-items: flex-start;
   }

   .feature-list li i {
       color: #63B32E;
       /* Green Checkmarks */
       margin-top: 4px;
       margin-right: 10px;
       font-size: 14px;
   }

   .feature-list li strong {
       font-weight: 600;
       color: #2C2C2C;
       margin-right: 5px;
   }

   /* Footer Action Link */
   .card-footer-action {
       margin-top: auto;
       /* Pushes button to bottom */
   }

   .btn-link-green {
       color: #63B32E;
       font-weight: 700;
       text-decoration: none;
       font-size: 16px;
       display: inline-flex;
       align-items: center;
       transition: all 0.3s ease;
   }

   .btn-link-green i {
       margin-left: 8px;
       font-size: 14px;
       transition: transform 0.3s ease;
   }

   .btn-link-green:hover {
       color: #F7941D;
       /* Orange on Hover */
   }

   .btn-link-green:hover i {
       transform: translateX(5px);
   }

   /* --- WHY CHOOSE US SECTION --- */
   .why-choose-us-section {
       padding: 80px 0;
       background-color: #F5F7F8;
       /* Light Grey Background to contrast with white */
   }

   /* Feature Box Styling */
   .feature-box {
       background: #FFFFFF;
       padding: 30px 20px;
       border-radius: 10px;
       text-align: center;
       transition: transform 0.3s ease;
       height: 100%;
       border-bottom: 3px solid transparent;
       /* Hidden border for hover effect */
   }

   .feature-box:hover {
       transform: translateY(-5px);
       border-bottom-color: #63B32E;
       /* Green Border on Hover */
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
   }

   .feature-box .icon-circle {
       width: 70px;
       height: 70px;
       background: rgba(99, 179, 46, 0.1);
       color: #63B32E;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 28px;
       margin: 0 auto 20px auto;
   }

   .feature-box h4 {
       font-size: 18px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 10px;
   }

   .feature-box p {
       font-size: 14px;
       color: #555555;
       line-height: 1.6;
   }

   /* Why Choose Us - Feature Box Styling */
   .feature-box {
       text-align: center;
       padding: 40px 20px;
       background: #fff;
       border: 1px solid #f0f0f0;
       border-radius: 12px;
       transition: all 0.3s ease;
       height: 100%;
   }

   .feature-box:hover {
       border-color: #63B32E;
       /* Green border on hover */
       box-shadow: 0 10px 30px rgba(99, 179, 46, 0.15);
       /* Green glow shadow */
       transform: translateY(-5px);
   }

   .feature-icon-circle {
       width: 80px;
       height: 80px;
       background: #F2F9EE;
       /* Light Green Tint */
       border-radius: 50%;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 25px;
       transition: background 0.3s;
   }

   .feature-box:hover .feature-icon-circle {
       background: #63B32E;
       /* Turn solid green on hover */
   }

   .feature-box:hover .feature-icon-circle svg path {
       stroke: #ffffff;
       /* Icon turns white on hover */
   }

   .feature-title {
       font-size: 20px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 10px;
   }

   .feature-desc {
       font-size: 14px;
       color: #666;
       line-height: 1.6;
   }

   /* CTA Strip Styling */
   .cta-strip-section {
       background: #7dbb34;
       padding: 50px 0;
       position: relative;
       overflow: hidden;
   }

   .cta-strip-content h2 {
       color: #fff;
       font-weight: 700;
       margin: 0;
       font-size: 32px;
   }

   .btn-cta-reverse {
       background: #F7941D;
       color: #ffffff;
       font-weight: 700;
       padding: 15px 35px;
       border-radius: 50px;
       text-transform: uppercase;
       font-size: 14px;
       border: 2px solid #F7941D;
       transition: all 0.3s ease;
   }

   .btn-cta-reverse:hover {
       background: #cf7d19;
       color: #ffffff;
   }

   @media (max-width: 768px) {
       .cta-strip-content {
           text-align: center;
       }

       .cta-strip-content h2 {
           font-size: 24px;
           margin-bottom: 20px;
       }

       .cta-btn-wrapper {
           text-align: center !important;
       }
   }

   .ourAchivements-sec-2 {

       padding: 80px 0px;
   }

   .component-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 12px;
       overflow: hidden;
       transition: all 0.3s ease;
       height: 100%;
   }

   .component-card:hover {
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
       transform: translateY(-5px);
       border-color: #63B32E;
       /* Green Border on Hover */
   }

   /* Image Container */
   .evOurTeamCardImg {
       height: 220px;
       /* Fixed height for consistency */
       background: #63b32e;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 20px;
       border-bottom: 1px solid #F5F5F5;
       overflow: hidden;
       /* Keeps zoom inside the box */
   }

   /* The Image Itself */
   .component-img {
       max-height: 100%;
       width: auto;
       object-fit: contain;
       transition: transform 0.4s ease;
       /* Smooth Zoom */
   }

   /* Zoom Effect on Hover */
   .component-card:hover .component-img {
       transform: scale(1.1);
   }

   /* Content Styling */
   .evOurTeamCardContent {
       padding: 25px 20px;
   }

   .category-tag {
       color: #63B32E;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 1px;
       margin-bottom: 5px;
       text-transform: uppercase;
   }

   .evOurTeamCardTxtHead h2 {
       font-size: 20px;
       font-weight: 700;
       margin-bottom: 10px;
   }

   .evOurTeamCardTxtHead h2 a {
       color: #2C2C2C;
       text-decoration: none;
       transition: color 0.3s;
   }

   .component-card:hover .evOurTeamCardTxtHead h2 a {
       color: #F7941D;
       /* Orange Title on Hover */
   }

   .evOurTeamCardContent p {
       color: #555555;
       font-size: 14px;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* --- BENEFITS SECTION STYLING --- */

   .benefit-card {
       background: #F2F9EE;
       /* Light Green Tint Brand Color */
       padding: 35px 25px;
       border-radius: 15px;
       height: 100%;
       transition: all 0.3s ease;
       border: 1px solid transparent;
       position: relative;
       overflow: hidden;
   }

   /* Hover Effect: Lift up and add Green Border */
   .benefit-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 30px rgba(99, 179, 46, 0.15);
       border-color: #63B32E;
       background: #ffffff;
       /* Optional: Flips to white on hover for contrast */
   }

   /* Icon Badge (Circle) */
   .icon-badge {
       width: 70px;
       height: 70px;
       background: #FFFFFF;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 20px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
       font-size: 28px;
       color: #63B32E;
       /* EV Green Icon */
       transition: all 0.3s ease;
   }

   /* On Hover: Icon Badge turns Green */
   .benefit-card:hover .icon-badge {
       background: #63B32E;
       color: #FFFFFF;
   }

   /* Typography */
   .benefit-card h4 {
       color: #2C2C2C;
       font-size: 18px;
       font-weight: 700;
       margin-bottom: 12px;
   }

   .benefit-card p {
       color: #555555;
       font-size: 14px;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* --- SECTOR CARD STYLING --- */
   .sector-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 15px;
       padding: 40px 30px;
       text-align: center;
       transition: all 0.3s ease;
       height: 100%;
       position: relative;
       overflow: hidden;
   }

   /* Hover Effect */
   .sector-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
       border-color: #63B32E;
       /* Green Border */
   }

   /* Icon Styling */
   .sector-icon-box {
       width: 80px;
       height: 80px;
       background: rgba(99, 179, 46, 0.1);
       /* Light Green BG */
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 25px;
       font-size: 32px;
       color: #63B32E;
       /* EV Green Icon */
       transition: all 0.3s ease;
   }

   .sector-card:hover .sector-icon-box {
       background: #63B32E;
       color: #FFFFFF;
       /* Icon turns white on hover */
   }

   /* Text Styling */
   .sector-content h3 {
       font-size: 22px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
   }

   .sector-content p {
       font-size: 15px;
       color: #555555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* --- PROMISE SECTION STYLING --- */

   /* Small Icon Box for List */
   .icon-box-small {
       width: 45px;
       height: 45px;
       background: rgba(99, 179, 46, 0.1);
       /* Light Green */
       border-radius: 8px;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #63B32E;
       font-size: 18px;
       margin-right: 20px;
       flex-shrink: 0;
   }

   /* Stats Card Wrapper */
   .stats-card-wrapper {
       background: #FFFFFF;
       border-radius: 20px;
       padding: 40px 20px;
       box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
       /* Premium Soft Shadow */
       border: 1px solid #f0f0f0;
   }

   /* Stat Typography */
   .stat-item h2.counter {
       color: #63B32E;
       font-size: 48px;
       font-weight: 800;
       margin-bottom: 5px;
       line-height: 1;
   }

   .stat-item p {
       color: #2C2C2C;
       font-weight: 600;
       font-size: 14px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       margin-bottom: 0;
   }

   /* Custom Vertical Divider */
   .border-end-custom {
       border-right: 1px solid #EEEEEE;
   }

   /* Responsive Fix */
   @media (max-width: 767px) {
       .border-end-custom {
           border-right: none;
           border-bottom: 1px solid #EEEEEE;
           padding-bottom: 20px;
           margin-bottom: 20px;
       }

       .stats-card-wrapper {
           padding: 30px 15px;
       }
   }

   /* --- COUNTER CSS --- */
   .counter-text {
       color: #63B32E;
       font-size: 48px;
       font-weight: 800;
       margin-bottom: 5px;
       line-height: 1;
       display: inline-flex;
       /* Ensures number and symbol stay together */
       align-items: baseline;
   }

   .counter-text .count {
       font-family: inherit;
       /* Inherits the bold font */
   }

   /* --- CUSTOM ACCORDION STYLING --- */

   .custom-accordion .accordion-item {
       border: none;
       background: #fff;
       border-radius: 12px !important;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
       /* Soft Shadow */
       overflow: hidden;
   }

   .custom-accordion .accordion-button {
       font-size: 18px;
       font-weight: 600;
       color: #2C2C2C;
       background-color: #fff;
       padding: 20px 25px;
       box-shadow: none !important;
       /* Removes blue glow focus */
   }

   /* Active State (Open) */
   .custom-accordion .accordion-button:not(.collapsed) {
       color: #63B32E;
       /* Green text when open */
       background-color: #F2F9EE;
       /* Light Green Background */
   }

   /* Remove default blue icon and replace or style it */
   .custom-accordion .accordion-button::after {
       filter: grayscale(100%);
       /* Make arrow grey */
       transition: all 0.3s ease;
   }

   .custom-accordion .accordion-button:not(.collapsed)::after {
       filter: none;
       /* Restore color or set custom */
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2363B32E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
       /* Green Arrow */
   }

   .custom-accordion .accordion-body {
       font-size: 15px;
       color: #555;
       line-height: 1.6;
       padding: 20px 25px 30px;
       /* Extra bottom padding */
       border-top: 1px solid #f0f0f0;
   }

   /* --- HEADER RESPONSIVENESS FIX --- */

   /* 1. Master Container Alignment */
   .headerInner {
       display: flex;
       justify-content: space-between;
       align-items: center;
       width: 100%;
       padding-top: 15px;
       padding-bottom: 15px;
   }

   /* 2. Right Side Alignment */
   .rightMenu .colGroup {
       display: flex;
       align-items: center;
       gap: 20px;
       /* Space between Button and Menu Icon */
   }

   /* 3. Hide the redudant Bootstrap toggler if you are using the Custom SideBar */
   .menuToggle {
       display: none !important;
   }

   /* --- TABLET VIEW (max-width: 991px) --- */
   @media (max-width: 991px) {

       /* Resize Logo */
       .leftMenu .logo img {
           max-width: 150px;
       }

       /* Hide the large 3D Button on Tablet/Mobile to save space */
       .colOne .btn-3d-orange {
           display: none;
       }
   }

   /* --- MOBILE VIEW (max-width: 767px) --- */
   @media (max-width: 767px) {

       /* Smaller Logo for Mobile */
       .leftMenu .logo img {
           max-width: 130px;
       }

       /* Ensure the Menu Icon is visible and aligned */
       .colTwo .toggleBar {
           display: block;
       }

       /* Adjust Header Padding */
       .headerInner {
           padding-top: 10px;
           padding-bottom: 10px;
       }
   }

   /* --- REACH US SECTION MOBILE FIX (UPDATED) --- */
   @media (max-width: 767px) {

       /* 1. Force the container to stack vertically */
       .reachUsBxGroup {
           display: flex;
           flex-direction: column;
           gap: 20px;
       }

       /* 2. Center the Card Content */
       .reachUsItem {
           display: flex;
           flex-direction: column;
           /* Stack top-to-bottom */
           align-items: center;
           /* Center align items */
           justify-content: center;
           text-align: center;
           /* Center text */
           width: 100%;
           padding: 25px 15px;
           background: #f9f9f9;
           border-radius: 12px;
       }

       /* 3. STRICT FIX for the Icon Alignment */
       .reachUsIcon {
           display: flex;
           align-items: center;
           justify-content: center;

           /* This line fixes the "going right" issue: */
           margin: 0 auto 15px auto !important;

           /* Reset any inherited float or side margins */
           float: none !important;
           margin-right: auto !important;
           margin-left: auto !important;

           /* visual styling */
           width: 80px;
           height: 80px;
           background: #fff;
           border-radius: 50%;
           box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
       }

       /* 4. Ensure Image inside icon is centered */
       .reachUsIcon img {
           margin: 0 auto !important;
           display: block;
       }

       /* 5. Center the Text Content */
       .reachUsContent {
           width: 100%;
           text-align: center;
       }

       .reachUsContent h4 {
           margin-top: 0;
           margin-bottom: 10px;
           font-weight: 700;
           color: #2C2C2C;
       }
   }

   /* --- IMPORT BENEFITS CARD STYLING --- */

   .import-benefit-card {
       background: #FFFFFF;
       border-radius: 15px;
       padding: 35px 25px;
       text-align: center;
       border: 1px solid #EEEEEE;
       height: 100%;
       /* Ensures all cards are same height */
       transition: all 0.3s ease;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
   }

   /* Hover Effect: Lift and Green Border */
   .import-benefit-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
       border-color: #63B32E;
   }

   /* Icon Box Styling */
   .import-icon-box {
       width: 70px;
       height: 70px;
       background: #F2F9EE;
       /* Light Green Tint */
       color: #63B32E;
       /* Brand Green */
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 28px;
       margin: 0 auto 20px auto;
       transition: all 0.3s ease;
   }

   /* Icon hover transition */
   .import-benefit-card:hover .import-icon-box {
       background: #63B32E;
       color: #FFFFFF;
   }

   /* Text Typography */
   .import-content h4 {
       font-size: 19px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 12px;
   }

   .import-content p {
       font-size: 14px;
       color: #555555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Mobile Specific Tweaks (Optional but recommended) */
   @media (max-width: 767px) {
       .import-benefit-card {
           padding: 25px 20px;
       }
   }

   /* --- PARTNER CARD STYLING --- */

   .partner-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 15px;
       padding: 40px 30px;
       text-align: center;
       transition: all 0.3s ease;
       height: 100%;
       position: relative;
       overflow: hidden;
   }

   /* Hover Effect: Lift and Green Border */
   .partner-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
       border-color: #63B32E;
       /* Green Border */
   }

   /* Icon Box Styling */
   .partner-icon-box {
       width: 80px;
       height: 80px;
       background: #FFFFFF;
       /* White background */
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 25px;
       font-size: 32px;
       color: #63B32E;
       /* Green Icon */
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
       /* Subtle shadow */
       border: 1px solid #f0f0f0;
       transition: all 0.3s ease;
   }

   /* On Hover: Invert colors */
   .partner-card:hover .partner-icon-box {
       background: #63B32E;
       color: #FFFFFF;
       border-color: #63B32E;
   }

   /* Text Typography */
   .partner-content h3 {
       font-size: 20px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
   }

   .partner-content p {
       font-size: 15px;
       color: #555555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Mobile Fix */
   @media (max-width: 767px) {
       .partner-card {
           padding: 30px 20px;
       }
   }

   /* --- PROCESS CARD STYLING --- */

   .process-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 15px;
       padding: 40px 25px 30px;
       /* Top padding creates space for badge */
       text-align: center;
       position: relative;
       height: 100%;
       transition: all 0.3s ease;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
       overflow: hidden;
   }

   /* Hover Effect */
   .process-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
       border-color: #63B32E;
   }

   /* Number Badge (Top Right) */
   .step-badge {
       position: absolute;
       top: 0;
       right: 0;
       background: #63B32E;
       color: #FFFFFF;
       font-size: 16px;
       font-weight: 700;
       padding: 8px 15px;
       border-bottom-left-radius: 15px;
       z-index: 1;
   }

   /* Icon Box */
   .process-icon {
       font-size: 40px;
       color: #63B32E;
       margin-bottom: 20px;
       height: 60px;
       /* Fixed height for alignment */
       display: flex;
       align-items: center;
       justify-content: center;
   }

   /* Text Styling */
   .process-content h4 {
       font-size: 20px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 12px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
   }

   .process-content p {
       font-size: 14px;
       color: #555555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Responsive Fix */
   @media (max-width: 767px) {
       .process-card {
           margin-bottom: 20px;
           padding: 30px 20px;
       }
   }

   /* --- TIMELINE SECTION STYLING --- */

   .timeline-section {
       position: relative;
       overflow: hidden;
   }

   /* Connecting Line (Horizontal) */
   .timeline-line {
       position: absolute;
       top: 55px;
       /* Adjust to align with center of circle */
       left: 15%;
       right: 15%;
       height: 4px;
       background: #EEEEEE;
       /* Light Grey Line */
       z-index: 0;
   }

   /* Timeline Card */
   .timeline-card {
       text-align: center;
       background: #fff;
       padding: 20px;
       position: relative;
       z-index: 1;
       /* Sit above the line */
       height: 100%;
   }

   /* Step Circle */
   .timeline-step {
       width: 70px;
       height: 70px;
       background: #F7941D;
       /* Orange Brand Color */
       color: #FFFFFF;
       border-radius: 50%;
       font-size: 24px;
       font-weight: 700;
       line-height: 70px;
       /* Vertically center text */
       margin: 0 auto 25px;
       border: 5px solid #fff;
       /* White border to separate from line */
       box-shadow: 0 0 0 4px #F7941D;
       /* Double border effect */
       transition: all 0.3s ease;
   }

   /* Hover Effect on Step */
   .timeline-card:hover .timeline-step {
       background: #63B32E;
       /* Turn Green on Hover */
       box-shadow: 0 0 0 4px #63B32E;
       transform: scale(1.1);
   }

   /* Text Content */
   .timeline-content h4 {
       font-size: 19px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
   }

   .timeline-content p {
       font-size: 14px;
       color: #555555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Mobile Adjustments */
   @media (max-width: 991px) {

       /* Hide line on tablet/mobile as items stack */
       .timeline-line {
           display: none;
       }

       .timeline-card {
           margin-bottom: 30px;
           padding: 0;
       }
   }

   /* --- EMPOWERMENT SECTION STYLING --- */

   .empower-card {
       background: #FFFFFF;
       border: 1px solid #EEEEEE;
       border-radius: 15px;
       padding: 40px 30px;
       text-align: center;
       transition: all 0.3s ease;
       height: 100%;
       position: relative;
       overflow: hidden;
   }

   /* Hover Effect: Lift and Orange Border */
   .empower-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
       border-color: #F7941D;
       /* Orange Border */
   }

   /* Icon Box Styling */
   .empower-icon-box {
       width: 80px;
       height: 80px;
       background: #FFF5E5;
       /* Light Orange Tint */
       color: #F7941D;
       /* Brand Orange */
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 25px;
       font-size: 32px;
       transition: all 0.3s ease;
   }

   /* On Hover: Invert colors */
   .empower-card:hover .empower-icon-box {
       background: #F7941D;
       color: #FFFFFF;
   }

   /* Text Typography */
   .empower-content h3 {
       font-size: 20px;
       font-weight: 700;
       color: #F7941D;
       margin-bottom: 15px;
   }

   .empower-content p {
       font-size: 15px;
       color: #ffff;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Mobile Fix */
   @media (max-width: 767px) {
       .empower-card {
           padding: 30px 20px;
       }
   }

   /* Hide slider buttons on mobile */
   @media (max-width: 767px) {
       .desktop-slider-btns {
           display: none !important;
       }
   }

   /* Hide mobile buttons on desktop */
   @media (min-width: 768px) {
       .mobile-slider-btns {
           display: none !important;
       }
   }


   /* Premium Card Styling */
   .premium-custom-card {
       background: #ffffff;
       border-radius: 16px;
       /* Smoother, premium rounded corners */
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
       /* Soft, elegant shadow */
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       /* Smooth easing */
       height: 100%;
       display: flex;
       flex-direction: column;
       border: 1px solid rgba(0, 0, 0, 0.03);
   }

   .premium-custom-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.15);
       /* Subtle brand-colored glow on hover */
   }

   /* Image Wrapper */
   .premium-img-wrapper {
       width: 100%;
       height: 220px;
       /* Generous image height */
       overflow: hidden;
       position: relative;
   }

   .premium-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.7s ease;
       /* Slow zoom effect */
   }

   .premium-custom-card:hover .premium-img-wrapper img {
       transform: scale(1.08);
   }

   /* Content Area */
   .premium-content {
       padding: 30px 25px;
       text-align: center;
       flex-grow: 1;
       background: #ffffff;
   }

   .premium-content h4 {
       font-size: 20px;
       font-weight: 700;
       margin-bottom: 12px;
       color: #1a1a1a;
       /* Darker, richer text color */
   }

   .premium-content p {
       font-size: 15px;
       color: #666;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Section Background */
   .timeline-section {
       background-color: #fdfdfd;
       padding: 60px 0;
       overflow: hidden;
   }

   /* Timeline Track (Visible on Desktop) */
   .timeline-track {
       position: relative;
       margin-top: 40px;
   }

   @media (min-width: 992px) {
       .timeline-track::before {
           content: '';
           position: absolute;
           top: 25px;
           /* Aligns with the center of the badges */
           left: 12%;
           right: 12%;
           height: 3px;
           background: linear-gradient(90deg, #e0e0e0 0%, #63B32E 50%, #e0e0e0 100%);
           z-index: 1;
           opacity: 0.6;
       }
   }

   /* Premium Timeline Card */
   .premium-timeline-card {
       background: #ffffff;
       border-radius: 16px;
       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       height: 100%;
       position: relative;
       border: 1px solid rgba(0, 0, 0, 0.03);
       margin-top: 25px;
       /* Space for the floating badge */
       display: flex;
       flex-direction: column;
   }

   .premium-timeline-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.12);
   }

   /* Floating Step Badge */
   .timeline-step-badge {
       position: absolute;
       top: -25px;
       left: 50%;
       transform: translateX(-50%);
       width: 50px;
       height: 50px;
       background: #63B32E;
       color: #ffffff;
       font-size: 20px;
       font-weight: 700;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       border: 5px solid #fdfdfd;
       /* Creates a cutout effect against the background */
       z-index: 2;
       box-shadow: 0 4px 10px rgba(99, 179, 46, 0.3);
       transition: transform 0.3s ease;
   }

   .premium-timeline-card:hover .timeline-step-badge {
       transform: translateX(-50%) scale(1.1);
   }

   /* Image Wrapper */
   .timeline-img-wrapper {
       width: 100%;
       height: 180px;
       border-radius: 16px 16px 0 0;
       overflow: hidden;
       margin-top: 25px;
       /* Pushes image down below the badge */
   }

   .timeline-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.6s ease;
   }

   .premium-timeline-card:hover .timeline-img-wrapper img {
       transform: scale(1.08);
   }

   /* Card Content */
   .timeline-content-inner {
       padding: 25px 20px;
       text-align: center;
       flex-grow: 1;
   }

   .timeline-content-inner h4 {
       font-size: 19px;
       font-weight: 700;
       margin-bottom: 12px;
       color: #1a1a1a;
   }

   .timeline-content-inner p {
       font-size: 14.5px;
       color: #666;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Section Background */
   .empowerment-section {
       background-color: #ffffff;
       /* Or use #F2F9EE if you want the light green background here */
       padding: 60px 0;
   }

   /* Premium Image Card */
   .empower-profile-card {
       position: relative;
       border-radius: 20px;
       overflow: hidden;
       height: 450px;
       /* Tall vertical cards for impact */
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       transition: all 0.4s ease;
       cursor: pointer;
   }

   .empower-profile-card:hover {
       transform: translateY(-10px);
       /* Changed to your brand green glow (#63B32E) */
       box-shadow: 0 20px 50px rgba(99, 179, 46, 0.25);
   }

   /* Background Image */
   .empower-bg-img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .empower-profile-card:hover .empower-bg-img {
       transform: scale(1.1);
       /* Slow zoom on hover */
   }

   /* Gradient Overlay - Makes text readable */
   .empower-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.95) 100%);
       z-index: 1;
   }

   /* Content Positioning */
   .empower-content {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       padding: 30px;
       z-index: 2;
       color: #fff;
   }

   /* Typography */
   .empower-content h3 {
       font-size: 24px;
       font-weight: 700;
       margin-bottom: 10px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       /* Changed to brand green */
       border-left: 4px solid #63B32E;
       padding-left: 15px;
   }

   .empower-content p {
       font-size: 15px;
       line-height: 1.6;
       margin-bottom: 0;
       opacity: 0.9;
       font-weight: 300;
   }

   /* Highlight text inside paragraph */
   .empower-content strong {
       color: #63B32E;
       /* Changed to brand green */
       font-weight: 700;
   }


   /* Section Background */
   #sparesBenefits {
       background-color: #FAFAFA;
       /* A very subtle off-white/gray to make the white cards pop */
       padding: 60px 0;
   }

   /* Premium Benefit Card */
   .premium-benefit-card {
       background: #ffffff;
       border-radius: 16px;
       overflow: hidden;
       box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       height: 100%;
       display: flex;
       flex-direction: column;
       border: 1px solid rgba(0, 0, 0, 0.02);
       border-bottom: 4px solid #63B32E;
       /* Brand green anchor line */
   }

   .premium-benefit-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 35px rgba(99, 179, 46, 0.1);
       /* Subtle green glow */
   }

   /* Image Wrapper */
   .benefit-img-wrapper {
       width: 100%;
       height: 170px;
       /* Perfectly sized for a 4-column grid */
       overflow: hidden;
       position: relative;
   }

   .benefit-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.6s ease;
   }

   .premium-benefit-card:hover .benefit-img-wrapper img {
       transform: scale(1.08);
       /* Premium slow zoom */
   }

   /* Content Area */
   .benefit-content {
       padding: 25px 20px;
       text-align: center;
       flex-grow: 1;
   }

   .benefit-content h4 {
       font-size: 19px;
       font-weight: 700;
       margin-bottom: 12px;
       color: #2C2C2C;
   }

   .benefit-content p {
       font-size: 14.5px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Financial Models Section Background */
   #rentalModels {
       background-color: #F2F9EE;
       /* Keeping your light brand background */
       padding: 60px 0;
   }

   /* Premium Financial Card */
   .financial-model-card {
       background: #ffffff;
       border-radius: 16px;
       overflow: hidden;
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
       transition: all 0.4s ease;
       height: 100%;
       display: flex;
       flex-direction: column;
       border: 1px solid rgba(99, 179, 46, 0.1);
       /* Very subtle green border */
   }

   .financial-model-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 35px rgba(99, 179, 46, 0.15);
       /* Brand green glow */
   }

   /* Image Wrapper */
   .financial-img-wrapper {
       width: 100%;
       height: 200px;
       overflow: hidden;
       position: relative;
       border-bottom: 3px solid #63B32E;
       /* Brand accent line separating image and text */
   }

   .financial-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.7s ease;
   }

   .financial-model-card:hover .financial-img-wrapper img {
       transform: scale(1.08);
       /* Slow zoom effect */
   }

   /* Content Area */
   .financial-content {
       padding: 30px 20px;
       text-align: center;
       flex-grow: 1;
       background: #ffffff;
   }

   .financial-content h4 {
       font-size: 19px;
       font-weight: 700;
       margin-bottom: 12px;
       color: #1a1a1a;
   }

   .financial-content p {
       font-size: 14.5px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Section Background */
   .sectors-section {
       background-color: #F9F9F9;
       padding: 60px 0;
   }

   /* Card Container */
   .premium-sector-card {
       position: relative;
       border-radius: 16px;
       background: transparent;
       transition: all 0.4s ease;
       height: 100%;
       display: flex;
       flex-direction: column;
   }

   /* Image Wrapper */
   .sector-img-wrapper {
       width: 100%;
       height: 280px;
       /* Taller image for a grander feel */
       border-radius: 16px;
       overflow: hidden;
       position: relative;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
   }

   .sector-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .premium-sector-card:hover .sector-img-wrapper img {
       transform: scale(1.08);
       /* Slow premium zoom */
   }

   /* Overlapping Content Box */
   .sector-content-box {
       background: #ffffff;
       margin: -60px 20px 0 20px;
       /* Negative top margin creates the overlap */
       padding: 30px 25px;
       border-radius: 12px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       position: relative;
       z-index: 2;
       flex-grow: 1;
       text-align: center;
       transition: all 0.4s ease;
       border-bottom: 3px solid transparent;
       /* Placeholder for hover effect */
   }

   .premium-sector-card:hover .sector-content-box {
       transform: translateY(-8px);
       border-bottom: 3px solid #63B32E;
       /* Brand green anchor line on hover */
       box-shadow: 0 15px 40px rgba(99, 179, 46, 0.15);
       /* Green tinted shadow */
   }

   /* Typography */
   .sector-content-box h3 {
       font-size: 20px;
       font-weight: 700;
       margin-bottom: 12px;
       color: #2C2C2C;
   }

   .sector-content-box p {
       font-size: 14.5px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Section Background */
   .vision-mission-section {
       background-color: #ffffff;
       padding: 60px 0;
       overflow: hidden;
   }

   /* Premium Floating Cards */
   .premium-vision-card {
       background: #ffffff;
       padding: 25px;
       border-radius: 12px;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
       margin-bottom: 25px;
       transition: all 0.4s ease;
       border: 1px solid rgba(0, 0, 0, 0.03);
       position: relative;
   }

   .premium-vision-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 15px 30px rgba(99, 179, 46, 0.12);
       /* Green brand glow */
   }

   /* Desktop Alignment & Accents */
   @media (min-width: 768px) {

       /* Left column points inwards (right) */
       .vision-left-col .premium-vision-card {
           text-align: right;
           border-right: 4px solid #63B32E;
       }

       /* Right column points inwards (left) */
       .vision-right-col .premium-vision-card {
           text-align: left;
           border-left: 4px solid #63B32E;
       }
   }

   /* Mobile Alignment */
   @media (max-width: 767px) {
       .premium-vision-card {
           text-align: center;
           border-bottom: 4px solid #63B32E;
       }
   }

   /* Typography */
   .premium-vision-card h5 {
       font-size: 18px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 10px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
   }

   .premium-vision-card p {
       font-size: 14px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Center Image Animation */
   .vision-center-img-wrapper {
       display: flex;
       justify-content: center;
       align-items: center;
       height: 100%;
       padding: 20px;
   }

   .vision-center-img-wrapper img {
       max-width: 100%;
       height: auto;
       filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
       transition: transform 0.8s ease;
   }

   .vision-center-img-wrapper:hover img {
       transform: scale(1.05);
       /* Gentle pulse on hover */
   }

   /* Section Background */
   .premium-verticals-section {
       background-color: #FAFAFA;
       /* Soft background to contrast with white cards */
       padding: 60px 0;
   }

   /* Premium Card Container */
   .premium-vertical-card {
       background: #ffffff;
       border-radius: 16px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       height: 100%;
       display: flex;
       flex-direction: column;
       position: relative;
       border: 1px solid rgba(0, 0, 0, 0.03);
   }

   .premium-vertical-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.12);
       /* Subtle green brand shadow */
   }

   /* Top Image Area */
   .vertical-img-wrapper {
       width: 100%;
       height: 240px;
       border-radius: 16px 16px 0 0;
       overflow: hidden;
       position: relative;
   }

   .vertical-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .premium-vertical-card:hover .vertical-img-wrapper img {
       transform: scale(1.08);
       /* Slow luxury zoom */
   }

   /* Floating Icon Badge */
   .vertical-icon-badge {
       position: absolute;
       top: 210px;
       /* Intersects the image and content area */
       right: 30px;
       width: 60px;
       height: 60px;
       background: #63B32E;
       color: #ffffff;
       border-radius: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 24px;
       box-shadow: 0 8px 20px rgba(99, 179, 46, 0.3);
       z-index: 2;
       transition: transform 0.4s ease;
   }

   .premium-vertical-card:hover .vertical-icon-badge {
       transform: rotate(10deg) scale(1.05);
   }

   /* Content Area */
   .vertical-content {
       padding: 40px 30px 30px;
       /* Extra top padding to clear the badge */
       display: flex;
       flex-direction: column;
       flex-grow: 1;
   }

   .vertical-content h3 {
       font-size: 22px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
   }

   .vertical-content p {
       font-size: 15px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 20px;
   }

   /* Custom Sleek List */
   .vertical-feature-list {
       list-style: none;
       padding: 0;
       margin: 0 0 25px 0;
       flex-grow: 1;
   }

   .vertical-feature-list li {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 12px;
       font-size: 14.5px;
       color: #444;
   }

   .vertical-feature-list li i {
       color: #63B32E;
       font-size: 14px;
       margin-top: 4px;
       /* Aligns perfectly with multi-line text */
   }

   .vertical-feature-list strong {
       color: #2C2C2C;
   }

   /* Animated Action Link */
   .vertical-card-action .btn-link-green {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #63B32E;
       font-weight: 700;
       font-size: 15px;
       text-decoration: none;
       border-bottom: 2px solid transparent;
       padding-bottom: 2px;
       transition: all 0.3s ease;
   }

   .vertical-card-action .btn-link-green i {
       transition: transform 0.3s ease;
   }

   .vertical-card-action .btn-link-green:hover {
       color: #4a8722;
       /* Slightly darker green on hover */
       border-bottom-color: #4a8722;
   }

   .premium-vertical-card:hover .btn-link-green i {
       transform: translateX(6px);
       /* Arrow shoots forward on card hover */
   }

   /* Section Background */
   .premium-advantage-section {
       background-color: #ffffff;
       padding: 60px 0;
   }

   /* Base Card Styling */
   .advantage-reveal-card {
       position: relative;
       background: #FAFAFA;
       /* Clean off-white resting state */
       border-radius: 16px;
       padding: 40px 30px;
       overflow: hidden;
       height: 100%;
       min-height: 340px;
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
       transition: all 0.5s ease;
       border: 1px solid rgba(0, 0, 0, 0.03);
       z-index: 1;
   }

   /* Hover Background Image (Hidden by default) */
   .advantage-bg-img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       opacity: 0;
       transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
       z-index: -2;
       transform: scale(1.1);
       /* Slightly zoomed in initially */
   }

   /* Hover Gradient Overlay (Hidden by default) */
   .advantage-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       /* Brand green blended into dark gray for readability */
       background: linear-gradient(135deg, rgba(44, 44, 44, 0.95) 0%, rgba(99, 179, 46, 0.85) 100%);
       opacity: 0;
       transition: opacity 0.5s ease;
       z-index: -1;
   }

   /* Card Hover Execution */
   .advantage-reveal-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.2);
       /* Brand green shadow */
   }

   .advantage-reveal-card:hover .advantage-bg-img {
       opacity: 1;
       transform: scale(1);
       /* Smoothly zooms out to normal size */
   }

   .advantage-reveal-card:hover .advantage-overlay {
       opacity: 1;
   }

   /* Icon Styling */
   .advantage-icon {
       width: 65px;
       height: 65px;
       background: #ffffff;
       color: #63B32E;
       font-size: 26px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 16px;
       margin-bottom: 30px;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
       transition: all 0.5s ease;
   }

   .advantage-reveal-card:hover .advantage-icon {
       background: transparent;
       color: #ffffff;
       /* Icon turns white on hover */
       box-shadow: none;
       transform: scale(1.1);
   }

   /* Typography & Transitions */
   .advantage-content h4 {
       font-size: 20px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
       transition: color 0.5s ease;
   }

   .advantage-content p {
       font-size: 15px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
       transition: color 0.5s ease;
   }

   .advantage-reveal-card:hover .advantage-content h4,
   .advantage-reveal-card:hover .advantage-content p {
       color: #ffffff;
       /* Text turns white on hover */
   }



   /* Dark Premium Background */
   .reels-section {
       background-color: #102c35;
       /* Deep, rich black to make videos pop */
       padding: 60px 0;
   }

   /* Premium Video Card Container */
   .premium-video-card {
       display: flex;
       flex-direction: column;
       gap: 15px;
       transition: transform 0.4s ease;
       cursor: pointer;
   }

   .premium-video-card:hover {
       transform: translateY(-8px);
   }

   /* Vertical Video Wrapper (9:16 aspect ratio) */
   .video-wrapper {
       position: relative;
       width: 100%;
       aspect-ratio: 9 / 16;
       border-radius: 20px;
       overflow: hidden;
       background-color: #000000;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
       border: 1px solid rgba(255, 255, 255, 0.05);
       transition: all 0.4s ease;
   }

   .premium-video-card:hover .video-wrapper {
       border-color: rgba(99, 179, 46, 0.5);
       /* Subtle brand green edge */
       box-shadow: 0 15px 40px rgba(99, 179, 46, 0.15);
       /* Green glow */
   }

   /* The actual HTML5 Video Element */
   .video-wrapper video {
       width: 100%;
       height: 100%;
       object-fit: cover;
       z-index: 1;
   }

   /* Custom Minimalist Play Button */
   .custom-play-btn {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 60px;
       height: 60px;
       background: rgba(255, 255, 255, 0.15);
       backdrop-filter: blur(8px);
       -webkit-backdrop-filter: blur(8px);
       border: 1px solid rgba(255, 255, 255, 0.4);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #ffffff;
       font-size: 20px;
       padding-left: 4px;
       /* Optically centers play icon */
       z-index: 2;
       transition: all 0.3s ease;
       pointer-events: none;
       /* Let clicks pass through to the wrapper */
   }

   .premium-video-card:hover .custom-play-btn {
       background: #63B32E;
       border-color: #63B32E;
       transform: translate(-50%, -50%) scale(1.1);
   }

   .page-loader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(255, 255, 255, 0.9);
       z-index: 9999;
       display: none;
       align-items: center;
       justify-content: center;
       flex-direction: column;
   }

   .spinner {
       width: 60px;
       height: 60px;
       border: 5px solid #f3f3f3;
       border-top: 5px solid #F7941D;
       border-radius: 50%;
       animation: spin 1s linear infinite;
       margin-bottom: 20px;
   }

   .loader-text {
       font-size: 18px;
       font-weight: 600;
       color: #F7941D;
   }

   @keyframes spin {
       0% {
           transform: rotate(0deg);
       }

       100% {
           transform: rotate(360deg);
       }
   }

   /* Clean Title Below Video */
   .video-info h4 {
       font-size: 16px;
       font-weight: 600;
       color: #ffffff;
       margin: 0;
       line-height: 1.4;
       text-align: center;
       transition: color 0.3s ease;
   }

   .premium-video-card:hover .video-info h4 {
       color: #63B32E;
       /* Text turns green on hover */
   }

   /* Section Background */
   .premium-partner-section {
       background-color: #F9F9F9;
       /* Soft light background for contrast */
       padding: 60px 0;
   }

   /* Premium Image Card Container */
   .partner-image-card {
       background: #ffffff;
       border-radius: 16px;
       overflow: hidden;
       box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       height: 100%;
       display: flex;
       flex-direction: column;
       border: 1px solid rgba(0, 0, 0, 0.03);
   }

   .partner-image-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 35px rgba(99, 179, 46, 0.1);
       /* Subtle green glow */
   }

   /* Image Wrapper */
   .partner-img-wrap {
       width: 100%;
       height: 220px;
       /* Perfect height for 4-column layouts */
       overflow: hidden;
       position: relative;
   }

   .partner-img-wrap img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.7s ease;
       /* Smooth, luxurious zoom */
   }

   .partner-image-card:hover .partner-img-wrap img {
       transform: scale(1.08);
   }

   /* Text Content Area */
   .partner-content {
       padding: 30px 20px;
       text-align: center;
       flex-grow: 1;
       background: #ffffff;
       /* Invisible top border that turns green on hover */
       border-top: 4px solid transparent;
       transition: border-color 0.4s ease;
   }

   .partner-image-card:hover .partner-content {
       border-top-color: #63B32E;
       /* Brand green accent reveals itself */
   }

   .partner-content h4 {
       font-size: 19px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 12px;
   }

   .partner-content p {
       font-size: 14.5px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Section Background */
   .import-process-section {
       background-color: #FAFAFA;
       padding: 60px 0;
   }

   /* Premium Image Process Card */
   .process-image-card {
       background: #ffffff;
       border-radius: 16px;
       height: 100%;
       display: flex;
       flex-direction: column;
       position: relative;
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       border: 1px solid rgba(0, 0, 0, 0.03);
       margin-top: 15px;
       /* Space for hover lift */
   }

   .process-image-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 35px rgba(99, 179, 46, 0.12);
       /* Subtle green shadow */
   }

   /* Image Wrapper */
   .process-img-wrap {
       width: 100%;
       height: 180px;
       /* Perfectly proportioned for a 4-column layout */
       border-radius: 16px 16px 0 0;
       overflow: hidden;
       position: relative;
   }

   .process-img-wrap img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.7s ease;
       /* Premium slow zoom */
   }

   .process-image-card:hover .process-img-wrap img {
       transform: scale(1.08);
   }

   /* Floating Step Badge */
   .process-step-badge {
       position: absolute;
       top: 155px;
       /* Overlaps the image and white card */
       left: 25px;
       width: 50px;
       height: 50px;
       background: #ffffff;
       color: #63B32E;
       font-size: 20px;
       font-weight: 800;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 12px;
       box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
       z-index: 2;
       transition: all 0.4s ease;
       border: 2px solid #FAFAFA;
   }

   .process-image-card:hover .process-step-badge {
       background: #63B32E;
       color: #ffffff;
       transform: scale(1.1);
       border-color: #ffffff;
   }

   /* Content Area */
   .process-content {
       padding: 40px 25px 30px;
       /* Extra top padding to clear the badge */
       flex-grow: 1;
   }

   .process-content h4 {
       font-size: 19px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 12px;
   }

   .process-content p {
       font-size: 14.5px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   .process-content strong {
       color: #63B32E;
       font-weight: 700;
   }

   /* Section Background */
   .ideal-partners-section {
       background-color: #F9F9F9;
       /* Clean, light background */
       padding: 60px 0;
   }

   /* Premium Profile Card */
   .ideal-partner-card {
       background: #ffffff;
       border-radius: 16px;
       overflow: hidden;
       height: 100%;
       display: flex;
       flex-direction: column;
       box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       position: relative;
       border: 1px solid rgba(0, 0, 0, 0.03);
   }

   .ideal-partner-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.12);
       /* Subtle brand green shadow */
   }

   /* Image Wrapper */
   .ideal-partner-img-wrap {
       width: 100%;
       height: 240px;
       /* Generous height for impact */
       overflow: hidden;
       position: relative;
   }

   .ideal-partner-img-wrap img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
       /* Premium slow zoom */
   }

   .ideal-partner-card:hover .ideal-partner-img-wrap img {
       transform: scale(1.08);
   }

   /* Hover Accent Line */
   .ideal-partner-img-wrap::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 0;
       height: 4px;
       background-color: #63B32E;
       transition: width 0.5s ease;
   }

   .ideal-partner-card:hover .ideal-partner-img-wrap::after {
       width: 100%;
       /* Green line slides across on hover */
   }

   /* Content Area */
   .ideal-partner-content {
       padding: 35px 25px;
       text-align: center;
       flex-grow: 1;
   }

   .ideal-partner-content h3 {
       font-size: 20px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 12px;
       transition: color 0.3s ease;
   }

   .ideal-partner-card:hover .ideal-partner-content h3 {
       color: #63B32E;
       /* Text subtly turns green on hover */
   }

   .ideal-partner-content p {
       font-size: 15px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 0;
   }

   /* Section Background */
   .premium-stats-section {
       background-color: #FAFAFA;
       padding: 60px 0;
   }

   /* Image-Backed Stat Card */
   .stat-image-card {
       position: relative;
       border-radius: 16px;
       overflow: hidden;
       height: 320px;
       /* Tall cards for a premium editorial look */
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
       /* Pushes text to the bottom */
       padding: 30px 25px;
       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       border: 1px solid rgba(0, 0, 0, 0.03);
       z-index: 1;
   }

   .stat-image-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.2);
       /* Brand green shadow */
   }

   /* Background Image */
   .stat-bg-img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       z-index: -2;
       transition: transform 0.8s ease;
   }

   .stat-image-card:hover .stat-bg-img {
       transform: scale(1.1);
       /* Slow zoom on hover */
   }

   /* Dark Gradient Overlay for Readability */
   .stat-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       /* Fades from dark at the bottom to transparent at the top */
       background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(20, 30, 20, 0.95) 100%);
       z-index: -1;
       transition: opacity 0.4s ease;
   }

   .stat-image-card:hover .stat-overlay {
       opacity: 0.9;
       /* Slightly darkens on hover to make text pop more */
   }

   /* Typography */
   .stat-content {
       text-align: left;
   }

   .stat-number-wrapper {
       font-size: 48px;
       font-weight: 800;
       color: #ffffff;
       line-height: 1;
       margin-bottom: 8px;
       display: flex;
       align-items: baseline;
       gap: 2px;
   }

   .stat-suffix {
       color: #63B32E;
       /* Brand green for K+, %, etc. */
       font-size: 36px;
   }

   .stat-label {
       font-size: 14px;
       font-weight: 600;
       color: #e0e0e0;
       letter-spacing: 1px;
       text-transform: uppercase;
       margin: 0;
   }


   /* Section Background */
   .premium-verticals-section {
       background-color: #FAFAFA;
       padding: 60px 0;
   }

   /* Premium Split Card Container */
   .premium-split-card {
       background: #ffffff;
       border-radius: 16px;
       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
       transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
       overflow: hidden;
       display: flex;
       flex-direction: column;
       /* Default for mobile */
       height: 100%;
       border: 1px solid rgba(0, 0, 0, 0.03);
       border-left: 4px solid transparent;
       /* Placeholder for hover */
   }

   /* Desktop Horizontal Layout */
   @media (min-width: 992px) {
       .premium-split-card {
           flex-direction: row;
           /* Image left, text right */
           align-items: stretch;
       }
   }

   .premium-split-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 20px 40px rgba(99, 179, 46, 0.12);
       border-left-color: #63B32E;
       /* Brand green anchor on hover */
   }

   /* Image Wrapper */
   .split-img-wrapper {
       position: relative;
       overflow: hidden;
   }

   @media (min-width: 992px) {
       .split-img-wrapper {
           flex: 0 0 40%;
           /* Image takes 40% of card width */
           min-height: 100%;
       }
   }

   @media (max-width: 991px) {
       .split-img-wrapper {
           height: 240px;
           /* Fixed height for mobile/tablet */
       }
   }

   .split-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .premium-split-card:hover .split-img-wrapper img {
       transform: scale(1.08);
       /* Slow premium zoom */
   }

   /* Content Area */
   .split-content {
       padding: 40px 35px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       flex: 1;
   }

   .split-content h3 {
       font-size: 24px;
       font-weight: 700;
       color: #2C2C2C;
       margin-bottom: 15px;
   }

   .split-content p {
       font-size: 15px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 25px;
   }

   /* Custom Sleek List */
   .split-feature-list {
       list-style: none;
       padding: 0;
       margin: 0 0 30px 0;
   }

   .split-feature-list li {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 12px;
       font-size: 14.5px;
       color: #444;
   }

   .split-feature-list li i {
       color: #63B32E;
       font-size: 14px;
       margin-top: 4px;
   }

   .split-feature-list strong {
       color: #2C2C2C;
   }

   /* Animated Action Link */
   .split-card-action .btn-link-green {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #63B32E;
       font-weight: 700;
       font-size: 15px;
       text-decoration: none;
       border-bottom: 2px solid transparent;
       padding-bottom: 2px;
       transition: all 0.3s ease;
       align-self: flex-start;
       /* Keeps link tightly wrapped */
   }

   .split-card-action .btn-link-green i {
       transition: transform 0.3s ease;
   }

   .split-card-action .btn-link-green:hover {
       color: #4a8722;
       border-bottom-color: #4a8722;
   }

   .premium-split-card:hover .btn-link-green i {
       transform: translateX(6px);
       /* Arrow shoots forward */
   }

   /* Section Background */
   .premium-advantage-section {
       background-color: #FAFAFA;
       /* Soft background to make the rich cards stand out */
       padding: 60px 0;
   }

   /* Cinematic Editorial Card */
   .adv-editorial-card {
       position: relative;
       border-radius: 16px;
       overflow: hidden;
       height: 420px;
       /* Tall, premium vertical aspect ratio */
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
       cursor: pointer;
       border: 1px solid rgba(0, 0, 0, 0.05);
   }

   /* Base Image Setup */
   .adv-editorial-img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
       z-index: 1;
   }

   .adv-editorial-card:hover .adv-editorial-img {
       transform: scale(1.08);
       /* Luxurious, slow zoom */
   }

   /* Dynamic Gradient Overlay */
   .adv-editorial-overlay {
       position: absolute;
       inset: 0;
       /* Shorthand for top/right/bottom/left: 0 */
       /* Dark fade from the bottom up to make titles readable */
       background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
       z-index: 2;
       transition: background 0.5s ease;
   }

   .adv-editorial-card:hover .adv-editorial-overlay {
       /* Transitions to a deep, rich brand-green tint on hover */
       background: linear-gradient(to top, rgba(20, 40, 15, 0.95) 0%, rgba(40, 80, 20, 0.7) 60%, transparent 100%);
   }

   /* Content Positioning & Animation */
   .adv-editorial-content {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       padding: 35px 25px;
       z-index: 3;
       display: flex;
       flex-direction: column;
   }

   /* Title sliding mechanism */
   .adv-editorial-content h4 {
       color: #ffffff;
       font-size: 22px;
       font-weight: 700;
       margin-bottom: 10px;
       transition: all 0.4s ease;
       transform: translateY(25px);
       /* Pushed down initially */
       position: relative;
   }

   /* Tiny green accent line under the title */
   .adv-editorial-content h4::after {
       content: '';
       position: absolute;
       left: 0;
       bottom: -10px;
       width: 30px;
       height: 3px;
       background: #63B32E;
       transition: width 0.4s ease;
   }

   .adv-editorial-card:hover .adv-editorial-content h4 {
       transform: translateY(0);
       /* Slides up to normal position */
       color: #63B32E;
       /* Turns brand green */
   }

   .adv-editorial-card:hover .adv-editorial-content h4::after {
       width: 50px;
       /* Line expands */
   }

   /* Paragraph sliding mechanism */
   .adv-editorial-content p {
       color: #e0e0e0;
       font-size: 14.5px;
       line-height: 1.6;
       margin-bottom: 0;
       opacity: 0;
       /* Hidden initially */
       transform: translateY(20px);
       /* Pushed down initially */
       transition: all 0.4s ease;
       transition-delay: 0.1s;
       /* Slight delay for a cascading animation effect */
   }

   .adv-editorial-card:hover .adv-editorial-content p {
       opacity: 1;
       /* Fades in */
       transform: translateY(0);
       /* Slides up */
       color: #ffffff;
   }


   /* Premium About Section */
   .premium-about-section {
       background-color: #ffffff;
       padding: 60px 0;
       overflow: hidden;
   }

   /* Image & Floating Stat Area */
   .about-image-wrapper {
       position: relative;
       border-radius: 16px;
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }

   .about-image-wrapper img {
       width: 100%;
       height: auto;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .about-image-wrapper:hover img {
       transform: scale(1.05);
   }

   /* Floating Success Badge */
   .about-floating-stat {
       position: absolute;
       bottom: 20px;
       right: 20px;
       background: #ffffff;
       padding: 20px 25px;
       border-radius: 12px;
       box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
       border-left: 4px solid #63B32E;
       display: flex;
       align-items: center;
       gap: 15px;
       z-index: 2;
   }

   .about-stat-icon {
       width: 45px;
       height: 45px;
       background: #F2F9EE;
       color: #63B32E;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 20px;
   }

   .about-stat-text h3 {
       color: #2C2C2C;
       font-size: 26px;
       font-weight: 800;
       margin: 0;
       line-height: 1.1;
   }

   .about-stat-text p {
       color: #555;
       font-size: 13px;
       font-weight: 600;
       margin: 0;
       text-transform: uppercase;
       letter-spacing: 0.5px;
   }

   /* Text Content Area */
   .about-content-wrapper {
       padding-left: 40px;
   }

   @media (max-width: 991px) {
       .about-content-wrapper {
           padding-left: 0;
           margin-top: 40px;
       }
   }

   .about-text-lead {
       font-size: 18px;
       color: #2C2C2C;
       font-weight: 600;
       margin-bottom: 20px;
       line-height: 1.6;
   }

   .about-text {
       font-size: 15px;
       color: #555;
       line-height: 1.7;
       margin-bottom: 20px;
   }

   /* Standout Highlight Box */
   .about-highlight-box {
       background: #F2F9EE;
       border-left: 4px solid #63B32E;
       padding: 20px;
       border-radius: 0 8px 8px 0;
       margin: 25px 0;
   }

   .about-highlight-box p {
       margin: 0;
       font-size: 16px;
       color: #2C2C2C;
       font-weight: 600;
       font-style: italic;
       line-height: 1.5;
   }

   /* Structured Checkmark Lists */
   .about-list {
       list-style: none;
       padding: 0;
       margin: 0 0 25px 0;
       display: grid;
       grid-template-columns: 1fr 1fr;
       /* Two columns for scannability */
       gap: 12px 20px;
   }

   @media (max-width: 575px) {
       .about-list {
           grid-template-columns: 1fr;
           /* Stacks to one column on tiny screens */
       }
   }

   .about-list li {
       display: flex;
       align-items: flex-start;
       gap: 10px;
       font-size: 14.5px;
       color: #444;
       font-weight: 500;
   }

   .about-list li i {
       color: #63B32E;
       font-size: 14px;
       margin-top: 4px;
   }

   /* Premium Button Styling */
   .btn-premium-orange {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       background: #F7941D;
       color: #ffffff !important;
       padding: 14px 28px;
       border-radius: 8px;
       font-weight: 700;
       text-decoration: none;
       transition: all 0.3s ease;
       box-shadow: 0 4px 15px rgba(247, 148, 29, 0.3);
   }

   .btn-premium-orange:hover {
       background: #e08315;
       transform: translateY(-2px);
       box-shadow: 0 8px 20px rgba(247, 148, 29, 0.4);
   }

   /* Premium Blog Section Background */
   #evBlog {
       background-color: #FAFAFA;
       padding: 100px 0;
       overflow: hidden;
       /* Prevents horizontal scrollbars */
   }

   /* Elevate the existing card container */
   .evBlogGridViewIteam {
       background: #ffffff;
       border-radius: 16px;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
       border: 1px solid rgba(0, 0, 0, 0.04);
       transition: all 0.4s ease;
       overflow: hidden;
       height: 100%;
       margin: 15px 10px;
       /* Gives room for the shadow and hover lift */
   }

   .evBlogGridViewIteam:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 35px rgba(99, 179, 46, 0.12);
       /* Subtle brand green glow */
   }

   /* Image wrapper styling */
   .evBlogImgSingleImg {
       width: 100%;
       height: 220px;
       overflow: hidden;
   }

   .evBlogImgSingleImg img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .evBlogGridViewIteam:hover .evBlogImgSingleImg img {
       transform: scale(1.08);
       /* Premium slow zoom on hover */
   }

   /* Content padding spacing */
   .evBlogImgSingleBody {
       padding: 25px 20px;
   }

   /* Clean up the meta nav (Admin, Date, Category) */
   .evBlogImgSingleInfo .nav {
       display: flex;
       gap: 15px;
       margin-bottom: 15px;
       flex-wrap: nowrap;
   }

   .evBlogImgSingleInfo .nav-item {
       display: flex;
       align-items: center;
       gap: 6px;
       font-size: 13px;
       color: #777;
   }

   .evBlogImgSingleInfo .nav-item img {
       width: 14px;
       opacity: 0.6;
   }

   /* Typography */
   .evBlogImgSingleContant h2 {
       font-size: 19px;
       font-weight: 700;
       margin-bottom: 10px;
       line-height: 1.4;
   }

   .evBlogImgSingleContant h2 a {
       color: #2C2C2C;
       text-decoration: none;
       transition: color 0.3s ease;
   }

   .evBlogGridViewIteam:hover .evBlogImgSingleContant h2 a {
       color: #63B32E;
       /* Title turns green on hover */
   }

   .evBlogImgSingleContant p {
       font-size: 14px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 20px;
   }

   /* Premium Read More Link */
   .evBlogSingleGroupBtn .btnLink {
       color: #63B32E;
       font-weight: 700;
       font-size: 14px;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       text-decoration: none;
   }

   .evBlogGridViewIteam:hover .evBlogSingleGroupBtn .btnLink img {
       transform: translateX(5px);
       /* Arrow shoots right on card hover */
       transition: transform 0.3s ease;
   }

   /* Section Background */
   #evBlog {
       background-color: #FAFAFA;
       padding: 100px 0;
       overflow: hidden;
   }

   /* Custom Ticker Wrapper */
   .custom-ticker-wrapper {
       width: 100%;
       overflow: hidden;
       position: relative;
       padding: 20px 0;
       /* Room for shadows */
   }

   /* The Moving Track */
   .custom-ticker-track {
       display: flex;
       width: max-content;
       /* Allows track to be as wide as the content */
       animation: scrollTicker 25s linear infinite;
       /* Adjust '25s' to change speed */
   }

   /* Pause on hover so users can read or click */
   .custom-ticker-track:hover {
       animation-play-state: paused;
   }

   /* Ticker Animation Keyframes */
   @keyframes scrollTicker {
       0% {
           transform: translateX(0);
       }

       /* Moves exactly half the width (since we clone the items once via JS) */
       100% {
           transform: translateX(-50%);
       }
   }

   /* Individual Item Container */
   .custom-ticker-item {
       width: 380px;
       /* Fixed width for consistent cards */
       margin-right: 30px;
       /* Space between cards */
       flex-shrink: 0;
       /* Prevents cards from squishing together */
   }

   /* Mobile Adjustments for Ticker */
   @media (max-width: 768px) {
       .custom-ticker-item {
           width: 300px;
           margin-right: 20px;
       }
   }

   /* --- Premium Card Styling (Unchanged) --- */
   .evBlogGridViewIteam {
       background: #ffffff;
       border-radius: 16px;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
       border: 1px solid rgba(0, 0, 0, 0.04);
       transition: all 0.4s ease;
       overflow: hidden;
       height: 100%;
       display: flex;
       flex-direction: column;
   }

   .evBlogGridViewIteam:hover {
       transform: translateY(-8px);
       box-shadow: 0 15px 35px rgba(99, 179, 46, 0.12);
   }

   .evBlogImgSingleImg {
       width: 100%;
       height: 220px;
       overflow: hidden;
   }

   .evBlogImgSingleImg img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.8s ease;
   }

   .evBlogGridViewIteam:hover .evBlogImgSingleImg img {
       transform: scale(1.08);
   }

   .evBlogImgSingleBody {
       padding: 25px 20px;
       flex-grow: 1;
       display: flex;
       flex-direction: column;
   }

   .evBlogImgSingleInfo .nav {
       display: flex;
       gap: 15px;
       margin-bottom: 15px;
       padding-left: 0;
       list-style: none;
   }

   .evBlogImgSingleInfo .nav-item {
       display: flex;
       align-items: center;
       gap: 6px;
       font-size: 13px;
       color: #777;
   }

   .evBlogImgSingleInfo .nav-item img {
       width: 14px;
       opacity: 0.6;
   }

   .evBlogImgSingleContant {
       flex-grow: 1;
       display: flex;
       flex-direction: column;
   }

   .evBlogImgSingleContant h2 {
       font-size: 19px;
       font-weight: 700;
       margin-bottom: 10px;
       line-height: 1.4;
   }

   .evBlogImgSingleContant h2 a {
       color: #2C2C2C;
       text-decoration: none;
       transition: color 0.3s ease;
   }

   .evBlogGridViewIteam:hover .evBlogImgSingleContant h2 a {
       color: #63B32E;
   }

   .evBlogImgSingleContant p {
       font-size: 14px;
       color: #555;
       line-height: 1.6;
       margin-bottom: 20px;
       flex-grow: 1;
   }

   .evBlogSingleGroupBtn .btnLink {
       color: #63B32E;
       font-weight: 700;
       font-size: 14px;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       text-decoration: none;
   }

   .evBlogGridViewIteam:hover .evBlogSingleGroupBtn .btnLink img {
       transform: translateX(5px);
       transition: transform 0.3s ease;
   }

   /* Dark Premium Background */
   .reels-section {
       background-color: #111111;
       padding: 100px 0;
       overflow: hidden;
       /* Prevents horizontal scrollbars */
   }

   /* --- Ticker Animation & Layout --- */
   .custom-video-ticker-wrapper {
       width: 100%;
       overflow: hidden;
       position: relative;
       padding: 20px 0;
   }

   .custom-video-ticker-track {
       display: flex;
       width: max-content;
       animation: scrollVideoTicker 30s linear infinite;
       /* 30s for a smooth, readable speed */
   }

   /* Pauses scroll when user hovers over the section */
   .custom-video-ticker-track:hover {
       animation-play-state: paused;
   }

   /* Force pause class (applied via JS when a video is playing) */
   .custom-video-ticker-track.force-pause {
       animation-play-state: paused !important;
   }

   @keyframes scrollVideoTicker {
       0% {
           transform: translateX(0);
       }

       100% {
           transform: translateX(-50%);
       }
   }

   /* Individual Video Card Sizing */
   .custom-video-ticker-item {
       width: 280px;
       /* Perfect width for vertical 9:16 videos */
       margin-right: 30px;
       flex-shrink: 0;
   }

   @media (max-width: 768px) {
       .custom-video-ticker-item {
           width: 240px;
           margin-right: 20px;
       }
   }

   /* --- Premium Video Card Styling --- */
   .premium-video-card {
       display: flex;
       flex-direction: column;
       transition: transform 0.4s ease;
       cursor: pointer;
       height: 100%;
   }

   .premium-video-card:hover {
       transform: translateY(-8px);
   }

   .video-wrapper {
       position: relative;
       width: 100%;
       aspect-ratio: 9 / 16;
       border-radius: 20px;
       overflow: hidden;
       background-color: #000000;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
       border: 1px solid rgba(255, 255, 255, 0.05);
       transition: all 0.4s ease;
   }

   .premium-video-card:hover .video-wrapper {
       border-color: rgba(99, 179, 46, 0.5);
       box-shadow: 0 15px 40px rgba(99, 179, 46, 0.15);
   }

   .video-wrapper video {
       width: 100%;
       height: 100%;
       object-fit: cover;
       z-index: 1;
   }

   /* Custom Play Button */
   .custom-play-btn {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 60px;
       height: 60px;
       background: rgba(255, 255, 255, 0.15);
       backdrop-filter: blur(8px);
       -webkit-backdrop-filter: blur(8px);
       border: 1px solid rgba(255, 255, 255, 0.4);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #ffffff;
       font-size: 20px;
       padding-left: 4px;
       z-index: 2;
       transition: all 0.3s ease;
       pointer-events: none;
       /* Allows clicking the video behind it */
   }

   .premium-video-card:hover .custom-play-btn {
       background: #63B32E;
       border-color: #63B32E;
       transform: translate(-50%, -50%) scale(1.1);
   }

   html {
       scroll-behavior: smooth;
   }

   #contactForm {
       scroll-margin-top: 150px;
   }