.Open-blog-section-container {
      font-family: 'Poppins', sans-serif;
      background-color: #ffffff;
      color: #000000;
      margin: 0;
      padding: 0;
    }

    .inside-blog-section-container {
      padding: 10px 0;
      background-color: #ffffff;
    }

    .Open-blog-section-container .section-title {
      font-size: 2.5rem;
      font-weight: 600;
      color: #000000;
    }

    .Open-blog-section-container .section-title span {
      color: #d91e63;
    }
    .pink{
       color: #d91e63;
    }

    .Open-blog-section-container .card {
      background: #ffffff !important;
      color: #000000;
      border-radius: 3px;
      border:1.5px solid rgb(147, 1, 110) !important;
      border: none;
      overflow: hidden;
       height: 450px !important;
      transition: all 0.4s ease;
      border-radius: 18px;
      position: relative;
   
    }

    .Open-blog-section-container .card:hover {
      transform: scale(1.03);
      box-shadow: 0 0 10px rgba(217, 30, 99, 0.4);
    }


    .Open-blog-section-container .card:hover::before {
      opacity: 1;
    }

    .Open-blog-section-container .card-img-top {
      height: 220px;
      object-fit: cover;
      border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    }

    .Open-blog-section-container .card-body {
      padding: 1.2rem;
        position: relative !important;
    }

    .Open-blog-section-container .card-title {
      font-size: 1.1rem;
      font-weight: 600;
      color: #000000;
    }

    .Open-blog-section-container .card-text {
      font-size: 0.95rem;
      color: #000000;
    }

    .Open-blog-section-container .read-more {
      color:rgb(117, 10, 46);
      font-weight: 700;
      text-decoration: none;
      transition: color 0.3s;
      border: 2px solid rgb(117, 10, 46);
      padding: 8px;
      
        position: absolute !important;
      bottom: 18px !important;    
    }



    .read-more:hover {
      color: #ffffff !important;
      background-color:  rgb(117, 10, 46);
    }

    @media (max-width: 768px) {
      .Open-blog-section-container .section-title {
        font-size: 2rem;
      }

      .Open-blog-section-container .card-title {
        font-size: 1rem;
      }

      .Open-blog-section-container .card-text {
        font-size: 0.9rem;
      }
    }

    @media (max-width: 576px) {
      .Open-blog-section-container .card-img-top {
        height: 180px;
      }

      .Open-blog-section-container .section-title {
        font-size: 1.8rem;
      }
    }
/* Read Our Blog Banner CSS Starting */

    .rksolars-blog-topBanner-container {
      background: linear-gradient(135deg, #f93e3e, #f0afd7);
      padding: 70px 20px;
      text-align: center;
      position: relative;
      overflow: hidden;
      color: #000000;
    }

    .rksolars-blog-topBanner-heading {
      font-size: 3rem;
      font-weight: 700;
      color: #ffffff;
      text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
      margin-bottom: 10px;
      position: relative;
      z-index: 2;
    }

    .rksolars-blog-topBanner-container::after {
      content: "";
      position: absolute;
      top: -50px;
      right: -50px;
      width: 200px;
      height: 200px;
      background: rgba(0, 0, 0, 0.075);
      border-radius: 50%;
      z-index: 0;
    }

    .rksolars-blog-topBanner-container::before {
      content: "";
      position: absolute;
      bottom: -60px;
      left: -60px;
      width: 180px;
      height: 180px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      z-index: 0;
    }

    @media (max-width: 768px) {
      .rksolars-blog-topBanner-container {
        padding: 70px 20px;
      }

      .rksolars-blog-topBanner-heading {
        font-size: 2.2rem;
      }
    }

    @media (max-width: 480px) {
      .rksolars-blog-topBanner-heading {
        font-size: 1.8rem;
      }
    }