.magazine-wrapper {
	  width: calc(100% - 40px); /* 20px margin on left + 20px on right = 40px */
	  margin: 20px;            /* top/bottom 0, left/right 20px */
	  padding: 0 20px;
	  box-sizing: border-box;
	  background-color: #141414;
	}

.magazine-section {
  width: calc(100% - 40px);  /* 20px left + 20px right margins */
  margin: 20px;              /* All sides */
  padding: 1rem 20px;
  background-color: #141414;
}}

    .magazine-section h2 {
      font-size: 2rem;
      margin-bottom: 1.5rem;
      color: #fff;
    }

    .card-scroll-wrapper {
	  display: flex;
	  justify-content: center; /* ✅ Centers the scroll container itself */
	  background-color: #141414;
	  
	}

	.card-scroll-container {
	  display: flex;
	  gap: 1.5rem;
	  overflow-x: auto;
	  scroll-behavior: smooth;
	  /* padding: 0 2rem 1rem 2rem; */
	  padding:1rem;
	  
	}


    .card-scroll-container::-webkit-scrollbar {
      height: 8px;
    }

    .card-scroll-container::-webkit-scrollbar-thumb {
      background-color: #555;
      border-radius: 4px;
    }

    .magazine-card {
      flex: 0 0 auto;
      width: 300px;
      background-color: #1b1b1b;
      border-radius: 4px;
      overflow: hidden;
      transition: transform 0.3s ease;
      box-shadow: 0 0 20px rgba(0, 255, 255, 0.2); /* subtle glow */
    }

    .magazine-card:hover {
      
transform: translateX(3px); /* subtle lift */
  /* box-shadow: 0 0 20px rgba(0, 255, 255, 0.3),  */
              /* 0 0 40px rgba(0, 255, 255, 0.3); /* glowing effect */	
    }

    .magazine-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
    }

    .magazine-card .card-content {
      padding: 1rem;
    }

    .magazine-card .category {
      font-size: 0.85rem;
      color: #ffd700;
      margin-bottom: 0.5rem;
	  font-weight:bold;
    }

    .magazine-card h4 {
      font-size: 1.05rem;
      margin: 0;
      color: #fff;
      text-decoration: none;
	  /* text-decoration: underline; */
      line-height: 1.4;
	  font-weight:normal;
    }

    @media (max-width: 768px) {
      .magazine-card {
        width: 250px;
      }
    }