/* --- 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;
   }

   .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);
}

/* 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);
}