/* Business Loan Section Styles */
  :root {
      --primary-blue: #2563eb;
      --text-main: #0f172a;
      --text-muted: #64748b;
      --bg-light: #f8fafc;
      --border-color: #e2e8f0;
  }



  .biz-card {
      background: #ffffff;
      border: 1px solid var(--border-color);
      border-radius: 1.5rem;
      padding: 35px;
      height: 100%;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .biz-card:hover {
      box-shadow: 0 20px 40px rgba(37, 99, 235, 0.08);
      border-color: var(--primary-blue);
      transform: translateY(-10px);
  }

  .biz-icon-box {
      width: 64px;
      height: 64px;
      background: rgba(37, 99, 235, 0.06);
      color: var(--primary-blue);
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      font-size: 1.5rem;
  }

  .eligibility-list {
      list-style: none;
      padding: 0;
      margin-top: 20px;
  }

  .eligibility-list li {
      padding: 8px 0;
      font-size: 0.95rem;
      color: var(--text-muted);
      display: flex;
      align-items: center;
  }

  .eligibility-list li i {
      color: #10b981;
      /* Success Green */
      margin-right: 12px;
      font-size: 0.8rem;
  }

  .badge-biz {
      background: #eff6ff;
      color: var(--primary-blue);
      font-size: 0.85rem;
      font-weight: 700;
      padding: 8px 20px;
      border-radius: 50px;
      display: inline-block;
      margin-bottom: 20px;
      letter-spacing: 0.5px;
  }




  /* Hero Box with Off-white */
  .career-hero-box {
      background-color: #f7f3f3;
      border-radius: 40px;
      border: 1px solid rgba(0, 0, 0, 0.02);
  }



  /* Job List Styling */
  .job-item {
      padding: 25px 35px;
      background-color: #f7f3f3;
      border-radius: 20px;
      transition: all 0.3s ease;
      border: 1px solid transparent;
  }

  .job-item:hover {
      background-color: #ffffff;
      border-color: #0d6efd;
      transform: scale(1.01);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06) !important;
  }

  .job-item h5 {
      color: #212529;
  }



  .btn-primary {
      border-radius: 12px;
      font-weight: 600;
  }

  .btn-outline-primary {
      border-radius: 10px;
      font-weight: 600;
      border-width: 2px;
  }

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

      .job-item {
          padding: 20px;
      }
  }




  /* CEO Image Styling */
  .ceo-image-wrapper {
      position: relative;
      padding-bottom: 20px;
  }

  .ceo-placeholder-bg {
      height: 450px;
      background-color: #f7f3f3;
      /* Your preferred off-white */
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 10rem;
      color: rgba(0, 0, 0, 0.05);
  }

  .ceo-signature-card {
      position: absolute;
      bottom: 0;
      right: -20px;
      background: #ffffff;
      padding: 20px 40px;
      border-radius: 15px;
      border-left: 5px solid #0d6efd;
  }

  /* Typography Enhancements */
  .dropcap {
      font-size: 1.15rem;
      line-height: 1.8;
  }

  .dropcap::first-letter {
      font-size: 3.5rem;
      font-weight: 700;
      color: #0d6efd;
      float: left;
      margin-right: 10px;
      line-height: 1;
  }

  .speech-content p {
      margin-bottom: 25px;
      color: #495057;
      line-height: 1.8;
  }

  /* Blockquote Styling */
  .speech-quote {
      padding: 30px 40px;
      background-color: #f7f3f3;
      border-radius: 20px;
      position: relative;
      font-style: italic;
      font-size: 1.4rem;
      color: #212529;
      border-left: none;
      text-align: center;
  }

  .speech-quote::before {
      content: '"';
      position: absolute;
      top: -10px;
      left: 20px;
      font-size: 5rem;
      color: rgba(13, 110, 253, 0.1);
      font-family: serif;
  }

  /* Placeholder for signature font */
  .signature-font {
      font-family: 'Brush Script MT', cursive;
      /* Replace with a Google Font if needed */
      color: #212529;
  }


  /* Responsive adjustments */
  @media (max-width: 991px) {
      .ceo-signature-card {
          right: 0;
          left: 0;
          margin: 0 auto;
          width: fit-content;
      }

      .ceo-placeholder-bg {
          height: 350px;
      }
  }


  /* Split Layout Styling */
  .visual-data-section {
      background-color: #f7f3f3;
  }

  .visual-wrapper {
      position: relative;
      border-radius: 40px;
      overflow: hidden;
      transform: perspective(1000px) rotateY(-5deg);
      /* Modern 3D touch */
      transition: 0.5s ease;
  }

  .visual-wrapper:hover {
      transform: perspective(1000px) rotateY(0deg);
  }

  .floating-stats-card {
      position: absolute;
      bottom: 30px;
      right: 30px;
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(10px);
      padding: 15px 25px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }



  @keyframes pulse {
      0% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
      }

      70% {
          transform: scale(1);
          box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
      }

      100% {
          transform: scale(0.95);
          box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
      }
  }

  .text-gradient {
      background: linear-gradient(90deg, #0d6efd, #6610f2);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .metric-box {
      border-left: 3px solid #0d6efd !important;
  }

  .tracking-wider {
      letter-spacing: 2px;
  }




  /* Feature List Styling */
  .feature-listt li {
      margin-bottom: 15px;
      font-weight: 500;
      display: flex;
      align-items: center;
      color: #495057;
  }

  .feature-listt li i {
      color: #198754;
      margin-right: 12px;
      font-size: 1.25rem;
  }

  /* Card Grid Layout */
  .fd-card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 24px;
  }

  .fd-card {
      background: #f7f3f3;
      /* Custom Off-white */
      padding: 35px 30px;
      border-radius: 20px;
      transition: all 0.3s ease-in-out;
      border: 1px solid rgba(0, 0, 0, 0.03);
  }

  .fd-card:hover {
      transform: translateY(-8px);
      background: #ffffff;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
  }

  /* Icon Box Styling */
  .icon-box {
      width: 55px;
      height: 55px;
      background: #e7f1ff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      margin-bottom: 25px;
      font-size: 1.6rem;
  }

  .bg-success-light {
      background: #e6f4ea;
      color: #198754;
  }

  .fd-card h5 {
      font-weight: 700;
      font-size: 1.2rem;
      margin-bottom: 12px;
  }

  .fd-card p {
      font-size: 0.95rem;
      color: #6c757d;
      line-height: 1.6;
      margin-bottom: 0;
  }



  :root {
      --premium-bg: #f7f3f3;
      --primary-blue: #0d6efd;
      --dark-text: #1a1a1a;
  }


  .fd-premium-section {
      padding: 100px 0;
  }

  /* Typography */
  .text-gradient {
      background: linear-gradient(90deg, #0d6efd, #6610f2);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 800;
  }

  .premium-tag {
      background: rgba(13, 110, 253, 0.1);
      color: var(--primary-blue);
      padding: 8px 20px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 0.85rem;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 1px;
  }

  /* Image & Floating Card Logic */
  .fd-visual-wrapper {
      position: relative;
      padding-right: 20px;
  }

  .main-img {
      border-radius: 40px !important;
      transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      width: 100%;
      object-fit: cover;
      height: 450px;
  }

  .main-img:hover {
      transform: scale(1.03);
  }

  .fd-floating-card {
      position: absolute;
      bottom: -25px;
      right: -10px;
      background: #ffffff;
      padding: 30px;
      border-radius: 25px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(0, 0, 0, 0.05);
      z-index: 5;
      animation: floatVertical 4s ease-in-out infinite;
  }

  @keyframes floatVertical {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-15px);
      }
  }

  .icon-indicator {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      display: inline-block;
  }

  /* Features List */
  .fd-icon-box {
      min-width: 50px;
      height: 50px;
      background: white;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6rem;
      color: var(--primary-blue);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
      border: 1px solid rgba(0, 0, 0, 0.02);
  }

  .fd-item h5 {
      font-size: 1.15rem;
      letter-spacing: -0.3px;
  }

  /* Buttons */
  .btn-premium-dark {
      background: #1a1a1a;
      color: white;
      padding: 18px 40px;
      border-radius: 18px;
      border: none;
      font-weight: 700;
      transition: all 0.3s;
  }

  .btn-premium-dark:hover {
      background: var(--primary-blue);
      transform: translateY(-4px);
      box-shadow: 0 12px 25px rgba(13, 110, 253, 0.25);
      color: white;
  }

  .btn-outline-minimal {
      background: transparent;
      border: none;
      font-weight: 700;
      padding: 18px 20px;
      color: var(--dark-text);
      transition: 0.3s;
  }

  .btn-outline-minimal:hover {
      color: var(--primary-blue);
  }

  /* Responsive Fix */
  @media (max-width: 991px) {
      .fd-visual-wrapper {
          padding-right: 0;
          margin-bottom: 60px;
      }

      .fd-floating-card {
          bottom: -15px;
          right: 15px;
          padding: 20px;
      }

      .display-5 {
          font-size: 2.5rem;
      }
  }




  /* General Insurance Cards */
  .gi-card {
      background-color: #f7f3f3;
      /* Your preferred off-white */
      padding: 40px 30px;
      border-radius: 20px;
      height: 100%;
      transition: all 0.3s ease-in-out;
      border: 1px solid transparent;
  }

  .gi-card:hover {
      background-color: #ffffff;
      border-color: #0d6efd;
      transform: translateY(-8px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07) !important;
  }

  .gi-icon {
      width: 55px;
      height: 55px;
      background: #ffffff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 15px;
      margin-bottom: 25px;
      font-size: 1.6rem;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
      transition: all 0.3s ease;
  }

  .gi-card:hover .gi-icon {
      background: #0d6efd;
      color: #ffffff;
  }

  .gi-card h5 {
      font-weight: 700;
      margin-bottom: 12px;
  }

  .gi-card p {
      color: #6c757d;
      line-height: 1.6;
      margin-bottom: 20px;
  }

  /* Link Styling */
  .gi-link {
      text-decoration: none;
      font-weight: 600;
      color: #0d6efd;
      font-size: 0.9rem;
      display: flex;
      align-items: center;
      gap: 5px;
  }

  .gi-link i {
      font-size: 0.75rem;
      transition: transform 0.2s ease;
  }

  .gi-link:hover i {
      transform: translateX(4px);
  }

  /* Mobile Adjustments */
  @media (max-width: 576px) {
      .gi-card {
          padding: 30px 20px;
      }
  }




  .gold-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 1.5rem;
      padding: 35px;
      height: 100%;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .gold-card:hover {
      box-shadow: 0 20px 40px rgba(212, 175, 55, 0.1);
      border-color: #d4af37;
      /* Gold Tone */
      transform: translateY(-10px);
  }

  .gold-icon-box {
      width: 64px;
      height: 64px;
      background: rgba(212, 175, 55, 0.1);
      color: #b8860b;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      font-size: 1.5rem;
  }

  .ltv-badge {
      background: #fef3c7;
      color: #92400e;
      font-size: 0.8rem;
      padding: 4px 12px;
      border-radius: 50px;
      font-weight: 700;
  }

  .benefit-list {
      list-style: none;
      padding: 0;
      margin-top: 20px;
  }

  .benefit-list li {
      padding: 8px 0;
      font-size: 0.95rem;
      color: #64748b;
      display: flex;
      align-items: center;
  }

  .benefit-list li i {
      color: #10b981;
      margin-right: 12px;
  }




  /* Feature Box */
  .jlg-feature-box {
      background-color: #f7f3f3;
      /* Your preferred off-white */
      border-radius: 25px;
      border: 1px solid rgba(0, 0, 0, 0.03);
  }

  .jlg-icon {
      width: 40px;
      height: 40px;
      background: #ffffff;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #0d6efd;
      flex-shrink: 0;
  }

  /* Process Steps */
  .process-card {
      padding: 30px;
      background: #ffffff;
      border-radius: 20px;
      position: relative;
      border: 1px solid #f0f0f0;
      height: 100%;
      transition: all 0.3s ease;
  }

  .process-card:hover {
      border-color: #0d6efd;
      background-color: #f7f3f3;
  }

  .step-number {
      width: 40px;
      height: 40px;
      background: #0d6efd;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      font-weight: bold;
      box-shadow: 0 4px 10px rgba(13, 110, 253, 0.2);
  }

  .process-card h6 {
      font-weight: 700;
      margin-bottom: 10px;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
      .jlg-stats-row {
          justify-content: space-between;
      }
  }



  /* Trust Badge */
  .trust-badge {
      background-color: #f7f3f3;
      /* Your preferred off-white */
      border-radius: 15px;
      border: 1px solid rgba(0, 0, 0, 0.05);
  }

  /* Health Cards Styling */
  .health-card {
      padding: 35px 25px;
      background-color: #f7f3f3;
      border-radius: 20px;
      height: 100%;
      transition: all 0.3s ease-in-out;
      border: 1px solid transparent;
      text-align: center;
  }

  .health-card:hover {
      background-color: #ffffff;
      border-color: #0d6efd;
      transform: translateY(-8px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
  }

  /* Icons */
  .health-icon {
      width: 60px;
      height: 60px;
      background: #ffffff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 auto 20px;
      font-size: 1.6rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }

  .health-card h6 {
      font-weight: 700;
      margin-bottom: 12px;
      color: #212529;
  }

  .health-card p {
      line-height: 1.5;
      color: #6c757d;
  }





  .btn-outline-dark {
      border-radius: 12px;
      font-weight: 600;
  }




  /* CTA Box on the right */
  .cta-box {
      background-color: #f7f3f3;
      /* Your preferred off-white */
      border-radius: 24px;
      border: 1px solid rgba(0, 0, 0, 0.05);
  }

  /* Feature Cards */
  .home-feature-card {
      padding: 40px 30px;
      background-color: #f7f3f3;
      border-radius: 20px;
      height: 100%;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      border: 1px solid transparent;
  }

  .home-feature-card:hover {
      background-color: #ffffff;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
      transform: translateY(-10px);
      border-color: #0d6efd;
  }

  /* Highlights the middle card or a selected card */
  .active-card {
      background-color: #ffffff;
      border: 1px solid #0d6efd;
      box-shadow: 0 10px 30px rgba(13, 110, 253, 0.05);
  }

  .icon-circle {
      width: 60px;
      height: 60px;
      background: #ffffff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: 25px;
      font-size: 1.8rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }

  .home-feature-card h4 {
      font-weight: 700;
      font-size: 1.25rem;
      margin-bottom: 15px;
  }

  .home-feature-card p {
      color: #6c757d;
      font-size: 0.95rem;
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* Trust Bar text adjustment */
  .home-loan-section .border-top {
      border-color: #eee !important;
  }




  .product-image {
      position: relative;
  }

  .floating-img {
      position: absolute;
      width: 80px;
      z-index: 10;
  }

  .img-one {
      top: 10%;
      left: 0px;
      animation: upDown 3s infinite ease-in-out;
  }

  .img-two {
      bottom: 15%;
      right: 0px;
      animation: leftRight 4s infinite ease-in-out;
  }

  @keyframes upDown {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-30px);
      }
  }

  @keyframes leftRight {

      0%,
      100% {
          transform: translateX(0);
      }

      50% {
          transform: translateX(20px);
      }
  }


  .instant-loan-section {
      padding: 100px 0;
      background-color: #ffffff;
  }

  /* Status Badge with Pulse */
  .status-badge {
      display: inline-flex;
      align-items: center;
      background: #e6f4ea;
      color: #198754;
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 600;
  }

  .pulse-icon {
      width: 8px;
      height: 8px;
      background: #198754;
      border-radius: 50%;
      margin-right: 8px;
      box-shadow: 0 0 0 rgba(25, 135, 84, 0.4);
      animation: pulse-animation 2s infinite;
  }

  @keyframes pulse-animation {
      0% {
          box-shadow: 0 0 0 0px rgba(25, 135, 84, 0.4);
      }

      70% {
          box-shadow: 0 0 0 10px rgba(25, 135, 84, 0);
      }

      100% {
          box-shadow: 0 0 0 0px rgba(25, 135, 84, 0);
      }
  }

  /* Feature Pills */
  .badge-pill {
      background: #f7f3f3;
      /* Your preferred off-white */
      padding: 8px 20px;
      border-radius: 12px;
      font-size: 0.9rem;
      font-weight: 500;
      color: #495057;
  }

  /* Quick Stats */
  .quick-stat {
      border-left: 3px solid #0d6efd;
      padding-left: 15px;
  }

  /* Step Cards */
  .step-card {
      display: flex;
      align-items: center;
      padding: 20px;
      background: #f7f3f3;
      border-radius: 20px;
      transition: all 0.3s ease;
      border: 1px solid transparent;
  }

  .step-card:hover {
      background: #ffffff;
      border-color: #0d6efd;
      transform: translateX(10px);
  }

  .step-icon {
      width: 45px;
      height: 45px;
      background: #0d6efd;
      color: #ffffff;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      margin-right: 20px;
      flex-shrink: 0;
  }

  .step-text h6 {
      font-weight: 700;
      margin-bottom: 2px;
  }







  /* Feature Item Styling */
  .life-feature {
      display: flex;
      gap: 15px;
      padding: 15px;
      border-radius: 15px;
      transition: all 0.3s ease;
  }

  .life-feature:hover {
      background-color: #f7f3f3;
      /* Custom Off-white */
      transform: translateX(5px);
  }

  .life-feature i {
      font-size: 1.8rem;
      color: #0d6efd;
      background: #e7f1ff;
      width: 55px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      flex-shrink: 0;
  }

  .life-feature h6 {
      font-weight: 700;
      margin-bottom: 5px;
  }

  /* Right Side Benefit Box */
  .benefit-box {
      background: #ffffff;
      border-radius: 30px;
      overflow: hidden;
      border: 1px solid #eee;
  }

  .benefit-header {
      background: linear-gradient(135deg, #0d6efd, #004db3);
      padding: 30px;
      text-align: center;
  }

  .benefit-body {
      padding: 40px 30px;
      background-color: #f7f3f3;
      /* Matching off-white theme */
  }

  .benefit-body li {
      padding: 12px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      font-weight: 500;
      color: #495057;
  }

  .benefit-body li:last-child {
      border-bottom: none;
  }

  .benefit-body li i {
      color: #198754;
  }



  @media (max-width: 991px) {
      .life-insurance-section {
          padding: 60px 0;
      }

      .benefit-box {
          margin-top: 40px;
      }
  }



  /* Profile Card */
  .md-profile-card {
      background-color: #ffffff;
      border-radius: 25px;
      overflow: hidden;
      border: 1px solid #eee;
  }

  .md-image-holder {
      height: 350px;
      background-color: #f7f3f3;
      /* Your preferred off-white */
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 8rem;
      color: rgba(0, 0, 0, 0.05);
  }

  .social-links a {
      color: #6c757d;
      font-size: 1.2rem;
      transition: color 0.3s ease;
  }

  .social-links a:hover {
      color: #0d6efd;
  }

  /* Sidebar Stats */
  .stats-sidebar {
      background-color: #f7f3f3;
      border-radius: 20px;
      border-left: 4px solid #0d6efd;
  }

  /* Speech Content */
  .speech-body p {
      line-height: 1.8;
      color: #495057;
      margin-bottom: 20px;
  }

  .value-item {
      background-color: #f7f3f3;
      border: 1px solid transparent;
      transition: all 0.3s ease;
  }

  .value-item:hover {
      background-color: #ffffff;
      border-color: #0d6efd;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  }


  @media (max-width: 991px) {
      .md-speech-section {
          padding: 60px 0;
      }
  }


  /* Custom Light Theme Variables & Styles */
  :root {
      --primary-blue: #2563eb;
      --secondary-purple: #7c3aed;
      --light-bg: #f8fafc;
      --card-bg: #ffffff;
      --text-main: #1e293b;
      --text-muted: #64748b;
      --border-color: #e2e8f0;
  }

  /* Statistics Section */
  .stat-card {
      background: var(--card-bg);
      border: 1px solid var(--border-color);
      padding: 2rem;
      border-radius: 1.25rem;
      transition: all 0.3s ease;
  }

  .stat-card:hover {
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
      border-color: var(--primary-blue);
  }

  /* Bento Grid Section */
  .bento-section {
      background-color: var(--light-bg);
  }

  .bento-card {
      background: var(--card-bg);
      border: 1px solid var(--border-color);
      border-radius: 1.5rem;
      padding: 2.5rem;
      height: 100%;
      transition: transform 0.3s ease;
  }

  .bento-card-highlight {
      background: linear-gradient(135deg, #f1f5f9 0%, #ffffff 100%);
  }

  .bento-card:hover {
      transform: translateY(-5px);
  }

  .icon-circle {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
  }

  /* CTA Section */
  .cta-banner {
      background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-purple) 100%);
      border-radius: 2rem;
      padding: 4rem 2rem;
      position: relative;
      overflow: hidden;
  }

  .cta-btn-light {
      background: #ffffff;
      color: var(--primary-blue);
      font-weight: 700;
      padding: 1rem 2.5rem;
      border-radius: 50px;
      text-decoration: none;
      transition: 0.3s;
  }

  .cta-btn-outline {
      border: 2px solid rgba(255, 255, 255, 0.8);
      color: #ffffff;
      font-weight: 600;
      padding: 1rem 2.5rem;
      border-radius: 50px;
      text-decoration: none;
      transition: 0.3s;
  }

  .cta-btn-light:hover {
      background: #f1f5f9;
      transform: scale(1.05);
  }




  /* Visual Side Styling */
  .mortgage-visual {
      height: 400px;
      background-color: #f7f3f3;
      border-radius: 30px;
      position: relative;
      border: 1px solid rgba(0, 0, 0, 0.05);
  }

  .mortgage-badge {
      position: absolute;
      top: 10%;
      right: -20px;
      background: #0d6efd;
      color: #fff;
      padding: 25px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(13, 110, 253, 0.3);
  }

  .experience-card {
      position: absolute;
      bottom: 10%;
      left: -20px;
      background: #ffffff;
      padding: 20px 30px;
      border-radius: 15px;
  }

  /* Benefit Items */
  .benefit-item {
      display: flex;
      gap: 15px;
      padding: 20px;
      background: #f7f3f3;
      /* Custom Off-white */
      border-radius: 15px;
      height: 100%;
      transition: all 0.3s ease;
  }

  .benefit-item:hover {
      background: #ffffff;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  }

  .benefit-item i {
      font-size: 1.5rem;
      color: #0d6efd;
      line-height: 1;
  }

  .benefit-item h6 {
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 1rem;
  }

  /* Typography & Buttons */
  .text-primary {
      color: #0d6efd !important;
      letter-spacing: 1px;
  }

  .btn-primary {
      border-radius: 12px;
      font-weight: 600;
  }

  /* Responsive Fixes */
  @media (max-width: 991px) {

      .mortgage-badge,
      .experience-card {
          right: 10px;
          left: 10px;
          position: relative;
          margin-top: 10px;
          display: inline-block;
      }

      .mortgage-visual {
          height: auto;
          padding: 40px;
      }
  }



  /* Vehicle Selection Pills */
  .vehicle-type-card {
      background: #f7f3f3;
      padding: 15px 25px;
      border-radius: 15px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 600;
      border: 1px solid rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
  }

  .vehicle-type-card i {
      font-size: 1.5rem;
      color: #0d6efd;
  }

  .vehicle-type-card:hover {
      background: #ffffff;
      border-color: #0d6efd;
      transform: translateY(-5px);
  }

  /* Motor Feature Cards */
  .motor-card {
      background: #f7f3f3;
      padding: 40px 30px;
      border-radius: 20px;
      height: 100%;
      transition: all 0.3s ease;
      border: 1px solid transparent;
  }

  .motor-card:hover {
      background: #ffffff;
      border-color: #0d6efd;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
  }

  .active-motor-card {
      background: #ffffff;
      border: 1px solid #0d6efd;
  }

  .motor-icon {
      width: 50px;
      height: 50px;
      background: #e7f1ff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      margin-bottom: 20px;
      font-size: 1.5rem;
  }

  .motor-card h5 {
      font-weight: 700;
      margin-bottom: 15px;
  }

  .motor-card p {
      font-size: 0.95rem;
      color: #6c757d;
      line-height: 1.6;
      margin-bottom: 0;
  }

  /* Bottom CTA Banner */
  .cta-banner {
      background-color: #f7f3f3;
      border-radius: 20px;
      border: 1px dashed #0d6efd;
  }

  .btn-primary {
      box-shadow: 0 10px 20px rgba(13, 110, 253, 0.15);
  }

  /* Responsive Utilities */
  @media (max-width: 991px) {
      .motor-insurance-section {
          padding: 60px 0;
      }
  }



  /* Benefit List Icons */
  .check-icon {
      color: #0d6efd;
      font-size: 1.4rem;
      line-height: 1;
  }

  /* Form Card Styling */
  .partner-form-card {
      border-radius: 20px;
      border: none;
  }

  .partner-form-card .form-control {
      background-color: #f7f3f3;
      /* Your preferred off-white */
      border: 1px solid transparent;
      padding: 12px 15px;
      border-radius: 10px;
  }

  .partner-form-card .form-control:focus {
      background-color: #ffffff;
      border-color: #0d6efd;
      box-shadow: none;
  }

  /* Step Cards */
  .partner-step-card {
      background-color: #f7f3f3;
      padding: 40px 30px;
      border-radius: 25px;
      height: 100%;
      transition: all 0.3s ease;
      border: 1px solid transparent;
  }

  .partner-step-card:hover {
      background-color: #ffffff;
      border-color: #0d6efd;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
      transform: translateY(-8px);
  }

  .step-badge {
      width: 45px;
      height: 45px;
      background: #0d6efd;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      margin: 0 auto;
      font-size: 1.2rem;
  }

  /* Rounded Utilities */
  .rounded-top-4 {
      border-top-left-radius: 20px !important;
      border-top-right-radius: 20px !important;
  }

  .rounded-bottom-4 {
      border-bottom-left-radius: 20px !important;
      border-bottom-right-radius: 20px !important;
  }

  .text-primary {
      color: #0d6efd !important;
  }

  @media (max-width: 991px) {
      .partner-channel-section {
          padding: 60px 0;
      }
  }




  /* Bento Grid Layout */
  .product-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto auto;
      gap: 20px;
  }

  /* Individual Card Styling */
  .product-card {
      background: #f7f3f3;
      /* Custom Off-white */
      padding: 30px;
      border-radius: 20px;
      border: 1px solid rgba(0, 0, 0, 0.02);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .product-card:hover {
      transform: translateY(-5px);
      background: #ffffff;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06) !important;
  }

  /* Main Large Card */
  .main-card {
      grid-column: span 2;
      grid-row: span 1;
      position: relative;
      overflow: hidden;
  }

  .product-icon {
      position: absolute;
      right: -10px;
      bottom: -10px;
      font-size: 8rem;
      color: rgba(13, 110, 253, 0.05);
      transform: rotate(-15deg);
  }

  /* Small Cards */
  .sub-card {
      grid-column: span 1;
  }

  .icon-box-small {
      width: 45px;
      height: 45px;
      background: #e7f1ff;
      color: #0d6efd;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      margin-bottom: 15px;
      font-size: 1.3rem;
  }

  .bg-success-light {
      background: #e6f4ea;
      color: #198754;
  }

  /* Promo/Wide Card */
  .promo-card {
      grid-column: span 4;
      background: #f1f8ff;
      border: 1px dashed #0d6efd;
      flex-direction: row;
  }

  /* Link Styling */
  .btn-link {
      text-decoration: none;
      font-weight: 600;
      color: #0d6efd;
      font-size: 0.95rem;
  }

  /* Responsive Adjustments */
  @media (max-width: 992px) {
      .product-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .promo-card {
          grid-column: span 2;
      }
  }

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

      .main-card,
      .sub-card,
      .promo-card {
          grid-column: span 1;
      }

      .promo-card {
          flex-direction: column;
          gap: 15px;
      }
  }


  /* Styling for the RD Section */
  .rd-premium-section {
      background-color: #f7f3f3;
      padding: 100px 0;
  }

  .rounded-custom {
      border-radius: 40px;
  }

  .text-primary-gradient {
      background: linear-gradient(90deg, #0d6efd, #6610f2);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  /* Floating Card Animation */
  .floating-data-card {
      position: absolute;
      top: 15%;
      right: -30px;
      background: #ffffff;
      padding: 25px;
      border-radius: 24px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(5px);
  }

  .animate-float {
      animation: float 4s ease-in-out infinite;
  }

  @keyframes float {

      0%,
      100% {
          transform: translateY(0);
      }

      50% {
          transform: translateY(-15px);
      }
  }

  /* Feature Item Styling */
  .border-start-highlight {
      background: #ffffff;
      border-left: 4px solid #0d6efd;
      transition: 0.3s;
  }

  .border-start-highlight:hover {
      transform: translateX(10px);
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  }

  /* Badge & Buttons */
  .badge-premium {
      background: rgba(13, 110, 253, 0.1);
      color: #0d6efd;
      padding: 8px 20px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 0.8rem;
      display: inline-block;
  }

  .btn-premium-dark {
      background: #1a1a1a;
      color: white;
      padding: 15px 35px;
      border-radius: 16px;
      border: none;
      font-weight: 700;
      transition: 0.3s;
  }

  .btn-premium-dark:hover {
      background: #0d6efd;
      transform: translateY(-3px);
      box-shadow: 0 10px 20px rgba(13, 110, 253, 0.2);
  }

  .btn-outline-text {
      background: transparent;
      border: none;
      font-weight: 700;
      color: #1a1a1a;
      transition: 0.2s;
  }

  .btn-outline-text:hover {
      color: #0d6efd;
  }

  .icon-pulse {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      box-shadow: 0 0 10px #28a745;
  }


  /* Section Base */
  .interest-rates-section {
      /* padding: 48px 0; */
      /* background-color: #f7f3f3;  */
  }

  .section-title {
      font-weight: 800;
      color: #2d3436;
      letter-spacing: -0.5px;
  }

  .highlight-text {
      color: #0d6efd;
  }

  .section-subtitle {
      color: #6c757d;
      font-size: 1.1rem;
  }

  /* Table Wrapper */
  .premium-table-wrapper {
      background: #ffffff;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, 0.05);
  }

  /* Table Header */
  .custom-rates-table thead tr {
      background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  }

  .custom-rates-table thead th {
      padding: 12px;
      font-size: 0.85rem;
      text-transform: uppercase;
      font-weight: 700;
      color: #495057;
      border-bottom: 2px solid #dee2e6;
  }

  /* Table Rows */
  .table-row-item {
      transition: all 0.3s ease;
  }

  .table-row-item:hover {
      background-color: rgba(13, 110, 253, 0.03) !important;
      transform: scale(1.001);
      box-shadow: inset 4px 0 0 #0d6efd;
  }

  .table-row-item td {
      padding: 12px;
  }

  /* Custom Scroll Management Class */
  .no-scroll-wrapper {
      overflow-x: auto;
      scrollbar-width: none;
      /* Firefox-er jonno */
      -ms-overflow-style: none;
      /* IE/Edge-er jonno */
  }

  /* Chrome, Safari ebong Opera-r jonno */
  .no-scroll-wrapper::-webkit-scrollbar {
      display: none;
  }

  /* Table jate overflow na hoy seta ensure kora */
  .custom-rates-table {
      min-width: 600px;
      /* Chhoto screen-e jate table ekbare bhenge na jay */
      width: 100% !important;
  }

  /* Plan Info Styling */
  .plan-info-box {
      display: flex;
      align-items: center;
  }

  .plan-icon {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      font-size: 1.25rem;
  }

  .bg-primary-soft {
      background: rgba(13, 110, 253, 0.1);
      color: #0d6efd;
  }

  .bg-info-soft {
      background: rgba(13, 202, 240, 0.1);
      color: #0dcaf0;
  }

  .bg-warning-soft {
      background: rgba(255, 193, 7, 0.1);
      color: #ffc107;
  }

  .plan-name {
      display: block;
      font-weight: 700;
      color: #212529;
  }

  .plan-tagline {
      color: #adb5bd;
      font-size: 0.75rem;
  }

  /* Badges & Text */
  .tenure-badge {
      background: #f8f9fa;
      border: 1px solid #dee2e6;
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 500;
  }

  .rate-value {
      font-weight: 700;
      font-size: 1.1rem;
  }

  .min-amount {
      color: #6c757d;
      font-weight: 500;
  }

  /* Action Button */
  .btn-action-outline {
      background: transparent;
      border: 2px solid #0d6efd;
      color: #0d6efd;
      padding: 6px 20px;
      border-radius: 50px;
      font-weight: 600;
      font-size: 0.85rem;
      transition: all 0.2s ease;
  }

  .btn-action-outline:hover {
      background: #0d6efd;
      color: #ffffff;
  }


  /* Editorial Style Base */
  .editorial-features {
      /* padding: 120px 0; */
      background-color: #f7f3f3;
      color: #1a1a1a;
  }

  .border-bottom-dark {
      border-bottom: 2px solid #1a1a1a;
  }

  .italic-font {
      font-family: serif;
      /* Modern trend: mixing serif italics with sans-serif */
      font-style: italic;
      color: #0d6efd;
  }

  .tracking-widest {
      letter-spacing: 3px;
      font-size: 0.75rem;
  }

  /* Feature Item Styling */
  .feature-number {
      font-size: 0.9rem;
      font-weight: 800;
      color: #0d6efd;
      margin-right: 25px;
      padding-top: 5px;
      opacity: 0.6;
  }

  .lead-sm {
      font-size: 1rem;
      line-height: 1.7;
      font-weight: 400;
  }

  /* Responsive Borders */
  @media (min-width: 768px) {
      .border-right-light {
          border-right: 1px solid rgba(0, 0, 0, 0.1);
      }
  }

  /* Typography polish */
  .editorial-features h4 {
      letter-spacing: -0.5px;
      margin-bottom: 12px;
  }

  .editorial-features .text-secondary {
      color: #555 !important;
  }




  /* Video/Visual Thumbnail */
  .culture-video-thumb {
      height: 350px;
      background-color: #f7f3f3;
      /* Your preferred off-white */
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      border: 1px solid rgba(0, 0, 0, 0.05);
  }

  .play-button {
      width: 80px;
      height: 80px;
      background: #0d6efd;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      cursor: pointer;
      box-shadow: 0 10px 25px rgba(13, 110, 253, 0.3);
      transition: transform 0.3s ease;
  }

  .play-button:hover {
      transform: scale(1.1);
  }

  .culture-video-thumb .badge {
      position: absolute;
      bottom: 20px;
      left: 20px;
      padding: 10px 20px;
      border-radius: 10px;
  }

  /* Career Benefit Cards */
  .career-card {
      background-color: #f7f3f3;
      padding: 40px 30px;
      border-radius: 20px;
      height: 100%;
      border: 1px solid transparent;
      transition: all 0.3s ease;
  }

  .career-card:hover {
      background-color: #ffffff;
      border-color: #0d6efd;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
      transform: translateY(-5px);
  }

  .career-icon {
      font-size: 1.8rem;
      color: #0d6efd;
      margin-bottom: 20px;
  }

  .career-card h5 {
      font-weight: 700;
      margin-bottom: 12px;
  }

  /* Bottom Banner */
  .join-banner {
      background-color: #f7f3f3;
      border-radius: 30px;
  }



  @media (max-width: 991px) {
      .culture-video-thumb {
          height: 250px;
      }
  }

  /* Container Utility */
  .w-fit-content {
      width: fit-content;
  }

  .bg-primary-soft {
      background-color: rgba(13, 110, 253, 0.1);
  }

  /* The Premium Card */
  .insurance-card-premium {
      background: #ffffff;
      padding: 40px;
      border-radius: 30px;
      border: 1px solid rgba(0, 0, 0, 0.03);
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
      height: 100%;
      position: relative;
      overflow: hidden;
  }

  .insurance-card-premium:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
      border-color: #0d6efd;
  }

  /* Icon Gradient Wrappers */
  .card-icon-wrapper {
      width: 60px;
      height: 60px;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      color: #fff;
      margin-bottom: 25px;
  }

  .bg-blue-gradient {
      background: linear-gradient(135deg, #0d6efd, #00d2ff);
  }

  .bg-purple-gradient {
      background: linear-gradient(135deg, #6610f2, #a927f9);
  }

  .bg-green-gradient {
      background: linear-gradient(135deg, #198754, #20c997);
  }

  .bg-orange-gradient {
      background: linear-gradient(135deg, #fd7e14, #ffc107);
  }

  /* Typography */
  .insurance-card-premium h4 {
      font-weight: 800;
      font-size: 1.35rem;
      margin-bottom: 15px;
      color: #212529;
  }

  .insurance-card-premium p {
      color: #6c757d;
      font-size: 0.95rem;
      line-height: 1.6;
  }

  /* Links */
  .arrow-link {
      text-decoration: none;
      font-weight: 700;
      font-size: 0.9rem;
      color: #0d6efd;
      display: inline-flex;
      align-items: center;
      margin-top: 15px;
  }

  .arrow-link i {
      font-size: 0.75rem;
      margin-left: 5px;
      transition: transform 0.3s;
  }

  .insurance-card-premium:hover .arrow-link i {
      transform: translateX(5px);
  }


  /* Container Bar */
  .stats-bar-premium {
      background-color: #ffffff;
      border-radius: 20px;
      padding: 30px;
      border: 1px solid rgba(0, 0, 0, 0.04);
  }

  /* Individual Stat Item */
  .stat-item {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      border-right: 2px dashed rgba(13, 110, 253, 0.15);
      /* Dashed divider */
  }

  /* Icons */
  .stat-icon-wrapper {
      width: 60px;
      height: 60px;
      background: rgba(13, 110, 253, 0.1);
      /* Primary blue soft background */
      color: #0d6efd;
      /* Primary blue icon */
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      margin-right: 20px;
  }

  /* Content (Numbers and Text) */
  .stat-content h2 {
      font-weight: 800;
      font-size: 1.6rem;
      color: #212529;
  }

  .stat-content p {
      color: #6c757d;
      line-height: 1.5;
  }

  /* Mobile responsive fix */
  @media (max-width: 991px) {
      .stat-item {
          border-right: none !important;
          border-bottom: 2px dashed rgba(13, 110, 253, 0.15);
          padding-bottom: 20px;
          margin-bottom: 20px;
          justify-content: start;
      }
  }